@pgcorp/ui-kit 0.14.0 → 0.15.0

package/README.md

@@ -331,12 +331,32 @@ semantic block size, overscroll policy и root-only keyboard navigation.
 semantic offsets. Exposed API предоставляет `focus`, `scrollToBoundary` и
 `reveal`, но не открывает DOM owner.
 
+`focusPolicy="always"` сохраняет именованную region; `focusPolicy="overflow"`
+добавляет region и Tab stop только при переполнении разрешённой оси. Имя задаётся
+ровно одним из `accessibleLabel` и `accessibleLabelledby`. `blockSize="content"`
+сохраняет естественную высоту, `maxBlockSize="none|sm|md|lg"` ограничивает её
+общей шкалой viewport. Таблицы `STable`, `SDataGrid` и rich-document используют
+этот общий scroll owner: пустые и пассивные таблицы доступны клавиатуре при
+переполнении, вложенные controls сохраняют собственную клавиатуру.
+При исчезновении переполнения focused root сохраняет `tabindex="-1"` до blur;
+он не добавляет остановку Tab и не переносит фокус.
+
 `SScrollViewport` owns a named scroll region, `x`/`y`/`both` axes, semantic
 block size, overscroll policy, and root-only keyboard navigation. The
 `scroll-state` event provides normalized physical and writing-mode-aware
 semantic offsets. Its exposed API provides `focus`, `scrollToBoundary`, and
 `reveal` without exposing the DOM owner.
 
+`focusPolicy="always"` retains the named region; `focusPolicy="overflow"`
+adds a region and Tab stop only when an enabled axis overflows. Exactly one
+of `accessibleLabel` and `accessibleLabelledby` supplies its name.
+`blockSize="content"` retains intrinsic height; `maxBlockSize="none|sm|md|lg"`
+uses the shared viewport limit scale. `STable`, `SDataGrid`, and rich-document
+tables compose this scroll owner: overflowing empty and passive tables are
+keyboard reachable, while nested controls retain their own keyboard behavior.
+When overflow disappears, a focused root retains `tabindex="-1"` until blur;
+it adds no Tab stop and does not move focus.
+
 ```ts
 import SScrollViewport from '@pgcorp/ui-kit/shared/data-display/SScrollViewport.vue'
 import type {
@@ -704,6 +724,29 @@ limited preview is not the download source. `SLink.disabled` and
 Контракт, Blob lifecycle и ограничения браузера включены в пакет: `docs/link-download.md`.
 The package includes the contract, Blob lifecycle, and browser limitations in `docs/link-download.md`.
 
+### Идентичность динамических вкладок / Dynamic tab identity
+
+В managed-композиции `STabs` значение `modelValue`, `STab.name` и
+`STabPanel.name` используют один стабильный ID сущности. Vue `key` также
+основан на этом ID. Добавление элемента и выбор его ID допускаются в одной
+reactive update, включая вставку в начало массива. Порядковый номер и подпись
+вкладки являются отображением, а не идентичностью.
+
+Для E2E consumer задаёт собственные `data-*` маркеры по ID и проверяет роль
+`tab`, `aria-selected`, связь `aria-controls` с ID панели и обратную
+`aria-labelledby`. Внутренний формат DOM ID, `nth()` и индекс в подписи не
+являются selector-контрактом. Сохранённые панели сохраняют свой input при
+переключении; ручная DOM-активация и remount для выбора не требуются.
+
+In managed `STabs`, `modelValue`, `STab.name`, `STabPanel.name`, and Vue `key`
+use the same stable entity ID. Adding a keyed item and selecting its ID can
+occur in one reactive update, including insertion at the beginning. An ordinal
+or label is presentation, not identity. E2E tests use consumer-owned `data-*`
+IDs, the `tab` role, `aria-selected`, and the matching `aria-controls` /
+`aria-labelledby` relationship. Internal DOM ID formats, `nth()`, and label
+indices are not selector contracts. Retained panels preserve their input;
+selection does not require manual DOM activation or remounting.
+
 ### Подсказка на интерактивной поверхности / Tooltip on an interactive surface
 
 `SInteractiveSurface` принимает полный combined `trigger` от `STooltip` через
@@ -724,6 +767,33 @@ focus и activation независимо от primary owner.
 Blur окна, скрытие документа, disabled и освобождение target отменяют
 таймеры и слушатели. Новый вход указателя или получение фокуса открывает
 подсказку по действующему `showDelay`.
+Canonical focus owner допускает binding внутри сохранённой скрытой секции.
+Скрытый или недоступный owner не активирует подсказку. Скрытие ancestor
+отменяет pending-таймеры, сразу исключает открытую панель из взаимодействия
+и снимает description. Reveal сохраняет owner; новый pointer/focus вход
+открывает подсказку без дополнительного Tab stop.
+
+Пассивная tooltip-поверхность передаёт полный `text`/`title`/`description`,
+`details` и `sections` как доступное описание focus owner через
+`aria-describedby`; внешние `triggerDescribedBy` сохраняются. Визуальный
+portal имеет `aria-hidden="true"`, исключая повторное самостоятельное чтение
+того же текста вне landmark. Пассивная поверхность прозрачна для указателя:
+нажатие достигает расположенного под ней действия, а наведение на видимый
+контент сохраняет текущую подсказку. Имя и роль owner не изменяются. Подсказка не
+содержит интерактивных действий; для popup с controls используется другой
+overlay-компонент. Описание связывается при показе панели, включая открытие
+по возвращённому фокусу после закрытия dialog.
+
+The passive tooltip surface exposes all text, title, description, details,
+and sections as the focus owner's accessible description through
+`aria-describedby`, preserving external `triggerDescribedBy` references.
+The visual portal has `aria-hidden="true"` to avoid duplicating that description
+as independent content outside a landmark. The passive surface is pointer-transparent:
+native activation reaches the underlying action while hovering the displayed content
+keeps its current tooltip lease open. The owner's name and role remain
+unchanged. A tooltip contains no interactive actions; use another overlay
+component for a popup with controls. The description is associated when the
+surface is shown, including focus restored after a dialog closes.
 
 `SInteractiveSurface` accepts the complete combined `STooltip` trigger through
 the `tooltipTrigger` prop. The binding belongs to the primary activation owner:
@@ -742,6 +812,11 @@ opening; a pending tooltip does not consume the event from a menu or dialog.
 Window blur, a hidden document, disabled state, and released target identity
 cancel timers and listeners. Fresh pointer entry or acquired focus opens the
 tooltip according to its current `showDelay`.
+A canonical focus owner can bind inside a retained hidden section. A hidden
+or unavailable owner cannot activate the tooltip. Hiding its ancestor
+cancels pending timers, immediately retires the open panel from interaction,
+and removes its description. Revealing the section retains the owner;
+fresh pointer/focus entry opens the tooltip without another Tab stop.
 
 ```vue
 <STooltip text="/workspace/repository" v-slot="{ trigger }">
