@feugene/granularity 0.18.0 → 0.20.0

package/dist/chunks/config-DAX8Deh12.js

@@ -0,0 +1,68 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrSortableList/grSortableListStyles.ts
+/**
+* Классы `GrSortableList`. Единственный источник правды для шаблона и
+* `safelist.ts`: литерал, живущий только здесь, до скана UnoCSS не доходит —
+* хелпер уезжает в общий чанк `dist/chunks/`.
+*/
+var listClass = {
+	vertical: "flex flex-col",
+	horizontal: "flex flex-row flex-wrap"
+};
+var rowLayoutClass = "relative flex items-center gap-2 px-4 py-3 transition-colors duration-[var(--gr-duration-fast)]";
+/**
+* Строка — остановка роверного фокуса, поэтому кольцо на ней, а не на ручке:
+* с клавиатуры берут строку целиком, ручка остаётся affordance для мыши.
+*/
+var rowFocusClass = "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-inset";
+var rowDraggingClass = "bg-[var(--gr-sortable-row-bg-active,var(--gr-muted))]";
+/** Взятая с клавиатуры строка обязана отличаться от просто сфокусированной. */
+var rowGrabbedClass = "bg-[var(--gr-sortable-row-bg-active,var(--gr-muted))] ring-2 ring-[var(--gr-ring)] ring-inset";
+var rowDisabledClass = "cursor-not-allowed bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]";
+var dividedClass = "divide-y divide-[var(--gr-brd)]";
+var emptyClass = "px-4 py-6 text-center text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]";
+/**
+* Ручка не табируется: внутри роверного композита свой таб-стоп сломал бы
+* правило «один Tab на список» — тот же приём, что у ручки `GrTree`.
+*/
+/**
+* `[touch-action:none]` вместо `touch-none`: утилиты нет ни в `presetMini`, ни
+* в extra-rules, класс молча не превратился бы в CSS — и вертикальный свайп по
+* ручке ушёл бы в прокрутку страницы. Тот же приём у дорожки `GrSlider`.
+*/
+var handleClass = "flex shrink-0 items-center justify-center rounded-[var(--gr-radius-sm)] text-[var(--gr-sortable-handle-color,var(--gr-muted-fg))] size-[var(--gr-sortable-handle-size,1.5rem)] cursor-grab [touch-action:none] focus:outline-none";
+var handleDisabledClass = "cursor-not-allowed text-[var(--gr-muted-fg)]";
+var contentClass = "min-w-0 flex-1 text-[length:var(--gr-text-sm)]";
+/**
+* Куда встанет строка — псевдоэлемент самой строки, а не отдельный узел:
+* лишний узел между строками ломает и `divide-y`, и подсчёт позиций.
+*/
+var indicatorBeforeClass = "before:absolute before:inset-x-0 before:top-0 before:h-[var(--gr-sortable-indicator-width,2px)] before:bg-[var(--gr-sortable-indicator,var(--gr-primary))] before:content-empty";
+var indicatorAfterClass = "after:absolute after:inset-x-0 after:bottom-0 after:h-[var(--gr-sortable-indicator-width,2px)] after:bg-[var(--gr-sortable-indicator,var(--gr-primary))] after:content-empty";
+//#endregion
+//#region src/components/GrSortableList/safelist.ts
+var grSortableListSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(listClass).flatMap(splitClassTokens),
+	...splitClassTokens(rowLayoutClass),
+	...splitClassTokens(rowFocusClass),
+	...splitClassTokens(rowDraggingClass),
+	...splitClassTokens(rowGrabbedClass),
+	...splitClassTokens(rowDisabledClass),
+	...splitClassTokens(dividedClass),
+	...splitClassTokens(emptyClass),
+	...splitClassTokens(handleClass),
+	...splitClassTokens(handleDisabledClass),
+	...splitClassTokens(contentClass),
+	...splitClassTokens(indicatorBeforeClass),
+	...splitClassTokens(indicatorAfterClass)
+])];
+//#endregion
+//#region src/components/GrSortableList/config.ts
+var grSortableListConfig = defineGranularComponent(import.meta.url, {
+	name: "GrSortableList",
+	safelist: grSortableListSafelist,
+	dependencies: ["GrCard"]
+});
+//#endregion
+export { emptyClass as a, indicatorAfterClass as c, rowDisabledClass as d, rowDraggingClass as f, rowLayoutClass as h, dividedClass as i, indicatorBeforeClass as l, rowGrabbedClass as m, grSortableListSafelist as n, handleClass as o, rowFocusClass as p, contentClass as r, handleDisabledClass as s, grSortableListConfig as t, listClass as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-DAX8Deh12.js","names":[],"sources":["../../src/components/GrSortableList/grSortableListStyles.ts","../../src/components/GrSortableList/safelist.ts","../../src/components/GrSortableList/config.ts"],"sourcesContent":["export type GrSortableOrientation = 'horizontal' | 'vertical'\n\n/**\n * Классы `GrSortableList`. Единственный источник правды для шаблона и\n * `safelist.ts`: литерал, живущий только здесь, до скана UnoCSS не доходит —\n * хелпер уезжает в общий чанк `dist/chunks/`.\n */\n\nexport const listClass: Record<GrSortableOrientation, string> = {\n  vertical: 'flex flex-col',\n  horizontal: 'flex flex-row flex-wrap',\n}\n\nexport const rowLayoutClass = 'relative flex items-center gap-2 px-4 py-3 transition-colors duration-[var(--gr-duration-fast)]'\n\n/**\n * Строка — остановка роверного фокуса, поэтому кольцо на ней, а не на ручке:\n * с клавиатуры берут строку целиком, ручка остаётся affordance для мыши.\n */\nexport const rowFocusClass = 'focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-inset'\n\nexport const rowDraggingClass = 'bg-[var(--gr-sortable-row-bg-active,var(--gr-muted))]'\n\n/** Взятая с клавиатуры строка обязана отличаться от просто сфокусированной. */\nexport const rowGrabbedClass = 'bg-[var(--gr-sortable-row-bg-active,var(--gr-muted))] ring-2 ring-[var(--gr-ring)] ring-inset'\n\nexport const rowDisabledClass = 'cursor-not-allowed bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]'\n\nexport const dividedClass = 'divide-y divide-[var(--gr-brd)]'\n\nexport const emptyClass = 'px-4 py-6 text-center text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]'\n\n/**\n * Ручка не табируется: внутри роверного композита свой таб-стоп сломал бы\n * правило «один Tab на список» — тот же приём, что у ручки `GrTree`.\n */\n/**\n * `[touch-action:none]` вместо `touch-none`: утилиты нет ни в `presetMini`, ни\n * в extra-rules, класс молча не превратился бы в CSS — и вертикальный свайп по\n * ручке ушёл бы в прокрутку страницы. Тот же приём у дорожки `GrSlider`.\n */\nexport const handleClass = 'flex shrink-0 items-center justify-center rounded-[var(--gr-radius-sm)] text-[var(--gr-sortable-handle-color,var(--gr-muted-fg))] size-[var(--gr-sortable-handle-size,1.5rem)] cursor-grab [touch-action:none] focus:outline-none'\n\nexport const handleDisabledClass = 'cursor-not-allowed text-[var(--gr-muted-fg)]'\n\n\nexport const contentClass = 'min-w-0 flex-1 text-[length:var(--gr-text-sm)]'\n\n/**\n * Куда встанет строка — псевдоэлемент самой строки, а не отдельный узел:\n * лишний узел между строками ломает и `divide-y`, и подсчёт позиций.\n */\nexport const indicatorBeforeClass = 'before:absolute before:inset-x-0 before:top-0 before:h-[var(--gr-sortable-indicator-width,2px)] before:bg-[var(--gr-sortable-indicator,var(--gr-primary))] before:content-empty'\n\nexport const indicatorAfterClass = 'after:absolute after:inset-x-0 after:bottom-0 after:h-[var(--gr-sortable-indicator-width,2px)] after:bg-[var(--gr-sortable-indicator,var(--gr-primary))] after:content-empty'\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  contentClass,\n  dividedClass,\n  emptyClass,\n  handleClass,\n  handleDisabledClass,\n  indicatorAfterClass,\n  indicatorBeforeClass,\n  listClass,\n  rowDisabledClass,\n  rowDraggingClass,\n  rowFocusClass,\n  rowGrabbedClass,\n  rowLayoutClass,\n} from './grSortableListStyles'\n\nexport const grSortableListSafelist = [...new Set([\n  ...Object.values(listClass).flatMap(splitClassTokens),\n  ...splitClassTokens(rowLayoutClass),\n  ...splitClassTokens(rowFocusClass),\n  ...splitClassTokens(rowDraggingClass),\n  ...splitClassTokens(rowGrabbedClass),\n  ...splitClassTokens(rowDisabledClass),\n  ...splitClassTokens(dividedClass),\n  ...splitClassTokens(emptyClass),\n  ...splitClassTokens(handleClass),\n  ...splitClassTokens(handleDisabledClass),\n  ...splitClassTokens(contentClass),\n  ...splitClassTokens(indicatorBeforeClass),\n  ...splitClassTokens(indicatorAfterClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grSortableListSafelist } from './safelist'\n\nexport const grSortableListConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSortableList',\n  safelist: grSortableListSafelist,\n  dependencies: ['GrCard'],\n})\n"],"mappings":";;;;;;;;AAQA,IAAa,YAAmD;CAC9D,UAAU;CACV,YAAY;AACd;AAEA,IAAa,iBAAiB;;;;;AAM9B,IAAa,gBAAgB;AAE7B,IAAa,mBAAmB;;AAGhC,IAAa,kBAAkB;AAE/B,IAAa,mBAAmB;AAEhC,IAAa,eAAe;AAE5B,IAAa,aAAa;;;;;;;;;;AAW1B,IAAa,cAAc;AAE3B,IAAa,sBAAsB;AAGnC,IAAa,eAAe;;;;;AAM5B,IAAa,uBAAuB;AAEpC,IAAa,sBAAsB;;;ACrCnC,IAAa,yBAAyB,CAAC,mBAAG,IAAI,IAAI;CAChD,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,WAAW;CAC/B,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,mBAAmB;AACzC,CAAC,CAAC;;;AC3BF,IAAa,uBAAuB,wBAAwB,OAAO,KAAK,KAAK;CAC3E,MAAM;CACN,UAAU;CACV,cAAc,CAAC,QAAQ;AACzB,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-DCFvmHEv.js","names":[],"sources":["../../src/components/GrTreeSelect/grTreeSelectStyles.ts","../../src/components/GrTreeSelect/safelist.ts","../../src/components/GrTreeSelect/config.ts"],"sourcesContent":["import type { GrControlState } from '../shared/sizes'\n\nimport type { GrInputSize } from '../GrInput'\n\nexport type GrTreeSelectState = GrControlState\n\nexport const sizeClassBySize: Record<GrInputSize, string> = {\n  xs: 'h-7 px-2.5 text-[length:var(--gr-control-text-xs)]',\n  sm: 'h-8 px-3 text-[length:var(--gr-control-text-sm)]',\n  md: 'h-10 px-3 text-[length:var(--gr-control-text-md)]',\n  lg: 'h-11 px-4 text-[length:var(--gr-control-text-lg)]',\n}\n\n/**\n * Горизонтальный отступ из `sizeClassBySize`, но числом: аддоны задают паддинг\n * инлайн-стилем, а он перекрывает класс — значение нужно обеим формам, и\n * расходиться им нельзя.\n */\nexport const paddingX: Record<GrInputSize, string> = {\n  xs: '10px',\n  sm: '12px',\n  md: '12px',\n  lg: '16px',\n}\n\n/** Ширина зоны шеврона/крестика справа (`pr-9` в классе триггера). */\nexport const trailingZoneWidth = '2.25rem'\n\nexport const borderClassByState: Record<GrTreeSelectState, string> = {\n  default: 'border-[var(--gr-brd)]',\n  success: 'border-[var(--gr-success)] focus-visible:ring-[var(--gr-success)]',\n  warning: 'border-[var(--gr-warning)] focus-visible:ring-[var(--gr-warning)]',\n  danger: 'border-[var(--gr-danger)] focus-visible:ring-[var(--gr-danger)]',\n}\n\n/**\n * Ошибка валидации красится своей ролью, а не декоративным тоном `danger`:\n * `state=\"danger\"` — это подсветка по решению разработчика, `invalid` — вердикт\n * валидации, и тема вправе развести их по цвету.\n */\nexport const invalidBorderClass = 'border-[var(--gr-invalid-brd)] focus-visible:ring-[var(--gr-invalid-ring)]'\n\n/**\n * Disabled красится фоном и цветом текста, а не прозрачностью: `opacity`\n * разбавляет выверенные на AA токены и роняет контраст подписи.\n */\nexport const shellEnabledClass = 'bg-[var(--gr-bg)] text-[var(--gr-fg)]'\nexport const shellDisabledClass = 'bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] cursor-not-allowed'\n\nexport function grTreeSelectClass(options: {\n  size: GrInputSize\n  state: GrTreeSelectState\n  invalid: boolean\n  disabled?: boolean\n}): string {\n  return [\n    sizeClassBySize[options.size],\n    'pr-9',\n    options.disabled ? shellDisabledClass : shellEnabledClass,\n    options.invalid ? invalidBorderClass : borderClassByState[options.state],\n  ].join(' ')\n}\n\nexport const grTreeSelectPanelClass = 'rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] overflow-hidden'\n\n/**\n * Строка состояния панели: загрузка и «нет данных». По центру и с двойным\n * воздухом — тот же язык, что у `GrSelect`, `GrAutocomplete` и палитры команд.\n * Слева она расходилась с содержимым дерева на паддинг скроллера.\n */\nexport const grTreeSelectStateClass = 'flex items-center justify-center gap-2 px-3 py-4 text-center text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]'\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  borderClassByState,\n  grTreeSelectPanelClass,\n  grTreeSelectStateClass,\n  invalidBorderClass,\n  shellDisabledClass,\n  shellEnabledClass,\n  sizeClassBySize,\n} from './grTreeSelectStyles'\n\nexport const grTreeSelectSafelist = [...new Set([\n  ...Object.values(sizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(borderClassByState).flatMap(splitClassTokens),\n  ...splitClassTokens(invalidBorderClass),\n  'pr-9',\n  ...splitClassTokens(shellEnabledClass),\n  ...splitClassTokens(shellDisabledClass),\n  ...splitClassTokens(grTreeSelectPanelClass),\n  ...splitClassTokens(grTreeSelectStateClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grTreeSelectSafelist } from './safelist'\n\nexport const grTreeSelectConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTreeSelect',\n  safelist: grTreeSelectSafelist,\n  dependencies: ['GrInput', 'GrTree'],\n})"],"mappings":";;;AAMA,IAAa,kBAA+C;CAC1D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;AAOA,IAAa,WAAwC;CACnD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,oBAAoB;AAEjC,IAAa,qBAAwD;CACnE,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;AACV;;;;;;AAOA,IAAa,qBAAqB;;;;;AAMlC,IAAa,oBAAoB;AACjC,IAAa,qBAAqB;AAElC,SAAgB,kBAAkB,SAKvB;CACT,OAAO;EACL,gBAAgB,QAAQ;EACxB;EACA,QAAQ,WAAW,qBAAqB;EACxC,QAAQ,UAAU,qBAAqB,mBAAmB,QAAQ;CACpE,CAAC,CAAC,KAAK,GAAG;AACZ;AAEA,IAAa,yBAAyB;;;;;;AAOtC,IAAa,yBAAyB;;;AC3DtC,IAAa,uBAAuB,CAAC,mBAAG,IAAI,IAAI;CAC9C,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,GAAG,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;CAC7D,GAAG,iBAAiB,kBAAkB;CACtC;CACA,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,sBAAsB;AAC5C,CAAC,CAAC;;;AChBF,IAAa,qBAAqB,wBAAwB,OAAO,KAAK,KAAK;CACzE,MAAM;CACN,UAAU;CACV,cAAc,CAAC,WAAW,QAAQ;AACpC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"config-DKdlqXiY.js","names":[],"sources":["../../src/components/GrBreadcrumbs/grBreadcrumbsStyles.ts","../../src/components/GrBreadcrumbs/safelist.ts","../../src/components/GrBreadcrumbs/config.ts"],"sourcesContent":["import type { Component } from 'vue'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type GrBreadcrumbsSize = GrComponentSize\n\n/** Пункт пути. Кроме `label` всё опционально: последний пункт обычно без ссылки. */\nexport type GrBreadcrumbItem = {\n  label: string\n  href?: string\n  /** Цель роутерной ссылки: уезжает в `GrLink` через `attrs` вместе с `as`. */\n  to?: unknown\n  /** Класс иконки перед подписью (`i-lucide-*`) — иконка декоративна. */\n  icon?: string\n  disabled?: boolean\n  /** Доступное имя пункта, когда подписи недостаточно («Настройки» → «Настройки проекта»). */\n  ariaLabel?: string\n}\n\nexport const breadcrumbsRootClass = 'w-full min-w-0'\nexport const breadcrumbsListClass = 'flex items-center gap-1 m-0 p-0 [list-style:none]'\n\n/**\n * Перенос — умолчание: длинный путь уезжает на вторую строку и остаётся читаемым.\n * В режиме `autoCollapse` строка одна, иначе переполнения не случится никогда и\n * мерить будет нечего: список просто перенесётся.\n *\n * Исключение — раскрытый вручную путь: в одну строку он бы не влез (её нехватка и\n * вызвала схлопывание), `overflow: hidden` срезал бы хвост вместе с текущей\n * страницей, а фокус на раскрытом пункте молча уводил бы скролл контейнера.\n * Поэтому раскрытие возвращает перенос.\n */\nexport const breadcrumbsListWrapClass = 'flex-wrap'\nexport const breadcrumbsListNowrapClass = 'flex-nowrap overflow-hidden'\n\n/** Кегль строки пути. Шкала общая с `GrLink`: путь — это ряд ссылок. */\nexport const breadcrumbsSizeClassBySize: Record<GrBreadcrumbsSize, string> = {\n  xs: 'text-[length:var(--gr-text-xs)]',\n  sm: 'text-[length:var(--gr-text-sm)]',\n  md: 'text-[length:var(--gr-text-sm)]',\n  lg: 'text-[length:var(--gr-text-base)]',\n}\n\nexport const breadcrumbsSeparatorClass = 'select-none text-[var(--gr-muted-fg)]'\n\n/** Текущая страница: не ссылка, но и не «выключенный» текст — обычный акцент подписи. */\nexport const breadcrumbsCurrentClass = 'inline-flex items-center gap-1 min-w-0 font-600 text-[var(--gr-fg)]'\n\nexport const breadcrumbsItemIconClass = 'inline-block h-4 w-4 shrink-0'\n\nexport const breadcrumbsLabelClass = 'truncate'\n\n/**\n * Кнопка «…»: раскрывает схлопнутую середину пути на месте. Оформлена как\n * приглушённая ссылка, чтобы не выбиваться из ряда.\n */\nexport const breadcrumbsEllipsisClass = 'inline-flex items-center rounded-[var(--gr-radius-sm)] px-1 text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport type GrBreadcrumbsLinkComponent = string | Component\n\n/**\n * Раскладка пути: какие пункты видны и где стоит кнопка раскрытия.\n *\n * Чистая функция, потому что вся её сложность — арифметика границ, и проверять\n * её монтированием компонента дороже, чем таблицей входов.\n */\nexport type GrBreadcrumbsLayoutEntry =\n  | { kind: 'item', item: GrBreadcrumbItem, index: number }\n  | { kind: 'ellipsis', hiddenCount: number }\n\n/**\n * Сколько пунктов хвоста влезает в доступную ширину.\n *\n * Порог по числу пунктов (`maxItems`) на узком экране предсказывает плохо: три\n * коротких пункта влезают, два длинных — нет. Здесь решение принимается по\n * измеренным ширинам.\n *\n * Голова не ужимается: `itemsBeforeCollapse` — обычно один корневой пункт, и он\n * дёшев. Хвост ужимается до упора, но **не меньше одного**: последний пункт\n * отвечает на вопрос «где я сейчас», и прятать его бессмысленно — путь\n * превратился бы в «Главная / …».\n *\n * Возврат — число пунктов хвоста; `items.length` означает «влезло всё».\n */\nexport function resolveBreadcrumbsFit(options: {\n  itemWidths: number[]\n  separatorWidth: number\n  ellipsisWidth: number\n  available: number\n  itemsBeforeCollapse: number\n  /** Зазор списка (`gap`). Стоит между каждой парой соседей, включая разделители. */\n  gapWidth?: number\n}): number {\n  const { itemWidths, separatorWidth, ellipsisWidth, available, itemsBeforeCollapse, gapWidth = 0 } = options\n  const total = itemWidths.length\n\n  if (total === 0) return 0\n\n  const sum = (from: number, to: number): number =>\n    itemWidths.slice(from, to).reduce((acc, width) => acc + width, 0)\n\n  /**\n   * Ширина строки из `parts` видимых блоков: сами блоки, разделители между ними\n   * и зазоры. Элементов в списке `2 * parts - 1` (блоки и разделители вперемешку),\n   * значит зазоров на один меньше — без них расчёт систематически оптимистичен и\n   * путь подрезается уже после схлопывания.\n   */\n  const rowWidth = (content: number, parts: number): number =>\n    content\n    + Math.max(0, parts - 1) * separatorWidth\n    + Math.max(0, 2 * parts - 2) * gapWidth\n\n  if (rowWidth(sum(0, total), total) <= available) return total\n\n  const before = Math.max(0, Math.min(itemsBeforeCollapse, total))\n\n  for (let after = total - before - 1; after > 1; after--) {\n    const content = sum(0, before) + ellipsisWidth + sum(total - after, total)\n\n    if (rowWidth(content, before + 1 + after) <= available) return after\n  }\n\n  return 1\n}\n\nexport function resolveBreadcrumbsLayout(options: {\n  items: GrBreadcrumbItem[]\n  maxItems?: number\n  itemsBeforeCollapse: number\n  itemsAfterCollapse: number\n  expanded: boolean\n}): GrBreadcrumbsLayoutEntry[] {\n  const { items, maxItems, itemsBeforeCollapse, itemsAfterCollapse, expanded } = options\n  const all: GrBreadcrumbsLayoutEntry[] = items.map((item, index) => ({ kind: 'item', item, index }))\n\n  if (expanded || !maxItems || maxItems < 1 || items.length <= maxItems)\n    return all\n\n  // Хвост важнее головы: «где я сейчас» читается справа, поэтому при нехватке\n  // места сначала жертвуем серединой, а не концом.\n  const before = Math.max(0, Math.min(itemsBeforeCollapse, items.length))\n  const after = Math.max(0, Math.min(itemsAfterCollapse, items.length - before))\n  const hiddenCount = items.length - before - after\n\n  if (hiddenCount <= 1)\n    return all\n\n  return [\n    ...all.slice(0, before),\n    { kind: 'ellipsis', hiddenCount },\n    ...all.slice(items.length - after),\n  ]\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  breadcrumbsCurrentClass,\n  breadcrumbsEllipsisClass,\n  breadcrumbsItemIconClass,\n  breadcrumbsLabelClass,\n  breadcrumbsListClass,\n  breadcrumbsListNowrapClass,\n  breadcrumbsListWrapClass,\n  breadcrumbsRootClass,\n  breadcrumbsSeparatorClass,\n  breadcrumbsSizeClassBySize,\n} from './grBreadcrumbsStyles'\n\n// Всё, что живёт в `grBreadcrumbsStyles.ts`: и мапа размеров, и строковые\n// литералы. Хелпер уезжает в общий `dist/chunks/`, вне области скана\n// компонента — гейт `src/__tests__/safelist.test.ts`.\nexport const grBreadcrumbsSafelist = [...new Set([\n  ...Object.values(breadcrumbsSizeClassBySize).flatMap(splitClassTokens),\n  ...splitClassTokens(breadcrumbsRootClass),\n  ...splitClassTokens(breadcrumbsListClass),\n  ...splitClassTokens(breadcrumbsListWrapClass),\n  ...splitClassTokens(breadcrumbsListNowrapClass),\n  ...splitClassTokens(breadcrumbsSeparatorClass),\n  ...splitClassTokens(breadcrumbsCurrentClass),\n  ...splitClassTokens(breadcrumbsItemIconClass),\n  ...splitClassTokens(breadcrumbsLabelClass),\n  ...splitClassTokens(breadcrumbsEllipsisClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grBreadcrumbsSafelist } from './safelist'\n\nexport const grBreadcrumbsConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrBreadcrumbs',\n  safelist: grBreadcrumbsSafelist,\n  dependencies: ['GrLink'],\n})\n"],"mappings":";;;AAmBA,IAAa,uBAAuB;AACpC,IAAa,uBAAuB;;;;;;;;;;;AAYpC,IAAa,2BAA2B;AACxC,IAAa,6BAA6B;;AAG1C,IAAa,6BAAgE;CAC3E,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,4BAA4B;;AAGzC,IAAa,0BAA0B;AAEvC,IAAa,2BAA2B;AAExC,IAAa,wBAAwB;;;;;AAMrC,IAAa,2BAA2B;;;;;;;;;;;;;;;AA4BxC,SAAgB,sBAAsB,SAQ3B;CACT,MAAM,EAAE,YAAY,gBAAgB,eAAe,WAAW,qBAAqB,WAAW,MAAM;CACpG,MAAM,QAAQ,WAAW;CAEzB,IAAI,UAAU,GAAG,OAAO;CAExB,MAAM,OAAO,MAAc,OACzB,WAAW,MAAM,MAAM,EAAE,CAAC,CAAC,QAAQ,KAAK,UAAU,MAAM,OAAO,CAAC;;;;;;;CAQlE,MAAM,YAAY,SAAiB,UACjC,UACE,KAAK,IAAI,GAAG,QAAQ,CAAC,IAAI,iBACzB,KAAK,IAAI,GAAG,IAAI,QAAQ,CAAC,IAAI;CAEjC,IAAI,SAAS,IAAI,GAAG,KAAK,GAAG,KAAK,KAAK,WAAW,OAAO;CAExD,MAAM,SAAS,KAAK,IAAI,GAAG,KAAK,IAAI,qBAAqB,KAAK,CAAC;CAE/D,KAAK,IAAI,QAAQ,QAAQ,SAAS,GAAG,QAAQ,GAAG,SAG9C,IAAI,SAFY,IAAI,GAAG,MAAM,IAAI,gBAAgB,IAAI,QAAQ,OAAO,KAAK,GAEnD,SAAS,IAAI,KAAK,KAAK,WAAW,OAAO;CAGjE,OAAO;AACT;AAEA,SAAgB,yBAAyB,SAMV;CAC7B,MAAM,EAAE,OAAO,UAAU,qBAAqB,oBAAoB,aAAa;CAC/E,MAAM,MAAkC,MAAM,KAAK,MAAM,WAAW;EAAE,MAAM;EAAQ;EAAM;CAAM,EAAE;CAElG,IAAI,YAAY,CAAC,YAAY,WAAW,KAAK,MAAM,UAAU,UAC3D,OAAO;CAIT,MAAM,SAAS,KAAK,IAAI,GAAG,KAAK,IAAI,qBAAqB,MAAM,MAAM,CAAC;CACtE,MAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,oBAAoB,MAAM,SAAS,MAAM,CAAC;CAC7E,MAAM,cAAc,MAAM,SAAS,SAAS;CAE5C,IAAI,eAAe,GACjB,OAAO;CAET,OAAO;EACL,GAAG,IAAI,MAAM,GAAG,MAAM;EACtB;GAAE,MAAM;GAAY;EAAY;EAChC,GAAG,IAAI,MAAM,MAAM,SAAS,KAAK;CACnC;AACF;;;ACvIA,IAAa,wBAAwB,CAAC,mBAAG,IAAI,IAAI;CAC/C,GAAG,OAAO,OAAO,0BAA0B,CAAC,CAAC,QAAQ,gBAAgB;CACrE,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,0BAA0B;CAC9C,GAAG,iBAAiB,yBAAyB;CAC7C,GAAG,iBAAiB,uBAAuB;CAC3C,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,wBAAwB;AAC9C,CAAC,CAAC;;;ACxBF,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK;CAC1E,MAAM;CACN,UAAU;CACV,cAAc,CAAC,QAAQ;AACzB,CAAC"}
+{"version":3,"file":"config-DKdlqXiY.js","names":[],"sources":["../../src/components/GrBreadcrumbs/grBreadcrumbsStyles.ts","../../src/components/GrBreadcrumbs/safelist.ts","../../src/components/GrBreadcrumbs/config.ts"],"sourcesContent":["import type { Component } from 'vue'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type GrBreadcrumbsSize = GrComponentSize\n\n/** Пункт пути. Кроме `label` всё опционально: последний пункт обычно без ссылки. */\nexport type GrBreadcrumbItem = {\n  label: string\n  href?: string\n  /** Цель роутерной ссылки: уезжает в `GrLink` через `attrs` вместе с `as`. */\n  to?: unknown\n  /**\n   * Иконка перед подписью — декоративна. Vue-компонент либо класс иконки вашей\n   * UnoCSS-сборки (`i-lucide-*` требует вашего `presetIcons`).\n   */\n  icon?: string | Component\n  disabled?: boolean\n  /** Доступное имя пункта, когда подписи недостаточно («Настройки» → «Настройки проекта»). */\n  ariaLabel?: string\n}\n\nexport const breadcrumbsRootClass = 'w-full min-w-0'\nexport const breadcrumbsListClass = 'flex items-center gap-1 m-0 p-0 [list-style:none]'\n\n/**\n * Перенос — умолчание: длинный путь уезжает на вторую строку и остаётся читаемым.\n * В режиме `autoCollapse` строка одна, иначе переполнения не случится никогда и\n * мерить будет нечего: список просто перенесётся.\n *\n * Исключение — раскрытый вручную путь: в одну строку он бы не влез (её нехватка и\n * вызвала схлопывание), `overflow: hidden` срезал бы хвост вместе с текущей\n * страницей, а фокус на раскрытом пункте молча уводил бы скролл контейнера.\n * Поэтому раскрытие возвращает перенос.\n */\nexport const breadcrumbsListWrapClass = 'flex-wrap'\nexport const breadcrumbsListNowrapClass = 'flex-nowrap overflow-hidden'\n\n/** Кегль строки пути. Шкала общая с `GrLink`: путь — это ряд ссылок. */\nexport const breadcrumbsSizeClassBySize: Record<GrBreadcrumbsSize, string> = {\n  xs: 'text-[length:var(--gr-text-xs)]',\n  sm: 'text-[length:var(--gr-text-sm)]',\n  md: 'text-[length:var(--gr-text-sm)]',\n  lg: 'text-[length:var(--gr-text-base)]',\n}\n\nexport const breadcrumbsSeparatorClass = 'select-none text-[var(--gr-muted-fg)]'\n\n/** Текущая страница: не ссылка, но и не «выключенный» текст — обычный акцент подписи. */\nexport const breadcrumbsCurrentClass = 'inline-flex items-center gap-1 min-w-0 font-600 text-[var(--gr-fg)]'\n\nexport const breadcrumbsItemIconClass = 'inline-block h-4 w-4 shrink-0'\n\nexport const breadcrumbsLabelClass = 'truncate'\n\n/**\n * Кнопка «…»: раскрывает схлопнутую середину пути на месте. Оформлена как\n * приглушённая ссылка, чтобы не выбиваться из ряда.\n */\nexport const breadcrumbsEllipsisClass = 'inline-flex items-center rounded-[var(--gr-radius-sm)] px-1 text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport type GrBreadcrumbsLinkComponent = string | Component\n\n/**\n * Раскладка пути: какие пункты видны и где стоит кнопка раскрытия.\n *\n * Чистая функция, потому что вся её сложность — арифметика границ, и проверять\n * её монтированием компонента дороже, чем таблицей входов.\n */\nexport type GrBreadcrumbsLayoutEntry =\n  | { kind: 'item', item: GrBreadcrumbItem, index: number }\n  | { kind: 'ellipsis', hiddenCount: number }\n\n/**\n * Сколько пунктов хвоста влезает в доступную ширину.\n *\n * Порог по числу пунктов (`maxItems`) на узком экране предсказывает плохо: три\n * коротких пункта влезают, два длинных — нет. Здесь решение принимается по\n * измеренным ширинам.\n *\n * Голова не ужимается: `itemsBeforeCollapse` — обычно один корневой пункт, и он\n * дёшев. Хвост ужимается до упора, но **не меньше одного**: последний пункт\n * отвечает на вопрос «где я сейчас», и прятать его бессмысленно — путь\n * превратился бы в «Главная / …».\n *\n * Возврат — число пунктов хвоста; `items.length` означает «влезло всё».\n */\nexport function resolveBreadcrumbsFit(options: {\n  itemWidths: number[]\n  separatorWidth: number\n  ellipsisWidth: number\n  available: number\n  itemsBeforeCollapse: number\n  /** Зазор списка (`gap`). Стоит между каждой парой соседей, включая разделители. */\n  gapWidth?: number\n}): number {\n  const { itemWidths, separatorWidth, ellipsisWidth, available, itemsBeforeCollapse, gapWidth = 0 } = options\n  const total = itemWidths.length\n\n  if (total === 0) return 0\n\n  const sum = (from: number, to: number): number =>\n    itemWidths.slice(from, to).reduce((acc, width) => acc + width, 0)\n\n  /**\n   * Ширина строки из `parts` видимых блоков: сами блоки, разделители между ними\n   * и зазоры. Элементов в списке `2 * parts - 1` (блоки и разделители вперемешку),\n   * значит зазоров на один меньше — без них расчёт систематически оптимистичен и\n   * путь подрезается уже после схлопывания.\n   */\n  const rowWidth = (content: number, parts: number): number =>\n    content\n    + Math.max(0, parts - 1) * separatorWidth\n    + Math.max(0, 2 * parts - 2) * gapWidth\n\n  if (rowWidth(sum(0, total), total) <= available) return total\n\n  const before = Math.max(0, Math.min(itemsBeforeCollapse, total))\n\n  for (let after = total - before - 1; after > 1; after--) {\n    const content = sum(0, before) + ellipsisWidth + sum(total - after, total)\n\n    if (rowWidth(content, before + 1 + after) <= available) return after\n  }\n\n  return 1\n}\n\nexport function resolveBreadcrumbsLayout(options: {\n  items: GrBreadcrumbItem[]\n  maxItems?: number\n  itemsBeforeCollapse: number\n  itemsAfterCollapse: number\n  expanded: boolean\n}): GrBreadcrumbsLayoutEntry[] {\n  const { items, maxItems, itemsBeforeCollapse, itemsAfterCollapse, expanded } = options\n  const all: GrBreadcrumbsLayoutEntry[] = items.map((item, index) => ({ kind: 'item', item, index }))\n\n  if (expanded || !maxItems || maxItems < 1 || items.length <= maxItems)\n    return all\n\n  // Хвост важнее головы: «где я сейчас» читается справа, поэтому при нехватке\n  // места сначала жертвуем серединой, а не концом.\n  const before = Math.max(0, Math.min(itemsBeforeCollapse, items.length))\n  const after = Math.max(0, Math.min(itemsAfterCollapse, items.length - before))\n  const hiddenCount = items.length - before - after\n\n  if (hiddenCount <= 1)\n    return all\n\n  return [\n    ...all.slice(0, before),\n    { kind: 'ellipsis', hiddenCount },\n    ...all.slice(items.length - after),\n  ]\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  breadcrumbsCurrentClass,\n  breadcrumbsEllipsisClass,\n  breadcrumbsItemIconClass,\n  breadcrumbsLabelClass,\n  breadcrumbsListClass,\n  breadcrumbsListNowrapClass,\n  breadcrumbsListWrapClass,\n  breadcrumbsRootClass,\n  breadcrumbsSeparatorClass,\n  breadcrumbsSizeClassBySize,\n} from './grBreadcrumbsStyles'\n\n// Всё, что живёт в `grBreadcrumbsStyles.ts`: и мапа размеров, и строковые\n// литералы. Хелпер уезжает в общий `dist/chunks/`, вне области скана\n// компонента — гейт `src/__tests__/safelist.test.ts`.\nexport const grBreadcrumbsSafelist = [...new Set([\n  ...Object.values(breadcrumbsSizeClassBySize).flatMap(splitClassTokens),\n  ...splitClassTokens(breadcrumbsRootClass),\n  ...splitClassTokens(breadcrumbsListClass),\n  ...splitClassTokens(breadcrumbsListWrapClass),\n  ...splitClassTokens(breadcrumbsListNowrapClass),\n  ...splitClassTokens(breadcrumbsSeparatorClass),\n  ...splitClassTokens(breadcrumbsCurrentClass),\n  ...splitClassTokens(breadcrumbsItemIconClass),\n  ...splitClassTokens(breadcrumbsLabelClass),\n  ...splitClassTokens(breadcrumbsEllipsisClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grBreadcrumbsSafelist } from './safelist'\n\nexport const grBreadcrumbsConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrBreadcrumbs',\n  safelist: grBreadcrumbsSafelist,\n  dependencies: ['GrLink'],\n})\n"],"mappings":";;;AAsBA,IAAa,uBAAuB;AACpC,IAAa,uBAAuB;;;;;;;;;;;AAYpC,IAAa,2BAA2B;AACxC,IAAa,6BAA6B;;AAG1C,IAAa,6BAAgE;CAC3E,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,4BAA4B;;AAGzC,IAAa,0BAA0B;AAEvC,IAAa,2BAA2B;AAExC,IAAa,wBAAwB;;;;;AAMrC,IAAa,2BAA2B;;;;;;;;;;;;;;;AA4BxC,SAAgB,sBAAsB,SAQ3B;CACT,MAAM,EAAE,YAAY,gBAAgB,eAAe,WAAW,qBAAqB,WAAW,MAAM;CACpG,MAAM,QAAQ,WAAW;CAEzB,IAAI,UAAU,GAAG,OAAO;CAExB,MAAM,OAAO,MAAc,OACzB,WAAW,MAAM,MAAM,EAAE,CAAC,CAAC,QAAQ,KAAK,UAAU,MAAM,OAAO,CAAC;;;;;;;CAQlE,MAAM,YAAY,SAAiB,UACjC,UACE,KAAK,IAAI,GAAG,QAAQ,CAAC,IAAI,iBACzB,KAAK,IAAI,GAAG,IAAI,QAAQ,CAAC,IAAI;CAEjC,IAAI,SAAS,IAAI,GAAG,KAAK,GAAG,KAAK,KAAK,WAAW,OAAO;CAExD,MAAM,SAAS,KAAK,IAAI,GAAG,KAAK,IAAI,qBAAqB,KAAK,CAAC;CAE/D,KAAK,IAAI,QAAQ,QAAQ,SAAS,GAAG,QAAQ,GAAG,SAG9C,IAAI,SAFY,IAAI,GAAG,MAAM,IAAI,gBAAgB,IAAI,QAAQ,OAAO,KAAK,GAEnD,SAAS,IAAI,KAAK,KAAK,WAAW,OAAO;CAGjE,OAAO;AACT;AAEA,SAAgB,yBAAyB,SAMV;CAC7B,MAAM,EAAE,OAAO,UAAU,qBAAqB,oBAAoB,aAAa;CAC/E,MAAM,MAAkC,MAAM,KAAK,MAAM,WAAW;EAAE,MAAM;EAAQ;EAAM;CAAM,EAAE;CAElG,IAAI,YAAY,CAAC,YAAY,WAAW,KAAK,MAAM,UAAU,UAC3D,OAAO;CAIT,MAAM,SAAS,KAAK,IAAI,GAAG,KAAK,IAAI,qBAAqB,MAAM,MAAM,CAAC;CACtE,MAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,oBAAoB,MAAM,SAAS,MAAM,CAAC;CAC7E,MAAM,cAAc,MAAM,SAAS,SAAS;CAE5C,IAAI,eAAe,GACjB,OAAO;CAET,OAAO;EACL,GAAG,IAAI,MAAM,GAAG,MAAM;EACtB;GAAE,MAAM;GAAY;EAAY;EAChC,GAAG,IAAI,MAAM,MAAM,SAAS,KAAK;CACnC;AACF;;;AC1IA,IAAa,wBAAwB,CAAC,mBAAG,IAAI,IAAI;CAC/C,GAAG,OAAO,OAAO,0BAA0B,CAAC,CAAC,QAAQ,gBAAgB;CACrE,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,0BAA0B;CAC9C,GAAG,iBAAiB,yBAAyB;CAC7C,GAAG,iBAAiB,uBAAuB;CAC3C,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,wBAAwB;AAC9C,CAAC,CAAC;;;ACxBF,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK;CAC1E,MAAM;CACN,UAAU;CACV,cAAc,CAAC,QAAQ;AACzB,CAAC"}

