@shelamkoff/rector 1.0.0

package/dist/plugins/attaches/locale/en.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    'plugin.attaches.title': string;
+    'plugin.attaches.upload': string;
+    'plugin.attaches.dropzoneUpload': string;
+    'plugin.attaches.dropzoneText': string;
+    'plugin.attaches.emptyReadonly': string;
+    'plugin.attaches.addFiles': string;
+    'plugin.attaches.delete': string;
+    'plugin.attaches.deleteAll': string;
+    'plugin.attaches.filesCount': {
+        one: string;
+        other: string;
+    };
+    'plugin.attaches.toggleGroup': string;
+    'plugin.attaches.settings': string;
+    'plugin.attaches.template': string;
+    'plugin.attaches.variantA': string;
+    'plugin.attaches.variantB': string;
+    'plugin.attaches.variantF': string;
+    'plugin.attaches.variantG': string;
+    'plugin.attaches.untitled': string;
+};
+export default _default;

package/dist/plugins/attaches/locale/en.js

@@ -0,0 +1,19 @@
+export default {
+  'plugin.attaches.title': 'File',
+  'plugin.attaches.upload': 'Upload',
+  'plugin.attaches.dropzoneUpload': 'Upload',
+  'plugin.attaches.dropzoneText': 'files from your device or drag and drop them here',
+  'plugin.attaches.emptyReadonly': 'No files',
+  'plugin.attaches.addFiles': 'Add files',
+  'plugin.attaches.delete': 'Delete',
+  'plugin.attaches.deleteAll': 'Delete all',
+  'plugin.attaches.filesCount': { one: 'file', other: 'files' },
+  'plugin.attaches.toggleGroup': 'Show or hide files',
+  'plugin.attaches.settings': 'Settings',
+  'plugin.attaches.template': 'Template',
+  'plugin.attaches.variantA': 'Card',
+  'plugin.attaches.variantB': 'Inline',
+  'plugin.attaches.variantF': 'List',
+  'plugin.attaches.variantG': 'Elevated',
+  'plugin.attaches.untitled': 'File',
+}

package/dist/plugins/attaches/locale/keys.d.ts

@@ -0,0 +1,5 @@
+import enLocale from './en.js'
+
+declare module '../../../core/types.js' {
+  interface I18nMessages extends Record<keyof typeof enLocale, string> {}
+}

package/dist/plugins/attaches/locale/ru.d.ts

@@ -0,0 +1,25 @@
+declare const _default: {
+    'plugin.attaches.title': string;
+    'plugin.attaches.upload': string;
+    'plugin.attaches.dropzoneUpload': string;
+    'plugin.attaches.dropzoneText': string;
+    'plugin.attaches.emptyReadonly': string;
+    'plugin.attaches.addFiles': string;
+    'plugin.attaches.delete': string;
+    'plugin.attaches.deleteAll': string;
+    'plugin.attaches.filesCount': {
+        one: string;
+        few: string;
+        many: string;
+        other: string;
+    };
+    'plugin.attaches.toggleGroup': string;
+    'plugin.attaches.settings': string;
+    'plugin.attaches.template': string;
+    'plugin.attaches.variantA': string;
+    'plugin.attaches.variantB': string;
+    'plugin.attaches.variantF': string;
+    'plugin.attaches.variantG': string;
+    'plugin.attaches.untitled': string;
+};
+export default _default;

package/dist/plugins/attaches/locale/ru.js

