@shelamkoff/rector 1.0.0

package/dist/plugins/image/README.md

@@ -0,0 +1,93 @@
+# Image block plugin
+
+Uploadable image with caption, sizing, border, background, and object-fit controls.
+
+## Install and register
+
+```bash
+npm install @shelamkoff/rector
+```
+
+```js
+import { createEditor } from '@shelamkoff/rector'
+import { Image } from '@shelamkoff/rector/plugins/image'
+import '@shelamkoff/rector/styles/editor.css'
+
+const editor = createEditor({
+  holder: document.querySelector('#editor'),
+  plugins: [new Image()],
+})
+```
+
+The registered block type is `image`. The class is also exported by the complete `@shelamkoff/rector/plugins` preset and can be loaded through `@shelamkoff/rector/plugins/async`.
+
+## Data
+
+```json
+{
+  "file": { "url": "https://cdn.example/image.jpg" },
+  "caption": "Caption",
+  "withBorder": false,
+  "expanded": false,
+  "withBackground": false,
+  "styles": { "objectFit": "cover", "borderRadius": "8px" }
+}
+```
+
+### Field reference
+
+| Field | Required | Meaning and constraints |
+| --- | --- | --- |
+| `file.url` | yes | Canonical media URL accepted by Rector's media policy. An empty URL exists only in an unsaved empty block. |
+| `file.width`, `file.height` | no | Positive finite intrinsic dimensions in pixels. |
+| `caption` | no | Caption as sanitized inline HTML; defaults to an empty string. |
+| `withBorder` | no | Enables the built-in border presentation; defaults to `false`. |
+| `expanded` | no | Expands the image to the editor content width and ignores custom width constraints while active; defaults to `false`. |
+| `withBackground` | no | Applies `styles.backgroundColor` to the image container; defaults to `false`. |
+| `styles` | no | String-valued style map. The settings UI writes `width`, `height`, `minWidth`, `minHeight`, `maxWidth`, `maxHeight`, `objectFit`, `objectPosition`, `backgroundColor`, `borderStyle`, `borderColor`, `borderWidth`, and `borderRadius`. CSS values should be constrained by the host when data is untrusted. |
+
+Without `uploadFile`, local files are stored as data URLs. Validate file size/type in application code before remote upload. Callback results are accepted only when `url` passes the shared media URL policy.
+
+## Configuration
+
+Every built-in block plugin accepts two style ownership options: `injectStyles?: boolean` defaults to `true`; set it to `false` when the host bundles that plugin's CSS. `css?: string` adds one host-provided stylesheet URL after the plugin default, or acts as the replacement URL when default injection is disabled.
+
+`uploadFile?: (file: File, context: { signal: AbortSignal }) => Promise<{ url: string; alt?: string }>` uploads a file. `actions?: Array<{ icon?; label; handler(context: { signal: AbortSignal }): Promise<{ url: string; alt?: string } | null> }>` adds application media sources. Both callbacks must stop work when the supplied signal is aborted.
+
+## Application file sources
+
+Use `uploadFile` when the user selects a browser `File`. Use `actions` to add application-owned choices such as a media library, cloud drive, or stock catalog. Each action is shown both before an image is selected and in the controls of a populated block.
+
+`openMediaLibrary` in this example belongs to the consuming application; Rector does not prescribe its UI or transport:
+
+```js
+const image = new Image({
+  actions: [{
+    label: 'Media library',
+    async handler({ signal }) {
+      const asset = await openMediaLibrary({
+        accept: ['image/*'],
+        multiple: false,
+        signal,
+      })
+      return asset ? { url: asset.url, alt: asset.alt } : null
+    },
+  }],
+})
+```
+
+Return `null` when selection is cancelled. A valid result replaces the image in one undo/redo step; `alt` initializes an empty caption. Multiple independent sources may be added as separate `actions` entries. See [File sources and media libraries](https://shelamkoff.github.io/editor/guide/file-sources) for upload, cancellation, validation, and reusable adapter guidance.
+
+## Capabilities
+
+Image-file and URL paste; async paste transaction; settings; custom media actions; deterministic cleanup.
+
+## Undo, lifecycle, and styles
+
+User actions exposed by the plugin enter the command pipeline through the supplied `context.mutate()` capability, so each completed action is one undo/redo step. The editor reference-counts the plugin's declared stylesheet URLs. Removing a block calls its cleanup hook; removing the editor calls `destroy()` for every remaining block and then releases shared plugin resources.
+
+Do not remove the editor holder without first calling `editor.destroy()`.
+
+## Document output
+
+Use the matching renderer from `@shelamkoff/rector/renderer/renderers/image`. The VitePress guide documents configuration, commands and history, extension contracts, document migrations, styling, security, and lifecycle in a sequential form.

package/dist/plugins/image/README.ru.md

@@ -0,0 +1,94 @@
+# Блочный плагин Image
+
+Изображение с загрузкой, подписью, размерами, рамкой, фоном и режимом вписывания.
+
+## Установка и регистрация
+
+```bash
+npm install @shelamkoff/rector
+```
+
+```js
+import { createEditor } from '@shelamkoff/rector'
+import { Image } from '@shelamkoff/rector/plugins/image'
+import '@shelamkoff/rector/styles/editor.css'
+
+const editor = createEditor({
+  holder: document.querySelector('#editor'),
+  plugins: [new Image()],
+})
+```
+
+Тип блока — `image`. Класс также экспортируется общей точкой входа `@shelamkoff/rector/plugins` и может загружаться по типу документа через `@shelamkoff/rector/plugins/async`.
+
+## Данные
+
+```json
+{
+  "file": { "url": "https://cdn.example/image.jpg" },
+  "caption": "Подпись",
+  "withBorder": false,
+  "expanded": false,
+  "withBackground": false,
+  "styles": { "objectFit": "cover", "borderRadius": "8px" }
+}
+```
+
+### Поля данных
+
+| Поле | Обязательное | Назначение и ограничения |
+| --- | --- | --- |
+| `file.url` | да | Канонический адрес медиафайла, разрешённый политикой Rector. Пустой адрес существует только в ещё не сохранённом пустом блоке. |
+| `file.width`, `file.height` | нет | Положительные конечные исходные размеры в пикселях. |
+| `caption` | нет | Подпись в виде очищенной внутристрочной HTML-разметки; по умолчанию пустая строка. |
+| `withBorder` | нет | Включает встроенное оформление рамки; по умолчанию `false`. |
+| `expanded` | нет | Растягивает изображение до ширины содержимого редактора и временно игнорирует пользовательские ограничения ширины; по умолчанию `false`. |
+| `withBackground` | нет | Применяет `styles.backgroundColor` к контейнеру изображения; по умолчанию `false`. |
+| `styles` | нет | Карта строковых стилей. Панель настроек записывает `width`, `height`, `minWidth`, `minHeight`, `maxWidth`, `maxHeight`, `objectFit`, `objectPosition`, `backgroundColor`, `borderStyle`, `borderColor`, `borderWidth` и `borderRadius`. Приложение должно ограничивать CSS-значения при работе с недоверенными данными. |
+
+Без `uploadFile` локальный файл сохраняется как URL со встроенными данными. До удалённой загрузки проверяйте тип и размер файла.
+
+## Конфигурация
+
+Каждый встроенный блочный плагин принимает два параметра владения стилями: `injectStyles?: boolean` по умолчанию равен `true`; укажите `false`, если приложение само включает CSS этого плагина. `css?: string` добавляет URL таблицы стилей приложения после стандартной, а при отключённой стандартной инъекции служит URL замены.
+
+`uploadFile(file, { signal })` загружает файл. Обработчики в `actions` получают `{ signal }` и возвращают `{ url, alt? }` или `null`. Все обработчики должны учитывать переданный `AbortSignal`.
+
+## Источники файлов приложения
+
+Используйте `uploadFile`, когда пользователь выбирает браузерный объект `File`. Массив `actions` добавляет собственные источники приложения: медиатеку, облачный диск или каталог изображений. Каждое действие доступно и до выбора изображения, и в панели заполненного блока.
+
+Функция `openMediaLibrary` в примере принадлежит приложению: Rector не задаёт её интерфейс и способ получения данных.
+
+```js
+const image = new Image({
+  actions: [{
+    label: 'Медиатека',
+    async handler({ signal }) {
+      const asset = await openMediaLibrary({
+        accept: ['image/*'],
+        multiple: false,
+        signal,
+      })
+      return asset ? { url: asset.url, alt: asset.alt } : null
+    },
+  }],
+})
+```
+
+При отмене выбора верните `null`. Корректный результат заменяет изображение одним шагом отмены и повтора; `alt` заполняет пустую подпись. Для нескольких независимых источников добавьте несколько элементов в `actions`. Загрузка, отмена, проверка данных и общий адаптер описаны в разделе [«Источники файлов и медиатека»](https://shelamkoff.github.io/editor/ru/guide/file-sources).
+
+
+## Возможности
+
+Вставка файла и URL; асинхронная транзакция истории; настройки; пользовательские источники; освобождение ресурсов.
+
+## История, жизненный цикл и стили
+
+Действия плагина входят в конвейер команд через предоставленный контекст `mutate()`, поэтому одно завершённое действие создаёт один шаг отмены и повтора. Редактор подсчитывает владельцев объявленных URL стилей. Удаление блока вызывает его метод освобождения ресурсов; `editor.destroy()` освобождает оставшиеся блоки и общие ресурсы.
+
+Не удаляйте контейнер редактора до вызова `editor.destroy()`.
+
+## Вывод документа
+
+Используйте фабричную функцию из `@shelamkoff/rector/renderer/renderers/image`. Последовательное руководство VitePress описывает проверку данных, миграции, разработку расширений, диагностику, безопасность и стили.

package/dist/plugins/image/css.d.ts

@@ -0,0 +1,47 @@
+export namespace CSS {
+    export let wrapper: string;
+    export let loading: string;
+    export let filled: string;
+    export let select: string;
+    export let selectIcon: string;
+    export let selectText: string;
+    export let selectLink: string;
+    export let selectActions: string;
+    export let selectAction: string;
+    export let dropzoneActive: string;
+    export let actionsView: string;
+    export let actionChevron: string;
+    export let imageContainer: string;
+    export let image: string;
+    export let caption: string;
+    export let withBorder: string;
+    export let expanded: string;
+    export let withBackground: string;
+    export let actions: string;
+    export let actionBtn: string;
+    export let actionBtnDanger: string;
+    export let actionsSep: string;
+    export let dropdown: string;
+    export let dropdownOpen: string;
+    export let dropdownPanel: string;
+    export let styleForm: string;
+    export let styleGroup: string;
+    export let styleGroupTitle: string;
+    export let styleRow: string;
+    export let styleLabel: string;
+    export let styleInput: string;
+    export let customSelect: string;
+    export let customSelectOpen: string;
+    export let customSelectTrigger: string;
+    export let customSelectArrow: string;
+    export let customSelectOptions: string;
+    export let customSelectOption: string;
+    export let customSelectOptionSelected: string;
+    export let customSelectCheck: string;
+    export let styleColor: string;
+    export let switchRow: string;
+    export let switchLabel: string;
+    let _switch: string;
+    export { _switch as switch };
+    export let switchActive: string;
+}

package/dist/plugins/image/css.js

@@ -0,0 +1,47 @@
+/** CSS class names used by the Image plugin DOM. */
+export const CSS = {
+  wrapper: 'oe-image',
+  loading: 'oe-image--loading',
+  filled: 'oe-image--filled',
+  select: 'oe-image__select',
+  selectIcon: 'oe-image__select-icon',
+  selectText: 'oe-image__select-text',
+  selectLink: 'oe-image__select-link',
+  selectActions: 'oe-image__select-actions',
+  selectAction: 'oe-image__select-action',
+  dropzoneActive: 'oe-image__select--dragover',
+  actionsView: 'oe-image__actions-view',
+  actionChevron: 'oe-image__action-chevron',
+  imageContainer: 'oe-image__image-container',
+  image: 'oe-image__image',
+  caption: 'oe-image__caption',
+  withBorder: 'oe-image--with-border',
+  expanded: 'oe-image--expanded',
+  withBackground: 'oe-image--with-bg',
+  actions: 'oe-image__actions',
+  actionBtn: 'oe-image__action-btn',
+  actionBtnDanger: 'oe-image__action-btn--danger',
+  actionsSep: 'oe-image__actions-sep',
+  dropdown: 'oe-image__dropdown',
+  dropdownOpen: 'oe-image__dropdown--open',
+  dropdownPanel: 'oe-image__dropdown-panel',
+  styleForm: 'oe-image__style-form',
+  styleGroup: 'oe-image__style-group',
+  styleGroupTitle: 'oe-image__style-group-title',
+  styleRow: 'oe-image__style-row',
+  styleLabel: 'oe-image__style-label',
+  styleInput: 'oe-image__style-input',
+  customSelect: 'oe-image__custom-select',
+  customSelectOpen: 'oe-image__custom-select--open',
+  customSelectTrigger: 'oe-image__custom-select-trigger',
+  customSelectArrow: 'oe-image__custom-select-arrow',
+  customSelectOptions: 'oe-image__custom-select-options',
+  customSelectOption: 'oe-image__custom-select-option',
+  customSelectOptionSelected: 'oe-image__custom-select-option--selected',
+  customSelectCheck: 'oe-image__custom-select-check',
+  styleColor: 'oe-image__style-color',
+  switchRow: 'oe-image__switch-row',
+  switchLabel: 'oe-image__switch-label',
+  switch: 'oe-image__switch',
+  switchActive: 'oe-image__switch--active',
+}

package/dist/plugins/image/icons.d.ts

@@ -0,0 +1,13 @@
+/** Toolbox icon — photo-plus, 16×16. */
+export const ICON: string;
+/** Dropzone large icon, 48×48. */
+export const ICON_SELECT: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 8h.01\"/><path d=\"M12.5 21h-6.5a3 3 0 0 1 -3 -3v-12a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v6.5\"/><path d=\"M3 16l5 -5c.928 -.893 2.072 -.893 3 0l4 4\"/><path d=\"M14 14l1 -1c.67 -.644 1.45 -.824 2.182 -.54\"/><path d=\"M16 19h6\"/><path d=\"M19 16v6\"/></svg>";
+export const ICON_UPLOAD: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2\"/><path d=\"M7 9l5 -5l5 5\"/><path d=\"M12 4v12\"/></svg>";
+export const ICON_URL: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 15l6 -6\"/><path d=\"M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464\"/><path d=\"M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463\"/></svg>";
+export const ICON_BACK: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 6l-6 6l6 6\"/></svg>";
+export const ICON_CHEVRON_RIGHT: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6l-6 6\"/></svg>";
+export const ICON_SETTINGS: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0\"/></svg>";
+export const ICON_REPLACE: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5\"/></svg>";
+export const ICON_TRASH: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 7h16\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10 11v6\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14 11v6\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3\"/></svg>";
+export const CHEVRON_DOWN: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 9l6 6 6-6\"/></svg>";
+export const CHECK_ICON: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12l5 5L20 7\"/></svg>";

package/dist/plugins/image/icons.js

@@ -0,0 +1,26 @@
+// Tabler icons used by the Image plugin.
+// Extracted from index.js to keep the main module focused on behavior.
+
+/** Toolbox icon — photo-plus, 16×16. */
+export const ICON = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-photo">\n' +
+    '\t<path stroke="none" d="M0 0h24v24H0z" fill="none" />\n' +
+    '\t<path d="M15 8h.01" />\n' +
+    '\t<path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12" />\n' +
+    '\t<path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5" />\n' +
+    '\t<path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3" />\n' +
+    '</svg>'
+
+/** Dropzone large icon, 48×48. */
+export const ICON_SELECT = '<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M15 8h.01"/><path d="M12.5 21h-6.5a3 3 0 0 1 -3 -3v-12a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v6.5"/><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l4 4"/><path d="M14 14l1 -1c.67 -.644 1.45 -.824 2.182 -.54"/><path d="M16 19h6"/><path d="M19 16v6"/></svg>'
+
+// Action bar icons (14×14, stroke-based)
+export const ICON_UPLOAD = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2"/><path d="M7 9l5 -5l5 5"/><path d="M12 4v12"/></svg>'
+export const ICON_URL = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M9 15l6 -6"/><path d="M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464"/><path d="M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463"/></svg>'
+export const ICON_BACK = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M15 6l-6 6l6 6"/></svg>'
+export const ICON_CHEVRON_RIGHT = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M9 6l6 6l-6 6"/></svg>'
+export const ICON_SETTINGS = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065"/><path stroke-linecap="round" stroke-linejoin="round" d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0"/></svg>'
+export const ICON_REPLACE = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5"/></svg>'
+export const ICON_TRASH = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M4 7h16"/><path stroke-linecap="round" stroke-linejoin="round" d="M10 11v6"/><path stroke-linecap="round" stroke-linejoin="round" d="M14 11v6"/><path stroke-linecap="round" stroke-linejoin="round" d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12"/><path stroke-linecap="round" stroke-linejoin="round" d="M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3"/></svg>'
+
+export const CHEVRON_DOWN = '<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 9l6 6 6-6"/></svg>'
+export const CHECK_ICON = '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12l5 5L20 7"/></svg>'