package/dist/chunks/config-DWN4x6_e.js

@@ -0,0 +1,159 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrTabs/grTabsStyles.ts
+/** Высота вкладки повторяет шкалу `GrButton`: вкладки часто стоят с ним в один ряд. */
+var tabSizes = {
+	xs: "h-7 px-2 text-[length:var(--gr-text-xs)]",
+	sm: "h-8 px-2.5 text-[length:var(--gr-text-xs)]",
+	md: "h-9 px-3 text-[length:var(--gr-text-sm)]",
+	lg: "h-10 px-4 text-[length:var(--gr-text-base)]"
+};
+/** Счётчик у вкладки: на ступень мельче подписи. */
+var tabBadgeSizes = {
+	xs: "text-[length:var(--gr-text-2xs)] px-1 py-0.5",
+	sm: "text-[length:var(--gr-text-2xs)] px-1.5 py-0.5",
+	md: "text-[length:var(--gr-text-2xs)] px-1.5 py-0.5",
+	lg: "text-[length:var(--gr-text-xs)] px-2 py-0.5"
+};
+/** Обойма вокруг вкладок: на мелких ступенях рамка съедала бы высоту. */
+var tablistSizes = {
+	xs: "gap-0.5 p-0.5",
+	sm: "gap-1 p-1",
+	md: "gap-1 p-1",
+	lg: "gap-1 p-1.5"
+};
+/** `line` живёт без обоймы, поэтому и без внутренних отступов. */
+var tablistLineSizes = {
+	xs: "gap-1",
+	sm: "gap-2",
+	md: "gap-2",
+	lg: "gap-3"
+};
+var tablistBase = "inline-flex max-w-full";
+var tablistVariants = {
+	pills: "rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-muted)]",
+	line: "border-b border-[var(--gr-brd)]"
+};
+/**
+* Вертикальный `line` подчёркивает вкладку сбоку, а не снизу: линия должна идти
+* вдоль списка, иначе она отделяет вкладки друг от друга вместо ряда целиком.
+*/
+var tablistVerticalVariants = {
+	pills: "",
+	line: "border-b-0 border-r border-[var(--gr-brd)]"
+};
+/**
+* Переполнение прокручивается, а не переносится строкой: перенос ломает ряд и
+* уводит вкладки под панель. Полоса прокрутки скрыта — ряд ведёт клавиатура и
+* автоскролл к активной вкладке.
+*/
+var tablistScrollClass = "overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden";
+/** Вертикальный ряд — колонка; прокрутки ему не нужно: он растёт вниз. */
+var tablistColumnClass = "flex-col";
+var tabBase = "shrink-0 font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+var tabVariantBase = {
+	pills: "rounded-[var(--gr-radius-md)]",
+	line: "rounded-[var(--gr-radius-md)] rounded-b-[var(--gr-radius-none)] border-b-2 -mb-px"
+};
+var tabStateClasses = {
+	pills: {
+		active: "bg-[var(--gr-card)] text-[var(--gr-fg)] border border-[var(--gr-brd)]",
+		idle: "text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)] hover:bg-[color-mix(in_srgb,var(--gr-card)_70%,transparent)]",
+		disabled: "cursor-not-allowed text-[var(--gr-disabled-fg)]"
+	},
+	line: {
+		active: "border-[var(--gr-primary)] text-[var(--gr-fg)]",
+		idle: "border-transparent text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)] hover:border-[var(--gr-brd)]",
+		disabled: "border-transparent cursor-not-allowed text-[var(--gr-disabled-fg)]"
+	}
+};
+var tabIconClass = "h-4 w-4 shrink-0";
+var tabContentClass = "inline-flex items-center gap-2";
+/**
+* Крестик закрытия. Кнопкой он быть не может: `role="tab"` объявляет потомков
+* презентационными, и вложенный интерактив теряется у скринридера (axe:
+* `nested-interactive`). Поэтому это `<span>`, а клик по нему разбирает
+* обработчик самой вкладки.
+*
+* Своего фокус-кольца у него нет по той же причине — в таб-порядке он не стоит,
+* с клавиатуры закрытие идёт по `Delete`/`Backspace`.
+*/
+var tabCloseBase = "inline-flex items-center justify-center shrink-0 rounded-[var(--gr-radius-sm)] text-[var(--gr-muted-fg)] transition-colors hover:bg-[var(--gr-muted)] hover:text-[var(--gr-fg)]";
+var tabCloseSizes = {
+	xs: "h-4 w-4",
+	sm: "h-4 w-4",
+	md: "h-5 w-5",
+	lg: "h-5 w-5"
+};
+var tabCloseIconSizes = {
+	xs: "h-3 w-3",
+	sm: "h-3 w-3",
+	md: "h-4 w-4",
+	lg: "h-4 w-4"
+};
+/** Пустой ряд держит высоту вкладки: иначе соседние блоки прыгают при закрытии последней. */
+var tabsEmptyBase = "inline-flex items-center text-[var(--gr-muted-fg)]";
+var tabBadgeBase = "rounded-[var(--gr-radius-full)] bg-[var(--gr-secondary)] text-[var(--gr-secondary-fg)]";
+function grTabsListClass(options) {
+	const vertical = options.orientation === "vertical";
+	return [
+		tablistBase,
+		tablistVariants[options.variant],
+		vertical ? tablistVerticalVariants[options.variant] : "",
+		options.variant === "pills" ? tablistSizes[options.size] : tablistLineSizes[options.size],
+		vertical ? tablistColumnClass : tablistScrollClass
+	].filter(Boolean).join(" ");
+}
+function grTabsTabClass(options) {
+	const state = tabStateClasses[options.variant];
+	return [
+		tabBase,
+		tabVariantBase[options.variant],
+		tabSizes[options.size],
+		options.disabled ? state.disabled : options.active ? state.active : state.idle
+	].join(" ");
+}
+function grTabsBadgeClass(size) {
+	return [tabBadgeBase, tabBadgeSizes[size]].join(" ");
+}
+function grTabsCloseClass(size) {
+	return [tabCloseBase, tabCloseSizes[size]].join(" ");
+}
+function grTabsEmptyClass(size) {
+	return [tabsEmptyBase, tabSizes[size]].join(" ");
+}
+//#endregion
+//#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 { grTabsEmptyClass as a, tabCloseIconSizes as c, grTabsCloseClass as i, tabContentClass as l, grTabsSafelist as n, grTabsListClass as o, grTabsBadgeClass as r, grTabsTabClass as s, grTabsConfig as t, tabIconClass as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-DWN4x6_e.js","names":[],"sources":["../../src/components/GrTabs/grTabsStyles.ts","../../src/components/GrTabs/safelist.ts","../../src/components/GrTabs/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nexport type GrTabsSize = GrComponentSize\n\n/**\n * `pills` — вкладки-таблетки в общей обойме, `line` — классический ряд с\n * подчёркиванием активной. Имя `pills` общее с `GrSegmented`: у компонентов\n * одна роль, и вид с таким названием у них совпадает.\n */\nexport const GR_TABS_VARIANTS = ['pills', 'line'] as const\nexport type GrTabsVariant = typeof GR_TABS_VARIANTS[number]\n\nexport type GrTabsOrientation = 'horizontal' | 'vertical'\n\n/** Высота вкладки повторяет шкалу `GrButton`: вкладки часто стоят с ним в один ряд. */\nexport const tabSizes: Record<GrTabsSize, string> = {\n  xs: 'h-7 px-2 text-[length:var(--gr-text-xs)]',\n  sm: 'h-8 px-2.5 text-[length:var(--gr-text-xs)]',\n  md: 'h-9 px-3 text-[length:var(--gr-text-sm)]',\n  lg: 'h-10 px-4 text-[length:var(--gr-text-base)]',\n}\n\n/** Счётчик у вкладки: на ступень мельче подписи. */\nexport const tabBadgeSizes: Record<GrTabsSize, string> = {\n  xs: 'text-[length:var(--gr-text-2xs)] px-1 py-0.5',\n  sm: 'text-[length:var(--gr-text-2xs)] px-1.5 py-0.5',\n  md: 'text-[length:var(--gr-text-2xs)] px-1.5 py-0.5',\n  lg: 'text-[length:var(--gr-text-xs)] px-2 py-0.5',\n}\n\n/** Обойма вокруг вкладок: на мелких ступенях рамка съедала бы высоту. */\nexport const tablistSizes: Record<GrTabsSize, string> = {\n  xs: 'gap-0.5 p-0.5',\n  sm: 'gap-1 p-1',\n  md: 'gap-1 p-1',\n  lg: 'gap-1 p-1.5',\n}\n\n/** `line` живёт без обоймы, поэтому и без внутренних отступов. */\nexport const tablistLineSizes: Record<GrTabsSize, string> = {\n  xs: 'gap-1',\n  sm: 'gap-2',\n  md: 'gap-2',\n  lg: 'gap-3',\n}\n\nexport const tablistBase = 'inline-flex max-w-full'\n\nexport const tablistVariants: Record<GrTabsVariant, string> = {\n  pills: 'rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-muted)]',\n  line: 'border-b border-[var(--gr-brd)]',\n}\n\n/**\n * Вертикальный `line` подчёркивает вкладку сбоку, а не снизу: линия должна идти\n * вдоль списка, иначе она отделяет вкладки друг от друга вместо ряда целиком.\n */\nexport const tablistVerticalVariants: Record<GrTabsVariant, string> = {\n  pills: '',\n  line: 'border-b-0 border-r border-[var(--gr-brd)]',\n}\n\n/**\n * Переполнение прокручивается, а не переносится строкой: перенос ломает ряд и\n * уводит вкладки под панель. Полоса прокрутки скрыта — ряд ведёт клавиатура и\n * автоскролл к активной вкладке.\n */\nexport const tablistScrollClass = 'overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden'\n\n/** Вертикальный ряд — колонка; прокрутки ему не нужно: он растёт вниз. */\nexport const tablistColumnClass = 'flex-col'\n\nexport const tabBase = 'shrink-0 font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\n// Цвет подчёркивания задаёт только состояние: `border-transparent` в базе имеет\n// ту же специфичность, что и цвет активной вкладки, и побеждал бы через раз —\n// по порядку правил в сгенерированном CSS, а не по порядку классов в атрибуте.\nexport const tabVariantBase: Record<GrTabsVariant, string> = {\n  pills: 'rounded-[var(--gr-radius-md)]',\n  line: 'rounded-[var(--gr-radius-md)] rounded-b-[var(--gr-radius-none)] border-b-2 -mb-px',\n}\n\nexport const tabStateClasses: Record<GrTabsVariant, { active: string, idle: string, disabled: string }> = {\n  pills: {\n    active: 'bg-[var(--gr-card)] text-[var(--gr-fg)] border border-[var(--gr-brd)]',\n    idle: 'text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)] hover:bg-[color-mix(in_srgb,var(--gr-card)_70%,transparent)]',\n    disabled: 'cursor-not-allowed text-[var(--gr-disabled-fg)]',\n  },\n  line: {\n    active: 'border-[var(--gr-primary)] text-[var(--gr-fg)]',\n    idle: 'border-transparent text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)] hover:border-[var(--gr-brd)]',\n    disabled: 'border-transparent cursor-not-allowed text-[var(--gr-disabled-fg)]',\n  },\n}\n\nexport const tabIconClass = 'h-4 w-4 shrink-0'\n\nexport const tabContentClass = 'inline-flex items-center gap-2'\n\n/**\n * Крестик закрытия. Кнопкой он быть не может: `role=\"tab\"` объявляет потомков\n * презентационными, и вложенный интерактив теряется у скринридера (axe:\n * `nested-interactive`). Поэтому это `<span>`, а клик по нему разбирает\n * обработчик самой вкладки.\n *\n * Своего фокус-кольца у него нет по той же причине — в таб-порядке он не стоит,\n * с клавиатуры закрытие идёт по `Delete`/`Backspace`.\n */\nexport const tabCloseBase = 'inline-flex items-center justify-center shrink-0 rounded-[var(--gr-radius-sm)] text-[var(--gr-muted-fg)] transition-colors hover:bg-[var(--gr-muted)] hover:text-[var(--gr-fg)]'\n\nexport const tabCloseSizes: Record<GrTabsSize, string> = {\n  xs: 'h-4 w-4',\n  sm: 'h-4 w-4',\n  md: 'h-5 w-5',\n  lg: 'h-5 w-5',\n}\n\nexport const tabCloseIconSizes: Record<GrTabsSize, string> = {\n  xs: 'h-3 w-3',\n  sm: 'h-3 w-3',\n  md: 'h-4 w-4',\n  lg: 'h-4 w-4',\n}\n\n/** Пустой ряд держит высоту вкладки: иначе соседние блоки прыгают при закрытии последней. */\nexport const tabsEmptyBase = 'inline-flex items-center text-[var(--gr-muted-fg)]'\n\nexport const tabBadgeBase = 'rounded-[var(--gr-radius-full)] bg-[var(--gr-secondary)] text-[var(--gr-secondary-fg)]'\n\nexport function grTabsListClass(options: {\n  variant: GrTabsVariant\n  size: GrTabsSize\n  orientation: GrTabsOrientation\n}): string {\n  const vertical = options.orientation === 'vertical'\n\n  return [\n    tablistBase,\n    tablistVariants[options.variant],\n    vertical ? tablistVerticalVariants[options.variant] : '',\n    options.variant === 'pills' ? tablistSizes[options.size] : tablistLineSizes[options.size],\n    vertical ? tablistColumnClass : tablistScrollClass,\n  ].filter(Boolean).join(' ')\n}\n\nexport function grTabsTabClass(options: {\n  variant: GrTabsVariant\n  size: GrTabsSize\n  active: boolean\n  disabled: boolean\n}): string {\n  const state = tabStateClasses[options.variant]\n\n  return [\n    tabBase,\n    tabVariantBase[options.variant],\n    tabSizes[options.size],\n    options.disabled ? state.disabled : options.active ? state.active : state.idle,\n  ].join(' ')\n}\n\nexport function grTabsBadgeClass(size: GrTabsSize): string {\n  return [tabBadgeBase, tabBadgeSizes[size]].join(' ')\n}\n\nexport function grTabsCloseClass(size: GrTabsSize): string {\n  return [tabCloseBase, tabCloseSizes[size]].join(' ')\n}\n\nexport function grTabsEmptyClass(size: GrTabsSize): string {\n  return [tabsEmptyBase, tabSizes[size]].join(' ')\n}\n","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":";;;;AAeA,IAAa,WAAuC;CAClD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,gBAA4C;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,eAA2C;CACtD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,mBAA+C;CAC1D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,cAAc;AAE3B,IAAa,kBAAiD;CAC5D,OAAO;CACP,MAAM;AACR;;;;;AAMA,IAAa,0BAAyD;CACpE,OAAO;CACP,MAAM;AACR;;;;;;AAOA,IAAa,qBAAqB;;AAGlC,IAAa,qBAAqB;AAElC,IAAa,UAAU;AAKvB,IAAa,iBAAgD;CAC3D,OAAO;CACP,MAAM;AACR;AAEA,IAAa,kBAA6F;CACxG,OAAO;EACL,QAAQ;EACR,MAAM;EACN,UAAU;CACZ;CACA,MAAM;EACJ,QAAQ;EACR,MAAM;EACN,UAAU;CACZ;AACF;AAEA,IAAa,eAAe;AAE5B,IAAa,kBAAkB;;;;;;;;;;AAW/B,IAAa,eAAe;AAE5B,IAAa,gBAA4C;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,oBAAgD;CAC3D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,gBAAgB;AAE7B,IAAa,eAAe;AAE5B,SAAgB,gBAAgB,SAIrB;CACT,MAAM,WAAW,QAAQ,gBAAgB;CAEzC,OAAO;EACL;EACA,gBAAgB,QAAQ;EACxB,WAAW,wBAAwB,QAAQ,WAAW;EACtD,QAAQ,YAAY,UAAU,aAAa,QAAQ,QAAQ,iBAAiB,QAAQ;EACpF,WAAW,qBAAqB;CAClC,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B;AAEA,SAAgB,eAAe,SAKpB;CACT,MAAM,QAAQ,gBAAgB,QAAQ;CAEtC,OAAO;EACL;EACA,eAAe,QAAQ;EACvB,SAAS,QAAQ;EACjB,QAAQ,WAAW,MAAM,WAAW,QAAQ,SAAS,MAAM,SAAS,MAAM;CAC5E,CAAC,CAAC,KAAK,GAAG;AACZ;AAEA,SAAgB,iBAAiB,MAA0B;CACzD,OAAO,CAAC,cAAc,cAAc,KAAK,CAAC,CAAC,KAAK,GAAG;AACrD;AAEA,SAAgB,iBAAiB,MAA0B;CACzD,OAAO,CAAC,cAAc,cAAc,KAAK,CAAC,CAAC,KAAK,GAAG;AACrD;AAEA,SAAgB,iBAAiB,MAA0B;CACzD,OAAO,CAAC,eAAe,SAAS,KAAK,CAAC,CAAC,KAAK,GAAG;AACjD;;;ACpJA,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,OAAO,KAAK,KAAK;CACnE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/config-Dgj1Q6JY.js

