@feugene/granularity 0.19.0 → 0.21.0

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-QJ54_fcM.js

@@ -0,0 +1,61 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrFilePreview/grFilePreviewStyles.ts
+/** `relative` — точка отсчёта для картинки, ждущей загрузки вне потока. */
+var filePreviewRootClass = "relative inline-flex overflow-hidden rounded-[var(--gr-file-preview-radius,var(--gr-radius-md))] bg-[var(--gr-file-preview-bg,var(--gr-muted))]";
+/** Интерактивная плитка получает курсор и кольцо фокуса — как любой контрол. */
+var filePreviewInteractiveClass = "cursor-pointer transition-colors duration-[var(--gr-duration-fast)] hover:bg-[var(--gr-secondary)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+/**
+* Ширина плитки по канонической шкале: высоту задаёт соотношение сторон.
+* Своего кортежа размеров компонент не заводит — иначе `GrConfigProvider`
+* перестал бы до него доставать (гейт `sizeScale.test.ts`).
+*/
+var filePreviewTileWidths = {
+	xs: "w-12",
+	sm: "w-16",
+	md: "w-24",
+	lg: "w-32"
+};
+/**
+* Соотношение сторон держит место до загрузки: без него ряд плиток прыгает,
+* когда картинки доезжают вразнобой.
+*/
+var filePreviewRatioClass = {
+	"1:1": "aspect-square",
+	"4:3": "aspect-[4/3]",
+	"16:9": "aspect-[16/9]"
+};
+var filePreviewMediaClass = "h-full w-full object-cover";
+/**
+* Картинка на время загрузки: `visibility`, а не `display`, — иначе браузер
+* отменил бы саму загрузку. Вне потока, чтобы скелет занял плитку целиком, а
+* не поделил её с картинкой как второй flex-элемент.
+*/
+var filePreviewMediaLoadingClass = "invisible absolute";
+/** Заглушка: иконка по центру, подпись под ней. */
+var filePreviewFallbackClass = "h-full w-full flex flex-col items-center justify-center gap-1 p-1 text-center text-[var(--gr-file-preview-icon,var(--gr-muted-fg))]";
+var filePreviewIconClass = "block h-6 w-6 shrink-0";
+/** Подпись под иконкой: имя файла в одну строку. */
+var filePreviewLabelClass = "w-full truncate text-[length:var(--gr-control-text-3xs)] leading-[var(--gr-leading-xs)]";
+//#endregion
+//#region src/components/GrFilePreview/safelist.ts
+var grFilePreviewSafelist = [.../* @__PURE__ */ new Set([
+	...splitClassTokens(filePreviewRootClass),
+	...splitClassTokens(filePreviewInteractiveClass),
+	...splitClassTokens(filePreviewMediaClass),
+	...splitClassTokens(filePreviewMediaLoadingClass),
+	...splitClassTokens(filePreviewFallbackClass),
+	...splitClassTokens(filePreviewIconClass),
+	...splitClassTokens(filePreviewLabelClass),
+	...Object.values(filePreviewTileWidths).flatMap(splitClassTokens),
+	...Object.values(filePreviewRatioClass).flatMap(splitClassTokens)
+])];
+//#endregion
+//#region src/components/GrFilePreview/config.ts
+var grFilePreviewConfig = defineGranularComponent(import.meta.url, {
+	name: "GrFilePreview",
+	dependencies: ["GrSkeleton"],
+	safelist: grFilePreviewSafelist
+});
+//#endregion
+export { filePreviewInteractiveClass as a, filePreviewMediaLoadingClass as c, filePreviewTileWidths as d, filePreviewIconClass as i, filePreviewRatioClass as l, grFilePreviewSafelist as n, filePreviewLabelClass as o, filePreviewFallbackClass as r, filePreviewMediaClass as s, grFilePreviewConfig as t, filePreviewRootClass as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-QJ54_fcM.js","names":[],"sources":["../../src/components/GrFilePreview/grFilePreviewStyles.ts","../../src/components/GrFilePreview/safelist.ts","../../src/components/GrFilePreview/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\n/**\n * Классы `GrFilePreview`.\n *\n * Ступени размера перечислены целиком, по литералу на ветку: UnoCSS сканирует\n * исходный текст файла, и собранное шаблонной строкой имя уехало бы в CSS\n * литералом.\n */\n\n/** Соотношение сторон плитки. */\nexport type GrFilePreviewRatio = '1:1' | '4:3' | '16:9'\n\n/** `relative` — точка отсчёта для картинки, ждущей загрузки вне потока. */\nexport const filePreviewRootClass = 'relative inline-flex overflow-hidden rounded-[var(--gr-file-preview-radius,var(--gr-radius-md))] bg-[var(--gr-file-preview-bg,var(--gr-muted))]'\n\n/** Интерактивная плитка получает курсор и кольцо фокуса — как любой контрол. */\nexport const filePreviewInteractiveClass = 'cursor-pointer transition-colors duration-[var(--gr-duration-fast)] hover:bg-[var(--gr-secondary)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\n/**\n * Ширина плитки по канонической шкале: высоту задаёт соотношение сторон.\n * Своего кортежа размеров компонент не заводит — иначе `GrConfigProvider`\n * перестал бы до него доставать (гейт `sizeScale.test.ts`).\n */\nexport const filePreviewTileWidths: Record<GrComponentSize, string> = {\n  xs: 'w-12',\n  sm: 'w-16',\n  md: 'w-24',\n  lg: 'w-32',\n}\n\n/**\n * Соотношение сторон держит место до загрузки: без него ряд плиток прыгает,\n * когда картинки доезжают вразнобой.\n */\nexport const filePreviewRatioClass: Record<GrFilePreviewRatio, string> = {\n  '1:1': 'aspect-square',\n  '4:3': 'aspect-[4/3]',\n  '16:9': 'aspect-[16/9]',\n}\n\nexport const filePreviewMediaClass = 'h-full w-full object-cover'\n\n/**\n * Картинка на время загрузки: `visibility`, а не `display`, — иначе браузер\n * отменил бы саму загрузку. Вне потока, чтобы скелет занял плитку целиком, а\n * не поделил её с картинкой как второй flex-элемент.\n */\nexport const filePreviewMediaLoadingClass = 'invisible absolute'\n\n/** Заглушка: иконка по центру, подпись под ней. */\nexport const filePreviewFallbackClass = 'h-full w-full flex flex-col items-center justify-center gap-1 p-1 text-center text-[var(--gr-file-preview-icon,var(--gr-muted-fg))]'\n\nexport const filePreviewIconClass = 'block h-6 w-6 shrink-0'\n\n/** Подпись под иконкой: имя файла в одну строку. */\nexport const filePreviewLabelClass = 'w-full truncate text-[length:var(--gr-control-text-3xs)] leading-[var(--gr-leading-xs)]'\n","import { splitClassTokens } from '../shared/classTokens'\n\nimport {\n  filePreviewFallbackClass,\n  filePreviewIconClass,\n  filePreviewInteractiveClass,\n  filePreviewLabelClass,\n  filePreviewMediaClass,\n  filePreviewMediaLoadingClass,\n  filePreviewRatioClass,\n  filePreviewRootClass,\n  filePreviewTileWidths,\n} from './grFilePreviewStyles'\n\n// Классы из вычисляемых мап (ступень плитки, соотношение сторон) UnoCSS сканом\n// не находит — только safelist. Литералы хелпера туда же: на сборке он уезжает\n// в общий чанк, который скан не видит.\nexport const grFilePreviewSafelist = [...new Set([\n  ...splitClassTokens(filePreviewRootClass),\n  ...splitClassTokens(filePreviewInteractiveClass),\n  ...splitClassTokens(filePreviewMediaClass),\n  ...splitClassTokens(filePreviewMediaLoadingClass),\n  ...splitClassTokens(filePreviewFallbackClass),\n  ...splitClassTokens(filePreviewIconClass),\n  ...splitClassTokens(filePreviewLabelClass),\n  ...Object.values(filePreviewTileWidths).flatMap(splitClassTokens),\n  ...Object.values(filePreviewRatioClass).flatMap(splitClassTokens),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grFilePreviewSafelist } from './safelist'\n\nexport const grFilePreviewConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrFilePreview',\n  dependencies: ['GrSkeleton'],\n  safelist: grFilePreviewSafelist,\n})\n"],"mappings":";;;;AAcA,IAAa,uBAAuB;;AAGpC,IAAa,8BAA8B;;;;;;AAO3C,IAAa,wBAAyD;CACpE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;AAMA,IAAa,wBAA4D;CACvE,OAAO;CACP,OAAO;CACP,QAAQ;AACV;AAEA,IAAa,wBAAwB;;;;;;AAOrC,IAAa,+BAA+B;;AAG5C,IAAa,2BAA2B;AAExC,IAAa,uBAAuB;;AAGpC,IAAa,wBAAwB;;;ACvCrC,IAAa,wBAAwB,CAAC,mBAAG,IAAI,IAAI;CAC/C,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,2BAA2B;CAC/C,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,4BAA4B;CAChD,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,OAAO,OAAO,qBAAqB,CAAC,CAAC,QAAQ,gBAAgB;CAChE,GAAG,OAAO,OAAO,qBAAqB,CAAC,CAAC,QAAQ,gBAAgB;AAClE,CAAC,CAAC;;;ACvBF,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK;CAC1E,MAAM;CACN,cAAc,CAAC,YAAY;CAC3B,UAAU;AACZ,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-QaIc_gRa2.js","names":[],"sources":["../../src/components/GrRadioGroup/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grRadioGroupConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrRadioGroup',\n  dependencies: ['GrButtonGroup', 'GrRadio'],\n})\n"],"mappings":";;AAEA,IAAa,qBAAqB,wBAAwB,OAAO,KAAK,KAAK;CACzE,MAAM;CACN,cAAc,CAAC,iBAAiB,SAAS;AAC3C,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-ScuvHw6k.js","names":[],"sources":["../../src/components/GrToaster/grToasterStyles.ts","../../src/components/GrToaster/safelist.ts","../../src/components/GrToaster/config.ts"],"sourcesContent":["export type GrToasterPlacement = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'\n\n// Классы позиционирования контейнера по углам экрана.\n// Вынесены в отдельный модуль, чтобы быть единственным источником истины\n// для шаблона `GrToaster.vue` и для safelist.\nexport const PLACEMENT_CLASS: Record<GrToasterPlacement, string> = {\n  'top-right': 'right-4 top-4',\n  'top-left': 'left-4 top-4',\n  'bottom-right': 'right-4 bottom-4',\n  'bottom-left': 'left-4 bottom-4',\n}\n\n/**\n * Куда смахивается тост: к своему краю экрана. Стек у правого края уходит\n * вправо, у левого — влево; смахивание «вглубь экрана» читалось бы как попытка\n * достать что-то из-под тоста, а не выбросить его.\n */\nexport const SWIPE_DIRECTION: Record<GrToasterPlacement, 1 | -1> = {\n  'top-right': 1,\n  'bottom-right': 1,\n  'top-left': -1,\n  'bottom-left': -1,\n}\n\n/** Доля ширины тоста, после которой отпускание закрывает, а не возвращает. */\nexport const SWIPE_THRESHOLD_RATIO = 0.25\n\n/** Нижняя граница порога: на узком стеке четверть ширины слишком мала. */\nexport const SWIPE_THRESHOLD_MIN_PX = 56\n\n/**\n * Сопротивление движению не в свою сторону. Жест остаётся живым — тост едет за\n * пальцем, — но закрыть его «наоборот» нельзя: это была бы вторая, неочевидная\n * дорога к тому же действию.\n */\nexport const SWIPE_RESISTANCE = 4\n\n/**\n * Куда уезжает отпущенный тост. Заведомо дальше своей ширины: он должен уйти\n * за край экрана, а не остановиться на полпути.\n */\nexport const SWIPE_FLY_OUT_PX = 600\n\n/**\n * Смещение, на котором тост становится полностью прозрачным, — вдвое дальше\n * порога. К моменту закрытия он уже наполовину растворён, и уход не выглядит\n * мгновенным исчезновением.\n */\nexport function swipeOpacity(offset: number, threshold: number): number {\n  return Math.max(0, 1 - Math.abs(offset) / (threshold * 2))\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport { PLACEMENT_CLASS } from './grToasterStyles'\n\n// В safelist попадают только те классы, которые приходят в шаблон динамически\n// (через `:class`/`PLACEMENT_CLASS`). Литералы из шаблона (`class=\"...\"`)\n// UnoCSS находит статическим сканом и дублировать их здесь не нужно.\nexport const grToasterSafelist = [...new Set(\n  Object.values(PLACEMENT_CLASS).flatMap(splitClassTokens),\n)]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grToasterSafelist } from './safelist'\n\nexport const grToasterConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrToaster',\n  dependencies: ['GrButton', 'GrIcon'],\n  safelist: grToasterSafelist,\n})\n"],"mappings":";;;AAKA,IAAa,kBAAsD;CACjE,aAAa;CACb,YAAY;CACZ,gBAAgB;CAChB,eAAe;AACjB;;;;;;AAOA,IAAa,kBAAsD;CACjE,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,eAAe;AACjB;;AAGA,IAAa,wBAAwB;;;;;;AAuBrC,SAAgB,aAAa,QAAgB,WAA2B;CACtE,OAAO,KAAK,IAAI,GAAG,IAAI,KAAK,IAAI,MAAM,KAAK,YAAY,EAAE;AAC3D;;;AC5CA,IAAa,oBAAoB,CAAC,GAAG,IAAI,IACvC,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB,CACzD,CAAC;;;ACJD,IAAa,kBAAkB,wBAAwB,OAAO,KAAK,KAAK;CACtE,MAAM;CACN,cAAc,CAAC,YAAY,QAAQ;CACnC,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-jyZq8XKL.js