@@ -1116,6 +1191,20 @@ focus, and keyboard contracts remain unchanged.
 </SButton>
 ```
 
+### Доступность действий / Action availability
+
+`SButton.disabled` и `loading` исключают native activation и Tab focus;
+недоступная `href`-кнопка не содержит navigation target. При разрешении
+действия foreground и background применяются одной контрастной парой без
+интерполяции цветов. Действие доступно сразу, без ожидания декоративной
+анимации; transition тени и transform не меняет читаемость подписи.
+
+`SButton.disabled` and `loading` prevent native activation and Tab focus;
+an unavailable `href` button has no navigation target. Enabling an action
+applies its foreground/background contrast pair atomically, without color
+interpolation. The action is immediately available, independently of
+decorative shadow or transform transitions.
+
 ### Controlled checkbox и switch / Controlled checkbox and switch
 
 `SCheckbox` и `SSwitch` всегда отражают authoritative `modelValue` в native
@@ -1132,6 +1221,22 @@ supports asynchronous persistence or rejection without rekeying, manual DOM
 resets, or an optimistic model. The consumer updates `modelValue` normally
 after confirmation.
 
+У `SCheckbox` единственный focus owner — native checkbox. Прозрачный input
+покрывает индикатор и его pointer target; нажатие на индикатор или связанную
+подпись выполняет одно действие. Обычный field использует semantic hitbox
+`--s-control-hitbox-2xs`, inline-представление — размер индикатора, согласованный
+со строкой документа. Tab переводит фокус на input, Space переключает его,
+focus-visible отображается на индикаторе. `disabled` и `readonly` не эмитят
+изменение или click; `indeterminate` показывает частичный выбор через минус.
+
+`SCheckbox` has one focus owner: the native checkbox. Its transparent input
+covers the indicator and its pointer target; activating the indicator or its
+associated label performs one action. Field presentation uses the semantic
+`--s-control-hitbox-2xs` target; inline presentation uses the indicator size
+aligned with document text. Tab focuses the input, Space toggles it, and the
+indicator renders focus-visible. `disabled` and `readonly` emit neither change
+intent nor click; `indeterminate` represents partial selection with a minus.
+
 ```vue
 <SSwitch
   :model-value="autoPublish"
@@ -1176,6 +1281,14 @@ contract applies only to textual types: `text`, `search`, `password`, `email`,
 используют общие viewport overlay, focus trap/restore, Escape, backdrop и nested
 layer stack.
 
+Viewport `SModal` и `SDrawer` используют единственный нативный `dialog` в
+modal top layer. Фон, включая SVG, MathML и shadow-композиции, исключён из
+pointer/focus interaction и accessibility tree. Дочерние select, меню, popover
+и tooltip используют принадлежащий этому dialog portal вне transform и
+scroll clipping. Вложенный viewport dialog изолирует родителя до закрытия.
+Native blocking освобождается синхронно при retirement; общая focus lease
+управляет возвратом, независимо от завершения visual leave.
+
 `SDrawer.placement` accepts `left | right | bottom`, defaulting to `right`.
 `left` and `right` are physical sides independent of text direction. Side
 drawers share the `sm/md/lg` scale: viewport-bounded maximum widths of
@@ -1187,6 +1300,30 @@ placement, header/body/footer and reachable actions. With
 share viewport overlay, focus trap/restore, Escape, backdrop and the nested
 layer stack.
 