@@ -0,0 +1,26 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrFormSection/grFormSectionStyles.ts
+var formSectionRootClass = "grid gap-4";
+/** Шапка: заголовок с описанием слева, действия справа. */
+var formSectionHeaderClass = "flex flex-wrap items-start justify-between gap-3";
+var formSectionTitleClass = "m-0 text-[length:var(--gr-text-sm)] font-700";
+var formSectionDescriptionClass = "mt-1 text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]";
+var formSectionActionsClass = "flex shrink-0 items-center gap-2";
+//#endregion
+//#region src/components/GrFormSection/safelist.ts
+var grFormSectionSafelist = [.../* @__PURE__ */ new Set([
+	...splitClassTokens(formSectionRootClass),
+	...splitClassTokens(formSectionHeaderClass),
+	...splitClassTokens(formSectionTitleClass),
+	...splitClassTokens(formSectionDescriptionClass),
+	...splitClassTokens(formSectionActionsClass)
+])];
+//#endregion
+//#region src/components/GrFormSection/config.ts
+var grFormSectionConfig = defineGranularComponent(import.meta.url, {
+	name: "GrFormSection",
+	safelist: grFormSectionSafelist
+});
+//#endregion
+export { formSectionHeaderClass as a, formSectionDescriptionClass as i, grFormSectionSafelist as n, formSectionRootClass as o, formSectionActionsClass as r, formSectionTitleClass as s, grFormSectionConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-Dgj1Q6JY.js","names":[],"sources":["../../src/components/GrFormSection/grFormSectionStyles.ts","../../src/components/GrFormSection/safelist.ts","../../src/components/GrFormSection/config.ts"],"sourcesContent":["/**\n * Уровень заголовка секции. `h1` намеренно нет: страница задаёт его сама, а\n * секция формы — это подраздел внутри уже существующей структуры.\n */\nexport const GR_FORM_SECTION_HEADING_LEVELS = [2, 3, 4, 5, 6] as const\n\nexport type GrFormSectionHeadingLevel = typeof GR_FORM_SECTION_HEADING_LEVELS[number]\n\nexport const formSectionRootClass = 'grid gap-4'\n\n/** Шапка: заголовок с описанием слева, действия справа. */\nexport const formSectionHeaderClass = 'flex flex-wrap items-start justify-between gap-3'\n\n// `m-0` — у нативного заголовка есть браузерные отступы, и без сброса секция\n// разъезжается по вертикали.\nexport const formSectionTitleClass = 'm-0 text-[length:var(--gr-text-sm)] font-700'\n\nexport const formSectionDescriptionClass = 'mt-1 text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]'\n\nexport const formSectionActionsClass = 'flex shrink-0 items-center gap-2'\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  formSectionActionsClass,\n  formSectionDescriptionClass,\n  formSectionHeaderClass,\n  formSectionRootClass,\n  formSectionTitleClass,\n} from './grFormSectionStyles'\n\n// Классы живут в `.ts`-хелпере, а он уезжает в общий `dist/chunks/` — вне\n// области скана компонента. Гейт — `src/__tests__/safelist.test.ts`.\nexport const grFormSectionSafelist = [...new Set([\n  ...splitClassTokens(formSectionRootClass),\n  ...splitClassTokens(formSectionHeaderClass),\n  ...splitClassTokens(formSectionTitleClass),\n  ...splitClassTokens(formSectionDescriptionClass),\n  ...splitClassTokens(formSectionActionsClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grFormSectionSafelist } from './safelist'\n\nexport const grFormSectionConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrFormSection',\n  safelist: grFormSectionSafelist,\n})\n"],"mappings":";;;AAQA,IAAa,uBAAuB;;AAGpC,IAAa,yBAAyB;AAItC,IAAa,wBAAwB;AAErC,IAAa,8BAA8B;AAE3C,IAAa,0BAA0B;;;ACRvC,IAAa,wBAAwB,CAAC,mBAAG,IAAI,IAAI;CAC/C,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,2BAA2B;CAC/C,GAAG,iBAAiB,uBAAuB;AAC7C,CAAC,CAAC;;;ACbF,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK;CAC1E,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/config-Dguto_6o.js

@@ -0,0 +1,108 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrBottomNav/grBottomNavStyles.ts
+var rootBase = "border-t border-[var(--gr-brd)] bg-[var(--gr-bg)] px-2 pb-[env(safe-area-inset-bottom)]";
+var rootPositionClass = {
+	fixed: "fixed bottom-0 left-0 right-0 z-[var(--gr-z-bottom-nav)]",
+	static: "relative w-full"
+};
+var rootHideAboveClass = {
+	sm: "sm:hidden",
+	md: "md:hidden",
+	lg: "lg:hidden",
+	none: ""
+};
+var listClass = "flex items-center justify-around";
+/**
+* Размерная шкала панели: высота полосы, глиф и кегль подписи.
+*
+* Что тянуть у панели фиксированной высоты — вопрос неочевидный, и ответ здесь
+* ограничен снизу доступностью: **тач-таргет пункта не может стать меньше
+* 44×44** (WCAG 2.5.5). Поэтому ступень ужимает полосу и содержимое, а сам
+* пункт остаётся тем же прямоугольником под палец — `min-w-[44px]
+* min-h-[44px]` в `itemBase` вне шкалы намеренно.
+*
+* `md` совпадает с историческим видом панели: без пропа не меняется ничего.
+*/
+var listSizes = {
+	xs: "h-12",
+	sm: "h-14",
+	md: "h-14",
+	lg: "h-16"
+};
+var itemTextSizes = {
+	xs: "text-[length:var(--gr-text-2xs)]",
+	sm: "text-[length:var(--gr-text-2xs)]",
+	md: "text-[length:var(--gr-text-xs)]",
+	lg: "text-[length:var(--gr-text-sm)]"
+};
+var itemIconSizes = {
+	xs: "h-4 w-4",
+	sm: "h-5 w-5",
+	md: "h-5 w-5",
+	lg: "h-6 w-6"
+};
+var itemBase = "relative min-w-[44px] min-h-[44px] px-3 py-1 rounded-[var(--gr-radius-md)] flex flex-col items-center justify-center gap-0.5 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+/**
+* Активный пункт несёт три отличия сразу — подложку, вес и цвет. Одного цвета
+* мало: он не виден при монохромном зрении и не существует для диктора
+* (`aria-current` закрывает вторую половину задачи).
+*/
+var itemActiveClass = "bg-[var(--gr-muted)] font-600 text-[var(--gr-primary-text)]";
+var itemIdleClass = "font-500 text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)]";
+/** Недоступный пункт гасится токеном: `opacity` разбавляет выверенные на AA цвета. */
+var itemDisabledClass = "cursor-not-allowed font-500 text-[var(--gr-disabled-fg)]";
+var itemIconClass = "block shrink-0";
+var itemLabelClass = "max-w-full truncate leading-none";
+/**
+* Бейдж висит поверх правого верхнего угла пункта. Своя разметка, а не
+* `GrBadgeWrap`: зависимость притащила бы потребителю чужой CSS ради кружка.
+*/
+var itemBadgeClass = "absolute top-0.5 right-1 min-w-4 h-4 px-1 rounded-[var(--gr-radius-full)] bg-[var(--gr-danger)] text-[var(--gr-danger-fg)] text-[length:var(--gr-text-2xs)] font-700 inline-flex items-center justify-center";
+function grBottomNavRootClass(options) {
+	return [
+		rootBase,
+		rootPositionClass[options.position],
+		rootHideAboveClass[options.hideAbove]
+	].filter(Boolean).join(" ");
+}
+function grBottomNavListClass(size) {
+	return [listClass, listSizes[size]].join(" ");
+}
+function grBottomNavIconClass(size) {
+	return [itemIconClass, itemIconSizes[size]].join(" ");
+}
+function grBottomNavItemClass(options) {
+	const state = options.disabled ? itemDisabledClass : options.active ? itemActiveClass : itemIdleClass;
+	return [
+		itemBase,
+		itemTextSizes[options.size],
+		state
+	].join(" ");
+}
+//#endregion
+//#region src/components/GrBottomNav/safelist.ts
+var grBottomNavSafelist = [.../* @__PURE__ */ new Set([
+	...splitClassTokens(rootBase),
+	...splitClassTokens(listClass),
+	...splitClassTokens(itemBase),
+	...splitClassTokens(itemActiveClass),
+	...splitClassTokens(itemIdleClass),
+	...splitClassTokens(itemDisabledClass),
+	...splitClassTokens(itemIconClass),
+	...splitClassTokens(itemLabelClass),
+	...splitClassTokens(itemBadgeClass),
+	...Object.values(listSizes).flatMap(splitClassTokens),
+	...Object.values(itemTextSizes).flatMap(splitClassTokens),
+	...Object.values(itemIconSizes).flatMap(splitClassTokens),
+	...Object.values(rootPositionClass).flatMap(splitClassTokens),
+	...Object.values(rootHideAboveClass).flatMap(splitClassTokens)
+])];
+//#endregion
+//#region src/components/GrBottomNav/config.ts
+var grBottomNavConfig = defineGranularComponent(import.meta.url, {
+	name: "GrBottomNav",
+	safelist: grBottomNavSafelist
+});
+//#endregion
+export { grBottomNavListClass as a, itemLabelClass as c, grBottomNavItemClass as i, grBottomNavSafelist as n, grBottomNavRootClass as o, grBottomNavIconClass as r, itemBadgeClass as s, grBottomNavConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-Dguto_6o.js","names":[],"sources":["../../src/components/GrBottomNav/grBottomNavStyles.ts","../../src/components/GrBottomNav/safelist.ts","../../src/components/GrBottomNav/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\n/**\n * Брейкпоинт, начиная с которого панель скрывается. `none` — видна всегда:\n * киоск и PWA нижнюю навигацию не прячут.\n */\nexport const GR_BOTTOM_NAV_HIDE_ABOVE = ['sm', 'md', 'lg', 'none'] as const\nexport type GrBottomNavHideAbove = typeof GR_BOTTOM_NAV_HIDE_ABOVE[number]\n\n/** Прижата к нижней кромке экрана или лежит обычным блоком в потоке. */\nexport const GR_BOTTOM_NAV_POSITIONS = ['fixed', 'static'] as const\nexport type GrBottomNavPosition = typeof GR_BOTTOM_NAV_POSITIONS[number]\n\nexport const rootBase = 'border-t border-[var(--gr-brd)] bg-[var(--gr-bg)] px-2 pb-[env(safe-area-inset-bottom)]'\n\nexport const rootPositionClass: Record<GrBottomNavPosition, string> = {\n  fixed: 'fixed bottom-0 left-0 right-0 z-[var(--gr-z-bottom-nav)]',\n  static: 'relative w-full',\n}\n\nexport const rootHideAboveClass: Record<GrBottomNavHideAbove, string> = {\n  sm: 'sm:hidden',\n  md: 'md:hidden',\n  lg: 'lg:hidden',\n  none: '',\n}\n\nexport const listClass = 'flex items-center justify-around'\n\n/**\n * Размерная шкала панели: высота полосы, глиф и кегль подписи.\n *\n * Что тянуть у панели фиксированной высоты — вопрос неочевидный, и ответ здесь\n * ограничен снизу доступностью: **тач-таргет пункта не может стать меньше\n * 44×44** (WCAG 2.5.5). Поэтому ступень ужимает полосу и содержимое, а сам\n * пункт остаётся тем же прямоугольником под палец — `min-w-[44px]\n * min-h-[44px]` в `itemBase` вне шкалы намеренно.\n *\n * `md` совпадает с историческим видом панели: без пропа не меняется ничего.\n */\nexport const listSizes: Record<GrComponentSize, string> = {\n  xs: 'h-12',\n  sm: 'h-14',\n  md: 'h-14',\n  lg: 'h-16',\n}\n\nexport const itemTextSizes: Record<GrComponentSize, string> = {\n  xs: 'text-[length:var(--gr-text-2xs)]',\n  sm: 'text-[length:var(--gr-text-2xs)]',\n  md: 'text-[length:var(--gr-text-xs)]',\n  lg: 'text-[length:var(--gr-text-sm)]',\n}\n\nexport const itemIconSizes: Record<GrComponentSize, string> = {\n  xs: 'h-4 w-4',\n  sm: 'h-5 w-5',\n  md: 'h-5 w-5',\n  lg: 'h-6 w-6',\n}\n\nexport const itemBase = 'relative min-w-[44px] min-h-[44px] px-3 py-1 rounded-[var(--gr-radius-md)] flex flex-col items-center justify-center gap-0.5 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\n/**\n * Активный пункт несёт три отличия сразу — подложку, вес и цвет. Одного цвета\n * мало: он не виден при монохромном зрении и не существует для диктора\n * (`aria-current` закрывает вторую половину задачи).\n */\nexport const itemActiveClass = 'bg-[var(--gr-muted)] font-600 text-[var(--gr-primary-text)]'\nexport const itemIdleClass = 'font-500 text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)]'\n\n/** Недоступный пункт гасится токеном: `opacity` разбавляет выверенные на AA цвета. */\nexport const itemDisabledClass = 'cursor-not-allowed font-500 text-[var(--gr-disabled-fg)]'\n\nexport const itemIconClass = 'block shrink-0'\nexport const itemLabelClass = 'max-w-full truncate leading-none'\n\n/**\n * Бейдж висит поверх правого верхнего угла пункта. Своя разметка, а не\n * `GrBadgeWrap`: зависимость притащила бы потребителю чужой CSS ради кружка.\n */\nexport const itemBadgeClass = 'absolute top-0.5 right-1 min-w-4 h-4 px-1 rounded-[var(--gr-radius-full)] bg-[var(--gr-danger)] text-[var(--gr-danger-fg)] text-[length:var(--gr-text-2xs)] font-700 inline-flex items-center justify-center'\n\nexport function grBottomNavRootClass(options: {\n  position: GrBottomNavPosition\n  hideAbove: GrBottomNavHideAbove\n}): string {\n  return [rootBase, rootPositionClass[options.position], rootHideAboveClass[options.hideAbove]]\n    .filter(Boolean)\n    .join(' ')\n}\n\nexport function grBottomNavListClass(size: GrComponentSize): string {\n  return [listClass, listSizes[size]].join(' ')\n}\n\nexport function grBottomNavIconClass(size: GrComponentSize): string {\n  return [itemIconClass, itemIconSizes[size]].join(' ')\n}\n\nexport function grBottomNavItemClass(options: {\n  active: boolean\n  disabled: boolean\n  size: GrComponentSize\n}): string {\n  const state = options.disabled\n    ? itemDisabledClass\n    : options.active ? itemActiveClass : itemIdleClass\n\n  return [itemBase, itemTextSizes[options.size], state].join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  itemActiveClass,\n  itemBadgeClass,\n  itemBase,\n  itemDisabledClass,\n  itemIconClass,\n  itemIconSizes,\n  itemIdleClass,\n  itemLabelClass,\n  itemTextSizes,\n  listClass,\n  listSizes,\n  rootBase,\n  rootHideAboveClass,\n  rootPositionClass,\n} from './grBottomNavStyles'\n\nexport const grBottomNavSafelist = [...new Set([\n  ...splitClassTokens(rootBase),\n  ...splitClassTokens(listClass),\n  ...splitClassTokens(itemBase),\n  ...splitClassTokens(itemActiveClass),\n  ...splitClassTokens(itemIdleClass),\n  ...splitClassTokens(itemDisabledClass),\n  ...splitClassTokens(itemIconClass),\n  ...splitClassTokens(itemLabelClass),\n  ...splitClassTokens(itemBadgeClass),\n  ...Object.values(listSizes).flatMap(splitClassTokens),\n  ...Object.values(itemTextSizes).flatMap(splitClassTokens),\n  ...Object.values(itemIconSizes).flatMap(splitClassTokens),\n  ...Object.values(rootPositionClass).flatMap(splitClassTokens),\n  ...Object.values(rootHideAboveClass).flatMap(splitClassTokens),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grBottomNavSafelist } from './safelist'\n\nexport const grBottomNavConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrBottomNav',\n  safelist: grBottomNavSafelist,\n})\n"],"mappings":";;;AAaA,IAAa,WAAW;AAExB,IAAa,oBAAyD;CACpE,OAAO;CACP,QAAQ;AACV;AAEA,IAAa,qBAA2D;CACtE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR;AAEA,IAAa,YAAY;;;;;;;;;;;;AAazB,IAAa,YAA6C;CACxD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,gBAAiD;CAC5D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,gBAAiD;CAC5D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,WAAW;;;;;;AAOxB,IAAa,kBAAkB;AAC/B,IAAa,gBAAgB;;AAG7B,IAAa,oBAAoB;AAEjC,IAAa,gBAAgB;AAC7B,IAAa,iBAAiB;;;;;AAM9B,IAAa,iBAAiB;AAE9B,SAAgB,qBAAqB,SAG1B;CACT,OAAO;EAAC;EAAU,kBAAkB,QAAQ;EAAW,mBAAmB,QAAQ;CAAU,CAAC,CAC1F,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;AACb;AAEA,SAAgB,qBAAqB,MAA+B;CAClE,OAAO,CAAC,WAAW,UAAU,KAAK,CAAC,CAAC,KAAK,GAAG;AAC9C;AAEA,SAAgB,qBAAqB,MAA+B;CAClE,OAAO,CAAC,eAAe,cAAc,KAAK,CAAC,CAAC,KAAK,GAAG;AACtD;AAEA,SAAgB,qBAAqB,SAI1B;CACT,MAAM,QAAQ,QAAQ,WAClB,oBACA,QAAQ,SAAS,kBAAkB;CAEvC,OAAO;EAAC;EAAU,cAAc,QAAQ;EAAO;CAAK,CAAC,CAAC,KAAK,GAAG;AAChE;;;AC5FA,IAAa,sBAAsB,CAAC,mBAAG,IAAI,IAAI;CAC7C,GAAG,iBAAiB,QAAQ;CAC5B,GAAG,iBAAiB,SAAS;CAC7B,GAAG,iBAAiB,QAAQ;CAC5B,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,cAAc;CAClC,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,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,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;AAC/D,CAAC,CAAC;;;AC7BF,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK;CACxE,MAAM;CACN,UAAU;AACZ,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-WTNhdh6T.js","names":[],"sources":["../../src/components/GrTable/safelist.ts","../../src/components/GrTable/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  emptyCellClass,\n  hoverableClass,\n  loadingRowCellClass,\n  stripedClass,\n  tableSizes,\n} from './grTableStyles'\n\nexport const grTableSafelist = [...new Set([\n  ...Object.values(tableSizes).flatMap(splitClassTokens),\n  ...splitClassTokens(stripedClass),\n  ...splitClassTokens(hoverableClass),\n  ...splitClassTokens(emptyCellClass),\n  ...splitClassTokens(loadingRowCellClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grTableSafelist } from './safelist'\n\nexport const grTableConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTable',\n  dependencies: ['GrSkeleton'],\n  safelist: grTableSafelist,\n})\n"],"mappings":";;;;AASA,IAAa,kBAAkB,CAAC,mBAAG,IAAI,IAAI;CACzC,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CACrD,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,mBAAmB;AACzC,CAAC,CAAC;;;ACXF,IAAa,gBAAgB,wBAAwB,OAAO,KAAK,KAAK;CACpE,MAAM;CACN,cAAc,CAAC,YAAY;CAC3B,UAAU;AACZ,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-eXB87DOi2.js","names":[],"sources":["../../src/components/GrTabPanels/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\n/**\n * Granular-конфиг семейства `GrTabPanels` (контейнер `GrTabPanels` + панель\n * `GrTabPanel`). Companion к `GrTabs` для ARIA-связки `tab`↔`tabpanel`.\n */\nexport const grTabPanelsConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTabPanels',\n})\n"],"mappings":";;;;;;AAMA,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK,EACxE,MAAM,cACR,CAAC"}

package/dist/chunks/config-vSji8w90.js

@@ -0,0 +1,85 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrEmptyState/grEmptyStateStyles.ts
+var rootBaseClass = "text-center";
+var variantClass = {
+	outlined: "rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-card)]",
+	ghost: ""
+};
+var rootPaddingBySize = {
+	xs: "p-3",
+	sm: "p-4",
+	md: "p-6",
+	lg: "p-8"
+};
+var iconBoxBaseClass = "flex items-center justify-center border border-[var(--gr-brd)] bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]";
+var iconBoxBySize = {
+	xs: "h-8 w-8 rounded-[var(--gr-radius-md)]",
+	sm: "h-10 w-10 rounded-[var(--gr-radius-md)]",
+	md: "h-12 w-12 rounded-[var(--gr-radius-lg)]",
+	lg: "h-14 w-14 rounded-[var(--gr-radius-lg)]"
+};
+/** Размер самой иконки в пикселях — `GrIcon` принимает число. */
+var iconSizeBySize = {
+	xs: 16,
+	sm: 20,
+	md: 24,
+	lg: 28
+};
+/**
+* `mb-0` гасит браузерный отступ снизу у настоящего заголовка: без сброса
+* карточка разъезжается по вертикали.
+*/
+var titleBaseClass = "mb-0 font-700";
+var titleBySize = {
+	xs: "mt-2 text-[length:var(--gr-text-xs)]",
+	sm: "mt-3 text-[length:var(--gr-text-sm)]",
+	md: "mt-4 text-[length:var(--gr-text-sm)]",
+	lg: "mt-5 text-[length:var(--gr-text-base)]"
+};
+var descriptionBaseClass = "text-[var(--gr-muted-fg)]";
+var descriptionBySize = {
+	xs: "mt-0.5 text-[length:var(--gr-text-xs)]",
+	sm: "mt-1 text-[length:var(--gr-text-xs)]",
+	md: "mt-1 text-[length:var(--gr-text-sm)]",
+	lg: "mt-2 text-[length:var(--gr-text-sm)]"
+};
+var actionsBaseClass = "flex justify-center";
+var actionsBySize = {
+	xs: "mt-2",
+	sm: "mt-3",
+	md: "mt-4",
+	lg: "mt-5"
+};
+function grEmptyStateRootClass(options) {
+	return [
+		rootBaseClass,
+		variantClass[options.variant],
+		rootPaddingBySize[options.size]
+	].filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/components/GrEmptyState/safelist.ts
+var grEmptyStateSafelist = [.../* @__PURE__ */ new Set([
+	...splitClassTokens(rootBaseClass),
+	...splitClassTokens(iconBoxBaseClass),
+	...splitClassTokens(titleBaseClass),
+	...splitClassTokens(descriptionBaseClass),
+	...splitClassTokens(actionsBaseClass),
+	...Object.values(variantClass).flatMap(splitClassTokens),
+	...Object.values(rootPaddingBySize).flatMap(splitClassTokens),
+	...Object.values(iconBoxBySize).flatMap(splitClassTokens),
+	...Object.values(titleBySize).flatMap(splitClassTokens),
+	...Object.values(descriptionBySize).flatMap(splitClassTokens),
+	...Object.values(actionsBySize).flatMap(splitClassTokens),
+	...splitClassTokens("flex justify-center")
+])];
+//#endregion
+//#region src/components/GrEmptyState/config.ts
+var grEmptyStateConfig = defineGranularComponent(import.meta.url, {
+	name: "GrEmptyState",
+	safelist: grEmptyStateSafelist,
+	dependencies: ["GrIcon"]
+});
+//#endregion
+export { descriptionBaseClass as a, iconBoxBaseClass as c, titleBaseClass as d, titleBySize as f, actionsBySize as i, iconBoxBySize as l, grEmptyStateSafelist as n, descriptionBySize as o, actionsBaseClass as r, grEmptyStateRootClass as s, grEmptyStateConfig as t, iconSizeBySize as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-vSji8w90.js","names":[],"sources":["../../src/components/GrEmptyState/grEmptyStateStyles.ts","../../src/components/GrEmptyState/safelist.ts","../../src/components/GrEmptyState/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nexport type GrEmptyStateSize = GrComponentSize\n\n/** Поверхность карточки. `ghost` — для встраивания в уже существующую карточку. */\nexport const GR_EMPTY_STATE_VARIANTS = ['outlined', 'ghost'] as const\nexport type GrEmptyStateVariant = typeof GR_EMPTY_STATE_VARIANTS[number]\n\n/**\n * Уровень заголовка. `h1` намеренно нет: пустое состояние живёт внутри уже\n * существующей структуры страницы, а не задаёт её.\n */\nexport const GR_EMPTY_STATE_HEADING_LEVELS = [2, 3, 4, 5, 6] as const\nexport type GrEmptyStateHeadingLevel = typeof GR_EMPTY_STATE_HEADING_LEVELS[number]\n\nexport const rootBaseClass = 'text-center'\n\nexport const variantClass: Record<GrEmptyStateVariant, string> = {\n  outlined: 'rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-card)]',\n  // Карточка внутри карточки: вторая рамка только шумит (тот же смысл, что у `GrCard`).\n  ghost: '',\n}\n\nexport const rootPaddingBySize: Record<GrEmptyStateSize, string> = {\n  xs: 'p-3',\n  sm: 'p-4',\n  md: 'p-6',\n  lg: 'p-8',\n}\n\nexport const iconBoxBaseClass = 'flex items-center justify-center border border-[var(--gr-brd)] bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]'\n\nexport const iconBoxBySize: Record<GrEmptyStateSize, string> = {\n  xs: 'h-8 w-8 rounded-[var(--gr-radius-md)]',\n  sm: 'h-10 w-10 rounded-[var(--gr-radius-md)]',\n  md: 'h-12 w-12 rounded-[var(--gr-radius-lg)]',\n  lg: 'h-14 w-14 rounded-[var(--gr-radius-lg)]',\n}\n\n/** Размер самой иконки в пикселях — `GrIcon` принимает число. */\nexport const iconSizeBySize: Record<GrEmptyStateSize, number> = {\n  xs: 16,\n  sm: 20,\n  md: 24,\n  lg: 28,\n}\n\n/**\n * `mb-0` гасит браузерный отступ снизу у настоящего заголовка: без сброса\n * карточка разъезжается по вертикали.\n */\nexport const titleBaseClass = 'mb-0 font-700'\n\nexport const titleBySize: Record<GrEmptyStateSize, string> = {\n  xs: 'mt-2 text-[length:var(--gr-text-xs)]',\n  sm: 'mt-3 text-[length:var(--gr-text-sm)]',\n  md: 'mt-4 text-[length:var(--gr-text-sm)]',\n  lg: 'mt-5 text-[length:var(--gr-text-base)]',\n}\n\nexport const descriptionBaseClass = 'text-[var(--gr-muted-fg)]'\n\nexport const descriptionBySize: Record<GrEmptyStateSize, string> = {\n  xs: 'mt-0.5 text-[length:var(--gr-text-xs)]',\n  sm: 'mt-1 text-[length:var(--gr-text-xs)]',\n  md: 'mt-1 text-[length:var(--gr-text-sm)]',\n  lg: 'mt-2 text-[length:var(--gr-text-sm)]',\n}\n\nexport const actionsBaseClass = 'flex justify-center'\n\nexport const actionsBySize: Record<GrEmptyStateSize, string> = {\n  xs: 'mt-2',\n  sm: 'mt-3',\n  md: 'mt-4',\n  lg: 'mt-5',\n}\n\nexport function grEmptyStateRootClass(options: {\n  variant: GrEmptyStateVariant\n  size: GrEmptyStateSize\n}): string {\n  return [rootBaseClass, variantClass[options.variant], rootPaddingBySize[options.size]]\n    .filter(Boolean)\n    .join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  actionsBaseClass,\n  actionsBySize,\n  descriptionBaseClass,\n  descriptionBySize,\n  iconBoxBaseClass,\n  iconBoxBySize,\n  rootBaseClass,\n  rootPaddingBySize,\n  titleBaseClass,\n  titleBySize,\n  variantClass,\n} from './grEmptyStateStyles'\n\nexport const grEmptyStateSafelist = [...new Set([\n  ...splitClassTokens(rootBaseClass),\n  ...splitClassTokens(iconBoxBaseClass),\n  ...splitClassTokens(titleBaseClass),\n  ...splitClassTokens(descriptionBaseClass),\n  ...splitClassTokens(actionsBaseClass),\n  ...Object.values(variantClass).flatMap(splitClassTokens),\n  ...Object.values(rootPaddingBySize).flatMap(splitClassTokens),\n  ...Object.values(iconBoxBySize).flatMap(splitClassTokens),\n  ...Object.values(titleBySize).flatMap(splitClassTokens),\n  ...Object.values(descriptionBySize).flatMap(splitClassTokens),\n  ...Object.values(actionsBySize).flatMap(splitClassTokens),\n  // Центрирование блока иконки живёт литералом в шаблоне.\n  ...splitClassTokens('flex justify-center'),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grEmptyStateSafelist } from './safelist'\n\nexport const grEmptyStateConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrEmptyState',\n  safelist: grEmptyStateSafelist,\n  dependencies: ['GrIcon'],\n})\n"],"mappings":";;;AAeA,IAAa,gBAAgB;AAE7B,IAAa,eAAoD;CAC/D,UAAU;CAEV,OAAO;AACT;AAEA,IAAa,oBAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,mBAAmB;AAEhC,IAAa,gBAAkD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,iBAAmD;CAC9D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;AAMA,IAAa,iBAAiB;AAE9B,IAAa,cAAgD;CAC3D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,uBAAuB;AAEpC,IAAa,oBAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,mBAAmB;AAEhC,IAAa,gBAAkD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,SAAgB,sBAAsB,SAG3B;CACT,OAAO;EAAC;EAAe,aAAa,QAAQ;EAAU,kBAAkB,QAAQ;CAAK,CAAC,CACnF,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;AACb;;;ACtEA,IAAa,uBAAuB,CAAC,mBAAG,IAAI,IAAI;CAC9C,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,OAAO,OAAO,YAAY,CAAC,CAAC,QAAQ,gBAAgB;CACvD,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,GAAG,OAAO,OAAO,aAAa,CAAC,CAAC,QAAQ,gBAAgB;CACxD,GAAG,OAAO,OAAO,WAAW,CAAC,CAAC,QAAQ,gBAAgB;CACtD,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,GAAG,OAAO,OAAO,aAAa,CAAC,CAAC,QAAQ,gBAAgB;CAExD,GAAG,iBAAiB,qBAAqB;AAC3C,CAAC,CAAC;;;ACzBF,IAAa,qBAAqB,wBAAwB,OAAO,KAAK,KAAK;CACzE,MAAM;CACN,UAAU;CACV,cAAc,CAAC,QAAQ;AACzB,CAAC"}