@feugene/granularity 0.13.0 → 0.18.0

package/dist/chunks/config-Cwd3yjRw.js

@@ -0,0 +1,41 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { C as selectSizeClassBySize, S as selectOptionWidthClass, _ as selectOptionActiveClass, a as grSelectLinkNativeLabelDisabledClass, b as selectOptionEnabledClass, f as invalidBorderClass, g as selectLinkVariantClassByVariant, h as selectLinkSizeClassBySize, m as selectLinkNativeLabelVariantClassByVariant, n as defaultBaseClass, o as grSelectLinkNativeLabelFocusClass, p as linkBaseClass, r as grSelectLinkNativeLabelBaseClass, s as grSelectLinkNativeOverlayClass, t as borderClassByState, u as grSelectPanelClasses, v as selectOptionBaseClass, x as selectOptionLinkWidthClass, y as selectOptionDisabledClass } from "./grSelectStyles-eTz4uPMP.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrSelect/safelist.ts
+var grSelectSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(borderClassByState).flatMap(splitClassTokens),
+	...splitClassTokens(invalidBorderClass),
+	...Object.values(selectSizeClassBySize).flatMap(splitClassTokens),
+	...splitClassTokens(defaultBaseClass),
+	...splitClassTokens(linkBaseClass),
+	...splitClassTokens(grSelectLinkNativeOverlayClass),
+	...splitClassTokens(grSelectLinkNativeLabelBaseClass),
+	...splitClassTokens(grSelectLinkNativeLabelDisabledClass),
+	...splitClassTokens(grSelectLinkNativeLabelFocusClass),
+	...splitClassTokens(grSelectPanelClasses),
+	...Object.values(selectLinkSizeClassBySize).flatMap(splitClassTokens),
+	...Object.values(selectLinkVariantClassByVariant).flatMap(splitClassTokens),
+	...Object.values(selectLinkNativeLabelVariantClassByVariant).flatMap(splitClassTokens),
+	...splitClassTokens("no-underline underline underline-offset-4 hover:underline hover:underline-offset-4 peer-hover:underline peer-hover:underline-offset-4"),
+	...splitClassTokens("disabled:cursor-not-allowed disabled:text-[var(--gr-muted-fg)] disabled:no-underline"),
+	...splitClassTokens("disabled:cursor-not-allowed disabled:bg-[var(--gr-muted)] disabled:text-[var(--gr-muted-fg)]"),
+	...splitClassTokens(selectOptionBaseClass),
+	...splitClassTokens(selectOptionWidthClass),
+	...splitClassTokens(selectOptionLinkWidthClass),
+	...splitClassTokens(selectOptionEnabledClass),
+	...splitClassTokens(selectOptionActiveClass),
+	...splitClassTokens(selectOptionDisabledClass),
+	...splitClassTokens("appearance-none pr-9"),
+	...splitClassTokens("inline-flex items-center gap-1 text-left"),
+	...splitClassTokens("flex items-center justify-between text-left"),
+	...splitClassTokens("block min-w-full w-max whitespace-nowrap")
+])];
+//#endregion
+//#region src/components/GrSelect/config.ts
+var grSelectConfig = defineGranularComponent(import.meta.url, {
+	name: "GrSelect",
+	dependencies: ["GrBadge", "GrInput"],
+	safelist: grSelectSafelist
+});
+//#endregion
+export { grSelectSafelist as n, grSelectConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-Cwd3yjRw.js","names":[],"sources":["../../src/components/GrSelect/safelist.ts","../../src/components/GrSelect/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  borderClassByState,\n  defaultBaseClass,\n  grSelectLinkNativeLabelBaseClass,\n  grSelectLinkNativeLabelDisabledClass,\n  grSelectLinkNativeLabelFocusClass,\n  grSelectLinkNativeOverlayClass,\n  grSelectPanelClasses,\n  invalidBorderClass,\n  linkBaseClass,\n  selectOptionActiveClass,\n  selectOptionBaseClass,\n  selectOptionDisabledClass,\n  selectOptionEnabledClass,\n  selectOptionLinkWidthClass,\n  selectOptionWidthClass,\n  selectLinkNativeLabelVariantClassByVariant,\n  selectLinkSizeClassBySize,\n  selectLinkVariantClassByVariant,\n  selectSizeClassBySize,\n} from './grSelectStyles'\n\n// Всё, что живёт в `grSelectStyles.ts`: и вычисляемые мапы, и строковые литералы\n// оболочки, link-режима, native-overlay и панели. Хелпер уезжает в общий\n// `dist/chunks/`, вне области скана компонента — гейт `src/__tests__/safelist.test.ts`.\nexport const grSelectSafelist = [...new Set([\n  ...Object.values(borderClassByState).flatMap(splitClassTokens),\n  ...splitClassTokens(invalidBorderClass),\n  ...Object.values(selectSizeClassBySize).flatMap(splitClassTokens),\n  ...splitClassTokens(defaultBaseClass),\n  ...splitClassTokens(linkBaseClass),\n  ...splitClassTokens(grSelectLinkNativeOverlayClass),\n  ...splitClassTokens(grSelectLinkNativeLabelBaseClass),\n  ...splitClassTokens(grSelectLinkNativeLabelDisabledClass),\n  ...splitClassTokens(grSelectLinkNativeLabelFocusClass),\n  ...splitClassTokens(grSelectPanelClasses),\n  ...Object.values(selectLinkSizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(selectLinkVariantClassByVariant).flatMap(splitClassTokens),\n  ...Object.values(selectLinkNativeLabelVariantClassByVariant).flatMap(splitClassTokens),\n  ...splitClassTokens('no-underline underline underline-offset-4 hover:underline hover:underline-offset-4 peer-hover:underline peer-hover:underline-offset-4'),\n  ...splitClassTokens('disabled:cursor-not-allowed disabled:text-[var(--gr-muted-fg)] disabled:no-underline'),\n  ...splitClassTokens('disabled:cursor-not-allowed disabled:bg-[var(--gr-muted)] disabled:text-[var(--gr-muted-fg)]'),\n  ...splitClassTokens(selectOptionBaseClass),\n  ...splitClassTokens(selectOptionWidthClass),\n  ...splitClassTokens(selectOptionLinkWidthClass),\n  ...splitClassTokens(selectOptionEnabledClass),\n  ...splitClassTokens(selectOptionActiveClass),\n  ...splitClassTokens(selectOptionDisabledClass),\n  ...splitClassTokens('appearance-none pr-9'),\n  ...splitClassTokens('inline-flex items-center gap-1 text-left'),\n  ...splitClassTokens('flex items-center justify-between text-left'),\n  ...splitClassTokens('block min-w-full w-max whitespace-nowrap'),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grSelectSafelist } from './safelist'\n\nexport const grSelectConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSelect',\n  dependencies: ['GrBadge', 'GrInput'],\n  safelist: grSelectSafelist,\n})"],"mappings":";;;;AA0BA,IAAa,mBAAmB,CAAC,mBAAG,IAAI,IAAI;CAC1C,GAAG,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;CAC7D,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,OAAO,OAAO,qBAAqB,CAAC,CAAC,QAAQ,gBAAgB;CAChE,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,8BAA8B;CAClD,GAAG,iBAAiB,gCAAgC;CACpD,GAAG,iBAAiB,oCAAoC;CACxD,GAAG,iBAAiB,iCAAiC;CACrD,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,OAAO,OAAO,yBAAyB,CAAC,CAAC,QAAQ,gBAAgB;CACpE,GAAG,OAAO,OAAO,+BAA+B,CAAC,CAAC,QAAQ,gBAAgB;CAC1E,GAAG,OAAO,OAAO,0CAA0C,CAAC,CAAC,QAAQ,gBAAgB;CACrF,GAAG,iBAAiB,uIAAuI;CAC3J,GAAG,iBAAiB,sFAAsF;CAC1G,GAAG,iBAAiB,8FAA8F;CAClH,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,0BAA0B;CAC9C,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,uBAAuB;CAC3C,GAAG,iBAAiB,yBAAyB;CAC7C,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,0CAA0C;CAC9D,GAAG,iBAAiB,6CAA6C;CACjE,GAAG,iBAAiB,0CAA0C;AAChE,CAAC,CAAC;;;ACjDF,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,WAAW,SAAS;CACnC,UAAU;AACZ,CAAC"}