+Viewport `SModal` and `SDrawer` use one native `dialog` in the modal top layer.
+Background content, including SVG, MathML, and shadow compositions, is excluded
+from pointer/focus interaction and the accessibility tree. Descendant selects,
+menus, popovers, and tooltips use that dialog's portal outside transforms and
+scroll clipping. A nested viewport dialog isolates its parent until closed.
+Retirement releases native blocking synchronously; the shared focus lease
+controls restoration independently of visual leave completion.
+
+Для обновления на `0.15` готовые `SModal`/`SDrawer` сохраняют публичные props,
+slots и events. Собственный viewport leaf на экспортируемом `useDialogOverlay`
+требует миграции: `setPanelElement` получает native `HTMLDialogElement`, а
+`setPortalElement` — его непосредственный дочерний HTMLElement portal.
+Разметка, стили принадлежащих leaf surfaces и controlled close описаны в
+[`docs/overlay-lifecycle.md`](https://github.com/pglyanenko/sputnig/blob/master/packages/ui-kit/docs/overlay-lifecycle.md),
+включая карту binding исполняемой story `SModal.NativeOwnerContract`.
+
+For an upgrade to `0.15`, the ready-made `SModal`/`SDrawer` preserve their public
+props, slots, and events. A custom viewport leaf using the exported
+`useDialogOverlay` requires migration: `setPanelElement` receives a native
+`HTMLDialogElement`, and `setPortalElement` receives its direct-child HTMLElement
+portal. The owned markup, styles, and controlled close contract are documented in
+[`docs/overlay-lifecycle.md`](https://github.com/pglyanenko/sputnig/blob/master/packages/ui-kit/docs/overlay-lifecycle.md),
+including the binding map of the executable `SModal.NativeOwnerContract` story.
+
 `scope="contained"` требует ближайший `SOverlayHost`. Его default-слот содержит
 основную историю, `#overlay` — панель. Размеры `sm/md/lg` означают 50/70/90%
 доступной области по оси `placement`; `extent` принимает конечный процент больше
@@ -1285,19 +1422,47 @@ drawer with `open=true` represent a new request, not the previous lifetime.
 </SDrawer>
 ```
 
+### Передача фокуса из меню / Menu focus handoff
+
+Открытие `SDrawer` из действия `SDropdownMenu` передаёт initial focus
+диалогу и сохраняет устойчивый menu trigger для возврата при закрытии.
+Меню и его trigger могут находиться вне contained host. Удаление временного
+menuitem в render-cycle не делает его целью возврата и не расширяет
+Escape boundary за пределы host. Повторные открытия используют отдельный
+open-cycle. Внешний переход фокуса отменяет незавершённую передачу и stale
+return; consumer не восстанавливает фокус DOM-вызовом.
+
+Передача относится к текущему open intent и связанному завершению menu
+lifetime. Произвольное ожидание сервера перед первым запросом открытия не
+сохраняет право перехватить последующий внешний фокус.
+
+Opening `SDrawer` from an `SDropdownMenu` action transfers initial focus
+to the dialog and retains the stable menu trigger for restoration on close.
+The menu and its trigger may live outside a contained host. Removing the
+transient menu item during rendering neither makes it a restoration target
+nor extends Escape handling beyond the host. Repeated openings have separate
+open cycles. An external focus change cancels pending handoff and stale
+restoration; consumers do not restore focus with DOM calls.
+
+Handoff belongs to the current opening intent and the associated menu
+retirement. Arbitrary server work before the first opening request does not
+preserve permission to take subsequent external focus.
+
 ### Dialog heading hierarchy
 
 `SModal` и `SDrawer` используют `heading-level="2"` по умолчанию: самостоятельный
 диалог следует за основным `h1` страницы. Для диалога, вложенного в секцию или
 другой dialog surface, consumer передаёт фактический уровень document outline
-числом от `1` до `6`. Видимый заголовок при любом уровне остаётся accessible name
+числом от `1` до `6`. Локальная шапка диалога не создаёт page-level `banner`.
+Видимый заголовок при любом уровне остаётся accessible name
 через `aria-labelledby`; заменять его локальным заголовком или DOM-обходом не
 нужно.
 
 `SModal` and `SDrawer` default to `heading-level="2"`, so a standalone dialog
 follows the page's primary `h1`. A dialog nested in a section or another dialog
 surface receives its actual document-outline level from the consumer as an
-integer from `1` through `6`. At every level the visible title remains the
+integer from `1` through `6`. Local dialog chrome does not create a page-level
+`banner` landmark. At every level the visible title remains the
 accessible name through `aria-labelledby`; no local heading or DOM workaround
 is required.
 
@@ -1332,6 +1497,11 @@ before the error reaches the host application.
 через prop использует текущий focus owner. `close()` отменяет ожидающий запрос
 через `update:open=false`; закрытие восстанавливает фокус только из принадлежащей
 панели, не из внешнего поля. Каждый новый цикл использует актуального invoker.
+Удаление или отключение текущего focused action оставляет панель открытой;
+Принятое закрытие через Escape восстанавливает focus доступному
+зарегистрированному trigger. Явный blur
+доступного элемента и переход во внешний focus owner закрывают панель
+по outside-политике без перехвата внешнего focus.
 
 `SPopover` supports `v-model:open` and the programmatic `open(triggerId?)`/`close()`
 API. A trigger request preserves its native anchor and original focus owner
@@ -1340,6 +1510,11 @@ take focus from an external editor focused in the meantime. Direct prop-driven
 opening uses the current focus owner. `close()` cancels a pending request with
 `update:open=false`; closing restores focus only from the owned panel, not an
 external field. Each new cycle uses its current invoker.
+Removing or disabling the currently focused action keeps the panel open;
+An accepted Escape close restores focus to the available registered trigger.
+Explicitly blurring an
+available element or moving to an external focus owner dismisses the panel
+under its outside policy without taking external focus.
 
 `width="trigger"` задаёт минимальную ширину anchor; `content` сохраняет
 intrinsic-ширину содержимого. `sm`, `md`, `lg` задают `20rem`, `28rem`, `36rem`
@@ -1353,6 +1528,22 @@ bounded by the viewport. Background, shadow, and focus surface occupy the full
 dialog; `surface="transparent"` sets the entire dialog's maximum width to `90vw`.
 With `width="trigger"`, the anchor minimum takes precedence over this maximum.
 
+### Читаемость всплывающих поверхностей / Overlay motion readability
+
+`SDrawer`, `SPopover`, `STooltip`, `SContextMenu` и
+`SControlledToastViewport` сохраняют `opacity: 1` содержимого
+при открытии и закрытии. Прозрачность выбранного фона принадлежит surface
+контракту, а не анимации. Анимация использует перемещение и масштаб;
+backdrop имеет отдельный opacity transition. Reduced-motion предпочтение,
+focus ownership и keyboard dismissal принадлежат общим owners кита.
+
+`SDrawer`, `SPopover`, `STooltip`, `SContextMenu`, and
+`SControlledToastViewport` keep content at `opacity: 1` during entry and
+exit. Background translucency belongs to the selected surface contract,
+not the animation. Motion uses translation and scale; the backdrop has an independent
+opacity transition. Reduced-motion preference, focus ownership, and keyboard
+dismissal belong to the kit's shared owners.
+
 ### Управляемое dropdown menu / Controlled dropdown menu
 
 `SDropdownMenu` поддерживает controlled `v-model:open`, начальное
@@ -1415,6 +1606,63 @@ Escape closes the current level and returns focus to its trigger.
 `SButton` disclosure hitbox at `32px`; `comfortable` retains the default
 geometry. Consumers do not set height, padding, or internal selectors.
 
+### Семантика сворачиваемой панели / Collapsible panel semantics
+
+`SCollapsiblePanel.contentRole` принимает `region | group`; по умолчанию
+`region`. Самостоятельные, значимые для навигации разделы используют
+`region`; повторяемые и вложенные сведения — `group`, не создающий
+landmark. Обе роли сохраняют доступное имя из видимого `summary` через
+`aria-labelledby` и связь с disclosure trigger через `aria-controls`.
+Повторяемые группы могут иметь одинаковые пользовательские заголовки.
+Роль задаётся prop, не raw `role` attr; неизвестное значение вызывает
+ошибку контракта. `lazy` монтирует slot при первом принятом раскрытии
+и удерживает содержимое после сворачивания, включая анимированный
+неуправляемый режим.
+
+Controlled `open` эмитит `update:open` как намерение до подтверждения prop;
+uncontrolled режим изменяет собственное состояние без этого события.
+
+Принятое сворачивание сразу исключает content из клавиатурного обхода и
+дерева доступности через `inert` и `aria-hidden`; завершающая визуальная
+анимация сохраняет mounted slot. Фокус внутри закрываемого content
+возвращается доступному trigger через его публичный focus API. Внешний
+фокус и неподтверждённое controlled намерение не перехватываются.
+Motion завершается по фактическому переходу высоты или сразу при его
+отсутствии; reduced motion, повторное раскрытие и изменение содержимого
+не требуют ожиданий или DOM-вызовов consumer.
+
+`SCollapsiblePanel.contentRole` accepts `region | group` and defaults to
+`region`. Independently significant, navigable sections use `region`;
+repeated and nested details use the non-landmark `group`. Both roles
+retain an accessible name from the visible `summary` through
+`aria-labelledby` and the trigger relationship through `aria-controls`.
+Repeated groups may share the same user-facing heading. The role is
+specified by a prop, not a raw `role` attr; an unknown value fails the
+contract. `lazy` mounts the slot on its first accepted opening and retains
+the content after collapse, including animated uncontrolled mode.
+
+Controlled `open` emits an `update:open` intent before prop acknowledgement;
+uncontrolled mode updates its owned state without that event.
+
+An accepted collapse immediately excludes content from keyboard navigation
+and the accessibility tree using `inert` and `aria-hidden`; the closing
+visual transition retains the mounted slot. Focus inside the collapsing
+content returns to an available trigger through its public focus API.
+External focus and unacknowledged controlled intent are not intercepted.
+Motion settles on the actual height transition or immediately when none
+exists; reduced motion, reopening, and content changes require no consumer
+waits or DOM calls.
+
+```vue
+<SCollapsiblePanel summary="Технические сведения" content-role="group" lazy>
+  <SInputText v-model="connectionName" label="Имя подключения" />
+</SCollapsiblePanel>
+```
+
+[APG Accordion](https://www.w3.org/WAI/ARIA/apg/patterns/accordion/) рассматривает
+landmark role как необязательный; [ARIA group](https://www.w3.org/TR/wai-aria-1.2/#group)
+предназначен для локальной группировки без включения в оглавление страницы.
+
 ### Dialog open lifecycle
 
 `SModal` и `SDrawer` эмитят `opened` один раз для каждого подтверждённого цикла
@@ -1431,6 +1679,42 @@ focus. The handler can call a nested leaf's public exposed API, such as
 cancels the event; Escape, focus trapping, and focus restoration remain owned
 by the dialog surface.
 
+Закрытие через `open=false` и удаление открытой feature-формы через `v-if`
+поддерживают один focus-контракт, включая удаление формы в том же обработчике,
+который закрывает вложенное или соседнее подтверждение. После удаления
+владеющего фокусом dialog focus возвращается подключённому, видимому инициатору,
+допустимому в текущей modal boundary. Consumer не ожидает отдельное событие
+закрытия и не вызывает DOM `focus()`/`nextTick()` для восстановления. Новый
+overlay или явное перемещение фокуса отменяют отложенный возврат. Скрытие
+retained dock и аварийное освобождение overlay не возвращают focus скрытому
+или inert инициатору.
+
+Retained dialog сохраняет право возврата после удаления или отключения
+focused action во время асинхронной операции. Утрата native focus
+определяется по завершённому DOM-обновлению: focus остаётся на BODY, а
+наблюдённый descendant удалён или потерял native focus capability.
+Отдельный blur живого enabled элемента, завершённый до его удаления,
+отменяет это право. Перемещение фокуса на другой owner отменяет его сразу,
+включая последующий blur этого owner. Consumer не подавляет blur/removal
+events и не управляет порядком native focus fixup.
+
+Closing with `open=false` and removing an open feature form with `v-if` share
+one focus contract, including removal in the same handler that closes a nested
+or sibling confirmation. After removing the focus-owning dialog, focus returns
+to its connected, visible invoker if allowed by the current modal boundary.
+Consumers need no separate close acknowledgement or DOM `focus()`/`nextTick()`
+for restoration. A new overlay or explicit focus move cancels pending
+restoration. Retained dock hiding and error cleanup do not restore focus to a
+hidden or inert invoker.
+
+A retained dialog preserves focus return after a focused action is removed
+or disabled during asynchronous work. Native focus loss is evaluated after
+the DOM update: focus remains on BODY and the observed descendant is removed
+or loses its native focus capability. A separate blur of a live enabled
+element, completed before removal, cancels this ownership. Moving focus to
+another owner cancels it immediately, including a later blur of that owner.
+Consumers do not suppress blur/removal events or manage native focus-fixup order.
+
 ```vue
 <SModal v-model:open="open" title="Исходный текст" @opened="textarea?.selectAll()">
   <STextarea ref="textarea" :model-value="source" label="Текст" readonly />
@@ -1593,6 +1877,18 @@ typography plugin bundled in the package. Consumers do not need to install
 `@tailwindcss/typography` or override its transitive dependencies. The included
 module licenses are provided in `dist/typography.LICENSE.txt`.
 
+`dist/typography.js` — build-time Node ESM plugin. Он использует native
+`node:util`, сохраняет upstream options API `className`/`target` для
+`modern` и `legacy`, полный prose handler и theme. Импорты
+`tailwind.css`/`reference.css` не требуют browser Web Storage, DOM globals
+или дополнительных Node flags в consumer build.
+
+`dist/typography.js` is a build-time Node ESM plugin. It uses native
+`node:util` and retains the upstream `className`/`target` options for
+`modern` and `legacy`, the complete prose handler, and theme. Building
+`tailwind.css`/`reference.css` needs neither browser Web Storage nor
+DOM globals or additional Node flags.
+
 Для token-only интеграции доступен отдельный entrypoint:
 
 A separate entrypoint is available for token-only integration:
@@ -1633,8 +1929,12 @@ Components consume semantic custom properties. Consumers override documented
 tokens on the root theme container and do not depend on internal CSS classes or
 template structure.
 
-Floating surfaces teleport to `document.body`; toast, drag fallbacks, modal, and
-drawer also use root-level bands. The values `--s-layer-floating`,
+Unscoped floating surfaces teleport to `document.body`. Floating descendants of
+a viewport dialog use its untransformed portal. Native modal top-layer order
+belongs to the browser, not to a larger `z-index`. Global notifications remain
+background content during viewport modality; a modal-local notification viewport
+uses its own dialog's portal. Toast and drag root bands do not override native
+top-layer isolation. The values `--s-layer-floating`,
 `--s-layer-toast`, `--s-layer-drag`, and `--s-layer-overlay-backdrop` are base
 anchors. Registered nested layers advance by `--s-layer-overlay-step`, while a
 modal surface uses `--s-layer-overlay-surface-offset` above its backdrop.
@@ -1650,6 +1950,7 @@ Integrate a host overlay scale through one root offset:
 
 `--host-overlay-surface` belongs to the host application. The offset shifts all
 root UI-kit bands together and leaves local content/navigation anchors intact.
+It integrates ordinary host stacking contexts, not another native top layer.
 Do not combine it with manual shifts of individual layer tokens. The complete
 owner map, dynamic-stack contract, and verification checklist are published in
 `docs/theming.md` inside the npm package.
@@ -1793,16 +2094,33 @@ local DOM listeners or CSS.
 
 ## Версии / Versioning
 
-Пакет следует Semantic Versioning:
+Пакет следует [Semantic Versioning](https://semver.org/). В серии `0.x`
+контракт развивается по явной политике:
+
+The package follows [Semantic Versioning](https://semver.org/). The `0.x` series
+uses an explicit development policy:
+
+- `0.y.patch` сохраняет документированный public API;
+  `0.y.patch` preserves the documented public API;
+- `0.minor.0` может расширять API или требовать явно описанной миграции.
+  Затронутая поверхность и действия consumer фиксируются в release notes и guide;
+  `0.minor.0` may extend the API or require an explicitly documented migration.
+  Release notes and a guide identify the affected surface and consumer actions.
+
+Обновление между minor-сериями `0.x` требует чтения migration notes и проверки
+своей композиции; один только minor номер не обещает отсутствие миграции.
+
+Upgrading between `0.x` minor series requires reviewing migration notes and
+verifying the consumer composition; a minor number alone does not guarantee a
+migration-free upgrade.
 
-The package follows Semantic Versioning:
+Начиная с `1.0.0` действует стабильный public API: `patch` — совместимое
+исправление, `minor` — совместимое расширение, `major` — несовместимое изменение
+exports, props, events, tokens или поведения.
 
-- `patch` — исправление с сохранением документированного контракта;
-  a fix that preserves the documented contract;
-- `minor` — обратно совместимое расширение public API;
-  a backward-compatible public API extension;
-- `major` — несовместимое изменение exports, props, events, tokens или поведения;
-  an incompatible change to exports, props, events, tokens, or behavior.
+From `1.0.0`, the public API is stable: `patch` is a compatible fix, `minor` is
+a compatible extension, and `major` is an incompatible change to exports,
+props, events, tokens, or behavior.
 
 Один и тот же номер версии не публикуется повторно.
 

package/dist/assets/src/components/layout/{SResizeHandle.vue_vue_type_style_index_0_scoped_13b9b27a_lang.css → SResizeHandle.vue_vue_type_style_index_0_scoped_dc65aba1_lang.css}

@@ -1 +1 @@
-.s-resize-handle[data-orientation=vertical][data-hitbox=compact][data-v-13b9b27a]{width:var(--s-resize-handle-hitbox-compact)}.s-resize-handle[data-orientation=vertical][data-hitbox=standard][data-v-13b9b27a]{width:var(--s-resize-handle-hitbox-standard)}.s-resize-handle[data-orientation=vertical][data-hitbox=spacious][data-v-13b9b27a]{width:var(--s-resize-handle-hitbox-spacious)}.s-resize-handle[data-orientation=horizontal][data-hitbox=compact][data-v-13b9b27a]{height:var(--s-resize-handle-hitbox-compact)}.s-resize-handle[data-orientation=horizontal][data-hitbox=standard][data-v-13b9b27a]{height:var(--s-resize-handle-hitbox-standard)}.s-resize-handle[data-orientation=horizontal][data-hitbox=spacious][data-v-13b9b27a]{height:var(--s-resize-handle-hitbox-spacious)}.s-resize-handle[data-v-13b9b27a]:focus-visible{outline:var(--s-focus-ring-width) solid var(--s-focus-ring-color);outline-offset:var(--s-focus-ring-offset)}
+.s-resize-handle[data-orientation=vertical][data-hitbox=compact][data-v-dc65aba1]{width:var(--s-resize-handle-hitbox-compact)}.s-resize-handle[data-orientation=vertical][data-hitbox=standard][data-v-dc65aba1]{width:var(--s-resize-handle-hitbox-standard)}.s-resize-handle[data-orientation=vertical][data-hitbox=spacious][data-v-dc65aba1]{width:var(--s-resize-handle-hitbox-spacious)}.s-resize-handle[data-orientation=horizontal][data-hitbox=compact][data-v-dc65aba1]{height:var(--s-resize-handle-hitbox-compact)}.s-resize-handle[data-orientation=horizontal][data-hitbox=standard][data-v-dc65aba1]{height:var(--s-resize-handle-hitbox-standard)}.s-resize-handle[data-orientation=horizontal][data-hitbox=spacious][data-v-dc65aba1]{height:var(--s-resize-handle-hitbox-spacious)}.s-resize-handle[data-v-dc65aba1]:focus-visible{outline:var(--s-focus-ring-width) solid var(--s-focus-ring-color);outline-offset:var(--s-focus-ring-offset)}

package/dist/assets/src/components/shared/_internal/SDialogSurface.css_vue_type_style_index_0_src_a108e8f1_scoped_a108e8f1_lang.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-a108e8f1],[data-v-a108e8f1]:before,[data-v-a108e8f1]:after,[data-v-a108e8f1]::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}.s-dialog-surface[data-v-a108e8f1]{width:100%;max-width:none;height:100%;max-height:none;color:inherit;box-shadow:none;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0;overflow:visible}dialog.s-dialog-surface[data-v-a108e8f1]{display:block;position:fixed}dialog.s-dialog-surface[data-v-a108e8f1]::backdrop{pointer-events:none;background:0 0}.s-dialog-surface__portal[data-v-a108e8f1]{display:contents}.s-dialog-surface__frame[data-v-a108e8f1]{box-shadow:var(--s-elevation-overlay)}.s-dialog-surface[data-v-a108e8f1]:focus-visible{outline:none}.s-dialog-surface:focus-visible .s-dialog-surface__frame[data-v-a108e8f1]{outline:var(--s-focus-ring-width) solid var(--s-focus-ring-color);outline-offset:var(--s-focus-ring-inset-offset)}.s-modal-backdrop[data-v-a108e8f1],.s-drawer-backdrop[data-v-a108e8f1]{background:var(--s-overlay-backdrop-surface);-webkit-backdrop-filter:blur(var(--s-overlay-backdrop-blur));backdrop-filter:blur(var(--s-overlay-backdrop-blur));position:absolute;inset:0}.s-modal-container[data-v-a108e8f1],.s-drawer-shell[data-v-a108e8f1]{position:absolute;inset:0}.s-modal-container[data-v-a108e8f1]{overflow-y:auto}.s-drawer-backdrop[data-scope=contained][data-v-a108e8f1],.s-drawer-shell[data-scope=contained][data-v-a108e8f1]{pointer-events:auto}.s-modal-panel-container[data-v-a108e8f1]{min-height:100%;padding:calc(var(--spacing,.25rem) * 4);text-align:center;justify-content:center;align-items:center;display:flex}.s-modal-panel-container--fullscreen[data-v-a108e8f1]{text-align:left;justify-content:stretch;align-items:stretch;padding:0}.s-drawer-positioner[data-v-a108e8f1]{justify-content:right;align-items:stretch;display:flex;position:absolute;inset:0}.s-drawer-positioner[data-placement=left][data-v-a108e8f1]{justify-content:left}.s-drawer-positioner[data-placement=bottom][data-v-a108e8f1]{justify-content:stretch;align-items:flex-end}.s-dialog-surface__frame[data-presentation=modal][data-v-a108e8f1]{width:100%;transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);border-radius:var(--radius-2xl,1rem);padding:calc(var(--spacing,.25rem) * 6);text-align:left;vertical-align:middle;background-color:var(--color-surface-0,#fff);overflow:hidden}.s-dialog-surface__frame[data-presentation=modal][data-v-a108e8f1]:where(.dark,.dark *){background-color:var(--color-surface-800,#1e293b)}.s-dialog-surface__frame[data-presentation=modal][data-surface=subtle][data-v-a108e8f1]{background-color:var(--color-surface-50,#f8fafc)}.s-dialog-surface__frame[data-presentation=modal][data-surface=subtle][data-v-a108e8f1]:where(.dark,.dark *){background-color:var(--color-surface-900,#0f172a)}.s-dialog-surface__frame[data-presentation=modal][data-scroll=body][data-v-a108e8f1]{flex-direction:column;max-height:calc(100dvh - 2rem);display:flex}.s-dialog-surface__frame[data-presentation=modal][data-scroll=body] .s-dialog-surface__body[data-v-a108e8f1]{flex:1;min-height:0;overflow-y:auto}.s-dialog-surface__frame[data-presentation=modal][data-layout=fullscreen][data-v-a108e8f1]{border-radius:0;max-width:100%;height:100%;min-height:100vh}.s-dialog-surface__frame[data-presentation=modal][data-size=sm][data-v-a108e8f1]{max-width:24rem}.s-dialog-surface__frame[data-presentation=modal][data-size=md][data-v-a108e8f1]{max-width:28rem}.s-dialog-surface__frame[data-presentation=modal][data-size=lg][data-v-a108e8f1]{max-width:32rem}.s-dialog-surface__frame[data-presentation=modal][data-size=xl][data-v-a108e8f1]{max-width:36rem}.s-dialog-surface__frame[data-presentation=modal][data-size="2xl"][data-v-a108e8f1]{max-width:42rem}.s-dialog-surface__frame[data-presentation=modal][data-size="3xl"][data-v-a108e8f1]{max-width:48rem}.s-dialog-surface__frame[data-presentation=modal][data-size="4xl"][data-v-a108e8f1]{max-width:56rem}.s-dialog-surface__frame[data-presentation=modal][data-size=wide][data-v-a108e8f1]{max-width:72rem}.s-dialog-surface__frame[data-presentation=modal] .s-dialog-surface__header[data-v-a108e8f1]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-surface-200,#e2e8f0);padding-bottom:calc(var(--spacing,.25rem) * 4);justify-content:space-between;align-items:flex-start;display:flex}.s-dialog-surface__frame[data-presentation=modal] .s-dialog-surface__header[data-v-a108e8f1]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155)}.s-dialog-surface__frame[data-presentation=modal] .s-dialog-surface__title[data-v-a108e8f1]{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-surface-900,#0f172a)}.s-dialog-surface__frame[data-presentation=modal] .s-dialog-surface__title[data-v-a108e8f1]:where(.dark,.dark *){color:var(--color-surface-100,#f1f5f9)}.s-dialog-surface__frame[data-presentation=modal] .s-dialog-surface__body[data-v-a108e8f1]{margin-top:calc(var(--spacing,.25rem) * 4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-surface-600,#475569)}.s-dialog-surface__frame[data-presentation=modal] .s-dialog-surface__body[data-v-a108e8f1]:where(.dark,.dark *){color:var(--color-surface-300,#cbd5e1)}.s-dialog-surface__frame[data-presentation=modal] .s-dialog-surface__footer[data-v-a108e8f1]{margin-top:calc(var(--spacing,.25rem) * 6);justify-content:flex-end;gap:calc(var(--spacing,.25rem) * 3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-surface-200,#e2e8f0);padding-top:calc(var(--spacing,.25rem) * 4);display:flex}.s-dialog-surface__frame[data-presentation=modal] .s-dialog-surface__footer[data-v-a108e8f1]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155)}.s-dialog-surface__frame[data-presentation=modal] .s-dialog-surface__footer[data-layout=split][data-v-a108e8f1]{justify-content:flex-start;align-items:center;column-gap:calc(var(--spacing,.25rem) * 3);row-gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap}.s-dialog-surface__footer-start[data-v-a108e8f1],.s-dialog-surface__footer-end[data-v-a108e8f1]{align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;min-width:0;display:flex}.s-dialog-surface__footer-start[data-v-a108e8f1]{margin-right:auto}.s-dialog-surface__footer-end[data-v-a108e8f1]{justify-content:flex-end;margin-left:auto}.s-dialog-surface__frame[data-presentation=drawer][data-v-a108e8f1]{border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--color-surface-200,#e2e8f0);background-color:var(--color-surface-0,#fff);width:100%;height:100%;color:var(--color-surface-900,#0f172a);flex-direction:column;display:flex;position:relative;overflow:hidden}.s-dialog-surface__frame[data-presentation=drawer][data-v-a108e8f1]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155);background-color:var(--color-surface-900,#0f172a);color:var(--color-surface-0,#fff)}.s-dialog-surface__frame[data-presentation=drawer][data-placement=left][data-v-a108e8f1]{border-right-style:var(--tw-border-style);border-right-width:1px;border-left-style:var(--tw-border-style);border-left-width:0}.s-dialog-surface__frame[data-presentation=drawer][data-size=sm][data-v-a108e8f1]{max-width:30rem}.s-dialog-surface__frame[data-presentation=drawer][data-size=md][data-v-a108e8f1]{max-width:36rem}.s-dialog-surface__frame[data-presentation=drawer][data-size=lg][data-v-a108e8f1]{max-width:44rem}.s-dialog-surface__frame[data-presentation=drawer][data-placement=bottom][data-v-a108e8f1]{border-top-left-radius:var(--radius-2xl,1rem);border-top-right-radius:var(--radius-2xl,1rem);border-top-style:var(--tw-border-style);border-top-width:1px;border-left-style:var(--tw-border-style);border-left-width:0;border-color:var(--color-surface-200,#e2e8f0);max-width:none}.s-dialog-surface__frame[data-presentation=drawer][data-placement=bottom][data-v-a108e8f1]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155)}.s-dialog-surface__frame[data-presentation=drawer][data-placement=bottom][data-v-a108e8f1]{width:100%}.s-dialog-surface__frame[data-presentation=drawer][data-scope=viewport][data-placement=bottom][data-v-a108e8f1]{max-height:calc(100dvh - 1rem)}.s-dialog-surface__frame[data-presentation=drawer][data-scope=viewport][data-placement=bottom][data-size=sm][data-v-a108e8f1]{height:50dvh}.s-dialog-surface__frame[data-presentation=drawer][data-scope=viewport][data-placement=bottom][data-size=md][data-v-a108e8f1]{height:70dvh}.s-dialog-surface__frame[data-presentation=drawer][data-scope=viewport][data-placement=bottom][data-size=lg][data-v-a108e8f1]{height:90dvh}.s-dialog-surface__frame[data-presentation=drawer][data-scope=contained][data-v-a108e8f1]{min-block-size:0;max-block-size:100%;min-inline-size:0;max-inline-size:none}.s-dialog-surface__frame[data-presentation=drawer][data-scope=contained][data-placement=bottom][data-v-a108e8f1]{block-size:var(--s-drawer-extent)}.s-dialog-surface__frame[data-presentation=drawer][data-scope=contained][data-placement=left][data-v-a108e8f1],.s-dialog-surface__frame[data-presentation=drawer][data-scope=contained][data-placement=right][data-v-a108e8f1]{inline-size:var(--s-drawer-extent)}.s-dialog-surface__frame[data-presentation=drawer] .s-dialog-surface__header[data-v-a108e8f1]{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-surface-200,#e2e8f0);padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 4);flex-shrink:0;display:flex}@media (width>=48rem){.s-dialog-surface__frame[data-presentation=drawer] .s-dialog-surface__header[data-v-a108e8f1]{padding-inline:calc(var(--spacing,.25rem) * 6)}}.s-dialog-surface__frame[data-presentation=drawer] .s-dialog-surface__header[data-v-a108e8f1]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155)}.s-dialog-surface__frame[data-presentation=drawer] .s-dialog-surface__title[data-v-a108e8f1]{min-width:0;font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-surface-950,#020617);flex:1}.s-dialog-surface__frame[data-presentation=drawer] .s-dialog-surface__title[data-v-a108e8f1]:where(.dark,.dark *){color:var(--color-surface-0,#fff)}.s-dialog-surface__frame[data-presentation=drawer] .s-dialog-surface__body[data-v-a108e8f1]{min-width:0;min-height:0;padding:calc(var(--spacing,.25rem) * 5);flex:1;overflow-y:auto}@media (width>=48rem){.s-dialog-surface__frame[data-presentation=drawer] .s-dialog-surface__body[data-v-a108e8f1]{padding:calc(var(--spacing,.25rem) * 6)}}.s-dialog-surface__frame[data-presentation=drawer] .s-dialog-surface__body[data-v-a108e8f1]{overscroll-behavior:contain}.s-dialog-surface__frame[data-presentation=drawer][data-scroll=content] .s-dialog-surface__body[data-v-a108e8f1]{flex-direction:column;padding:0;display:flex;overflow:hidden}.s-dialog-surface__frame[data-presentation=drawer] .s-dialog-surface__footer[data-v-a108e8f1]{justify-content:flex-end;gap:calc(var(--spacing,.25rem) * 3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-surface-200,#e2e8f0);padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 4);flex-wrap:wrap;flex-shrink:0;display:flex}@media (width>=48rem){.s-dialog-surface__frame[data-presentation=drawer] .s-dialog-surface__footer[data-v-a108e8f1]{padding-inline:calc(var(--spacing,.25rem) * 6)}}.s-dialog-surface__frame[data-presentation=drawer] .s-dialog-surface__footer[data-v-a108e8f1]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155)}@media (width<=767px){.s-dialog-surface__frame[data-presentation=drawer][data-layout=mobile-fullscreen][data-v-a108e8f1]{border-right-style:var(--tw-border-style);border-right-width:0;border-left-style:var(--tw-border-style);border-left-width:0;max-width:100%}}.s-dialog-surface[hidden][data-v-a108e8f1]{display:none}.s-dialog-surface-motion-enter-active .s-dialog-surface__frame[data-v-a108e8f1],.s-dialog-surface-motion-leave-active .s-dialog-surface__frame[data-v-a108e8f1]{transition:transform var(--s-motion-standard) ease}.s-dialog-surface-motion-enter-from[data-presentation=modal] .s-dialog-surface__frame[data-v-a108e8f1],.s-dialog-surface-motion-leave-to[data-presentation=modal] .s-dialog-surface__frame[data-v-a108e8f1]{transform:scale(.96)}.s-dialog-surface-motion-enter-from[data-presentation=drawer] .s-dialog-surface__frame[data-v-a108e8f1],.s-dialog-surface-motion-leave-to[data-presentation=drawer] .s-dialog-surface__frame[data-v-a108e8f1]{transform:translate(1.5rem)}.s-dialog-surface-motion-enter-from[data-placement=left] .s-dialog-surface__frame[data-v-a108e8f1],.s-dialog-surface-motion-leave-to[data-placement=left] .s-dialog-surface__frame[data-v-a108e8f1]{transform:translate(-1.5rem)}.s-dialog-surface-motion-enter-from[data-placement=bottom] .s-dialog-surface__frame[data-v-a108e8f1],.s-dialog-surface-motion-leave-to[data-placement=bottom] .s-dialog-surface__frame[data-v-a108e8f1]{transform:translateY(1.5rem)}@media (width<=767px){.s-dialog-surface-motion-enter-from[data-placement=right] .s-dialog-surface__frame[data-v-a108e8f1],.s-dialog-surface-motion-leave-to[data-placement=right] .s-dialog-surface__frame[data-v-a108e8f1]{transform:translateY(1.5rem)}}.s-dialog-surface-motion-enter-active .s-modal-backdrop[data-v-a108e8f1],.s-dialog-surface-motion-leave-active .s-modal-backdrop[data-v-a108e8f1],.s-dialog-surface-motion-enter-active .s-drawer-backdrop[data-v-a108e8f1],.s-dialog-surface-motion-leave-active .s-drawer-backdrop[data-v-a108e8f1]{transition:opacity var(--s-motion-standard) ease}.s-dialog-surface-motion-enter-from .s-modal-backdrop[data-v-a108e8f1],.s-dialog-surface-motion-leave-to .s-modal-backdrop[data-v-a108e8f1],.s-dialog-surface-motion-enter-from .s-drawer-backdrop[data-v-a108e8f1],.s-dialog-surface-motion-leave-to .s-drawer-backdrop[data-v-a108e8f1]{opacity:0}@media (prefers-reduced-motion:reduce){.s-dialog-surface-motion-enter-active .s-dialog-surface__frame[data-v-a108e8f1],.s-dialog-surface-motion-leave-active .s-dialog-surface__frame[data-v-a108e8f1],.s-dialog-surface-motion-enter-active .s-modal-backdrop[data-v-a108e8f1],.s-dialog-surface-motion-leave-active .s-modal-backdrop[data-v-a108e8f1],.s-dialog-surface-motion-enter-active .s-drawer-backdrop[data-v-a108e8f1],.s-dialog-surface-motion-leave-active .s-drawer-backdrop[data-v-a108e8f1]{transition:none}.s-dialog-surface-motion-enter-from[data-presentation=modal] .s-dialog-surface__frame[data-v-a108e8f1],.s-dialog-surface-motion-leave-to[data-presentation=modal] .s-dialog-surface__frame[data-v-a108e8f1],.s-dialog-surface-motion-enter-from[data-presentation=drawer] .s-dialog-surface__frame[data-v-a108e8f1],.s-dialog-surface-motion-leave-to[data-presentation=drawer] .s-dialog-surface__frame[data-v-a108e8f1],.s-dialog-surface-motion-enter-from[data-placement] .s-dialog-surface__frame[data-v-a108e8f1],.s-dialog-surface-motion-leave-to[data-placement] .s-dialog-surface__frame[data-v-a108e8f1]{transform:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}

package/dist/assets/src/components/shared/containers/{SCollapsiblePanel.css_vue_type_style_index_0_src_71824088_scoped_71824088_lang.css → SCollapsiblePanel.css_vue_type_style_index_0_src_db85261d_scoped_db85261d_lang.css}

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-71824088],[data-v-71824088]:before,[data-v-71824088]:after,[data-v-71824088]::backdrop{--tw-border-style:solid}}}.s-collapsible-panel[data-v-71824088]{z-index:0;border-radius:var(--radius-lg,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-surface-200,#e2e8f0);background-color:var(--color-surface-0,#fff);flex-direction:column;flex:none;width:100%;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.s-collapsible-panel[data-v-71824088]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155);background-color:var(--color-surface-800,#1e293b)}.s-collapsible-panel[data-surface=plain][data-v-71824088]{border-style:var(--tw-border-style);background-color:#0000;border-width:0;border-radius:0}.s-collapsible-panel[data-surface=plain][data-v-71824088]:where(.dark,.dark *){background-color:#0000}.s-collapsible-panel-header[data-v-71824088]{align-items:center;gap:var(--spacing,.25rem);flex-shrink:0;min-width:0;display:flex}.s-collapsible-panel-trigger[data-v-71824088]{flex:1;min-width:0}.s-collapsible-panel-actions[data-v-71824088]{align-items:center;gap:var(--spacing,.25rem);padding-right:var(--spacing,.25rem);flex-shrink:0;display:flex}.s-collapsible-panel-content[data-v-71824088]{background:inherit;width:100%;min-width:0;transition:max-height var(--s-motion-standard) ease;will-change:max-height;max-height:0;overflow:hidden}.s-collapsible-panel-content.is-opened[data-v-71824088]{max-height:none;transition:none;overflow-y:visible}.s-collapsible-panel-inner[data-v-71824088]{padding:calc(var(--spacing,.25rem) * 4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-surface-600,#475569)}.s-collapsible-panel-inner[data-v-71824088]:where(.dark,.dark *){color:var(--color-surface-300,#cbd5e1)}.s-collapsible-panel-content.is-animating[data-v-71824088]{border-color:#0000}.s-collapsible-panel[data-density=compact] .s-collapsible-panel-inner[data-v-71824088]{padding:calc(var(--spacing,.25rem) * 3)}.s-collapsible-panel[data-density=dense] .s-collapsible-panel-inner[data-v-71824088]{padding:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.s-collapsible-panel[data-content-padding=none]>.s-collapsible-panel-content>.s-collapsible-panel-inner[data-v-71824088]{padding:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-db85261d],[data-v-db85261d]:before,[data-v-db85261d]:after,[data-v-db85261d]::backdrop{--tw-border-style:solid}}}.s-collapsible-panel[data-v-db85261d]{z-index:0;border-radius:var(--radius-lg,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-surface-200,#e2e8f0);background-color:var(--color-surface-0,#fff);flex-direction:column;flex:none;width:100%;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.s-collapsible-panel[data-v-db85261d]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155);background-color:var(--color-surface-800,#1e293b)}.s-collapsible-panel[data-surface=plain][data-v-db85261d]{border-style:var(--tw-border-style);background-color:#0000;border-width:0;border-radius:0}.s-collapsible-panel[data-surface=plain][data-v-db85261d]:where(.dark,.dark *){background-color:#0000}.s-collapsible-panel-header[data-v-db85261d]{align-items:center;gap:var(--spacing,.25rem);flex-shrink:0;min-width:0;display:flex}.s-collapsible-panel-trigger[data-v-db85261d]{flex:1;min-width:0}.s-collapsible-panel-actions[data-v-db85261d]{align-items:center;gap:var(--spacing,.25rem);padding-right:var(--spacing,.25rem);flex-shrink:0;display:flex}.s-collapsible-panel-content[data-v-db85261d]{background:inherit;width:100%;min-width:0;transition:max-height var(--s-motion-standard) ease;will-change:max-height;max-height:0;overflow:hidden}.s-collapsible-panel-content.is-opened[data-v-db85261d]{max-height:none;transition:none;overflow-y:visible}.s-collapsible-panel-inner[data-v-db85261d]{padding:calc(var(--spacing,.25rem) * 4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-surface-600,#475569)}.s-collapsible-panel-inner[data-v-db85261d]:where(.dark,.dark *){color:var(--color-surface-300,#cbd5e1)}.s-collapsible-panel-content.is-animating[data-v-db85261d]{border-color:#0000}.s-collapsible-panel[data-density=compact] .s-collapsible-panel-inner[data-v-db85261d]{padding:calc(var(--spacing,.25rem) * 3)}.s-collapsible-panel[data-density=dense] .s-collapsible-panel-inner[data-v-db85261d]{padding:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.s-collapsible-panel[data-content-padding=none]>.s-collapsible-panel-content>.s-collapsible-panel-inner[data-v-db85261d]{padding:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}

package/dist/assets/src/components/shared/containers/{SOverlayHost.css_vue_type_style_index_0_src_8f9be94e_scoped_8f9be94e_lang.css → SOverlayHost.css_vue_type_style_index_0_src_09215628_scoped_09215628_lang.css}

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-.s-overlay-host[data-v-8f9be94e]{isolation:isolate;flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.s-overlay-host__content[data-v-8f9be94e]{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.s-overlay-host__portal[data-v-8f9be94e]{pointer-events:none;position:absolute;inset:0}
+.s-overlay-host[data-v-09215628]{isolation:isolate;flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.s-overlay-host__content[data-v-09215628]{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.s-overlay-host__portal[data-v-09215628]{pointer-events:none;position:absolute;inset:0}

package/dist/assets/src/components/shared/containers/{SPopover.css_vue_type_style_index_0_src_4091d007_scoped_4091d007_lang.css → SPopover.css_vue_type_style_index_0_src_a4f1f64a_scoped_a4f1f64a_lang.css}

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-4091d007],[data-v-4091d007]:before,[data-v-4091d007]:after,[data-v-4091d007]::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.s-popover-wrapper[data-v-4091d007]{position:relative}.s-popover-panel[data-v-4091d007]{display:inline-block}.s-popover-content[data-v-4091d007]{border-radius:var(--radius-lg,1rem);text-align:left;background:var(--s-floating-surface);color:var(--s-floating-foreground);box-shadow:0 0 0 1px var(--s-floating-outline), var(--s-elevation-floating);display:block}.s-popover-panel[data-width=sm][data-v-4091d007]{width:min(20rem,100vw - 1rem)}.s-popover-panel[data-width=md][data-v-4091d007]{width:min(28rem,100vw - 1rem)}.s-popover-panel[data-width=lg][data-v-4091d007]{width:min(36rem,100vw - 1rem)}.s-popover-panel[data-surface=transparent][data-v-4091d007]{max-width:90vw}.s-popover-panel[data-surface=transparent] .s-popover-content[data-v-4091d007]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-color:#0000}.s-popover-panel[data-surface=transparent] .s-popover-content[data-v-4091d007]:where(.dark,.dark *){background-color:#0000}.s-popover-panel[data-surface=transparent] .s-popover-content[data-v-4091d007]{box-shadow:none}.s-popover-panel[hidden][data-v-4091d007]{display:none}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-a4f1f64a],[data-v-a4f1f64a]:before,[data-v-a4f1f64a]:after,[data-v-a4f1f64a]::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.s-popover-wrapper[data-v-a4f1f64a]{position:relative}.s-popover-panel[data-v-a4f1f64a]{display:inline-block}.s-popover-content[data-v-a4f1f64a]{border-radius:var(--radius-lg,1rem);text-align:left;background:var(--s-floating-surface);color:var(--s-floating-foreground);box-shadow:0 0 0 1px var(--s-floating-outline), var(--s-elevation-floating);display:block}.s-popover-panel[data-width=sm][data-v-a4f1f64a]{width:min(20rem,100vw - 1rem)}.s-popover-panel[data-width=md][data-v-a4f1f64a]{width:min(28rem,100vw - 1rem)}.s-popover-panel[data-width=lg][data-v-a4f1f64a]{width:min(36rem,100vw - 1rem)}.s-popover-panel[data-surface=transparent][data-v-a4f1f64a]{max-width:90vw}.s-popover-panel[data-surface=transparent] .s-popover-content[data-v-a4f1f64a]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-color:#0000}.s-popover-panel[data-surface=transparent] .s-popover-content[data-v-a4f1f64a]:where(.dark,.dark *){background-color:#0000}.s-popover-panel[data-surface=transparent] .s-popover-content[data-v-a4f1f64a]{box-shadow:none}.s-popover-panel[hidden][data-v-a4f1f64a]{display:none}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

package/dist/assets/src/components/shared/containers/SSidebarSection.css_vue_type_style_index_0_src_52396e42_scoped_52396e42_lang.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-52396e42],[data-v-52396e42]:before,[data-v-52396e42]:after,[data-v-52396e42]::backdrop{--tw-border-style:solid}}}.s-sidebar-section-wrapper[data-v-52396e42]{flex-direction:column;min-height:0;display:flex;overflow:hidden}.s-sidebar-section[data-v-52396e42]{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.s-sidebar-section-wrapper+.s-sidebar-section-wrapper .s-sidebar-section[data-v-52396e42]{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-surface-200,#e2e8f0)}.s-sidebar-section-wrapper+.s-sidebar-section-wrapper .s-sidebar-section[data-v-52396e42]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155)}.s-sidebar-section-wrapper--resizable-before .s-sidebar-section[data-v-52396e42]{border-top-style:var(--tw-border-style);border-top-width:0}.s-sidebar-section-header[data-v-52396e42]{height:calc(var(--spacing,.25rem) * 7);align-items:center;gap:var(--spacing,.25rem);width:100%;padding-inline:var(--spacing,.25rem);background-color:#f8fafcb3;display:flex}@supports (color:color-mix(in lab, red, red)){.s-sidebar-section-header[data-v-52396e42]{background-color:color-mix(in oklab, var(--color-surface-50,#f8fafc) 70%, transparent)}}.s-sidebar-section-header[data-v-52396e42]:where(.dark,.dark *){background-color:#1e293b8c}@supports (color:color-mix(in lab, red, red)){.s-sidebar-section-header[data-v-52396e42]:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-surface-800,#1e293b) 55%, transparent)}}.s-sidebar-section-header[data-v-52396e42]{color:var(--color-surface-600,#475569)}.s-sidebar-section-header[data-v-52396e42]:where(.dark,.dark *){color:var(--color-surface-300,#cbd5e1)}.s-sidebar-section-header[data-v-52396e42]{transition:background-color var(--s-motion-standard) ease, color var(--s-motion-standard) ease;flex-shrink:0}:is(.s-sidebar-section-header[data-v-52396e42]:has([data-sidebar-section-toggle]:hover),.s-sidebar-section-header[data-v-52396e42]:has([data-sidebar-section-toggle]:focus-visible)){background-color:var(--color-surface-100,#f1f5f9);color:var(--color-surface-800,#1e293b)}:is(.s-sidebar-section-header[data-v-52396e42]:has([data-sidebar-section-toggle]:hover),.s-sidebar-section-header[data-v-52396e42]:has([data-sidebar-section-toggle]:focus-visible)):where(.dark,.dark *){background-color:#334155b3}@supports (color:color-mix(in lab, red, red)){:is(.s-sidebar-section-header[data-v-52396e42]:has([data-sidebar-section-toggle]:hover),.s-sidebar-section-header[data-v-52396e42]:has([data-sidebar-section-toggle]:focus-visible)):where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-surface-700,#334155) 70%, transparent)}}:is(.s-sidebar-section-header[data-v-52396e42]:has([data-sidebar-section-toggle]:hover),.s-sidebar-section-header[data-v-52396e42]:has([data-sidebar-section-toggle]:focus-visible)):where(.dark,.dark *){color:var(--color-surface-100,#f1f5f9)}.s-sidebar-section-header--mobile[data-v-52396e42]{height:calc(var(--spacing,.25rem) * 6);padding-inline:calc(var(--spacing,.25rem) * 1.5)}.s-sidebar-section-trigger[data-v-52396e42]{flex:1;min-width:0}.s-sidebar-section-actions[data-v-52396e42]{align-items:center;gap:var(--spacing,.25rem);flex-shrink:0;margin-left:auto;display:flex}.s-sidebar-section-content[data-v-52396e42]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-surface-700,#334155)}.s-sidebar-section-content[data-v-52396e42]:where(.dark,.dark *){color:var(--color-surface-300,#cbd5e1)}.s-sidebar-section-content[data-v-52396e42]{flex:1;min-height:0;overflow:hidden auto}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}