@feugene/granularity 0.48.0 → 0.50.0

package/dist/chunks/config-DPJ3jtiB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-DPJ3jtiB.js","names":[],"sources":["../../src/components/GrDataTable/grDataTableStyles.ts","../../src/components/GrDataTable/safelist.ts","../../src/components/GrDataTable/config.ts"],"sourcesContent":["import type { GrCheckboxSize } from '../GrCheckbox/grCheckboxStyles'\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type GrDataTableSize = GrComponentSize\n\n/** Паддинг ячейки — и в шапке, и в теле: колонки обязаны совпадать по сетке. */\nexport const cellPaddings: Record<GrDataTableSize, string> = {\n  xs: 'px-2 py-1.5',\n  sm: 'px-3 py-2',\n  md: 'px-4 py-3',\n  lg: 'px-5 py-4',\n}\n\n/**\n * Оценка высоты строки по размеру: два вертикальных отступа ячейки плюс строка\n * текста и рамка. Виртуализация уточняет её замером — точное число здесь знать\n * неоткуда, содержимое ячейки задаёт потребитель.\n */\nexport const rowHeightEstimates: Record<GrDataTableSize, number> = {\n  xs: 33,\n  sm: 41,\n  md: 49,\n  lg: 57,\n}\n\n/** Заглушки loading/empty: по горизонтали как ячейка, по вертикали просторнее. */\nexport const placeholderPaddings: Record<GrDataTableSize, string> = {\n  xs: 'px-2 py-3',\n  sm: 'px-3 py-4',\n  md: 'px-4 py-6',\n  lg: 'px-5 py-8',\n}\n\n/**\n * Ручка перестановки колонки. Появляется по наведению на заголовок и по\n * фокусу: постоянная сетка ручек в шапке из десяти колонок читается как рябь,\n * а не как управление.\n */\nexport const columnHandleClass = 'inline-flex shrink-0 cursor-grab items-center text-[var(--gr-datatable-drag-handle,var(--gr-muted-fg))] opacity-0 [touch-action:none] transition-opacity duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] rounded-[var(--gr-radius-sm)] group-hover:opacity-100'\n\nexport const columnHandleActiveClass = 'opacity-100'\n\n/**\n * Кнопка меню колонки. Как и ручка переноса, в покое не видна: три значка в\n * каждом заголовке — шум, а нужны они по случаю.\n *\n * Открытое меню держит кнопку видимой само (`aria-expanded`), иначе она гасла\n * бы ровно в тот момент, когда указатель уходит с заголовка на её же панель.\n */\nexport const columnMenuTriggerClass = 'absolute end-1 top-1/2 -translate-y-1/2 inline-flex shrink-0 items-center rounded-[var(--gr-radius-sm)] text-[var(--gr-muted-fg)] opacity-0 transition-opacity duration-[var(--gr-duration-fast)] hover:text-[var(--gr-fg)] focus:outline-none focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] group-hover:opacity-100 [&[aria-expanded=true]]:opacity-100 disabled:cursor-not-allowed disabled:text-[var(--gr-disabled-fg)]'\n\n/** Переносимая колонка гасится, чтобы было видно, что она «поднята». */\nexport const columnDraggingClass = 'bg-[var(--gr-muted)]'\n\n/**\n * Место вставки — полоса по краю ячейки заголовка. Псевдоэлемент, а не свой\n * узел: `<th>` не терпит посторонних детей в раскладке таблицы.\n */\nexport const columnDropBeforeClass = 'before:absolute before:inset-y-0 before:left-0 before:w-[var(--gr-datatable-drag-indicator-width,2px)] before:bg-[var(--gr-datatable-drag-indicator,var(--gr-primary))] before:content-empty'\n\nexport const columnDropAfterClass = 'after:absolute after:inset-y-0 after:right-0 after:w-[var(--gr-datatable-drag-indicator-width,2px)] after:bg-[var(--gr-datatable-drag-indicator,var(--gr-primary))] after:content-empty'\n\n/**\n * Подсветка выбранной строки. Живёт здесь, потому что закреплённой ячейке её\n * приходится повторять: у ячейки свой непрозрачный фон, и подсветка строки\n * сквозь него не видна.\n */\nexport const rowSelectedClass = 'bg-[color-mix(in_srgb,var(--gr-primary)_8%,transparent)]'\n\n/**\n * Итоговая строка. Отбивка та же, что между строками тела, плюс вес: итог —\n * вывод из набора, а не ещё одна его запись, и читатель должен видеть это до\n * того, как разберёт цифры. Тон оставлен потребителю: «возвраты» и «прибыль» —\n * разные сообщения, и выбирать за него компонент не должен.\n */\nexport const summaryRowClass = 'border-t border-[var(--gr-brd)] font-600'\n\n/**\n * Ручка ширины — полоса у правого края заголовка. Видима она узкой линией, а\n * ловится широкой зоной: попасть в двухпиксельную границу мышью тяжело.\n */\nexport const columnResizerClass = 'absolute inset-y-0 right-0 z-[1] flex w-3 translate-x-1/2 cursor-col-resize items-stretch justify-center [touch-action:none] focus:outline-none'\n\nexport const columnResizerLineClass = 'w-[var(--gr-datatable-resizer-width,2px)] bg-transparent transition-colors duration-[var(--gr-duration-fast)]'\n\n/** Полоса подсвечивается только когда её ведут или на неё встал фокус. */\nexport const columnResizerLineActiveClass = 'bg-[var(--gr-datatable-resizer,var(--gr-primary))]'\n\nexport const columnResizerHoverClass = 'hover:bg-[var(--gr-datatable-resizer,var(--gr-primary))] focus-visible:bg-[var(--gr-datatable-resizer,var(--gr-primary))]'\n\n/**\n * Закреплённая колонка липнет к краю прокрутки. Фон обязателен: без него\n * уезжающие под неё ячейки просвечивают насквозь.\n */\nexport const columnPinnedClass = 'sticky z-[2] bg-[var(--gr-card)]'\n\n/** Граница группы закреплённых колонок — тень, а не рамка: рамка сдвигает сетку. */\nexport const columnPinnedLeftEdgeClass = 'shadow-[var(--gr-datatable-pinned-shadow,4px_0_6px_-4px_rgba(0,0,0,0.25))]'\n\nexport const columnPinnedRightEdgeClass = 'shadow-[var(--gr-datatable-pinned-shadow-end,-4px_0_6px_-4px_rgba(0,0,0,0.25))]'\n\n/** Подпись колонки набирается мельче тела таблицы — она не данные, а навигация. */\nexport const headerTextSizes: Record<GrDataTableSize, string> = {\n  xs: 'text-[length:var(--gr-control-text-3xs)] leading-[var(--gr-control-leading-3xs)]',\n  sm: 'text-[length:var(--gr-control-text-2xs)] leading-[var(--gr-control-leading-2xs)]',\n  md: 'text-[length:var(--gr-control-text-xs)] leading-[var(--gr-leading-xs)]',\n  lg: 'text-[length:var(--gr-control-text-md)] leading-[var(--gr-leading-sm)]',\n}\n\n/**\n * Размер `GrCheckbox` в колонке выбора. Здесь не классы, а ступень шкалы:\n * коробку рисует сам чекбокс — он же держит `indeterminate`, disabled без\n * `opacity` и фокус-кольцо.\n */\nexport const selectCheckboxSizes: Record<GrDataTableSize, GrCheckboxSize> = {\n  xs: 'xs',\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n}\n\n/** Ширина колонки выбора: коробка чекбокса плюс горизонтальный паддинг ячейки. */\nexport const selectColumnWidths: Record<GrDataTableSize, string> = {\n  xs: 'w-7',\n  sm: 'w-8',\n  md: 'w-10',\n  lg: 'w-12',\n}\n\n/** Зазор между подписью колонки и стрелкой сортировки. */\nexport const headerGaps: Record<GrDataTableSize, string> = {\n  xs: 'gap-1',\n  sm: 'gap-1.5',\n  md: 'gap-2',\n  lg: 'gap-2',\n}\n\n/** Спиннер в строке загрузки — тем же кеглем, что иконка сортировки рядом. */\nexport const spinnerSizes: Record<GrDataTableSize, string> = {\n  xs: 'h-3 w-3',\n  sm: 'h-3.5 w-3.5',\n  md: 'h-4 w-4',\n  lg: 'h-5 w-5',\n}\n\n/** Стрелка сортировки берёт размер из шкалы `GrIcon` (`xs…lg` → `14…20px`). */\nexport const sortIconSizes: Record<GrDataTableSize, GrComponentSize> = {\n  xs: 'xs',\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n}\n\n/**\n * Второй ярус строки: подробности под ней.\n *\n * Фон мягче строки набора, а не ярче: подробности обязаны читаться как\n * вложенное в строку, а не как следующая строка. Акцентная полоса слева\n * связывает деталь с её строкой, когда между ними уже прокрутили.\n */\nexport const detailRowClass = 'bg-[var(--gr-datatable-detail-bg,color-mix(in_srgb,var(--gr-muted)_45%,transparent))]'\n\nexport const detailCellClass = 'border-t border-[var(--gr-brd)] border-l-2 border-l-[var(--gr-datatable-detail-accent,var(--gr-primary))]'\n\n/** Содержимое липнет к левому краю: иначе при горизонтальной прокрутке его не видно. */\nexport const detailContentClass = 'sticky left-0'\n\nexport const detailPaddings: Record<GrDataTableSize, string> = {\n  xs: 'px-2 py-2',\n  sm: 'px-3 py-2.5',\n  md: 'px-4 py-3',\n  lg: 'px-5 py-4',\n}\n\n/** Колонка кнопки раскрытия — той же ширины, что колонка выбора: шапка не должна съезжать. */\nexport const expandColumnWidths = selectColumnWidths\n\nexport const expandButtonClass = 'inline-flex items-center justify-center rounded-[var(--gr-radius-sm)] text-[var(--gr-muted-fg)] transition-colors hover:bg-[var(--gr-muted)] hover:text-[var(--gr-fg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\n/**\n * Поворот шеврона. Своего `motion-reduce:` здесь нет намеренно: движение пакет\n * гасит одним глобальным блоком в `base.css`, а под `presetMini` этот вариант\n * вдобавок не генерирует CSS вовсе (`docs/motion.md`).\n */\nexport const expandIconClass = 'h-4 w-4 transition-transform duration-[var(--gr-duration-fast)]'\n\nexport const expandIconOpenClass = 'rotate-90'\n\nexport const detailErrorClass = 'flex flex-wrap items-center gap-2 text-[var(--gr-invalid-text)]'\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  cellPaddings,\n  columnDraggingClass,\n  detailCellClass,\n  detailContentClass,\n  detailErrorClass,\n  detailPaddings,\n  detailRowClass,\n  expandButtonClass,\n  expandIconClass,\n  expandIconOpenClass,\n  columnDropAfterClass,\n  columnDropBeforeClass,\n  columnHandleActiveClass,\n  columnHandleClass,\n  columnMenuTriggerClass,\n  columnPinnedClass,\n  columnPinnedLeftEdgeClass,\n  columnPinnedRightEdgeClass,\n  columnResizerClass,\n  columnResizerHoverClass,\n  columnResizerLineActiveClass,\n  columnResizerLineClass,\n  headerGaps,\n  headerTextSizes,\n  placeholderPaddings,\n  rowSelectedClass,\n  selectColumnWidths,\n  spinnerSizes,\n  summaryRowClass,\n} from './grDataTableStyles'\n\nexport const grDataTableSafelist = [...new Set([\n  ...Object.values(cellPaddings).flatMap(splitClassTokens),\n  ...Object.values(placeholderPaddings).flatMap(splitClassTokens),\n  ...Object.values(headerTextSizes).flatMap(splitClassTokens),\n  ...Object.values(selectColumnWidths).flatMap(splitClassTokens),\n  ...Object.values(headerGaps).flatMap(splitClassTokens),\n  ...Object.values(spinnerSizes).flatMap(splitClassTokens),\n  ...splitClassTokens(columnHandleClass),\n  ...splitClassTokens(columnMenuTriggerClass),\n  ...splitClassTokens(columnHandleActiveClass),\n  ...splitClassTokens(columnDraggingClass),\n  ...splitClassTokens(columnDropBeforeClass),\n  ...splitClassTokens(columnDropAfterClass),\n  ...splitClassTokens(columnResizerClass),\n  ...splitClassTokens(columnResizerLineClass),\n  ...splitClassTokens(columnResizerLineActiveClass),\n  ...splitClassTokens(columnResizerHoverClass),\n  ...splitClassTokens(columnPinnedClass),\n  ...splitClassTokens(columnPinnedLeftEdgeClass),\n  ...splitClassTokens(columnPinnedRightEdgeClass),\n  ...splitClassTokens(rowSelectedClass),\n  ...splitClassTokens(summaryRowClass),\n  // Второй ярус строки: классы приходят из `.ts`-хелпера, а такие литералы\n  // пресет не видит.\n  ...splitClassTokens(detailRowClass),\n  ...splitClassTokens(detailCellClass),\n  ...splitClassTokens(detailContentClass),\n  ...splitClassTokens(detailErrorClass),\n  ...Object.values(detailPaddings).flatMap(splitClassTokens),\n  ...splitClassTokens(expandButtonClass),\n  ...splitClassTokens(expandIconClass),\n  ...splitClassTokens(expandIconOpenClass),\n  ...splitClassTokens('h-5 w-5 h-6 w-6'),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grDataTableSafelist } from './safelist'\n\nexport const grDataTableConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDataTable',\n  dependencies: ['GrTable', 'GrIcon', 'GrCheckbox', 'GrButton', 'GrSkeleton', 'GrDropdownMenu'],\n  safelist: grDataTableSafelist,\n  // Только светлая: обе роли ссылаются на токены, которые сами меняются с темой.\n  tokenDefinitionsRef: {\n    light: { url: './themes/light.css', selector: ':root' },\n  },\n})\n"],"mappings":"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"}