@@ -0,0 +1,19 @@
+export default {
+  'plugin.attaches.title': 'Файл',
+  'plugin.attaches.upload': 'Загрузить',
+  'plugin.attaches.dropzoneUpload': 'Загрузите',
+  'plugin.attaches.dropzoneText': 'файлы с устройства или перетащите их сюда',
+  'plugin.attaches.emptyReadonly': 'Файлов нет',
+  'plugin.attaches.addFiles': 'Добавить файлы',
+  'plugin.attaches.delete': 'Удалить',
+  'plugin.attaches.deleteAll': 'Удалить все',
+  'plugin.attaches.filesCount': { one: 'вложение', few: 'вложения', many: 'вложений', other: 'вложения' },
+  'plugin.attaches.toggleGroup': 'Показать или скрыть файлы',
+  'plugin.attaches.settings': 'Настройки',
+  'plugin.attaches.template': 'Шаблон',
+  'plugin.attaches.variantA': 'Карточка',
+  'plugin.attaches.variantB': 'Строчный',
+  'plugin.attaches.variantF': 'Список',
+  'plugin.attaches.variantG': 'Объёмный',
+  'plugin.attaches.untitled': 'Файл',
+}

package/dist/plugins/carousel/README.md

@@ -0,0 +1,108 @@
+# CarouselBlock block plugin
+
+Mixed image, video, and sanitized HTML slides with navigation, pagination, thumbnails, autoplay, and ordering controls.
+
+## Install and register
+
+```bash
+npm install @shelamkoff/rector
+```
+
+```js
+import { createEditor } from '@shelamkoff/rector'
+import { CarouselBlock } from '@shelamkoff/rector/plugins/carousel'
+import '@shelamkoff/rector/styles/editor.css'
+
+const editor = createEditor({
+  holder: document.querySelector('#editor'),
+  plugins: [new CarouselBlock()],
+})
+```
+
+The registered block type is `carousel`. The class is also exported by the complete `@shelamkoff/rector/plugins` preset and can be loaded through `@shelamkoff/rector/plugins/async`.
+
+`Carousel` is an exact alias of `CarouselBlock`, not a second implementation. Prefer `CarouselBlock` in new code; the alias is available from both the plugin subpath and the complete preset.
+
+## Data
+
+```json
+{
+  "slides": [
+    { "id": "cover", "type": "image", "src": "https://cdn.example/cover.jpg", "alt": "Cover", "caption": "Opening slide" },
+    { "id": "clip", "type": "video", "src": "https://cdn.example/clip.mp4", "poster": "https://cdn.example/poster.jpg", "caption": "Video" },
+    { "id": "note", "type": "html", "html": "<strong>Sanitized HTML</strong>" }
+  ],
+  "options": { "loop": true, "autoplay": false, "autoplayDelay": 5000, "navigation": true, "pagination": true, "thumbnails": false, "aspectRatio": "16 / 9" }
+}
+```
+
+### Field reference
+
+| Field | Required | Meaning and constraints |
+| --- | --- | --- |
+| `slides` | yes | Non-empty array. Every slide needs a non-empty unique `id` and a `type` of `image`, `video`, or `html`. |
+| `slides[].src` | image/video | Canonical media URL. Image and video slides cannot omit it. |
+| `slides[].html` | HTML | Non-empty HTML string. It is sanitized during normalization and rendering. |
+| `slides[].poster` | no | Optional media-policy poster URL for a video. |
+| `slides[].alt`, `slides[].caption` | no | Optional strings. `alt` applies to media alternatives; `caption` is visible slide text. |
+| `options.loop`, `options.autoplay`, `options.navigation`, `options.pagination`, `options.thumbnails` | yes | Boolean behavior controls. Defaults are respectively `false`, `false`, `true`, `true`, and `false`. |
+| `options.autoplayDelay` | yes | Positive finite delay in milliseconds; normalization defaults it to `3000`. |
+| `options.aspectRatio` | no | `auto` or a positive numeric ratio written as `width / height`, for example `16 / 9`. |
+
+Every slide requires a stable `id` and a `type` of `image`, `video`, or `html`. Media sources pass the shared URL policy; HTML is sanitized. Without `uploadFile`, images become data URLs and videos use temporary object URLs, so persistent video documents require an uploader. The document renderer requires `@shelamkoff/carousel`.
+
+## 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; poster?: string }>` persists image or video files. `actions?: Array<{ icon?; label; handler({ signal }): Promise<CarouselSlide[] | null> }>` adds application-provided slide sources. Both callbacks must respect the supplied abort signal.
+
+## Application file sources
+
+Use `uploadFile` for image or video `File` objects and `actions` for existing slides selected from a media library, cloud drive, or another application-owned catalog. One action may return mixed image, video, and HTML slides.
+
+```js
+const carousel = new CarouselBlock({
+  actions: [{
+    label: 'Media library',
+    async handler({ signal }) {
+      const assets = await openMediaLibrary({
+        accept: ['image/*', 'video/*', 'text/html'],
+        multiple: true,
+        signal,
+      })
+      return assets?.map(asset => asset.type === 'html'
+        ? {
+            id: asset.id,
+            type: 'html',
+            html: asset.html,
+            caption: asset.caption,
+          }
+        : {
+            id: asset.id,
+            type: asset.type,
+            src: asset.url,
+            alt: asset.alt,
+            poster: asset.poster,
+            caption: asset.caption,
+          }) ?? null
+    },
+  }],
+})
+```
+
+Media items use `type: 'image' | 'video'` and `src`; HTML items use `type: 'html'` and `html`. Supply stable, unique `id` values when the application needs to preserve its own slide identities. The plugin generates an id for an omitted one and replaces duplicates before saving. Unusable entries are ignored. Return `null` when selection is cancelled. The complete selection becomes one undo/redo step. See [File sources and media libraries](https://shelamkoff.github.io/editor/guide/file-sources) for upload, cancellation, validation, and reusable adapter guidance.
+
+## Capabilities
+
+Image/video upload; URL and sanitized-HTML slides; add/remove/reorder; loop, autoplay, navigation, pagination, thumbnail, delay, and aspect-ratio controls; cancellable application actions and uploads.
+
+## 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/carousel`. The VitePress guide documents configuration, commands and history, extension contracts, document migrations, styling, security, and lifecycle in a sequential form.

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

@@ -0,0 +1,109 @@
+# Блочный плагин CarouselBlock
+
+Карусель из изображений, видео и очищенного HTML с навигацией, пагинацией, миниатюрами, автопрокруткой и управлением порядком.
+
+## Установка и регистрация
+
+```bash
+npm install @shelamkoff/rector
+```
+
+```js
+import { createEditor } from '@shelamkoff/rector'
+import { CarouselBlock } from '@shelamkoff/rector/plugins/carousel'
+import '@shelamkoff/rector/styles/editor.css'
+
+const editor = createEditor({
+  holder: document.querySelector('#editor'),
+  plugins: [new CarouselBlock()],
+})
+```
+
+Тип блока — `carousel`. Класс также экспортируется общей точкой входа `@shelamkoff/rector/plugins` и может загружаться по типу документа через `@shelamkoff/rector/plugins/async`.
+
+`Carousel` — точный псевдоним класса `CarouselBlock`, а не отдельная реализация. В новом коде предпочтительно имя `CarouselBlock`; псевдоним доступен и из точки входа плагина, и из общей точки входа.
+
+## Данные
+
+```json
+{
+  "slides": [
+    { "id": "cover", "type": "image", "src": "https://cdn.example/cover.jpg", "alt": "Обложка", "caption": "Первый слайд" },
+    { "id": "clip", "type": "video", "src": "https://cdn.example/clip.mp4", "poster": "https://cdn.example/poster.jpg", "caption": "Видео" },
+    { "id": "note", "type": "html", "html": "<strong>Очищенный HTML</strong>" }
+  ],
+  "options": { "loop": true, "autoplay": false, "autoplayDelay": 5000, "navigation": true, "pagination": true, "thumbnails": false, "aspectRatio": "16 / 9" }
+}
+```
+
+### Поля данных
+
+| Поле | Обязательное | Назначение и ограничения |
+| --- | --- | --- |
+| `slides` | да | Непустой массив. Каждому слайду нужны непустой уникальный `id` и `type` со значением `image`, `video` или `html`. |
+| `slides[].src` | для изображения и видео | Канонический адрес медиафайла. Слайды изображения и видео не могут его пропускать. |
+| `slides[].html` | для HTML | Непустая строка HTML. Она очищается при нормализации и отображении. |
+| `slides[].poster` | нет | Необязательный разрешённый политикой медиафайлов адрес постера видео. |
+| `slides[].alt`, `slides[].caption` | нет | Необязательные строки. `alt` описывает медиафайл, `caption` содержит видимую подпись слайда. |
+| `options.loop`, `options.autoplay`, `options.navigation`, `options.pagination`, `options.thumbnails` | да | Логические параметры поведения. Значения по умолчанию: `false`, `false`, `true`, `true` и `false` соответственно. |
+| `options.autoplayDelay` | да | Положительная конечная задержка в миллисекундах; при нормализации по умолчанию `3000`. |
+| `options.aspectRatio` | нет | `auto` или положительное числовое соотношение в форме `ширина / высота`, например `16 / 9`. |
+
+Каждый слайд имеет устойчивый `id` и тип `image`, `video` или `html`. Адреса медиафайлов проходят общую проверку URL, а HTML очищается. Без `uploadFile` изображения сохраняются как URL со встроенными данными, а видео используют временные объектные URL. Для постоянного хранения видео настройте загрузчик. Рендереру требуется `@shelamkoff/carousel`.
+
+## Конфигурация
+
+Каждый встроенный блочный плагин принимает два параметра владения стилями: `injectStyles?: boolean` по умолчанию равен `true`; укажите `false`, если приложение само включает CSS этого плагина. `css?: string` добавляет URL таблицы стилей приложения после стандартной, а при отключённой стандартной инъекции служит URL замены.
+
+`uploadFile(file, { signal })` сохраняет изображение или видео и возвращает `{ url, poster? }`. Обработчики в `actions` возвращают массив слайдов или `null`. Все обработчики должны учитывать переданный `AbortSignal`.
+
+## Источники файлов приложения
+
+Используйте `uploadFile` для браузерных объектов `File` с изображениями и видео, а `actions` — для готовых слайдов из медиатеки, облачного диска или другого каталога приложения. Одно действие может вернуть изображения, видео и HTML-слайды вместе.
+
+```js
+const carousel = new CarouselBlock({
+  actions: [{
+    label: 'Медиатека',
+    async handler({ signal }) {
+      const assets = await openMediaLibrary({
+        accept: ['image/*', 'video/*', 'text/html'],
+        multiple: true,
+        signal,
+      })
+      return assets?.map(asset => asset.type === 'html'
+        ? {
+            id: asset.id,
+            type: 'html',
+            html: asset.html,
+            caption: asset.caption,
+          }
+        : {
+            id: asset.id,
+            type: asset.type,
+            src: asset.url,
+            alt: asset.alt,
+            poster: asset.poster,
+            caption: asset.caption,
+          }) ?? null
+    },
+  }],
+})
+```
+
+Изображение и видео используют `type: 'image' | 'video'` и `src`; HTML-слайд использует `type: 'html'` и `html`. Передавайте устойчивые уникальные `id`, если приложению нужно сохранить собственные идентификаторы слайдов. Для пропущенного `id` плагин создаёт новый, а повторяющиеся значения заменяет до сохранения. Непригодные элементы игнорируются. При отмене выбора верните `null`. Весь выбор становится одним шагом отмены и повтора. Загрузка, отмена, проверка данных и общий адаптер описаны в разделе [«Источники файлов и медиатека»](https://shelamkoff.github.io/editor/ru/guide/file-sources).
+
+
+## Возможности
+
+Загрузка изображений и видео; слайды по URL и с очищенным HTML; добавление, удаление и изменение порядка; настройка зацикливания, автопрокрутки, навигации, пагинации, миниатюр, задержки и соотношения сторон; прерываемые через `AbortSignal` загрузки и источники приложения.
+
+## История, жизненный цикл и стили
+
+Действия плагина входят в конвейер команд через предоставленный контекст `mutate()`, поэтому одно завершённое действие создаёт один шаг отмены и повтора. Редактор подсчитывает владельцев объявленных URL стилей. Удаление блока вызывает его метод освобождения ресурсов; `editor.destroy()` освобождает оставшиеся блоки и общие ресурсы.
+
+Не удаляйте контейнер редактора до вызова `editor.destroy()`.
+
+## Вывод документа
+
+Используйте фабричную функцию из `@shelamkoff/rector/renderer/renderers/carousel`. Последовательное руководство VitePress описывает проверку данных, миграции, разработку расширений, диагностику, безопасность и стили.

package/dist/plugins/carousel/carousel.css

@@ -0,0 +1,198 @@
+.oe-carousel-block {
+  border-radius: 0.5rem;
+  overflow-anchor: none;
+  text-align: center;
+  outline: none;
+}
+
+/* Empty state uses the same media-source pattern as Image and Gallery. */
+.oe-carousel-block__select {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 2rem;
+  border: 2px dashed var(--oe-border, #2e2e35);
+  border-radius: 0.5rem;
+  transition: border-color 0.2s;
+}
+.oe-carousel-block__select:hover,
+.oe-carousel-block__select--dragover { border-color: var(--oe-accent, #4357b4); }
+.oe-carousel-block__select-icon { color: var(--oe-text-3, #6e6e78); }
+.oe-carousel-block__select-text { color: var(--oe-text-3, #6e6e78); font-size: 0.8125rem; line-height: 1.5; }
+.oe-carousel-block__select-link {
+  padding: 0; border: 0; background: transparent; color: var(--oe-accent, #4357b4);
+  font: inherit; cursor: pointer;
+}
+.oe-carousel-block__select-link:hover { text-decoration: underline; }
+.oe-carousel-block__select-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.375rem; }
+.oe-carousel-block__select-action {
+  display: inline-flex; align-items: center; gap: 0.375rem;
+  padding: 0.375rem 0.625rem; border: 1px solid var(--oe-border, #2e2e35);
+  border-radius: 0.375rem; background: var(--oe-surface-2, #17171a); color: var(--oe-text-2, #c4c4c4);
+  font: inherit; font-size: 0.75rem; cursor: pointer;
+}
+.oe-carousel-block__select-action:hover { color: var(--oe-text-1, #fff); border-color: var(--oe-border-hover, #3a3a44); }
+.oe-carousel-block__select-action svg { width: 14px; height: 14px; }
+.oe-carousel-block__empty { padding: 2rem; color: var(--oe-text-3, #6e6e78); }
+
+/* Active slide canvas. */
+.oe-carousel-block__stage {
+  position: relative;
+  display: grid;
+  min-height: 18rem;
+  overflow: hidden;
+  border-radius: 0.5rem;
+  background: var(--oe-surface-2, #111114);
+  isolation: isolate;
+}
+.oe-carousel-block__media { display: grid; place-items: center; min-width: 0; min-height: 0; }
+.oe-carousel-block__media > img,
+.oe-carousel-block__media > video {
+  display: block;
+  width: 100%;
+  height: 100%;
+  min-height: 18rem;
+  max-height: 38rem;
+  object-fit: contain;
+  background: var(--oe-surface-2, #111114);
+}
+.oe-carousel-block__html {
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 18rem;
+  padding: 2rem;
+  overflow: auto;
+  text-align: left;
+  color: var(--oe-text-1, #fff);
+}
+.oe-carousel-block__nav {
+  position: absolute; top: 50%; z-index: 3; transform: translateY(-50%);
+  display: grid; place-items: center; width: 2rem; height: 2rem; padding: 0;
+  border: 1px solid rgba(255,255,255,0.18); border-radius: 50%;
+  background: rgba(9,9,11,0.72); color: #fff; cursor: pointer;
+  backdrop-filter: blur(8px);
+}
+.oe-carousel-block__nav:hover { background: rgba(9,9,11,0.9); }
+.oe-carousel-block__nav--previous { left: 0.75rem; }
+.oe-carousel-block__nav--next { right: 0.75rem; }
+.oe-carousel-block__counter {
+  position: absolute; top: 0.75rem; right: 0.75rem; z-index: 3;
+  padding: 0.25rem 0.5rem; border-radius: 999px;
+  background: rgba(9,9,11,0.72); color: rgba(255,255,255,0.88);
+  font-size: 0.6875rem; font-variant-numeric: tabular-nums; backdrop-filter: blur(8px);
+}
+.oe-carousel-block__caption {
+  position: absolute; inset: auto 0 0; z-index: 2;
+  min-height: 1.25rem; padding: 0.75rem 1rem;
+  background: linear-gradient(transparent, rgba(9,9,11,0.78));
+  color: #fff; font-size: 0.75rem; text-align: center; outline: none;
+}
+.oe-carousel-block__caption:empty::before { content: attr(data-placeholder); color: rgba(255,255,255,0.52); }
+.oe-carousel-block__dots {
+  position: absolute; left: 50%; bottom: 2.75rem; z-index: 3; transform: translateX(-50%);
+  display: flex; gap: 0.35rem; padding: 0.3rem 0.45rem; border-radius: 999px;
+  background: rgba(9,9,11,0.5); backdrop-filter: blur(8px);
+}
+.oe-carousel-block__dot {
+  width: 0.375rem; height: 0.375rem; padding: 0; border: 0; border-radius: 50%;
+  background: rgba(255,255,255,0.42); cursor: pointer;
+}
+.oe-carousel-block__dot--active { background: #fff; transform: scale(1.2); }
+.oe-carousel-block__thumbnails {
+  position: absolute; left: 50%; bottom: 4.2rem; z-index: 3; transform: translateX(-50%);
+  display: flex; max-width: calc(100% - 6rem); gap: 0.3rem; padding: 0.3rem;
+  overflow-x: auto; border-radius: 0.5rem; background: rgba(9,9,11,0.58); backdrop-filter: blur(8px);
+}
+.oe-carousel-block__thumbnail {
+  flex: 0 0 2.5rem; display: grid; place-items: center; width: 2.5rem; height: 2rem; padding: 0;
+  overflow: hidden; border: 1px solid transparent; border-radius: 0.25rem;
+  background: rgba(255,255,255,0.08); color: #fff; cursor: pointer;
+}
+.oe-carousel-block__thumbnail img { width: 100%; height: 100%; object-fit: cover; }
+.oe-carousel-block__thumbnail--active { border-color: #fff; }
+
+/* Compact Image/Gallery-style action bar. */
+.oe-carousel-block__actions {
+  position: relative;
+  display: inline-flex; align-items: center; gap: 0;
+  margin-top: 0.5rem; padding: 0.1875rem;
+  border: 1px solid var(--oe-border, #1a1a1f); border-radius: 0.5rem;
+  background: var(--oe-surface, #0e0e10);
+}
+.oe-carousel-block__actions-view { display: inline-flex; align-items: center; }
+.oe-carousel-block__actions-view[hidden] { display: none; }
+.oe-carousel-block__action-btn {
+  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 0.3125rem;
+  padding: 0.3125rem 0.5rem; border: 0; border-radius: 0.375rem;
+  background: transparent; color: var(--oe-text-1, #fff);
+  font: inherit; font-size: 0.6875rem; font-weight: 500; line-height: 1; white-space: nowrap; cursor: pointer;
+}
+.oe-carousel-block__action-btn:hover { background: var(--oe-accent-alpha, rgba(67,87,180,0.18)); }
+.oe-carousel-block__action-btn--danger { color: var(--oe-danger, #f87171); }
+.oe-carousel-block__action-btn--danger:hover { background: rgba(248,113,113,0.16); }
+.oe-carousel-block__actions-sep { width: 1px; height: 1.125rem; margin: 0 0.0625rem; background: var(--oe-border, #1a1a1f); }
+.oe-carousel-block__dropdown { position: relative; display: inline-flex; }
+.oe-carousel-block__dropdown-panel {
+  display: none; position: absolute; left: 50%; bottom: calc(100% + 0.5rem); z-index: 100;
+  box-sizing: border-box; width: min(25rem, calc(100vw - 2rem)); max-height: min(70vh, 24rem); padding: 0.75rem;
+  overflow: auto; transform: translateX(-50%);
+  border: 1px solid var(--oe-toolbar-border, var(--oe-border, #2e2e35)); border-radius: 0.625rem;
+  background: var(--oe-toolbar-bg, var(--oe-card, #111)); color: var(--oe-text-1, #fff);
+  box-shadow: var(--oe-toolbar-shadow, 0 12px 32px rgba(0,0,0,0.45)); text-align: left;
+}
+.oe-carousel-block__dropdown--open .oe-carousel-block__dropdown-panel { display: grid; gap: 0.65rem; }
+.oe-carousel-block__settings { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem 0.625rem; }
+.oe-carousel-block__settings-title {
+  grid-column: 1 / -1;
+  color: var(--oe-text-3, #6e6e78); font-size: 0.625rem; font-weight: 700;
+  letter-spacing: 0.08em; text-transform: uppercase;
+}
+.oe-carousel-block__field { display: grid; gap: 0.25rem; color: var(--oe-text-3, #6e6e78); font-size: 0.6875rem; }
+.oe-carousel-block__field--full { grid-column: 1 / -1; }
+.oe-carousel-block__field input,
+.oe-carousel-block__field textarea {
+  box-sizing: border-box; width: 100%; padding: 0.45rem 0.5rem;
+  border: 1px solid var(--oe-border, #2e2e35); border-radius: 0.375rem;
+  background: var(--oe-surface, #0e0e10); color: var(--oe-text-1, #fff); font: inherit;
+}
+.oe-carousel-block__field textarea { min-height: 5rem; resize: vertical; }
+.oe-carousel-block__switches { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.45rem 0.75rem; }
+.oe-carousel-block__switch { display: flex; align-items: center; gap: 0.4rem; color: var(--oe-text-2, #c4c4c4); font-size: 0.75rem; }
+.oe-carousel-block__slide-actions { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 0.375rem; }
+.oe-carousel-block__settings-button {
+  display: inline-flex; align-items: center; justify-content: center; gap: 0.25rem;
+  min-height: 2rem; padding: 0.35rem 0.5rem; border: 1px solid var(--oe-border, #2e2e35);
+  border-radius: 0.375rem; background: var(--oe-surface-2, #17171a); color: var(--oe-text-2, #c4c4c4);
+  font: inherit; font-size: 0.6875rem; cursor: pointer;
+}
+.oe-carousel-block__settings-button:hover:not(:disabled) { color: var(--oe-text-1, #fff); border-color: var(--oe-border-hover, #3a3a44); }
+.oe-carousel-block__settings-button:disabled { opacity: 0.38; cursor: default; }
+.oe-carousel-block__settings-button--danger { grid-column: 1 / -1; color: var(--oe-danger, #f87171); }
+
+.oe-carousel-block button:focus-visible,
+.oe-carousel-block input:focus-visible,
+.oe-carousel-block textarea:focus-visible,
+.oe-carousel-block [contenteditable='true']:focus-visible {
+  outline: 2px solid var(--oe-focus-ring, var(--oe-accent, #4357b4));
+  outline-offset: 2px;
+}
+
+.oe-theme-light .oe-carousel-block__actions { background: var(--oe-surface, #fafafa); border-color: var(--oe-border, #e0e0e0); }
+.oe-theme-light .oe-carousel-block__action-btn { color: var(--oe-text-1, #1a1a1a); }
+.oe-theme-light .oe-carousel-block__select-action,
+.oe-theme-light .oe-carousel-block__settings-button { background: var(--oe-surface-2, #f2f2f2); }
+
+@media (max-width: 720px) {
+  .oe-carousel-block__stage,
+  .oe-carousel-block__media > img,
+  .oe-carousel-block__media > video,
+  .oe-carousel-block__html { min-height: 13rem; }
+  .oe-carousel-block__dropdown-panel { left: 0; transform: none; }
+  .oe-carousel-block__settings { grid-template-columns: 1fr; }
+  .oe-carousel-block__field--full,
+  .oe-carousel-block__settings-title,
+  .oe-carousel-block__slide-actions,
+  .oe-carousel-block__switches { grid-column: 1; }
+  .oe-carousel-block__switches { grid-template-columns: 1fr; }
+}

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

@@ -0,0 +1,12 @@
+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\"><path d=\"M15 6l.01 0\"/><path d=\"M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3l0 -8\"/><path d=\"M3 13l4 -4a3 5 0 0 1 3 0l4 4\"/><path d=\"M13 12l2 -2a3 5 0 0 1 3 0l3 3\"/><path d=\"M8 21l.01 0\"/><path d=\"M12 21l.01 0\"/><path d=\"M16 21l.01 0\"/></svg>";
+export const ICON_SELECT: string;
+export const ICON_SETTINGS: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/></svg>";
+export const ICON_UPLOAD: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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_REPLACE: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4\"/><path d=\"M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4\"/></svg>";
+export const ICON_URL: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5\"/><path d=\"M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5\"/></svg>";
+export const ICON_CODE: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 8l-4 4l4 4\"/><path d=\"M17 8l4 4l-4 4\"/><path d=\"M14 4l-4 16\"/></svg>";
+export const ICON_TRASH: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 7h16\"/><path d=\"M10 11v6\"/><path d=\"M14 11v6\"/><path d=\"M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12\"/><path d=\"M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3\"/></svg>";
+export const ICON_BACK: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 6l-6 6l6 6\"/></svg>";
+export const ICON_CHEVRON: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6l-6 6\"/></svg>";
+export const ICON_PREVIOUS: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 6l-6 6l6 6\"/></svg>";
+export const ICON_NEXT: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6l-6 6\"/></svg>";

package/dist/plugins/carousel/icons.js

@@ -0,0 +1,13 @@
+// Tabler Icons. Kept in one module so the block view never invents glyphs.
+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"><path d="M15 6l.01 0"/><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3l0 -8"/><path d="M3 13l4 -4a3 5 0 0 1 3 0l4 4"/><path d="M13 12l2 -2a3 5 0 0 1 3 0l3 3"/><path d="M8 21l.01 0"/><path d="M12 21l.01 0"/><path d="M16 21l.01 0"/></svg>'
+export const ICON_SELECT = ICON.replace('width="16" height="16"', 'width="40" height="40"')
+export const ICON_SETTINGS = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>'
+export const ICON_UPLOAD = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" 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_REPLACE = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4"/><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"/></svg>'
+export const ICON_URL = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"/><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"/></svg>'
+export const ICON_CODE = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 8l-4 4l4 4"/><path d="M17 8l4 4l-4 4"/><path d="M14 4l-4 16"/></svg>'
+export const ICON_TRASH = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 7h16"/><path d="M10 11v6"/><path d="M14 11v6"/><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12"/><path d="M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3"/></svg>'
+export const ICON_BACK = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 6l-6 6l6 6"/></svg>'
+export const ICON_CHEVRON = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 6l6 6l-6 6"/></svg>'
+export const ICON_PREVIOUS = '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 6l-6 6l6 6"/></svg>'
+export const ICON_NEXT = '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 6l6 6l-6 6"/></svg>'