` shows as \"container\"\n- `
![]()
` shows as \"image\"\n- And many more user-friendly names\n\n## How it works\n\n1. Call `launchSelector()` or render the `ElementSelector` component\n2. Choose between **Select** (default) and **Insert** in the toolbar, if toggling is enabled\n3. Move your mouse over the page to preview the target\n - Select mode highlights whole elements\n - Insert mode draws a rule between siblings to illustrate the drop point\n4. Click to confirm the current highlight\n5. In select + multi-select mode: click multiple elements, then press Enter to confirm (click again to remove)\n6. Press Escape at any time to cancel without making a selection\n\n### Resetting persisted highlights\n\nIf you enable `retainSelectionHighlights`, call `resetSelectionHighlights()` when you want to remove the overlays without starting a new selection session:\n\n```javascript\nimport { resetSelectionHighlights } from \"@botanicastudios/element-selector\";\n\n// Clear persisted highlight boxes\nresetSelectionHighlights();\n```\n\n## Available Scripts\n\nIn the project directory, you can run:\n\n### `npm run dev`\n\nRuns the demo app in development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in your browser.\n\nThe page will reload when you make changes.\\\nYou may also see any lint errors in the console.\n\n### `npm run build`\n\nBuilds the library as an ES module to the `dist` folder.\\\nThis creates the production-ready library files that can be published to npm.\n\n### `npm test`\n\nLaunches the test runner in the interactive watch mode.\\\nSee the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.\n\n## GitHub Pages\n\nPushes to `main` automatically build the Create React App demo (`npm run demo:build`) and publish it to GitHub Pages via `.github/workflows/deploy-demo.yml`. You can also trigger a deployment manually with the **Run workflow** button in the Actions tab.\n","readmeFilename":"README.md"}