package/dist/chunks/{config-tNqtapcT.js → config-DpqjlCfB.js}

@@ -1,6 +1,6 @@
 import { n as splitClassTokens, t as flattenTransitionTokens } from "./classTokens-8v2XC74x.js";
-import { n as panelPopTransition } from "./overlayPanelSurface-BKeMhRx4.js";
-import { a as overlayOriginClassByPlacement, i as popoverPanelBaseClass, n as panelSizes, r as panelSizesFlush } from "./grPopoverStyles-CYAeO3Ov.js";
+import { t as panelPopTransition } from "./overlayTransition-C0FDMx7Q.js";
+import { a as overlayOriginClassByPlacement, i as popoverPanelBaseClass, n as panelSizes, r as panelSizesFlush } from "./grPopoverStyles-CncEkiPu.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrPopover/safelist.ts
 var grPopoverSafelist = [.../* @__PURE__ */ new Set([

package/dist/chunks/{config-tNqtapcT.js.map → config-DpqjlCfB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"config-tNqtapcT.js","names":[],"sources":["../../src/components/GrPopover/safelist.ts","../../src/components/GrPopover/config.ts"],"sourcesContent":["import { flattenTransitionTokens, splitClassTokens } from '../shared/classTokens'\nimport { panelPopTransition } from '../shared/overlayTransition'\nimport { overlayOriginClassByPlacement } from '../shared/overlayOrigin'\nimport { panelSizes, panelSizesFlush, popoverPanelBaseClass } from './grPopoverStyles'\n\nexport const grPopoverSafelist = [...new Set([\n  ...Object.values(panelSizes).flatMap(splitClassTokens),\n  ...Object.values(panelSizesFlush).flatMap(splitClassTokens),\n  ...Object.values(overlayOriginClassByPlacement).flatMap(splitClassTokens),\n  // Базовый класс живёт литералом в `grPopoverStyles.ts`, а такой хелпер на\n  // сборке уезжает в общий чанк, которого скан не видит (см. gotchas.md §2).\n  ...splitClassTokens(popoverPanelBaseClass),\n  // Обёртка триггера: две взаимоисключающие раскладки. Обе объявлены, потому\n  // что в разметке они приезжают тернарником, а не отдельными литералами.\n  ...splitClassTokens('inline-block max-w-full block w-full'),\n  // Набор перехода панели общий на пять компонентов и живёт безадресным\n  // модулем в `shared/`: в `dist` он лежит в общем чанке, который пресет не\n  // сканирует, поэтому объявить его обязан каждый потребитель.\n  ...flattenTransitionTokens(panelPopTransition),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grPopoverSafelist } from './safelist'\n\nexport const grPopoverConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrPopover',\n  /**\n   * Слои задают `useFloating` и `useModalOverlay` через `overlayStack.ts`:\n   * имя приходит параметром, а `var()` собирается в рантайме. В исходниках\n   * `var(--gr-z-*)` не встречается — статический скан их не видит.\n   */\n  dynamicTokens: ['gr-z-dropdown', 'gr-z-modal'],\n  safelist: grPopoverSafelist,\n})\n"],"mappings":";;;;;AAKA,IAAa,oBAAoB,CAAC,mBAAG,IAAI,IAAI;CAC3C,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CACrD,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,GAAG,OAAO,OAAO,6BAA6B,CAAC,CAAC,QAAQ,gBAAgB;CAGxE,GAAG,iBAAiB,qBAAqB;CAGzC,GAAG,iBAAiB,sCAAsC;CAI1D,GAAG,wBAAwB,kBAAkB;AAC/C,CAAC,CAAC;;;ACfF,IAAa,kBAAkB,wBAAwB,YAAY,KAAK;CACtE,MAAM;;;;;;CAMN,eAAe,CAAC,iBAAiB,YAAY;CAC7C,UAAU;AACZ,CAAC"}
+{"version":3,"file":"config-DpqjlCfB.js","names":[],"sources":["../../src/components/GrPopover/safelist.ts","../../src/components/GrPopover/config.ts"],"sourcesContent":["import { flattenTransitionTokens, splitClassTokens } from '../shared/classTokens'\nimport { panelPopTransition } from '../shared/overlayTransition'\nimport { overlayOriginClassByPlacement } from '../shared/overlayOrigin'\nimport { panelSizes, panelSizesFlush, popoverPanelBaseClass } from './grPopoverStyles'\n\nexport const grPopoverSafelist = [...new Set([\n  ...Object.values(panelSizes).flatMap(splitClassTokens),\n  ...Object.values(panelSizesFlush).flatMap(splitClassTokens),\n  ...Object.values(overlayOriginClassByPlacement).flatMap(splitClassTokens),\n  // Базовый класс живёт литералом в `grPopoverStyles.ts`, а такой хелпер на\n  // сборке уезжает в общий чанк, которого скан не видит (см. gotchas.md §2).\n  ...splitClassTokens(popoverPanelBaseClass),\n  // Обёртка триггера: две взаимоисключающие раскладки. Обе объявлены, потому\n  // что в разметке они приезжают тернарником, а не отдельными литералами.\n  ...splitClassTokens('inline-block max-w-full block w-full'),\n  // Набор перехода панели общий на пять компонентов и живёт безадресным\n  // модулем в `shared/`: в `dist` он лежит в общем чанке, который пресет не\n  // сканирует, поэтому объявить его обязан каждый потребитель.\n  ...flattenTransitionTokens(panelPopTransition),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grPopoverSafelist } from './safelist'\n\nexport const grPopoverConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrPopover',\n  /**\n   * Слои задают `useFloating` и `useModalOverlay` через `overlayStack.ts`:\n   * имя приходит параметром, а `var()` собирается в рантайме. В исходниках\n   * `var(--gr-z-*)` не встречается — статический скан их не видит.\n   */\n  dynamicTokens: ['gr-z-dropdown', 'gr-z-modal'],\n  safelist: grPopoverSafelist,\n})\n"],"mappings":";;;;;AAKA,IAAa,oBAAoB,CAAC,mBAAG,IAAI,IAAI;CAC3C,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CACrD,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,GAAG,OAAO,OAAO,6BAA6B,CAAC,CAAC,QAAQ,gBAAgB;CAGxE,GAAG,iBAAiB,qBAAqB;CAGzC,GAAG,iBAAiB,sCAAsC;CAI1D,GAAG,wBAAwB,kBAAkB;AAC/C,CAAC,CAAC;;;ACfF,IAAa,kBAAkB,wBAAwB,YAAY,KAAK;CACtE,MAAM;;;;;;CAMN,eAAe,CAAC,iBAAiB,YAAY;CAC7C,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-DNDgp9bB.js → config-DpzFoSIh.js}

@@ -52,6 +52,47 @@ function grSidebarItemClass(options) {
 		options.disabled ? itemDisabledClass : options.active ? itemActiveClass : itemIdleClass
 	].join(" ");
 }
+/**
+* Гнездо вложенного пункта: сам пункт плюс поддерево под ним. Обёртка нужна
+* потому, что двух корней у компонента быть не может — при них ломается проброс
+* атрибутов.
+*/
+var itemNestClass = "flex flex-col";
+/** Поддерево подпунктов. Отступ уровня задаётся строкам, а не контейнеру. */
+var itemChildrenClass = "flex flex-col";
+/**
+* Шеврон раскрытия. Поворотом показывает состояние, но смысла не несёт: его
+* сообщает `aria-expanded` на самом пункте, поэтому от диктора шеврон скрыт.
+*/
+var itemChevronClass = "ml-auto h-4 w-4 shrink-0 text-[var(--gr-muted-fg)] transition-transform duration-[var(--gr-duration-fast)]";
+var itemChevronExpandedClass = "rotate-90";
+/**
+* Отступ уровня вложенности. Считается от базового `px-3` пункта: своим
+* `padding` строка отодвигается целиком, вместе с подсветкой и кольцом фокуса,
+* — сдвинь мы только текст, активный фон уезжал бы под соседний уровень.
+*/
+function itemNestIndent(level) {
+	if (level <= 0) return void 0;
+	return `calc(0.75rem + ${level} * var(--gr-sidebar-nest-indent, 1rem))`;
+}
+/**
+* Корень модального слоя. В обычном режиме обёртка остаётся в разметке, но
+* `display: contents` убирает её из раскладки — так панель и её шапка описаны
+* один раз на оба режима, а не продублированы.
+*/
+var layerRootClass = "fixed inset-0";
+var layerPassThroughClass = "contents";
+var layerBackdropClass = "fixed inset-0 bg-[var(--gr-overlay-bg)]";
+/** Панель слоя прижата к своему краю и тянется на всю высоту экрана. */
+var layerPanelPositions = {
+	left: "fixed inset-y-0 left-0 max-w-[85vw]",
+	right: "fixed inset-y-0 right-0 max-w-[85vw]"
+};
+/** Откуда выезжает панель: из-за своего края, а не из глубины экрана. */
+var layerPanelEnterFrom = {
+	left: "-translate-x-full",
+	right: "translate-x-full"
+};
 //#endregion
 //#region src/components/GrSidebar/safelist.ts
 var grSidebarSafelist = [.../* @__PURE__ */ new Set([
@@ -69,6 +110,15 @@ var grSidebarSafelist = [.../* @__PURE__ */ new Set([
 	...splitClassTokens(itemIdleClass),
 	...splitClassTokens(itemLetterClass),
 	...splitClassTokens(itemBadgeClass),
+	...splitClassTokens(itemNestClass),
+	...splitClassTokens(itemChildrenClass),
+	...splitClassTokens(itemChevronClass),
+	...splitClassTokens(itemChevronExpandedClass),
+	...splitClassTokens(layerRootClass),
+	...splitClassTokens(layerPassThroughClass),
+	...splitClassTokens(layerBackdropClass),
+	...Object.values(layerPanelPositions).flatMap(splitClassTokens),
+	...Object.values(layerPanelEnterFrom).flatMap(splitClassTokens),
 	...splitClassTokens(groupLabelClass),
 	...splitClassTokens(groupCollapsedClass)
 ])];
@@ -76,8 +126,20 @@ var grSidebarSafelist = [.../* @__PURE__ */ new Set([
 //#region src/components/GrSidebar/config.ts
 var grSidebarConfig = defineGranularComponent(import.meta.url, {
 	name: "GrSidebar",
-	dependencies: ["GrButton", "GrIcon"],
+	/**
+	* Высоту модального слоя задаёт `useModalOverlay` → `modalLayerZIndex`: имя
+	* приходит параметром, а `var()` собирается в рантайме, и статический скан
+	* такое не видит. Без объявления обрезка токенов у потребителя сняла бы
+	* объявление молча — `z-index` разрешился бы в `unset`, и панель уехала бы
+	* под соседний слой.
+	*/
+	dynamicTokens: ["gr-z-modal"],
+	dependencies: [
+		"GrButton",
+		"GrIcon",
+		"GrTooltip"
+	],
 	safelist: grSidebarSafelist
 });
 //#endregion
-export { grSidebarItemClass as a, groupLabelClass as c, itemLetterClass as d, subtitleClass as f, grSidebarCollapseDirection as i, headerBase as l, grSidebarSafelist as n, grSidebarRootClass as o, titleClass as p, contentBase as r, groupCollapsedClass as s, grSidebarConfig as t, itemBadgeClass as u };
+export { titleClass as C, subtitleClass as S, layerBackdropClass as _, grSidebarItemClass as a, layerPassThroughClass as b, groupLabelClass as c, itemChevronClass as d, itemChevronExpandedClass as f, itemNestIndent as g, itemNestClass as h, grSidebarCollapseDirection as i, headerBase as l, itemLetterClass as m, grSidebarSafelist as n, grSidebarRootClass as o, itemChildrenClass as p, contentBase as r, groupCollapsedClass as s, grSidebarConfig as t, itemBadgeClass as u, layerPanelEnterFrom as v, layerRootClass as x, layerPanelPositions as y };

package/dist/chunks/config-DpzFoSIh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-DpzFoSIh.js","names":[],"sources":["../../src/components/GrSidebar/grSidebarStyles.ts","../../src/components/GrSidebar/safelist.ts","../../src/components/GrSidebar/config.ts"],"sourcesContent":["/** Сторона экрана, к которой прижата панель. */\nexport const GR_SIDEBAR_POSITIONS = ['left', 'right'] as const\nexport type GrSidebarPosition = typeof GR_SIDEBAR_POSITIONS[number]\n\n/** Лендмарк корня: навигация или дополняющий блок (фильтры, справка). */\nexport const GR_SIDEBAR_LANDMARKS = ['complementary', 'navigation'] as const\nexport type GrSidebarLandmark = typeof GR_SIDEBAR_LANDMARKS[number]\n\nexport const rootBase = 'flex flex-col bg-[var(--gr-sidebar)] text-[var(--gr-sidebar-fg)] transition-[width] duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]'\n\n/** Граница отделяет панель от контента, поэтому уезжает на внутреннюю сторону. */\nexport const rootPositions: Record<GrSidebarPosition, string> = {\n  left: 'border-r border-[var(--gr-sidebar-brd)]',\n  right: 'border-l border-[var(--gr-sidebar-brd)]',\n}\n\nexport const headerBase = 'flex items-center gap-2 border-b border-[var(--gr-sidebar-brd)] px-3 py-4'\n\nexport const titleClass = 'truncate text-[length:var(--gr-text-lg)] leading-[var(--gr-leading-lg)] font-700'\nexport const subtitleClass = 'truncate text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] text-[var(--gr-muted-fg)]'\n\n/**\n * Скроллящийся блок обязан быть достижим с клавиатуры, поэтому он остановка\n * `Tab` с видимым кольцом: без него панель с текстовым содержимым не\n * проскроллить вовсе.\n */\nexport const contentBase = 'flex-1 overflow-y-auto focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--gr-ring)]'\n\nexport const itemBase = 'relative flex w-full items-center rounded-[var(--gr-radius-md)] text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport const itemCollapsedClass = 'justify-center px-0 py-2'\nexport const itemExpandedClass = 'gap-3 px-3 py-2'\n\n/**\n * Недоступный пункт гасится токеном, а не `opacity`: прозрачность разбавляет\n * выверенные на AA токены текста.\n */\nexport const itemDisabledClass = 'cursor-not-allowed text-[var(--gr-disabled-fg)]'\nexport const itemActiveClass = 'bg-[var(--gr-muted)] font-600 text-[var(--gr-fg)]'\nexport const itemIdleClass = 'text-[var(--gr-sidebar-fg)] hover:bg-[color-mix(in_srgb,var(--gr-sidebar-fg)_8%,transparent)]'\n\nexport const itemLetterClass = 'text-[length:var(--gr-text-xs)] font-700 leading-none'\nexport const itemBadgeClass = 'shrink-0 rounded-[var(--gr-radius-full)] bg-[color-mix(in_srgb,var(--gr-sidebar-fg)_12%,transparent)] px-1.5 py-0.5 text-[length:var(--gr-text-2xs)] leading-[var(--gr-leading-2xs)] font-600'\n\nexport const groupLabelClass = 'px-3 pb-1 pt-3 text-[length:var(--gr-text-2xs)] leading-[var(--gr-leading-2xs)] font-700 [text-transform:uppercase] tracking-wide text-[var(--gr-muted-fg)]'\n\n/**\n * В свёрнутой панели заголовка секции нет — иначе он не помещается. Границы\n * между группами берёт на себя линия: без неё иконки соседних секций сливаются\n * в один столбец.\n */\nexport const groupCollapsedClass = 'mt-2 border-t border-[var(--gr-sidebar-brd)] pt-2'\n\nexport function grSidebarRootClass(position: GrSidebarPosition): string {\n  return [rootBase, rootPositions[position]].join(' ')\n}\n\n/**\n * Куда указывает шеврон кнопки тогла: всегда в ту сторону, куда уедет панель.\n * У правой панели «свернуть» — это стрелка вправо.\n */\nexport function grSidebarCollapseDirection(\n  position: GrSidebarPosition,\n  collapsed: boolean,\n): GrSidebarPosition {\n  const toRight = (position === 'right') !== collapsed\n  return toRight ? 'right' : 'left'\n}\n\nexport function grSidebarItemClass(options: {\n  collapsed: boolean\n  disabled: boolean\n  active: boolean\n}): string {\n  return [\n    itemBase,\n    options.collapsed ? itemCollapsedClass : itemExpandedClass,\n    options.disabled ? itemDisabledClass : options.active ? itemActiveClass : itemIdleClass,\n  ].join(' ')\n}\n\n/**\n * Гнездо вложенного пункта: сам пункт плюс поддерево под ним. Обёртка нужна\n * потому, что двух корней у компонента быть не может — при них ломается проброс\n * атрибутов.\n */\nexport const itemNestClass = 'flex flex-col'\n\n/** Поддерево подпунктов. Отступ уровня задаётся строкам, а не контейнеру. */\nexport const itemChildrenClass = 'flex flex-col'\n\n/**\n * Шеврон раскрытия. Поворотом показывает состояние, но смысла не несёт: его\n * сообщает `aria-expanded` на самом пункте, поэтому от диктора шеврон скрыт.\n */\nexport const itemChevronClass = 'ml-auto h-4 w-4 shrink-0 text-[var(--gr-muted-fg)] transition-transform duration-[var(--gr-duration-fast)]'\n\nexport const itemChevronExpandedClass = 'rotate-90'\n\n/**\n * Отступ уровня вложенности. Считается от базового `px-3` пункта: своим\n * `padding` строка отодвигается целиком, вместе с подсветкой и кольцом фокуса,\n * — сдвинь мы только текст, активный фон уезжал бы под соседний уровень.\n */\nexport function itemNestIndent(level: number): string | undefined {\n  if (level <= 0)\n    return undefined\n\n  return `calc(0.75rem + ${level} * var(--gr-sidebar-nest-indent, 1rem))`\n}\n\n/**\n * Корень модального слоя. В обычном режиме обёртка остаётся в разметке, но\n * `display: contents` убирает её из раскладки — так панель и её шапка описаны\n * один раз на оба режима, а не продублированы.\n */\nexport const layerRootClass = 'fixed inset-0'\nexport const layerPassThroughClass = 'contents'\n\nexport const layerBackdropClass = 'fixed inset-0 bg-[var(--gr-overlay-bg)]'\n\n/** Панель слоя прижата к своему краю и тянется на всю высоту экрана. */\nexport const layerPanelPositions: Record<GrSidebarPosition, string> = {\n  left: 'fixed inset-y-0 left-0 max-w-[85vw]',\n  right: 'fixed inset-y-0 right-0 max-w-[85vw]',\n}\n\n/** Откуда выезжает панель: из-за своего края, а не из глубины экрана. */\nexport const layerPanelEnterFrom: Record<GrSidebarPosition, string> = {\n  left: '-translate-x-full',\n  right: 'translate-x-full',\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  contentBase,\n  groupCollapsedClass,\n  groupLabelClass,\n  headerBase,\n  itemActiveClass,\n  itemBadgeClass,\n  itemBase,\n  itemChevronClass,\n  itemChevronExpandedClass,\n  itemChildrenClass,\n  itemCollapsedClass,\n  itemDisabledClass,\n  itemExpandedClass,\n  itemIdleClass,\n  itemLetterClass,\n  itemNestClass,\n  layerBackdropClass,\n  layerPanelEnterFrom,\n  layerPanelPositions,\n  layerPassThroughClass,\n  layerRootClass,\n  rootBase,\n  rootPositions,\n  subtitleClass,\n  titleClass,\n} from './grSidebarStyles'\n\nexport const grSidebarSafelist = [...new Set([\n  ...splitClassTokens(rootBase),\n  ...Object.values(rootPositions).flatMap(splitClassTokens),\n  ...splitClassTokens(headerBase),\n  ...splitClassTokens(titleClass),\n  ...splitClassTokens(subtitleClass),\n  ...splitClassTokens(contentBase),\n  ...splitClassTokens(itemBase),\n  ...splitClassTokens(itemCollapsedClass),\n  ...splitClassTokens(itemExpandedClass),\n  ...splitClassTokens(itemDisabledClass),\n  ...splitClassTokens(itemActiveClass),\n  ...splitClassTokens(itemIdleClass),\n  ...splitClassTokens(itemLetterClass),\n  ...splitClassTokens(itemBadgeClass),\n  ...splitClassTokens(itemNestClass),\n  ...splitClassTokens(itemChildrenClass),\n  ...splitClassTokens(itemChevronClass),\n  ...splitClassTokens(itemChevronExpandedClass),\n  ...splitClassTokens(layerRootClass),\n  ...splitClassTokens(layerPassThroughClass),\n  ...splitClassTokens(layerBackdropClass),\n  ...Object.values(layerPanelPositions).flatMap(splitClassTokens),\n  ...Object.values(layerPanelEnterFrom).flatMap(splitClassTokens),\n  ...splitClassTokens(groupLabelClass),\n  ...splitClassTokens(groupCollapsedClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grSidebarSafelist } from './safelist'\n\nexport const grSidebarConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSidebar',\n  /**\n   * Высоту модального слоя задаёт `useModalOverlay` → `modalLayerZIndex`: имя\n   * приходит параметром, а `var()` собирается в рантайме, и статический скан\n   * такое не видит. Без объявления обрезка токенов у потребителя сняла бы\n   * объявление молча — `z-index` разрешился бы в `unset`, и панель уехала бы\n   * под соседний слой.\n   */\n  dynamicTokens: ['gr-z-modal'],\n  dependencies: ['GrButton', 'GrIcon', 'GrTooltip'],\n  safelist: grSidebarSafelist,\n})\n"],"mappings":";;;AAQA,IAAa,WAAW;;AAGxB,IAAa,gBAAmD;CAC9D,MAAM;CACN,OAAO;AACT;AAEA,IAAa,aAAa;AAE1B,IAAa,aAAa;AAC1B,IAAa,gBAAgB;;;;;;AAO7B,IAAa,cAAc;AAE3B,IAAa,WAAW;AAExB,IAAa,qBAAqB;AAClC,IAAa,oBAAoB;;;;;AAMjC,IAAa,oBAAoB;AACjC,IAAa,kBAAkB;AAC/B,IAAa,gBAAgB;AAE7B,IAAa,kBAAkB;AAC/B,IAAa,iBAAiB;AAE9B,IAAa,kBAAkB;;;;;;AAO/B,IAAa,sBAAsB;AAEnC,SAAgB,mBAAmB,UAAqC;CACtE,OAAO,CAAC,UAAU,cAAc,SAAS,CAAC,CAAC,KAAK,GAAG;AACrD;;;;;AAMA,SAAgB,2BACd,UACA,WACmB;CAEnB,OADiB,aAAa,YAAa,YAC1B,UAAU;AAC7B;AAEA,SAAgB,mBAAmB,SAIxB;CACT,OAAO;EACL;EACA,QAAQ,YAAY,qBAAqB;EACzC,QAAQ,WAAW,oBAAoB,QAAQ,SAAS,kBAAkB;CAC5E,CAAC,CAAC,KAAK,GAAG;AACZ;;;;;;AAOA,IAAa,gBAAgB;;AAG7B,IAAa,oBAAoB;;;;;AAMjC,IAAa,mBAAmB;AAEhC,IAAa,2BAA2B;;;;;;AAOxC,SAAgB,eAAe,OAAmC;CAChE,IAAI,SAAS,GACX,OAAO,KAAA;CAET,OAAO,kBAAkB,MAAM;AACjC;;;;;;AAOA,IAAa,iBAAiB;AAC9B,IAAa,wBAAwB;AAErC,IAAa,qBAAqB;;AAGlC,IAAa,sBAAyD;CACpE,MAAM;CACN,OAAO;AACT;;AAGA,IAAa,sBAAyD;CACpE,MAAM;CACN,OAAO;AACT;;;ACtGA,IAAa,oBAAoB,CAAC,mBAAG,IAAI,IAAI;CAC3C,GAAG,iBAAiB,QAAQ;CAC5B,GAAG,OAAO,OAAO,aAAa,CAAC,CAAC,QAAQ,gBAAgB;CACxD,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,WAAW;CAC/B,GAAG,iBAAiB,QAAQ;CAC5B,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,OAAO,OAAO,mBAAmB,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,GAAG,OAAO,OAAO,mBAAmB,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,mBAAmB;AACzC,CAAC,CAAC;;;ACnDF,IAAa,kBAAkB,wBAAwB,YAAY,KAAK;CACtE,MAAM;;;;;;;;CAQN,eAAe,CAAC,YAAY;CAC5B,cAAc;EAAC;EAAY;EAAU;CAAW;CAChD,UAAU;AACZ,CAAC"}

package/dist/chunks/config-MUkhktTP.js

@@ -0,0 +1,267 @@
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrSwitch/grSwitchStyles.ts
+var rootBase = "inline-flex items-center gap-2 select-none disabled:cursor-not-allowed";
+/** `start` разворачивает ряд, а не меняет порядок узлов: DOM-порядок читает диктор. */
+var rootLabelPositions = {
+	start: "flex-row-reverse",
+	end: ""
+};
+var trackBase = "relative inline-flex shrink-0 items-center rounded-[var(--gr-radius-full)] border border-[var(--gr-switch-track-brd)] transition-colors duration-[var(--gr-duration-fast)]";
+var trackSizes = {
+	xs: "h-4 w-7",
+	sm: "h-5 w-9",
+	md: "h-6 w-11",
+	lg: "h-7 w-14"
+};
+/**
+* Дорожка в режиме `autoWidth`: та же ступень становится **нижней границей**,
+* а ширину берёт подпись. Высота остаётся фиксированной — тянется только строка.
+*/
+var trackAutoSizes = {
+	xs: "h-4 min-w-7",
+	sm: "h-5 min-w-9",
+	md: "h-6 min-w-11",
+	lg: "h-7 min-w-14"
+};
+var thumbBase = "absolute top-[1px] inline-flex shrink-0 items-center justify-center rounded-[var(--gr-radius-full)] bg-[var(--gr-card)] shadow-[var(--gr-shadow-1)] transition-[left,transform] duration-[var(--gr-duration-fast)]";
+var thumbSizes = {
+	xs: "h-3 w-3",
+	sm: "h-4 w-4",
+	md: "h-5 w-5",
+	lg: "h-6 w-6"
+};
+/**
+* Содержимое бегунка — спиннер загрузки или иконка действия — мельче его на
+* ступень: иначе знак упирается в края круга и теряет форму.
+*/
+var thumbContentSizes = {
+	xs: "h-2 w-2",
+	sm: "h-2.5 w-2.5",
+	md: "h-3 w-3",
+	lg: "h-4 w-4"
+};
+/**
+* Цвет содержимого бегунка — один на спиннер и иконку.
+*
+* Хук с фолбэком в самом классе, а не инлайн-значение: инлайн победил бы CSS
+* потребителя, и переопределить цвет было бы нечем.
+*
+* По состоянию цвет не ветвится и в `disabled` не тускнеет: гасится дорожка, а
+* бегунок остаётся `--gr-card` в любом состоянии — содержимое, меняющее цвет,
+* разошлось бы со своей же подложкой.
+*/
+var thumbContentColorClass = "text-[var(--gr-switch-thumb-fg,var(--gr-muted-fg))]";
+var thumbSpinnerBase = `animate-spin ${thumbContentColorClass}`;
+/** Обёртка иконки держит размер, содержимое слота тянется до неё `h-full w-full`. */
+var thumbIconBase = `inline-flex shrink-0 items-center justify-center ${thumbContentColorClass}`;
+/**
+* Положение бегунка — **без единого числа, зависящего от ширины дорожки**.
+*
+* Крайнее положение выражено парой `left: calc(100% − зазор)` и
+* `translateX(-100%)`: процент в `left` считается от padding-box дорожки,
+* процент в `transform` — от самого бегунка. В сумме левый край встаёт на
+* `ширина − бегунок − зазор`, какой бы ширина ни была.
+*
+* Обе величины анимируются, и композиция даёт строго линейный ход: в момент `t`
+* смещение равно `t · (ширина − бегунок)`. Поэтому режим `autoWidth` не требует
+* ни измерений, ни ResizeObserver — только эти два класса.
+*/
+var thumbPositions = {
+	checked: "left-[calc(100%_-_1px)] -translate-x-full",
+	unchecked: "left-[1px] translate-x-0"
+};
+var labelBase = "text-[var(--gr-muted-fg)]";
+/**
+* Недоступность гасится токеном, а не `opacity`: прозрачность разбавляет
+* выверенные на AA токены текста и роняет контраст подписи.
+*/
+var labelDisabledClass = "text-[var(--gr-disabled-fg)]";
+var labelSizes = {
+	xs: "text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	sm: "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
+	md: "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
+	lg: "text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]"
+};
+function grSwitchRootClass(labelPosition) {
+	return [rootBase, rootLabelPositions[labelPosition]].filter(Boolean).join(" ");
+}
+function grSwitchTrackClass(size, autoWidth = false) {
+	return [trackBase, (autoWidth ? trackAutoSizes : trackSizes)[size]].join(" ");
+}
+function grSwitchThumbClass(options) {
+	return [
+		thumbBase,
+		thumbSizes[options.size],
+		thumbPositions[options.checked ? "checked" : "unchecked"]
+	].join(" ");
+}
+function grSwitchSpinnerClass(size) {
+	return [thumbSpinnerBase, thumbContentSizes[size]].join(" ");
+}
+function grSwitchThumbIconClass(size) {
+	return [thumbIconBase, thumbContentSizes[size]].join(" ");
+}
+function grSwitchLabelClass(size, disabled = false) {
+	return [disabled ? labelDisabledClass : labelBase, labelSizes[size]].join(" ");
+}
+/**
+* Ступени, на которых подпись состояния помещается внутрь дорожки.
+*
+* Свободное место рядом с бегунком — `content − (бегунок + зазор)`, то есть
+* 13 / 17 / 21 / 29px на `xs` / `sm` / `md` / `lg`. Минимальная ступень
+* типографики пакета — `--gr-text-xs` (12px), и «OFF» на ней занимает ~25px;
+* собственные 10px дают ~20px. В 13 и 17 не встаёт и это, а ужимать шрифт
+* дальше значит сделать подпись нечитаемой ради того, чтобы она была.
+*/
+var GR_SWITCH_STATE_TEXT_SIZES = ["md", "lg"];
+/** Свободное место в дорожке рядом с бегунком, px. Считается гейтом заново. */
+var stateTextRoom = {
+	xs: 13,
+	sm: 17,
+	md: 21,
+	lg: 29
+};
+function isGrSwitchStateTextSize(size) {
+	return GR_SWITCH_STATE_TEXT_SIZES.includes(size);
+}
+/**
+* Ячейка подписи. Грид, а не флекс, ради второго режима: в `autoWidth` в ту же
+* клетку кладётся невидимый дубль противоположного текста, и ширина ячейки
+* становится максимумом из двух — иначе дорожка дёргалась бы на каждом щелчке
+* («ON» 15.6px против «OFF» 19.9px).
+*/
+var stateTextBase = "pointer-events-none grid items-center justify-items-center overflow-hidden font-semibold uppercase leading-none";
+/**
+* Где ячейка живёт. При фиксированной ширине она накрывает дорожку и на её
+* размер не влияет; в `autoWidth` встаёт в поток и ширину как раз задаёт.
+*/
+var stateTextLayouts = {
+	fixed: "absolute inset-0",
+	auto: ""
+};
+/** Оба текста ложатся в одну клетку грида — отсюда максимум по ширине. */
+var stateTextStackClass = "col-start-1 row-start-1";
+/** Дубль занимает место, но не рисуется: `visibility`, а не `display`. */
+var stateTextGhostClass = `${stateTextStackClass} invisible`;
+/**
+* Кегль подписи — свой, а не ступень шкалы пакета: минимальный `--gr-text-xs`
+* это 12px, и трёхбуквенное слово на нём занимает ~24px при 21px места.
+*
+* Значения меряны, а не выведены (Inter 600, uppercase). На `md` в 21px:
+* «OFF» 17.9, «НЕТ» 18.8, «ВКЛ» 19.4 — то есть 9px берёт трёхбуквенные слова
+* во всех трёх локалях с запасом; 10px оставлял «НЕТ» 0.1px до обреза.
+* На `lg` места 29px, и 11px там читается лучше, не рискуя ничем.
+*
+* Четырёхбуквенное «ВЫКЛ» не встаёт ни на одной ступени и ни при каком кегле
+* (31px на 10px кегля) — поэтому русский дефолт «ДА»/«НЕТ», а не «ВКЛ»/«ВЫКЛ».
+*/
+var stateTextSizes = {
+	md: "text-[length:var(--gr-switch-state-text-size,9px)]",
+	lg: "text-[length:var(--gr-switch-state-text-size,11px)]"
+};
+/** Отступ со стороны бегунка — `бегунок + зазор`; остаток и есть место подписи. */
+var stateTextPaddings = {
+	md: {
+		checked: "pr-[21px]",
+		unchecked: "pl-[21px]"
+	},
+	lg: {
+		checked: "pr-[25px]",
+		unchecked: "pl-[25px]"
+	}
+};
+/**
+* Отступы в `autoWidth` — те же, плюс воздух с **обеих** сторон.
+*
+* При фиксированной ширине текст центруется в остатке и сам ни во что не
+* упирается. Здесь остатка нет: ширину задаёт сам текст, и без воздуха он
+* прилипает к бегунку с одной стороны и к закруглению с другой — проверено
+* глазами, «ОНЛАЙН» вплотную к бегунку читается как дефект вёрстки.
+*
+* Поэтому со стороны бегунка отступ равен `бегунок + зазор + воздух`, а со
+* свободной — просто воздуху. Воздух: 8px на `md`, 10px на `lg`.
+*/
+var stateTextAutoPaddings = {
+	md: {
+		checked: "pl-[8px] pr-[29px]",
+		unchecked: "pl-[29px] pr-[8px]"
+	},
+	lg: {
+		checked: "pl-[10px] pr-[35px]",
+		unchecked: "pl-[35px] pr-[10px]"
+	}
+};
+/**
+* Цвет подписи — роль `-fg` той заливки, на которой она лежит.
+*
+* Хук стоит фолбэком в самом классе, а не инлайн-значением: инлайн победил бы
+* CSS потребителя, и переопределить токен было бы нечем. Заливку дорожки задают
+* произвольным цветом (`activeBackgroundColor`), и безопасный цвет текста на
+* ней библиотека не вычислит — его называет тот же, кто задал фон.
+*/
+var stateTextColors = {
+	checked: "text-[var(--gr-switch-state-text-fg,var(--gr-primary-fg))]",
+	unchecked: "text-[var(--gr-switch-state-text-fg,var(--gr-muted-fg))]",
+	disabled: "text-[var(--gr-switch-state-text-fg,var(--gr-disabled-fg))]"
+};
+function grSwitchStateTextClass(options) {
+	const state = options.disabled ? "disabled" : options.checked ? "checked" : "unchecked";
+	const side = options.checked ? "checked" : "unchecked";
+	const paddings = options.autoWidth ? stateTextAutoPaddings : stateTextPaddings;
+	return [
+		stateTextBase,
+		stateTextLayouts[options.autoWidth ? "auto" : "fixed"],
+		stateTextSizes[options.size],
+		stateTextColors[state],
+		paddings[options.size][side]
+	].filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/components/GrSwitch/safelist.ts
+var grSwitchClassTokens = {
+	rootBase: splitClassTokens(rootBase),
+	rootLabelPositions: Object.values(rootLabelPositions).flatMap(splitClassTokens),
+	trackBase: splitClassTokens(trackBase),
+	trackSizes: [...Object.values(trackSizes).flatMap(splitClassTokens), ...Object.values(trackAutoSizes).flatMap(splitClassTokens)],
+	thumbBase: splitClassTokens(thumbBase),
+	thumbSizes: Object.values(thumbSizes).flatMap(splitClassTokens),
+	thumbContent: [
+		...splitClassTokens(thumbSpinnerBase),
+		...splitClassTokens(thumbIconBase),
+		...Object.values(thumbContentSizes).flatMap(splitClassTokens)
+	],
+	thumbPositions: Object.values(thumbPositions).flatMap(splitClassTokens),
+	labelBase: [...splitClassTokens(labelBase), ...splitClassTokens(labelDisabledClass)],
+	labelSizes: Object.values(labelSizes).flatMap(splitClassTokens),
+	stateText: [
+		...splitClassTokens(stateTextBase),
+		...splitClassTokens(stateTextStackClass),
+		...splitClassTokens(stateTextGhostClass),
+		...Object.values(stateTextLayouts).flatMap(splitClassTokens),
+		...Object.values(stateTextSizes).flatMap(splitClassTokens),
+		...Object.values(stateTextColors).flatMap(splitClassTokens),
+		...[stateTextPaddings, stateTextAutoPaddings].flatMap((map) => Object.values(map).flatMap(({ checked, unchecked }) => [...splitClassTokens(checked), ...splitClassTokens(unchecked)]))
+	]
+};
+var grSwitchSafelist = [.../* @__PURE__ */ new Set([
+	...grSwitchClassTokens.rootBase,
+	...grSwitchClassTokens.rootLabelPositions,
+	...grSwitchClassTokens.trackBase,
+	...grSwitchClassTokens.trackSizes,
+	...grSwitchClassTokens.thumbBase,
+	...grSwitchClassTokens.thumbSizes,
+	...grSwitchClassTokens.thumbContent,
+	...grSwitchClassTokens.thumbPositions,
+	...grSwitchClassTokens.labelBase,
+	...grSwitchClassTokens.labelSizes,
+	...grSwitchClassTokens.stateText
+])];
+//#endregion
+//#region src/components/GrSwitch/config.ts
+var grSwitchConfig = defineGranularComponent(import.meta.url, {
+	name: "GrSwitch",
+	safelist: grSwitchSafelist
+});
+//#endregion
+export { grSwitchSpinnerClass as a, grSwitchThumbIconClass as c, stateTextGhostClass as d, stateTextRoom as f, grSwitchRootClass as i, grSwitchTrackClass as l, grSwitchSafelist as n, grSwitchStateTextClass as o, stateTextStackClass as p, grSwitchLabelClass as r, grSwitchThumbClass as s, grSwitchConfig as t, isGrSwitchStateTextSize as u };

package/dist/chunks/config-MUkhktTP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-MUkhktTP.js","names":[],"sources":["../../src/components/GrSwitch/grSwitchStyles.ts","../../src/components/GrSwitch/safelist.ts","../../src/components/GrSwitch/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nexport type GrSwitchSize = GrComponentSize\n\n/** Сторона подписи относительно дорожки — логическая, не физическая (RTL). */\nexport const GR_SWITCH_LABEL_POSITIONS = ['start', 'end'] as const\nexport type GrSwitchLabelPosition = typeof GR_SWITCH_LABEL_POSITIONS[number]\n\ntype GrSwitchThumbClassOptions = {\n  checked: boolean\n  size: GrSwitchSize\n}\n\nexport const rootBase = 'inline-flex items-center gap-2 select-none disabled:cursor-not-allowed'\n\n/** `start` разворачивает ряд, а не меняет порядок узлов: DOM-порядок читает диктор. */\nexport const rootLabelPositions: Record<GrSwitchLabelPosition, string> = {\n  start: 'flex-row-reverse',\n  end: '',\n}\n\nexport const trackBase\n  = 'relative inline-flex shrink-0 items-center rounded-[var(--gr-radius-full)] border border-[var(--gr-switch-track-brd)] transition-colors duration-[var(--gr-duration-fast)]'\n\nexport const trackSizes: Record<GrSwitchSize, string> = {\n  xs: 'h-4 w-7',\n  sm: 'h-5 w-9',\n  md: 'h-6 w-11',\n  lg: 'h-7 w-14',\n}\n\n/**\n * Дорожка в режиме `autoWidth`: та же ступень становится **нижней границей**,\n * а ширину берёт подпись. Высота остаётся фиксированной — тянется только строка.\n */\nexport const trackAutoSizes: Record<GrSwitchSize, string> = {\n  xs: 'h-4 min-w-7',\n  sm: 'h-5 min-w-9',\n  md: 'h-6 min-w-11',\n  lg: 'h-7 min-w-14',\n}\n\nexport const thumbBase\n  = 'absolute top-[1px] inline-flex shrink-0 items-center justify-center rounded-[var(--gr-radius-full)] bg-[var(--gr-card)] shadow-[var(--gr-shadow-1)] transition-[left,transform] duration-[var(--gr-duration-fast)]'\n\nexport const thumbSizes: Record<GrSwitchSize, string> = {\n  xs: 'h-3 w-3',\n  sm: 'h-4 w-4',\n  md: 'h-5 w-5',\n  lg: 'h-6 w-6',\n}\n\n/**\n * Содержимое бегунка — спиннер загрузки или иконка действия — мельче его на\n * ступень: иначе знак упирается в края круга и теряет форму.\n */\nexport const thumbContentSizes: Record<GrSwitchSize, string> = {\n  xs: 'h-2 w-2',\n  sm: 'h-2.5 w-2.5',\n  md: 'h-3 w-3',\n  lg: 'h-4 w-4',\n}\n\n/**\n * Цвет содержимого бегунка — один на спиннер и иконку.\n *\n * Хук с фолбэком в самом классе, а не инлайн-значение: инлайн победил бы CSS\n * потребителя, и переопределить цвет было бы нечем.\n *\n * По состоянию цвет не ветвится и в `disabled` не тускнеет: гасится дорожка, а\n * бегунок остаётся `--gr-card` в любом состоянии — содержимое, меняющее цвет,\n * разошлось бы со своей же подложкой.\n */\nexport const thumbContentColorClass = 'text-[var(--gr-switch-thumb-fg,var(--gr-muted-fg))]'\n\nexport const thumbSpinnerBase = `animate-spin ${thumbContentColorClass}`\n\n/** Обёртка иконки держит размер, содержимое слота тянется до неё `h-full w-full`. */\nexport const thumbIconBase = `inline-flex shrink-0 items-center justify-center ${thumbContentColorClass}`\n\n/**\n * Зазор бегунка со всех сторон, px.\n *\n * Дорожка — `border-box` с рамкой 1px, и по вертикали зазор задан геометрией:\n * `(content-height − thumb) / 2` даёт ровно 1 на всех ступенях. Значит и по\n * горизонтали он обязан быть тем же: иначе бегунок в покое выглядит вдавленным\n * внутрь, а в крайнем положении прижатым к краю — именно так и было, зазоры\n * расходились на 1–2px у `xs`, `sm` и `lg`.\n *\n * Гейт живёт в `__tests__/GrSwitch.test.ts` и считает вертикаль заново из\n * `trackSizes`/`thumbSizes`, поэтому смена любой ступени размера сразу покажет\n * разъехавшийся зазор.\n */\nexport const SWITCH_THUMB_GAP = 1\n\n/**\n * Положение бегунка — **без единого числа, зависящего от ширины дорожки**.\n *\n * Крайнее положение выражено парой `left: calc(100% − зазор)` и\n * `translateX(-100%)`: процент в `left` считается от padding-box дорожки,\n * процент в `transform` — от самого бегунка. В сумме левый край встаёт на\n * `ширина − бегунок − зазор`, какой бы ширина ни была.\n *\n * Обе величины анимируются, и композиция даёт строго линейный ход: в момент `t`\n * смещение равно `t · (ширина − бегунок)`. Поэтому режим `autoWidth` не требует\n * ни измерений, ни ResizeObserver — только эти два класса.\n */\nexport const thumbPositions: Record<'checked' | 'unchecked', string> = {\n  checked: 'left-[calc(100%_-_1px)] -translate-x-full',\n  unchecked: 'left-[1px] translate-x-0',\n}\n\nexport const labelBase = 'text-[var(--gr-muted-fg)]'\n\n/**\n * Недоступность гасится токеном, а не `opacity`: прозрачность разбавляет\n * выверенные на AA токены текста и роняет контраст подписи.\n */\nexport const labelDisabledClass = 'text-[var(--gr-disabled-fg)]'\n\nexport const labelSizes: Record<GrSwitchSize, string> = {\n  xs: 'text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  sm: 'text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  md: 'text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  lg: 'text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]',\n}\n\nexport function grSwitchRootClass(labelPosition: GrSwitchLabelPosition): string {\n  return [rootBase, rootLabelPositions[labelPosition]].filter(Boolean).join(' ')\n}\n\nexport function grSwitchTrackClass(size: GrSwitchSize, autoWidth = false): string {\n  return [trackBase, (autoWidth ? trackAutoSizes : trackSizes)[size]].join(' ')\n}\n\nexport function grSwitchThumbClass(options: GrSwitchThumbClassOptions): string {\n  return [\n    thumbBase,\n    thumbSizes[options.size],\n    thumbPositions[options.checked ? 'checked' : 'unchecked'],\n  ].join(' ')\n}\n\nexport function grSwitchSpinnerClass(size: GrSwitchSize): string {\n  return [thumbSpinnerBase, thumbContentSizes[size]].join(' ')\n}\n\nexport function grSwitchThumbIconClass(size: GrSwitchSize): string {\n  return [thumbIconBase, thumbContentSizes[size]].join(' ')\n}\n\nexport function grSwitchLabelClass(size: GrSwitchSize, disabled = false): string {\n  return [disabled ? labelDisabledClass : labelBase, labelSizes[size]].join(' ')\n}\n\n/**\n * Ступени, на которых подпись состояния помещается внутрь дорожки.\n *\n * Свободное место рядом с бегунком — `content − (бегунок + зазор)`, то есть\n * 13 / 17 / 21 / 29px на `xs` / `sm` / `md` / `lg`. Минимальная ступень\n * типографики пакета — `--gr-text-xs` (12px), и «OFF» на ней занимает ~25px;\n * собственные 10px дают ~20px. В 13 и 17 не встаёт и это, а ужимать шрифт\n * дальше значит сделать подпись нечитаемой ради того, чтобы она была.\n */\nexport const GR_SWITCH_STATE_TEXT_SIZES = ['md', 'lg'] as const\nexport type GrSwitchStateTextSize = typeof GR_SWITCH_STATE_TEXT_SIZES[number]\n\n/** Свободное место в дорожке рядом с бегунком, px. Считается гейтом заново. */\nexport const stateTextRoom: Record<GrSwitchSize, number> = {\n  xs: 13,\n  sm: 17,\n  md: 21,\n  lg: 29,\n}\n\nexport function isGrSwitchStateTextSize(size: GrSwitchSize): size is GrSwitchStateTextSize {\n  return (GR_SWITCH_STATE_TEXT_SIZES as readonly GrSwitchSize[]).includes(size)\n}\n\n/**\n * Ячейка подписи. Грид, а не флекс, ради второго режима: в `autoWidth` в ту же\n * клетку кладётся невидимый дубль противоположного текста, и ширина ячейки\n * становится максимумом из двух — иначе дорожка дёргалась бы на каждом щелчке\n * («ON» 15.6px против «OFF» 19.9px).\n */\nexport const stateTextBase\n  = 'pointer-events-none grid items-center justify-items-center overflow-hidden font-semibold uppercase leading-none'\n\n/**\n * Где ячейка живёт. При фиксированной ширине она накрывает дорожку и на её\n * размер не влияет; в `autoWidth` встаёт в поток и ширину как раз задаёт.\n */\nexport const stateTextLayouts: Record<'fixed' | 'auto', string> = {\n  fixed: 'absolute inset-0',\n  auto: '',\n}\n\n/** Оба текста ложатся в одну клетку грида — отсюда максимум по ширине. */\nexport const stateTextStackClass = 'col-start-1 row-start-1'\n\n/** Дубль занимает место, но не рисуется: `visibility`, а не `display`. */\nexport const stateTextGhostClass = `${stateTextStackClass} invisible`\n\n/**\n * Кегль подписи — свой, а не ступень шкалы пакета: минимальный `--gr-text-xs`\n * это 12px, и трёхбуквенное слово на нём занимает ~24px при 21px места.\n *\n * Значения меряны, а не выведены (Inter 600, uppercase). На `md` в 21px:\n * «OFF» 17.9, «НЕТ» 18.8, «ВКЛ» 19.4 — то есть 9px берёт трёхбуквенные слова\n * во всех трёх локалях с запасом; 10px оставлял «НЕТ» 0.1px до обреза.\n * На `lg` места 29px, и 11px там читается лучше, не рискуя ничем.\n *\n * Четырёхбуквенное «ВЫКЛ» не встаёт ни на одной ступени и ни при каком кегле\n * (31px на 10px кегля) — поэтому русский дефолт «ДА»/«НЕТ», а не «ВКЛ»/«ВЫКЛ».\n */\nexport const stateTextSizes: Record<GrSwitchStateTextSize, string> = {\n  md: 'text-[length:var(--gr-switch-state-text-size,9px)]',\n  lg: 'text-[length:var(--gr-switch-state-text-size,11px)]',\n}\n\n/** Отступ со стороны бегунка — `бегунок + зазор`; остаток и есть место подписи. */\nexport const stateTextPaddings: Record<GrSwitchStateTextSize, { checked: string, unchecked: string }> = {\n  md: {\n    checked: 'pr-[21px]',\n    unchecked: 'pl-[21px]',\n  },\n  lg: {\n    checked: 'pr-[25px]',\n    unchecked: 'pl-[25px]',\n  },\n}\n\n/**\n * Отступы в `autoWidth` — те же, плюс воздух с **обеих** сторон.\n *\n * При фиксированной ширине текст центруется в остатке и сам ни во что не\n * упирается. Здесь остатка нет: ширину задаёт сам текст, и без воздуха он\n * прилипает к бегунку с одной стороны и к закруглению с другой — проверено\n * глазами, «ОНЛАЙН» вплотную к бегунку читается как дефект вёрстки.\n *\n * Поэтому со стороны бегунка отступ равен `бегунок + зазор + воздух`, а со\n * свободной — просто воздуху. Воздух: 8px на `md`, 10px на `lg`.\n */\nexport const stateTextAutoPaddings: Record<GrSwitchStateTextSize, { checked: string, unchecked: string }> = {\n  md: {\n    checked: 'pl-[8px] pr-[29px]',\n    unchecked: 'pl-[29px] pr-[8px]',\n  },\n  lg: {\n    checked: 'pl-[10px] pr-[35px]',\n    unchecked: 'pl-[35px] pr-[10px]',\n  },\n}\n\n/**\n * Цвет подписи — роль `-fg` той заливки, на которой она лежит.\n *\n * Хук стоит фолбэком в самом классе, а не инлайн-значением: инлайн победил бы\n * CSS потребителя, и переопределить токен было бы нечем. Заливку дорожки задают\n * произвольным цветом (`activeBackgroundColor`), и безопасный цвет текста на\n * ней библиотека не вычислит — его называет тот же, кто задал фон.\n */\nexport const stateTextColors = {\n  checked: 'text-[var(--gr-switch-state-text-fg,var(--gr-primary-fg))]',\n  unchecked: 'text-[var(--gr-switch-state-text-fg,var(--gr-muted-fg))]',\n  disabled: 'text-[var(--gr-switch-state-text-fg,var(--gr-disabled-fg))]',\n} as const\n\ntype GrSwitchStateTextClassOptions = {\n  size: GrSwitchStateTextSize\n  checked: boolean\n  disabled: boolean\n  autoWidth: boolean\n}\n\nexport function grSwitchStateTextClass(options: GrSwitchStateTextClassOptions): string {\n  const state = options.disabled\n    ? 'disabled'\n    : options.checked ? 'checked' : 'unchecked'\n\n  const side = options.checked ? 'checked' : 'unchecked'\n  const paddings = options.autoWidth ? stateTextAutoPaddings : stateTextPaddings\n\n  return [\n    stateTextBase,\n    stateTextLayouts[options.autoWidth ? 'auto' : 'fixed'],\n    stateTextSizes[options.size],\n    stateTextColors[state],\n    paddings[options.size][side],\n  ].filter(Boolean).join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  labelBase,\n  labelDisabledClass,\n  labelSizes,\n  rootBase,\n  rootLabelPositions,\n  stateTextAutoPaddings,\n  stateTextBase,\n  stateTextColors,\n  stateTextGhostClass,\n  stateTextLayouts,\n  stateTextPaddings,\n  stateTextSizes,\n  stateTextStackClass,\n  thumbBase,\n  thumbSizes,\n  thumbContentSizes,\n  thumbIconBase,\n  thumbSpinnerBase,\n  thumbPositions,\n  trackAutoSizes,\n  trackBase,\n  trackSizes,\n} from './grSwitchStyles'\n\nexport const grSwitchClassTokens = {\n  rootBase: splitClassTokens(rootBase),\n  rootLabelPositions: Object.values(rootLabelPositions).flatMap(splitClassTokens),\n  trackBase: splitClassTokens(trackBase),\n  trackSizes: [\n    ...Object.values(trackSizes).flatMap(splitClassTokens),\n    ...Object.values(trackAutoSizes).flatMap(splitClassTokens),\n  ],\n  thumbBase: splitClassTokens(thumbBase),\n  thumbSizes: Object.values(thumbSizes).flatMap(splitClassTokens),\n  thumbContent: [\n    ...splitClassTokens(thumbSpinnerBase),\n    ...splitClassTokens(thumbIconBase),\n    ...Object.values(thumbContentSizes).flatMap(splitClassTokens),\n  ],\n  thumbPositions: Object.values(thumbPositions).flatMap(splitClassTokens),\n  labelBase: [...splitClassTokens(labelBase), ...splitClassTokens(labelDisabledClass)],\n  labelSizes: Object.values(labelSizes).flatMap(splitClassTokens),\n  stateText: [\n    ...splitClassTokens(stateTextBase),\n    ...splitClassTokens(stateTextStackClass),\n    ...splitClassTokens(stateTextGhostClass),\n    ...Object.values(stateTextLayouts).flatMap(splitClassTokens),\n    ...Object.values(stateTextSizes).flatMap(splitClassTokens),\n    ...Object.values(stateTextColors).flatMap(splitClassTokens),\n    ...[stateTextPaddings, stateTextAutoPaddings].flatMap(map => (\n      Object.values(map).flatMap(({ checked, unchecked }) => [\n        ...splitClassTokens(checked),\n        ...splitClassTokens(unchecked),\n      ])\n    )),\n  ],\n} as const\n\nexport const grSwitchSafelist = [...new Set([\n  ...grSwitchClassTokens.rootBase,\n  ...grSwitchClassTokens.rootLabelPositions,\n  ...grSwitchClassTokens.trackBase,\n  ...grSwitchClassTokens.trackSizes,\n  ...grSwitchClassTokens.thumbBase,\n  ...grSwitchClassTokens.thumbSizes,\n  ...grSwitchClassTokens.thumbContent,\n  ...grSwitchClassTokens.thumbPositions,\n  ...grSwitchClassTokens.labelBase,\n  ...grSwitchClassTokens.labelSizes,\n  ...grSwitchClassTokens.stateText,\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grSwitchSafelist } from './safelist'\n\nexport const grSwitchConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSwitch',\n  safelist: grSwitchSafelist,\n})\n"],"mappings":";;;AAaA,IAAa,WAAW;;AAGxB,IAAa,qBAA4D;CACvE,OAAO;CACP,KAAK;AACP;AAEA,IAAa,YACT;AAEJ,IAAa,aAA2C;CACtD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;AAMA,IAAa,iBAA+C;CAC1D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,YACT;AAEJ,IAAa,aAA2C;CACtD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;AAMA,IAAa,oBAAkD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;;;;;AAYA,IAAa,yBAAyB;AAEtC,IAAa,mBAAmB,gBAAgB;;AAGhD,IAAa,gBAAgB,oDAAoD;;;;;;;;;;;;;AA6BjF,IAAa,iBAA0D;CACrE,SAAS;CACT,WAAW;AACb;AAEA,IAAa,YAAY;;;;;AAMzB,IAAa,qBAAqB;AAElC,IAAa,aAA2C;CACtD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,SAAgB,kBAAkB,eAA8C;CAC9E,OAAO,CAAC,UAAU,mBAAmB,cAAc,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC/E;AAEA,SAAgB,mBAAmB,MAAoB,YAAY,OAAe;CAChF,OAAO,CAAC,YAAY,YAAY,iBAAiB,WAAA,CAAY,KAAK,CAAC,CAAC,KAAK,GAAG;AAC9E;AAEA,SAAgB,mBAAmB,SAA4C;CAC7E,OAAO;EACL;EACA,WAAW,QAAQ;EACnB,eAAe,QAAQ,UAAU,YAAY;CAC/C,CAAC,CAAC,KAAK,GAAG;AACZ;AAEA,SAAgB,qBAAqB,MAA4B;CAC/D,OAAO,CAAC,kBAAkB,kBAAkB,KAAK,CAAC,CAAC,KAAK,GAAG;AAC7D;AAEA,SAAgB,uBAAuB,MAA4B;CACjE,OAAO,CAAC,eAAe,kBAAkB,KAAK,CAAC,CAAC,KAAK,GAAG;AAC1D;AAEA,SAAgB,mBAAmB,MAAoB,WAAW,OAAe;CAC/E,OAAO,CAAC,WAAW,qBAAqB,WAAW,WAAW,KAAK,CAAC,CAAC,KAAK,GAAG;AAC/E;;;;;;;;;;AAWA,IAAa,6BAA6B,CAAC,MAAM,IAAI;;AAIrD,IAAa,gBAA8C;CACzD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,SAAgB,wBAAwB,MAAmD;CACzF,OAAQ,2BAAuD,SAAS,IAAI;AAC9E;;;;;;;AAQA,IAAa,gBACT;;;;;AAMJ,IAAa,mBAAqD;CAChE,OAAO;CACP,MAAM;AACR;;AAGA,IAAa,sBAAsB;;AAGnC,IAAa,sBAAsB,GAAG,oBAAoB;;;;;;;;;;;;;AAc1D,IAAa,iBAAwD;CACnE,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,oBAA2F;CACtG,IAAI;EACF,SAAS;EACT,WAAW;CACb;CACA,IAAI;EACF,SAAS;EACT,WAAW;CACb;AACF;;;;;;;;;;;;AAaA,IAAa,wBAA+F;CAC1G,IAAI;EACF,SAAS;EACT,WAAW;CACb;CACA,IAAI;EACF,SAAS;EACT,WAAW;CACb;AACF;;;;;;;;;AAUA,IAAa,kBAAkB;CAC7B,SAAS;CACT,WAAW;CACX,UAAU;AACZ;AASA,SAAgB,uBAAuB,SAAgD;CACrF,MAAM,QAAQ,QAAQ,WAClB,aACA,QAAQ,UAAU,YAAY;CAElC,MAAM,OAAO,QAAQ,UAAU,YAAY;CAC3C,MAAM,WAAW,QAAQ,YAAY,wBAAwB;CAE7D,OAAO;EACL;EACA,iBAAiB,QAAQ,YAAY,SAAS;EAC9C,eAAe,QAAQ;EACvB,gBAAgB;EAChB,SAAS,QAAQ,KAAK,CAAC;CACzB,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B;;;ACxQA,IAAa,sBAAsB;CACjC,UAAU,iBAAiB,QAAQ;CACnC,oBAAoB,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;CAC9E,WAAW,iBAAiB,SAAS;CACrC,YAAY,CACV,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB,GACrD,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB,CAC3D;CACA,WAAW,iBAAiB,SAAS;CACrC,YAAY,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,cAAc;EACZ,GAAG,iBAAiB,gBAAgB;EACpC,GAAG,iBAAiB,aAAa;EACjC,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC9D;CACA,gBAAgB,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;CACtE,WAAW,CAAC,GAAG,iBAAiB,SAAS,GAAG,GAAG,iBAAiB,kBAAkB,CAAC;CACnF,YAAY,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,WAAW;EACT,GAAG,iBAAiB,aAAa;EACjC,GAAG,iBAAiB,mBAAmB;EACvC,GAAG,iBAAiB,mBAAmB;EACvC,GAAG,OAAO,OAAO,gBAAgB,CAAC,CAAC,QAAQ,gBAAgB;EAC3D,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;EACzD,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;EAC1D,GAAG,CAAC,mBAAmB,qBAAqB,CAAC,CAAC,SAAQ,QACpD,OAAO,OAAO,GAAG,CAAC,CAAC,SAAS,EAAE,SAAS,gBAAgB,CACrD,GAAG,iBAAiB,OAAO,GAC3B,GAAG,iBAAiB,SAAS,CAC/B,CAAC,CACF;CACH;AACF;AAEA,IAAa,mBAAmB,CAAC,mBAAG,IAAI,IAAI;CAC1C,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;AACzB,CAAC,CAAC;;;ACpEF,IAAa,iBAAiB,wBAAwB,YAAY,KAAK;CACrE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/config-SPugeaHT.js

@@ -0,0 +1,37 @@
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
+import { C as tablistVerticalVariants, S as tablistVariants, _ as tablistBase, b as tablistScrollClass, c as tabBase, d as tabCloseSizes, f as tabContentClass, g as tabVariantBase, h as tabStateClasses, l as tabCloseBase, m as tabSizes, o as tabBadgeBase, p as tabIconClass, s as tabBadgeSizes, u as tabCloseIconSizes, v as tablistColumnClass, w as tabsEmptyBase, x as tablistSizes, y as tablistLineSizes } from "./grTabsStyles-DIz2VdIm.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrTabs/safelist.ts
+var grTabsSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(tabSizes).flatMap(splitClassTokens),
+	...Object.values(tabBadgeSizes).flatMap(splitClassTokens),
+	...Object.values(tabCloseSizes).flatMap(splitClassTokens),
+	...Object.values(tabCloseIconSizes).flatMap(splitClassTokens),
+	...Object.values(tablistSizes).flatMap(splitClassTokens),
+	...Object.values(tablistLineSizes).flatMap(splitClassTokens),
+	...Object.values(tablistVariants).flatMap(splitClassTokens),
+	...Object.values(tablistVerticalVariants).flatMap(splitClassTokens),
+	...Object.values(tabVariantBase).flatMap(splitClassTokens),
+	...Object.values(tabStateClasses).flatMap((state) => [
+		...splitClassTokens(state.active),
+		...splitClassTokens(state.idle),
+		...splitClassTokens(state.disabled)
+	]),
+	...splitClassTokens(tablistBase),
+	...splitClassTokens(tablistScrollClass),
+	...splitClassTokens(tablistColumnClass),
+	...splitClassTokens(tabBase),
+	...splitClassTokens(tabBadgeBase),
+	...splitClassTokens(tabContentClass),
+	...splitClassTokens(tabIconClass),
+	...splitClassTokens(tabCloseBase),
+	...splitClassTokens(tabsEmptyBase)
+])];
+//#endregion
+//#region src/components/GrTabs/config.ts
+var grTabsConfig = defineGranularComponent(import.meta.url, {
+	name: "GrTabs",
+	safelist: grTabsSafelist
+});
+//#endregion
+export { grTabsSafelist as n, grTabsConfig as t };

package/dist/chunks/config-SPugeaHT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-SPugeaHT.js","names":[],"sources":["../../src/components/GrTabs/safelist.ts","../../src/components/GrTabs/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  tabBadgeBase,\n  tabBadgeSizes,\n  tabBase,\n  tabCloseBase,\n  tabCloseIconSizes,\n  tabCloseSizes,\n  tabContentClass,\n  tabIconClass,\n  tablistBase,\n  tablistColumnClass,\n  tablistLineSizes,\n  tablistScrollClass,\n  tablistSizes,\n  tablistVariants,\n  tablistVerticalVariants,\n  tabsEmptyBase,\n  tabSizes,\n  tabStateClasses,\n  tabVariantBase,\n} from './grTabsStyles'\n\nexport const grTabsSafelist = [...new Set([\n  ...Object.values(tabSizes).flatMap(splitClassTokens),\n  ...Object.values(tabBadgeSizes).flatMap(splitClassTokens),\n  ...Object.values(tabCloseSizes).flatMap(splitClassTokens),\n  ...Object.values(tabCloseIconSizes).flatMap(splitClassTokens),\n  ...Object.values(tablistSizes).flatMap(splitClassTokens),\n  ...Object.values(tablistLineSizes).flatMap(splitClassTokens),\n  ...Object.values(tablistVariants).flatMap(splitClassTokens),\n  ...Object.values(tablistVerticalVariants).flatMap(splitClassTokens),\n  ...Object.values(tabVariantBase).flatMap(splitClassTokens),\n  ...Object.values(tabStateClasses).flatMap(state => [\n    ...splitClassTokens(state.active),\n    ...splitClassTokens(state.idle),\n    ...splitClassTokens(state.disabled),\n  ]),\n  ...splitClassTokens(tablistBase),\n  ...splitClassTokens(tablistScrollClass),\n  ...splitClassTokens(tablistColumnClass),\n  ...splitClassTokens(tabBase),\n  ...splitClassTokens(tabBadgeBase),\n  ...splitClassTokens(tabContentClass),\n  ...splitClassTokens(tabIconClass),\n  ...splitClassTokens(tabCloseBase),\n  ...splitClassTokens(tabsEmptyBase),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grTabsSafelist } from './safelist'\n\nexport const grTabsConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTabs',\n  safelist: grTabsSafelist,\n})\n"],"mappings":";;;;AAuBA,IAAa,iBAAiB,CAAC,mBAAG,IAAI,IAAI;CACxC,GAAG,OAAO,OAAO,QAAQ,CAAC,CAAC,QAAQ,gBAAgB;CACnD,GAAG,OAAO,OAAO,aAAa,CAAC,CAAC,QAAQ,gBAAgB;CACxD,GAAG,OAAO,OAAO,aAAa,CAAC,CAAC,QAAQ,gBAAgB;CACxD,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,GAAG,OAAO,OAAO,YAAY,CAAC,CAAC,QAAQ,gBAAgB;CACvD,GAAG,OAAO,OAAO,gBAAgB,CAAC,CAAC,QAAQ,gBAAgB;CAC3D,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,GAAG,OAAO,OAAO,uBAAuB,CAAC,CAAC,QAAQ,gBAAgB;CAClE,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;CACzD,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,SAAQ,UAAS;EACjD,GAAG,iBAAiB,MAAM,MAAM;EAChC,GAAG,iBAAiB,MAAM,IAAI;EAC9B,GAAG,iBAAiB,MAAM,QAAQ;CACpC,CAAC;CACD,GAAG,iBAAiB,WAAW;CAC/B,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,OAAO;CAC3B,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,aAAa;AACnC,CAAC,CAAC;;;AC3CF,IAAa,eAAe,wBAAwB,YAAY,KAAK;CACnE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/{en-Bxyn5lW7.js → en-mIFywnV2.js}

@@ -15,7 +15,8 @@ var transfer = {
 	"moved": "{count} moved to {list}",
 	"reordered": "Position {position} of {count}",
 	"reorderFiltered": "Reordering is off while a search is active",
-	"cancelled": "Move cancelled"
+	"cancelled": "Move cancelled",
+	"loading": "Loading…"
 };
 var carousel = {
 	"roledescription": "carousel",
@@ -51,7 +52,8 @@ var steps = {
 var treeSelect = {
 	"filterPlaceholder": "Search…",
 	"empty": "No data",
-	"loading": "Loading…"
+	"loading": "Loading…",
+	"removeTag": "Remove {label}"
 };
 var badgeWrap = { "count": "{count} new" };
 var avatar = {
@@ -98,7 +100,14 @@ var dataTable = {
 	"detailRetry": "Retry",
 	"detailExpanded": "Row details shown",
 	"detailCollapsed": "Row details hidden",
-	"detailReady": "Row details loaded"
+	"detailReady": "Row details loaded",
+	"columnMenu": "Options for column {label}",
+	"pinLeft": "Pin to the left",
+	"pinRight": "Pin to the right",
+	"unpin": "Unpin",
+	"columnPinnedLeft": "Column {label} pinned to the left",
+	"columnPinnedRight": "Column {label} pinned to the right",
+	"columnUnpinned": "Column {label} unpinned"
 };
 var breadcrumbs = {
 	"label": "Breadcrumb",
@@ -209,7 +218,9 @@ var inputTag = {
 	"addedMany": "{count} tags added",
 	"removed": "Tag removed: {tag}",
 	"cleared": "All tags removed",
-	"limitReached": "Tag limit reached"
+	"limitReached": "Tag limit reached",
+	"editTag": "Edit tag {tag}",
+	"edited": "Tag changed: {tag}"
 };
 var fileUpload = {
 	"placeholder": "Drag files here or click to select",
@@ -325,7 +336,9 @@ var colorPicker = {
 	"opacity": "Opacity",
 	"hexLabel": "Hex value",
 	"presetsLabel": "Color presets",
-	"swatchLabel": "Color {color}"
+	"swatchLabel": "Color {color}",
+	"area": "Saturation and lightness",
+	"eyedropper": "Pick a colour from the screen"
 };
 var collapse = { "empty": "Nothing here yet" };
 var list = { "empty": "Nothing here yet" };
@@ -340,7 +353,10 @@ var bottomNav = {
 	"label": "Bottom navigation",
 	"badge": "{count} new"
 };
-var emptyState = { "title": "Nothing here yet" };
+var emptyState = {
+	"title": "Nothing here yet",
+	"searchTitle": "Nothing found"
+};
 var sortable = {
 	"label": "Sortable list",
 	"handle": "Reorder",
@@ -377,7 +393,11 @@ var en_default = {
 	autocomplete,
 	form,
 	dialog,
-	"switch": { "loading": "Saving…" },
+	"switch": {
+		"loading": "Saving…",
+		"on": "ON",
+		"off": "OFF"
+	},
 	slider,
 	sidebar,
 	splitter,