@@ -0,0 +1,58 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrDescriptionList/grDescriptionListStyles.ts
+var descriptionRootClass = "m-0 grid gap-x-4 [row-gap:var(--gr-description-list-row-gap,0.375rem)]";
+var descriptionColumnsClass = {
+	1: "grid-cols-1",
+	2: "grid-cols-1 sm:grid-cols-2"
+};
+var descriptionPairInlineClass = "flex min-w-0 items-baseline gap-2";
+var descriptionPairStackedClass = "min-w-0";
+var descriptionDividedClass = "border-b border-[var(--gr-description-list-divider,var(--gr-brd))] pb-1 last:border-b-0 last:pb-0";
+var descriptionLabelInlineClass = "shrink-0 text-[var(--gr-description-list-label-color,var(--gr-muted-fg))]";
+var descriptionLabelStackedClass = "text-[var(--gr-description-list-label-color,var(--gr-muted-fg))]";
+var descriptionValueClass = "m-0 min-w-0 break-words";
+/** Тон — только у значения: красная подпись читается как «поле сломано». */
+var descriptionValueToneClass = {
+	primary: "text-[var(--gr-primary-text)]",
+	neutral: "",
+	success: "text-[var(--gr-success-text)]",
+	warning: "text-[var(--gr-warning-text)]",
+	danger: "text-[var(--gr-danger-text)]",
+	info: "text-[var(--gr-info-text)]",
+	slate: "text-[var(--gr-slate-text)]",
+	azure: "text-[var(--gr-azure-text)]"
+};
+var descriptionSizeClass = {
+	xs: "text-[length:var(--gr-control-text-2xs)]",
+	sm: "text-[length:var(--gr-control-text-xs)]",
+	md: "text-[length:var(--gr-control-text-sm)]",
+	lg: "text-[length:var(--gr-control-text-md)]"
+};
+var descriptionDensityClass = {
+	regular: "",
+	compact: "[row-gap:var(--gr-description-list-row-gap,0.125rem)]"
+};
+//#endregion
+//#region src/components/GrDescriptionList/safelist.ts
+var grDescriptionListSafelist = [.../* @__PURE__ */ new Set([
+	...splitClassTokens(descriptionRootClass),
+	...splitClassTokens(descriptionPairInlineClass),
+	...splitClassTokens(descriptionPairStackedClass),
+	...splitClassTokens(descriptionDividedClass),
+	...splitClassTokens(descriptionLabelInlineClass),
+	...splitClassTokens(descriptionLabelStackedClass),
+	...splitClassTokens(descriptionValueClass),
+	...Object.values(descriptionColumnsClass).flatMap(splitClassTokens),
+	...Object.values(descriptionValueToneClass).flatMap(splitClassTokens),
+	...Object.values(descriptionSizeClass).flatMap(splitClassTokens),
+	...Object.values(descriptionDensityClass).flatMap(splitClassTokens)
+])];
+//#endregion
+//#region src/components/GrDescriptionList/config.ts
+var grDescriptionListConfig = defineGranularComponent(import.meta.url, {
+	name: "GrDescriptionList",
+	safelist: grDescriptionListSafelist
+});
+//#endregion
+export { descriptionDividedClass as a, descriptionPairInlineClass as c, descriptionSizeClass as d, descriptionValueClass as f, descriptionDensityClass as i, descriptionPairStackedClass as l, grDescriptionListSafelist as n, descriptionLabelInlineClass as o, descriptionValueToneClass as p, descriptionColumnsClass as r, descriptionLabelStackedClass as s, grDescriptionListConfig as t, descriptionRootClass as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-jyZq8XKL.js","names":[],"sources":["../../src/components/GrDescriptionList/grDescriptionListStyles.ts","../../src/components/GrDescriptionList/safelist.ts","../../src/components/GrDescriptionList/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\nimport type { GrTone } from '../shared/tones'\n\n/**\n * Классы `GrDescriptionList`.\n *\n * Тон перечислен целиком по одному литералу на ветку: UnoCSS сканирует исходный\n * текст файла, и собранное шаблонной строкой имя уехало бы в CSS литералом.\n */\n\n/** `inline` — подпись колонкой слева; `stacked` — над значением. */\nexport type GrDescriptionLayout = 'inline' | 'stacked'\n\nexport type GrDescriptionDensity = 'regular' | 'compact'\n\n/** Сколько колонок пар. Длинный список читается в две. */\nexport type GrDescriptionColumns = 1 | 2\n\n// `m-0` — у нативного `<dl>` есть браузерные отступы, и без сброса список\n// разъезжается по вертикали. Ряды разводит `--gr-description-list-row-gap`,\n// потому что зазор здесь — точка кастомизации, а не ступень шкалы.\nexport const descriptionRootClass = 'm-0 grid gap-x-4 [row-gap:var(--gr-description-list-row-gap,0.375rem)]'\n\nexport const descriptionColumnsClass: Record<GrDescriptionColumns, string> = {\n  1: 'grid-cols-1',\n  // Пара — элемент сетки, поэтому между колонками она не рвётся. `column-count`\n  // рвал бы: он раскладывает поток, а не блоки.\n  2: 'grid-cols-1 sm:grid-cols-2',\n}\n\nexport const descriptionPairInlineClass = 'flex min-w-0 items-baseline gap-2'\nexport const descriptionPairStackedClass = 'min-w-0'\n\nexport const descriptionDividedClass = 'border-b border-[var(--gr-description-list-divider,var(--gr-brd))] pb-1 last:border-b-0 last:pb-0'\n\n// `shrink-0` держит колонку подписей ровной: иначе длинное значение сжимало бы\n// подпись, и значения переставали бы стоять в колонку — ровно то, ради чего\n// раскладка `inline` и существует.\nexport const descriptionLabelInlineClass = 'shrink-0 text-[var(--gr-description-list-label-color,var(--gr-muted-fg))]'\nexport const descriptionLabelStackedClass = 'text-[var(--gr-description-list-label-color,var(--gr-muted-fg))]'\n\n// `break-words` обязателен: в парах живут идентификаторы, хеши и `X-Request-Id`,\n// и без переноса они выталкивают вёрстку.\nexport const descriptionValueClass = 'm-0 min-w-0 break-words'\n\n/** Тон — только у значения: красная подпись читается как «поле сломано». */\nexport const descriptionValueToneClass: Record<GrTone, string> = {\n  primary: 'text-[var(--gr-primary-text)]',\n  neutral: '',\n  success: 'text-[var(--gr-success-text)]',\n  warning: 'text-[var(--gr-warning-text)]',\n  danger: 'text-[var(--gr-danger-text)]',\n  info: 'text-[var(--gr-info-text)]',\n  slate: 'text-[var(--gr-slate-text)]',\n  azure: 'text-[var(--gr-azure-text)]',\n}\n\nexport const descriptionSizeClass: Record<GrComponentSize, string> = {\n  xs: 'text-[length:var(--gr-control-text-2xs)]',\n  sm: 'text-[length:var(--gr-control-text-xs)]',\n  md: 'text-[length:var(--gr-control-text-sm)]',\n  lg: 'text-[length:var(--gr-control-text-md)]',\n}\n\nexport const descriptionDensityClass: Record<GrDescriptionDensity, string> = {\n  regular: '',\n  compact: '[row-gap:var(--gr-description-list-row-gap,0.125rem)]',\n}\n","import { splitClassTokens } from '../shared/classTokens'\n\nimport {\n  descriptionColumnsClass,\n  descriptionDensityClass,\n  descriptionDividedClass,\n  descriptionLabelInlineClass,\n  descriptionLabelStackedClass,\n  descriptionPairInlineClass,\n  descriptionPairStackedClass,\n  descriptionRootClass,\n  descriptionSizeClass,\n  descriptionValueClass,\n  descriptionValueToneClass,\n} from './grDescriptionListStyles'\n\n// Классы из вычисляемых мап (тон, размер, колонки) UnoCSS сканом не находит —\n// только safelist. Литералы хелпера туда же: на сборке он уезжает в общий чанк.\nexport const grDescriptionListSafelist = [...new Set([\n  ...splitClassTokens(descriptionRootClass),\n  ...splitClassTokens(descriptionPairInlineClass),\n  ...splitClassTokens(descriptionPairStackedClass),\n  ...splitClassTokens(descriptionDividedClass),\n  ...splitClassTokens(descriptionLabelInlineClass),\n  ...splitClassTokens(descriptionLabelStackedClass),\n  ...splitClassTokens(descriptionValueClass),\n  ...Object.values(descriptionColumnsClass).flatMap(splitClassTokens),\n  ...Object.values(descriptionValueToneClass).flatMap(splitClassTokens),\n  ...Object.values(descriptionSizeClass).flatMap(splitClassTokens),\n  ...Object.values(descriptionDensityClass).flatMap(splitClassTokens),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grDescriptionListSafelist } from './safelist'\n\nexport const grDescriptionListConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDescriptionList',\n  safelist: grDescriptionListSafelist,\n})\n"],"mappings":";;;AAqBA,IAAa,uBAAuB;AAEpC,IAAa,0BAAgE;CAC3E,GAAG;CAGH,GAAG;AACL;AAEA,IAAa,6BAA6B;AAC1C,IAAa,8BAA8B;AAE3C,IAAa,0BAA0B;AAKvC,IAAa,8BAA8B;AAC3C,IAAa,+BAA+B;AAI5C,IAAa,wBAAwB;;AAGrC,IAAa,4BAAoD;CAC/D,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;AACT;AAEA,IAAa,uBAAwD;CACnE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,0BAAgE;CAC3E,SAAS;CACT,SAAS;AACX;;;ACjDA,IAAa,4BAA4B,CAAC,mBAAG,IAAI,IAAI;CACnD,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,0BAA0B;CAC9C,GAAG,iBAAiB,2BAA2B;CAC/C,GAAG,iBAAiB,uBAAuB;CAC3C,GAAG,iBAAiB,2BAA2B;CAC/C,GAAG,iBAAiB,4BAA4B;CAChD,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,OAAO,OAAO,uBAAuB,CAAC,CAAC,QAAQ,gBAAgB;CAClE,GAAG,OAAO,OAAO,yBAAyB,CAAC,CAAC,QAAQ,gBAAgB;CACpE,GAAG,OAAO,OAAO,oBAAoB,CAAC,CAAC,QAAQ,gBAAgB;CAC/D,GAAG,OAAO,OAAO,uBAAuB,CAAC,CAAC,QAAQ,gBAAgB;AACpE,CAAC,CAAC;;;AC1BF,IAAa,0BAA0B,wBAAwB,OAAO,KAAK,KAAK;CAC9E,MAAM;CACN,UAAU;AACZ,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 };