package/dist/chunks/config-D2aNP7Es.js

@@ -0,0 +1,70 @@
+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 handleIconClass = "i-lucide-grip-vertical";
+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(handleIconClass),
+	...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, handleIconClass as c, listClass as d, rowDisabledClass as f, rowLayoutClass as g, rowGrabbedClass as h, dividedClass as i, indicatorAfterClass as l, rowFocusClass as m, grSortableListSafelist as n, handleClass as o, rowDraggingClass as p, contentClass as r, handleDisabledClass as s, grSortableListConfig as t, indicatorBeforeClass as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-D2aNP7Es.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\nexport const handleIconClass = 'i-lucide-grip-vertical'\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  handleIconClass,\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(handleIconClass),\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;AAEnC,IAAa,kBAAkB;AAE/B,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,eAAe;CACnC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,mBAAmB;AACzC,CAAC,CAAC;;;AC7BF,IAAa,uBAAuB,wBAAwB,OAAO,KAAK,KAAK;CAC3E,MAAM;CACN,UAAU;CACV,cAAc,CAAC,QAAQ;AACzB,CAAC"}

package/dist/chunks/config-D3_g2KIn.js

@@ -0,0 +1,120 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrBottomNav/grBottomNavStyles.ts
+/**
+* Брейкпоинт, начиная с которого панель скрывается. `none` — видна всегда:
+* киоск и PWA нижнюю навигацию не прячут.
+*/
+var GR_BOTTOM_NAV_HIDE_ABOVE = [
+	"sm",
+	"md",
+	"lg",
+	"none"
+];
+/** Прижата к нижней кромке экрана или лежит обычным блоком в потоке. */
+var GR_BOTTOM_NAV_POSITIONS = ["fixed", "static"];
+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 { grBottomNavIconClass as a, grBottomNavRootClass as c, GR_BOTTOM_NAV_POSITIONS as i, itemBadgeClass as l, grBottomNavSafelist as n, grBottomNavItemClass as o, GR_BOTTOM_NAV_HIDE_ABOVE as r, grBottomNavListClass as s, grBottomNavConfig as t, itemLabelClass as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-D3_g2KIn.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":";;;;;;;AAMA,IAAa,2BAA2B;CAAC;CAAM;CAAM;CAAM;AAAM;;AAIjE,IAAa,0BAA0B,CAAC,SAAS,QAAQ;AAGzD,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-D6W1rnlp.js

@@ -0,0 +1,26 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { a as hintBaseClass, c as labelInlineClass, d as rootColumnClass, f as rootRowClass, i as fieldGaps, l as labelTexts, n as errorBaseClass, o as hintTexts, r as errorTexts, s as labelBaseClass, t as controlColumnClass, u as requiredMarkClass } from "./grFormFieldStyles-BkeZHIw0.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrFormField/safelist.ts
+var grFormFieldSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(fieldGaps).flatMap(splitClassTokens),
+	...Object.values(labelTexts).flatMap(splitClassTokens),
+	...Object.values(hintTexts).flatMap(splitClassTokens),
+	...Object.values(errorTexts).flatMap(splitClassTokens),
+	...splitClassTokens(labelBaseClass),
+	...splitClassTokens(hintBaseClass),
+	...splitClassTokens(errorBaseClass),
+	...splitClassTokens(requiredMarkClass),
+	...splitClassTokens(rootColumnClass),
+	...splitClassTokens(rootRowClass),
+	...splitClassTokens(labelInlineClass),
+	...splitClassTokens(controlColumnClass)
+])];
+//#endregion
+//#region src/components/GrFormField/config.ts
+var grFormFieldConfig = defineGranularComponent(import.meta.url, {
+	name: "GrFormField",
+	safelist: grFormFieldSafelist
+});
+//#endregion
+export { grFormFieldSafelist as n, grFormFieldConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-D6W1rnlp.js","names":[],"sources":["../../src/components/GrFormField/safelist.ts","../../src/components/GrFormField/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\n\nimport {\n  controlColumnClass,\n  errorBaseClass,\n  errorTexts,\n  fieldGaps,\n  hintBaseClass,\n  hintTexts,\n  labelBaseClass,\n  labelInlineClass,\n  labelTexts,\n  requiredMarkClass,\n  rootColumnClass,\n  rootRowClass,\n} from './grFormFieldStyles'\n\nexport const grFormFieldSafelist = [...new Set([\n  ...Object.values(fieldGaps).flatMap(splitClassTokens),\n  ...Object.values(labelTexts).flatMap(splitClassTokens),\n  ...Object.values(hintTexts).flatMap(splitClassTokens),\n  ...Object.values(errorTexts).flatMap(splitClassTokens),\n  ...splitClassTokens(labelBaseClass),\n  ...splitClassTokens(hintBaseClass),\n  ...splitClassTokens(errorBaseClass),\n  ...splitClassTokens(requiredMarkClass),\n  ...splitClassTokens(rootColumnClass),\n  ...splitClassTokens(rootRowClass),\n  ...splitClassTokens(labelInlineClass),\n  ...splitClassTokens(controlColumnClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grFormFieldSafelist } from './safelist'\n\nexport const grFormFieldConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrFormField',\n  safelist: grFormFieldSafelist,\n})\n"],"mappings":";;;;AAiBA,IAAa,sBAAsB,CAAC,mBAAG,IAAI,IAAI;CAC7C,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CACrD,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CACrD,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,kBAAkB;AACxC,CAAC,CAAC;;;AC1BF,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK;CACxE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/config-D94Z9po5.js

@@ -0,0 +1,126 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrDrawer/grDrawerStyles.ts
+function grDrawerAxis(side) {
+	return side === "left" || side === "right" ? "horizontal" : "vertical";
+}
+var DEFAULT_GR_DRAWER_HEADER_CONFIG = {
+	paddingX: "px-5",
+	paddingY: "py-4",
+	bordered: true
+};
+var DEFAULT_GR_DRAWER_BODY_CONFIG = {
+	paddingX: "px-5",
+	paddingY: "py-5",
+	bordered: false
+};
+var DEFAULT_GR_DRAWER_FOOTER_CONFIG = {
+	paddingX: "px-5",
+	paddingY: "py-4",
+	bordered: true
+};
+function resolveGrDrawerSectionConfig(config, defaults) {
+	return {
+		paddingX: config?.paddingX ?? defaults.paddingX,
+		paddingY: config?.paddingY ?? defaults.paddingY,
+		bordered: config?.bordered ?? defaults.bordered
+	};
+}
+/** Слой модального класса — тот же, что у `GrModal`: бэкдроп, фокус, scroll-lock. */
+var rootClass = "fixed inset-0 z-[var(--gr-z-modal)]";
+/**
+* Немодальная панель обязана пропускать клики мимо себя: корень растянут на весь
+* экран ради позиционирования, и без этого «немодальный» режим гасил бы всю
+* страницу — ровно то, чего он должен избегать. Панель кликабельность себе
+* возвращает.
+*/
+var rootPassThroughClass = "pointer-events-none";
+var panelInteractiveClass = "pointer-events-auto";
+var overlayClass = "fixed inset-0 bg-[var(--gr-overlay-bg)]";
+/** Ширина панели для боковых сторон. */
+var panelWidthBySize = {
+	sm: "w-[360px] max-w-[90vw]",
+	md: "w-[420px] max-w-[92vw]",
+	lg: "w-[560px] max-w-[94vw]",
+	xl: "w-[720px] max-w-[96vw]",
+	full: "w-[100vw]"
+};
+/** Высота панели для верхней и нижней сторон — та же шкала, но по своей оси. */
+var panelHeightBySize = {
+	sm: "h-[280px] max-h-[90vh]",
+	md: "h-[360px] max-h-[92vh]",
+	lg: "h-[480px] max-h-[94vh]",
+	xl: "h-[640px] max-h-[96vh]",
+	full: "h-[100vh]"
+};
+var panelSizeByAxis = {
+	horizontal: panelWidthBySize,
+	vertical: panelHeightBySize
+};
+/**
+* Позиция панели. Растяжка по поперечной оси живёт здесь же: у боковой панели
+* это `inset-y-0`, у верхней и нижней — `inset-x-0`, и держать их в разметке
+* значило бы иметь в шаблоне половину стороны.
+*/
+var panelSideClass = {
+	left: "inset-y-0 left-0 border-r",
+	right: "inset-y-0 right-0 border-l",
+	top: "inset-x-0 top-0 border-b",
+	bottom: "inset-x-0 bottom-0 border-t"
+};
+var panelTransitionClass = {
+	left: "-translate-x-full",
+	right: "translate-x-full",
+	top: "-translate-y-full",
+	bottom: "translate-y-full"
+};
+var panelBaseClass = "fixed flex flex-col border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] outline-none";
+var headerBorderClass = "border-b border-[var(--gr-brd)]";
+var footerBorderClass = "border-t border-[var(--gr-brd)]";
+var titleClass = "text-[length:var(--gr-text-sm)] font-700 min-w-0 truncate";
+/** Скрытый заголовок: имя слоя есть даже там, где шапки на экране нет. */
+var srOnlyTitleClass = "sr-only";
+function grDrawerPanelClass(options) {
+	const axis = grDrawerAxis(options.side);
+	return [
+		panelBaseClass,
+		panelInteractiveClass,
+		panelSideClass[options.side],
+		options.hasCustomLength ? "" : panelSizeByAxis[axis][options.size]
+	].filter(Boolean).join(" ");
+}
+function grDrawerPanelEnterFrom(side) {
+	return panelTransitionClass[side];
+}
+//#endregion
+//#region src/components/GrDrawer/safelist.ts
+var sectionDefaults = [
+	DEFAULT_GR_DRAWER_HEADER_CONFIG,
+	DEFAULT_GR_DRAWER_BODY_CONFIG,
+	DEFAULT_GR_DRAWER_FOOTER_CONFIG
+].flatMap((config) => [config.paddingX, config.paddingY]);
+var grDrawerSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(panelSideClass).flatMap(splitClassTokens),
+	...Object.values(panelWidthBySize).flatMap(splitClassTokens),
+	...Object.values(panelHeightBySize).flatMap(splitClassTokens),
+	...Object.values(panelTransitionClass).flatMap(splitClassTokens),
+	...splitClassTokens(panelBaseClass),
+	...splitClassTokens(panelInteractiveClass),
+	...splitClassTokens(rootClass),
+	...splitClassTokens(rootPassThroughClass),
+	...splitClassTokens(overlayClass),
+	...splitClassTokens(headerBorderClass),
+	...splitClassTokens(footerBorderClass),
+	...splitClassTokens(titleClass),
+	...splitClassTokens(srOnlyTitleClass),
+	...sectionDefaults.flatMap(splitClassTokens)
+])];
+//#endregion
+//#region src/components/GrDrawer/config.ts
+var grDrawerConfig = defineGranularComponent(import.meta.url, {
+	name: "GrDrawer",
+	dependencies: ["GrButton", "GrIcon"],
+	safelist: grDrawerSafelist
+});
+//#endregion
+export { DEFAULT_GR_DRAWER_HEADER_CONFIG as a, grDrawerPanelClass as c, overlayClass as d, resolveGrDrawerSectionConfig as f, titleClass as g, srOnlyTitleClass as h, DEFAULT_GR_DRAWER_FOOTER_CONFIG as i, grDrawerPanelEnterFrom as l, rootPassThroughClass as m, grDrawerSafelist as n, footerBorderClass as o, rootClass as p, DEFAULT_GR_DRAWER_BODY_CONFIG as r, grDrawerAxis as s, grDrawerConfig as t, headerBorderClass as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-D94Z9po5.js","names":[],"sources":["../../src/components/GrDrawer/grDrawerStyles.ts","../../src/components/GrDrawer/safelist.ts","../../src/components/GrDrawer/config.ts"],"sourcesContent":["import type { GrOverlaySize } from '../shared/sizes'\n\nexport type GrDrawerSide = 'left' | 'right' | 'top' | 'bottom'\nexport type GrDrawerSize = GrOverlaySize\n\n/** Ось, по которой панель выезжает и по которой считается её размер. */\nexport type GrDrawerAxis = 'horizontal' | 'vertical'\n\nexport function grDrawerAxis(side: GrDrawerSide): GrDrawerAxis {\n  return side === 'left' || side === 'right' ? 'horizontal' : 'vertical'\n}\n\n/**\n * Настройка паддингов и рамки секции. Структурно совпадает с\n * `GrDialogSectionConfig` намеренно: потребитель не должен переучиваться при\n * переходе между двумя оверлеями библиотеки. Свой тип, а не импорт из\n * `GrDialog`, — чтобы не тянуть чужой чанк ради двух полей.\n */\nexport interface GrDrawerSectionConfig {\n  paddingX?: string\n  paddingY?: string\n  bordered?: boolean\n}\n\nexport const DEFAULT_GR_DRAWER_HEADER_CONFIG: Required<GrDrawerSectionConfig> = {\n  paddingX: 'px-5',\n  paddingY: 'py-4',\n  bordered: true,\n}\n\nexport const DEFAULT_GR_DRAWER_BODY_CONFIG: Required<GrDrawerSectionConfig> = {\n  paddingX: 'px-5',\n  paddingY: 'py-5',\n  bordered: false,\n}\n\nexport const DEFAULT_GR_DRAWER_FOOTER_CONFIG: Required<GrDrawerSectionConfig> = {\n  paddingX: 'px-5',\n  paddingY: 'py-4',\n  bordered: true,\n}\n\nexport function resolveGrDrawerSectionConfig(\n  config: GrDrawerSectionConfig | undefined,\n  defaults: Required<GrDrawerSectionConfig>,\n): Required<GrDrawerSectionConfig> {\n  return {\n    paddingX: config?.paddingX ?? defaults.paddingX,\n    paddingY: config?.paddingY ?? defaults.paddingY,\n    bordered: config?.bordered ?? defaults.bordered,\n  }\n}\n\n/** Слой модального класса — тот же, что у `GrModal`: бэкдроп, фокус, scroll-lock. */\nexport const rootClass = 'fixed inset-0 z-[var(--gr-z-modal)]'\n\n/**\n * Немодальная панель обязана пропускать клики мимо себя: корень растянут на весь\n * экран ради позиционирования, и без этого «немодальный» режим гасил бы всю\n * страницу — ровно то, чего он должен избегать. Панель кликабельность себе\n * возвращает.\n */\nexport const rootPassThroughClass = 'pointer-events-none'\nexport const panelInteractiveClass = 'pointer-events-auto'\n\nexport const overlayClass = 'fixed inset-0 bg-[var(--gr-overlay-bg)]'\n\n/** Ширина панели для боковых сторон. */\nexport const panelWidthBySize: Record<GrDrawerSize, string> = {\n  sm: 'w-[360px] max-w-[90vw]',\n  md: 'w-[420px] max-w-[92vw]',\n  lg: 'w-[560px] max-w-[94vw]',\n  xl: 'w-[720px] max-w-[96vw]',\n  full: 'w-[100vw]',\n}\n\n/** Высота панели для верхней и нижней сторон — та же шкала, но по своей оси. */\nexport const panelHeightBySize: Record<GrDrawerSize, string> = {\n  sm: 'h-[280px] max-h-[90vh]',\n  md: 'h-[360px] max-h-[92vh]',\n  lg: 'h-[480px] max-h-[94vh]',\n  xl: 'h-[640px] max-h-[96vh]',\n  full: 'h-[100vh]',\n}\n\nexport const panelSizeByAxis: Record<GrDrawerAxis, Record<GrDrawerSize, string>> = {\n  horizontal: panelWidthBySize,\n  vertical: panelHeightBySize,\n}\n\n/**\n * Позиция панели. Растяжка по поперечной оси живёт здесь же: у боковой панели\n * это `inset-y-0`, у верхней и нижней — `inset-x-0`, и держать их в разметке\n * значило бы иметь в шаблоне половину стороны.\n */\nexport const panelSideClass: Record<GrDrawerSide, string> = {\n  left: 'inset-y-0 left-0 border-r',\n  right: 'inset-y-0 right-0 border-l',\n  top: 'inset-x-0 top-0 border-b',\n  bottom: 'inset-x-0 bottom-0 border-t',\n}\n\nexport const panelTransitionClass: Record<GrDrawerSide, string> = {\n  left: '-translate-x-full',\n  right: 'translate-x-full',\n  top: '-translate-y-full',\n  bottom: 'translate-y-full',\n}\n\nexport const panelBaseClass = 'fixed flex flex-col border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] outline-none'\n\nexport const headerBorderClass = 'border-b border-[var(--gr-brd)]'\nexport const footerBorderClass = 'border-t border-[var(--gr-brd)]'\nexport const titleClass = 'text-[length:var(--gr-text-sm)] font-700 min-w-0 truncate'\n\n/** Скрытый заголовок: имя слоя есть даже там, где шапки на экране нет. */\nexport const srOnlyTitleClass = 'sr-only'\n\n// Произвольный размер отменяет размерный класс: иначе `w-[420px]` из шкалы\n// спорил бы с инлайновым стилем панели.\nexport function grDrawerPanelClass(options: {\n  side: GrDrawerSide\n  size: GrDrawerSize\n  hasCustomLength: boolean\n}): string {\n  const axis = grDrawerAxis(options.side)\n\n  return [\n    panelBaseClass,\n    panelInteractiveClass,\n    panelSideClass[options.side],\n    options.hasCustomLength ? '' : panelSizeByAxis[axis][options.size],\n  ].filter(Boolean).join(' ')\n}\n\nexport function grDrawerPanelEnterFrom(side: GrDrawerSide): string {\n  return panelTransitionClass[side]\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  DEFAULT_GR_DRAWER_BODY_CONFIG,\n  DEFAULT_GR_DRAWER_FOOTER_CONFIG,\n  DEFAULT_GR_DRAWER_HEADER_CONFIG,\n  footerBorderClass,\n  headerBorderClass,\n  overlayClass,\n  panelBaseClass,\n  panelHeightBySize,\n  panelInteractiveClass,\n  panelSideClass,\n  panelTransitionClass,\n  panelWidthBySize,\n  rootClass,\n  rootPassThroughClass,\n  srOnlyTitleClass,\n  titleClass,\n} from './grDrawerStyles'\n\n// И динамические токены (`side`/`size`), и литералы отделки панели: `grDrawerStyles.ts`\n// бандлер волен вынести в общий `dist/chunks/`, вне области скана компонента —\n// гейт `src/__tests__/safelist.test.ts`.\nconst sectionDefaults = [\n  DEFAULT_GR_DRAWER_HEADER_CONFIG,\n  DEFAULT_GR_DRAWER_BODY_CONFIG,\n  DEFAULT_GR_DRAWER_FOOTER_CONFIG,\n].flatMap(config => [config.paddingX, config.paddingY])\n\nexport const grDrawerSafelist = [...new Set([\n  ...Object.values(panelSideClass).flatMap(splitClassTokens),\n  ...Object.values(panelWidthBySize).flatMap(splitClassTokens),\n  ...Object.values(panelHeightBySize).flatMap(splitClassTokens),\n  ...Object.values(panelTransitionClass).flatMap(splitClassTokens),\n  ...splitClassTokens(panelBaseClass),\n  ...splitClassTokens(panelInteractiveClass),\n  ...splitClassTokens(rootClass),\n  ...splitClassTokens(rootPassThroughClass),\n  ...splitClassTokens(overlayClass),\n  ...splitClassTokens(headerBorderClass),\n  ...splitClassTokens(footerBorderClass),\n  ...splitClassTokens(titleClass),\n  ...splitClassTokens(srOnlyTitleClass),\n  ...sectionDefaults.flatMap(splitClassTokens),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\nimport { grDrawerSafelist } from './safelist'\n\nexport const grDrawerConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDrawer',\n  dependencies: ['GrButton', 'GrIcon'],\n  safelist: grDrawerSafelist,\n})\n"],"mappings":";;;AAQA,SAAgB,aAAa,MAAkC;CAC7D,OAAO,SAAS,UAAU,SAAS,UAAU,eAAe;AAC9D;AAcA,IAAa,kCAAmE;CAC9E,UAAU;CACV,UAAU;CACV,UAAU;AACZ;AAEA,IAAa,gCAAiE;CAC5E,UAAU;CACV,UAAU;CACV,UAAU;AACZ;AAEA,IAAa,kCAAmE;CAC9E,UAAU;CACV,UAAU;CACV,UAAU;AACZ;AAEA,SAAgB,6BACd,QACA,UACiC;CACjC,OAAO;EACL,UAAU,QAAQ,YAAY,SAAS;EACvC,UAAU,QAAQ,YAAY,SAAS;EACvC,UAAU,QAAQ,YAAY,SAAS;CACzC;AACF;;AAGA,IAAa,YAAY;;;;;;;AAQzB,IAAa,uBAAuB;AACpC,IAAa,wBAAwB;AAErC,IAAa,eAAe;;AAG5B,IAAa,mBAAiD;CAC5D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR;;AAGA,IAAa,oBAAkD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR;AAEA,IAAa,kBAAsE;CACjF,YAAY;CACZ,UAAU;AACZ;;;;;;AAOA,IAAa,iBAA+C;CAC1D,MAAM;CACN,OAAO;CACP,KAAK;CACL,QAAQ;AACV;AAEA,IAAa,uBAAqD;CAChE,MAAM;CACN,OAAO;CACP,KAAK;CACL,QAAQ;AACV;AAEA,IAAa,iBAAiB;AAE9B,IAAa,oBAAoB;AACjC,IAAa,oBAAoB;AACjC,IAAa,aAAa;;AAG1B,IAAa,mBAAmB;AAIhC,SAAgB,mBAAmB,SAIxB;CACT,MAAM,OAAO,aAAa,QAAQ,IAAI;CAEtC,OAAO;EACL;EACA;EACA,eAAe,QAAQ;EACvB,QAAQ,kBAAkB,KAAK,gBAAgB,KAAK,CAAC,QAAQ;CAC/D,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B;AAEA,SAAgB,uBAAuB,MAA4B;CACjE,OAAO,qBAAqB;AAC9B;;;AClHA,IAAM,kBAAkB;CACtB;CACA;CACA;AACF,CAAC,CAAC,SAAQ,WAAU,CAAC,OAAO,UAAU,OAAO,QAAQ,CAAC;AAEtD,IAAa,mBAAmB,CAAC,mBAAG,IAAI,IAAI;CAC1C,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;CACzD,GAAG,OAAO,OAAO,gBAAgB,CAAC,CAAC,QAAQ,gBAAgB;CAC3D,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,GAAG,OAAO,OAAO,oBAAoB,CAAC,CAAC,QAAQ,gBAAgB;CAC/D,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,SAAS;CAC7B,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,gBAAgB,QAAQ,gBAAgB;AAC7C,CAAC,CAAC;;;ACzCF,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,YAAY,QAAQ;CACnC,UAAU;AACZ,CAAC"}

package/dist/chunks/config-DA6SnEoy.js

@@ -0,0 +1,22 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { c as mergedGaps, d as sequenceSeparatorClass, l as mergedKeyClass, n as comboGaps, o as keyBaseClass, s as keySizes, t as comboBaseClass, u as separatorClass } from "./grKbdStyles-CeZhGQHr.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrKbd/safelist.ts
+var grKbdSafelist = [.../* @__PURE__ */ new Set([
+	...splitClassTokens(keyBaseClass),
+	...Object.values(keySizes).flatMap(splitClassTokens),
+	...splitClassTokens(comboBaseClass),
+	...Object.values(comboGaps).flatMap(splitClassTokens),
+	...Object.values(mergedGaps).flatMap(splitClassTokens),
+	...splitClassTokens(mergedKeyClass),
+	...splitClassTokens(separatorClass),
+	...splitClassTokens(sequenceSeparatorClass)
+])];
+//#endregion
+//#region src/components/GrKbd/config.ts
+var grKbdConfig = defineGranularComponent(import.meta.url, {
+	name: "GrKbd",
+	safelist: grKbdSafelist
+});
+//#endregion
+export { grKbdSafelist as n, grKbdConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-DA6SnEoy.js","names":[],"sources":["../../src/components/GrKbd/safelist.ts","../../src/components/GrKbd/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  comboBaseClass,\n  comboGaps,\n  keyBaseClass,\n  keySizes,\n  mergedGaps,\n  mergedKeyClass,\n  separatorClass,\n  sequenceSeparatorClass,\n} from './grKbdStyles'\n\nexport const grKbdSafelist = [...new Set([\n  ...splitClassTokens(keyBaseClass),\n  ...Object.values(keySizes).flatMap(splitClassTokens),\n  ...splitClassTokens(comboBaseClass),\n  ...Object.values(comboGaps).flatMap(splitClassTokens),\n  ...Object.values(mergedGaps).flatMap(splitClassTokens),\n  ...splitClassTokens(mergedKeyClass),\n  ...splitClassTokens(separatorClass),\n  ...splitClassTokens(sequenceSeparatorClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grKbdSafelist } from './safelist'\n\nexport const grKbdConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrKbd',\n  safelist: grKbdSafelist,\n})\n"],"mappings":";;;;AAYA,IAAa,gBAAgB,CAAC,mBAAG,IAAI,IAAI;CACvC,GAAG,iBAAiB,YAAY;CAChC,GAAG,OAAO,OAAO,QAAQ,CAAC,CAAC,QAAQ,gBAAgB;CACnD,GAAG,iBAAiB,cAAc;CAClC,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CACrD,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,sBAAsB;AAC5C,CAAC,CAAC;;;ACjBF,IAAa,cAAc,wBAAwB,OAAO,KAAK,KAAK;CAClE,MAAM;CACN,UAAU;AACZ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"config-DBmdgoVf.js","names":[],"sources":["../../src/components/GrButtonGroup/config.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nexport const grButtonGroupConfig = defineGranularComponent(import.meta.url, {\n    name: 'GrButtonGroup',\n})"],"mappings":";;AAEA,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK,EACxE,MAAM,gBACV,CAAC"}
+{"version":3,"file":"config-DBmdgoVf.js","names":[],"sources":["../../src/components/GrButtonGroup/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grButtonGroupConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrButtonGroup',\n})\n"],"mappings":";;AAEA,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK,EAC1E,MAAM,gBACR,CAAC"}

package/dist/chunks/config-DCFvmHEv2.js

@@ -0,0 +1,76 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrTreeSelect/grTreeSelectStyles.ts
+var sizeClassBySize = {
+	xs: "h-7 px-2.5 text-[length:var(--gr-control-text-xs)]",
+	sm: "h-8 px-3 text-[length:var(--gr-control-text-sm)]",
+	md: "h-10 px-3 text-[length:var(--gr-control-text-md)]",
+	lg: "h-11 px-4 text-[length:var(--gr-control-text-lg)]"
+};
+/**
+* Горизонтальный отступ из `sizeClassBySize`, но числом: аддоны задают паддинг
+* инлайн-стилем, а он перекрывает класс — значение нужно обеим формам, и
+* расходиться им нельзя.
+*/
+var paddingX = {
+	xs: "10px",
+	sm: "12px",
+	md: "12px",
+	lg: "16px"
+};
+/** Ширина зоны шеврона/крестика справа (`pr-9` в классе триггера). */
+var trailingZoneWidth = "2.25rem";
+var borderClassByState = {
+	default: "border-[var(--gr-brd)]",
+	success: "border-[var(--gr-success)] focus-visible:ring-[var(--gr-success)]",
+	warning: "border-[var(--gr-warning)] focus-visible:ring-[var(--gr-warning)]",
+	danger: "border-[var(--gr-danger)] focus-visible:ring-[var(--gr-danger)]"
+};
+/**
+* Ошибка валидации красится своей ролью, а не декоративным тоном `danger`:
+* `state="danger"` — это подсветка по решению разработчика, `invalid` — вердикт
+* валидации, и тема вправе развести их по цвету.
+*/
+var invalidBorderClass = "border-[var(--gr-invalid-brd)] focus-visible:ring-[var(--gr-invalid-ring)]";
+/**
+* Disabled красится фоном и цветом текста, а не прозрачностью: `opacity`
+* разбавляет выверенные на AA токены и роняет контраст подписи.
+*/
+var shellEnabledClass = "bg-[var(--gr-bg)] text-[var(--gr-fg)]";
+var shellDisabledClass = "bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] cursor-not-allowed";
+function grTreeSelectClass(options) {
+	return [
+		sizeClassBySize[options.size],
+		"pr-9",
+		options.disabled ? shellDisabledClass : shellEnabledClass,
+		options.invalid ? invalidBorderClass : borderClassByState[options.state]
+	].join(" ");
+}
+var 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";
+/**
+* Строка состояния панели: загрузка и «нет данных». По центру и с двойным
+* воздухом — тот же язык, что у `GrSelect`, `GrAutocomplete` и палитры команд.
+* Слева она расходилась с содержимым дерева на паддинг скроллера.
+*/
+var 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)]";
+//#endregion
+//#region src/components/GrTreeSelect/safelist.ts
+var grTreeSelectSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(sizeClassBySize).flatMap(splitClassTokens),
+	...Object.values(borderClassByState).flatMap(splitClassTokens),
+	...splitClassTokens(invalidBorderClass),
+	"pr-9",
+	...splitClassTokens(shellEnabledClass),
+	...splitClassTokens(shellDisabledClass),
+	...splitClassTokens(grTreeSelectPanelClass),
+	...splitClassTokens(grTreeSelectStateClass)
+])];
+//#endregion
+//#region src/components/GrTreeSelect/config.ts
+var grTreeSelectConfig = defineGranularComponent(import.meta.url, {
+	name: "GrTreeSelect",
+	safelist: grTreeSelectSafelist,
+	dependencies: ["GrInput", "GrTree"]
+});
+//#endregion
+export { grTreeSelectStateClass as a, grTreeSelectPanelClass as i, grTreeSelectSafelist as n, paddingX as o, grTreeSelectClass as r, trailingZoneWidth as s, grTreeSelectConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-DCFvmHEv2.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"}