@feugene/granularity 0.13.0 → 0.16.0

package/dist/chunks/config-_qPUfb6-2.js

@@ -0,0 +1,165 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrTabs/grTabsStyles.ts
+/**
+* `pills` — вкладки-таблетки в общей обойме, `line` — классический ряд с
+* подчёркиванием активной. Имя `pills` общее с `GrSegmented`: у компонентов
+* одна роль, и вид с таким названием у них совпадает.
+*/
+var GR_TABS_VARIANTS = ["pills", "line"];
+/** Высота вкладки повторяет шкалу `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 { grTabsCloseClass as a, grTabsTabClass as c, tabIconClass as d, grTabsBadgeClass as i, tabCloseIconSizes as l, grTabsSafelist as n, grTabsEmptyClass as o, GR_TABS_VARIANTS as r, grTabsListClass as s, grTabsConfig as t, tabContentClass as u };

package/dist/chunks/config-_qPUfb6-2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-_qPUfb6-2.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":";;;;;;;;AASA,IAAa,mBAAmB,CAAC,SAAS,MAAM;;AAMhD,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-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-esdviAPL.js

@@ -0,0 +1,41 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { C as rootEnabledClass, S as rootDisabledClass, T as rootLabelStartClass, _ as iconColorClass, a as controlInvalidCheckedClass, b as labelSizes, c as controlUncheckedClass, g as iconCheckVisibleClass, h as iconCheckTransitionClass, i as controlDisabledUncheckedClass, m as iconCheckHiddenClass, n as controlCheckedClass, o as controlInvalidUncheckedClass, r as controlDisabledCheckedClass, s as controlSizes, t as controlBase, v as iconSizes, w as rootGaps, x as rootBase, y as labelBase } from "./grCheckboxStyles-hOAgURZG.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrCheckbox/safelist.ts
+var grCheckboxClassTokens = {
+	rootBase: splitClassTokens(rootBase),
+	rootGaps: Object.values(rootGaps).flatMap(splitClassTokens),
+	rootState: [
+		...splitClassTokens(rootDisabledClass),
+		...splitClassTokens(rootEnabledClass),
+		...splitClassTokens(rootLabelStartClass)
+	],
+	controlBase: splitClassTokens(controlBase),
+	controlSizes: Object.values(controlSizes).flatMap(splitClassTokens),
+	controlState: [
+		...splitClassTokens(controlCheckedClass),
+		...splitClassTokens(controlUncheckedClass),
+		...splitClassTokens(controlInvalidCheckedClass),
+		...splitClassTokens(controlInvalidUncheckedClass),
+		...splitClassTokens(controlDisabledCheckedClass),
+		...splitClassTokens(controlDisabledUncheckedClass)
+	],
+	iconSizes: Object.values(iconSizes).flatMap(splitClassTokens),
+	iconState: [
+		...splitClassTokens(iconColorClass),
+		...splitClassTokens(iconCheckTransitionClass),
+		...splitClassTokens(iconCheckVisibleClass),
+		...splitClassTokens(iconCheckHiddenClass)
+	],
+	labelBase: splitClassTokens(labelBase),
+	labelSizes: Object.values(labelSizes).flatMap(splitClassTokens)
+};
+var grCheckboxSafelist = [...new Set(Object.values(grCheckboxClassTokens).flat())];
+//#endregion
+//#region src/components/GrCheckbox/config.ts
+var grCheckboxConfig = defineGranularComponent(import.meta.url, {
+	name: "GrCheckbox",
+	safelist: grCheckboxSafelist
+});
+//#endregion
+export { grCheckboxSafelist as n, grCheckboxConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-esdviAPL.js","names":[],"sources":["../../src/components/GrCheckbox/safelist.ts","../../src/components/GrCheckbox/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\n\nimport {\n  controlBase,\n  controlCheckedClass,\n  controlDisabledCheckedClass,\n  controlDisabledUncheckedClass,\n  controlInvalidCheckedClass,\n  controlInvalidUncheckedClass,\n  controlSizes,\n  controlUncheckedClass,\n  iconCheckHiddenClass,\n  iconCheckTransitionClass,\n  iconCheckVisibleClass,\n  iconColorClass,\n  iconSizes,\n  labelBase,\n  labelSizes,\n  rootBase,\n  rootDisabledClass,\n  rootEnabledClass,\n  rootGaps,\n  rootLabelStartClass,\n} from './grCheckboxStyles'\n\nexport const grCheckboxClassTokens = {\n  rootBase: splitClassTokens(rootBase),\n  rootGaps: Object.values(rootGaps).flatMap(splitClassTokens),\n  rootState: [\n    ...splitClassTokens(rootDisabledClass),\n    ...splitClassTokens(rootEnabledClass),\n    ...splitClassTokens(rootLabelStartClass),\n  ],\n  controlBase: splitClassTokens(controlBase),\n  controlSizes: Object.values(controlSizes).flatMap(splitClassTokens),\n  controlState: [\n    ...splitClassTokens(controlCheckedClass),\n    ...splitClassTokens(controlUncheckedClass),\n    ...splitClassTokens(controlInvalidCheckedClass),\n    ...splitClassTokens(controlInvalidUncheckedClass),\n    ...splitClassTokens(controlDisabledCheckedClass),\n    ...splitClassTokens(controlDisabledUncheckedClass),\n  ],\n  iconSizes: Object.values(iconSizes).flatMap(splitClassTokens),\n  iconState: [\n    ...splitClassTokens(iconColorClass),\n    ...splitClassTokens(iconCheckTransitionClass),\n    ...splitClassTokens(iconCheckVisibleClass),\n    ...splitClassTokens(iconCheckHiddenClass),\n  ],\n  labelBase: splitClassTokens(labelBase),\n  labelSizes: Object.values(labelSizes).flatMap(splitClassTokens),\n} as const\n\nexport const grCheckboxSafelist = [...new Set(Object.values(grCheckboxClassTokens).flat())]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grCheckboxSafelist } from './safelist'\n\nexport const grCheckboxConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrCheckbox',\n  safelist: grCheckboxSafelist,\n})\n"],"mappings":";;;;AAyBA,IAAa,wBAAwB;CACnC,UAAU,iBAAiB,QAAQ;CACnC,UAAU,OAAO,OAAO,QAAQ,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,WAAW;EACT,GAAG,iBAAiB,iBAAiB;EACrC,GAAG,iBAAiB,gBAAgB;EACpC,GAAG,iBAAiB,mBAAmB;CACzC;CACA,aAAa,iBAAiB,WAAW;CACzC,cAAc,OAAO,OAAO,YAAY,CAAC,CAAC,QAAQ,gBAAgB;CAClE,cAAc;EACZ,GAAG,iBAAiB,mBAAmB;EACvC,GAAG,iBAAiB,qBAAqB;EACzC,GAAG,iBAAiB,0BAA0B;EAC9C,GAAG,iBAAiB,4BAA4B;EAChD,GAAG,iBAAiB,2BAA2B;EAC/C,GAAG,iBAAiB,6BAA6B;CACnD;CACA,WAAW,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,WAAW;EACT,GAAG,iBAAiB,cAAc;EAClC,GAAG,iBAAiB,wBAAwB;EAC5C,GAAG,iBAAiB,qBAAqB;EACzC,GAAG,iBAAiB,oBAAoB;CAC1C;CACA,WAAW,iBAAiB,SAAS;CACrC,YAAY,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;AAChE;AAEA,IAAa,qBAAqB,CAAC,GAAG,IAAI,IAAI,OAAO,OAAO,qBAAqB,CAAC,CAAC,KAAK,CAAC,CAAC;;;AClD1F,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/config-gwro_7yn.js

@@ -0,0 +1,55 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrCard/grCardStyles.ts
+/**
+* Классы `GrCard`.
+*
+* `elevated` — дефолт и ровно тот вид, что был у карточки до появления пропов:
+* `GrCollapse` и `GrList` рендерят содержимое внутрь `GrCard`, и любое смещение
+* дефолта поехало бы у них.
+*/
+var surfaceBaseClass = "rounded-[var(--gr-radius-lg)] bg-[var(--gr-card)] text-[var(--gr-card-fg)]";
+var variantClass = {
+	elevated: "border border-[var(--gr-brd)] shadow-sm",
+	outlined: "border border-[var(--gr-brd)]",
+	ghost: ""
+};
+var paddingClass = {
+	none: "",
+	sm: "p-3",
+	md: "p-4",
+	lg: "p-6"
+};
+var sectionDividerTopClass = "border-t border-[var(--gr-brd)]";
+var sectionDividerBottomClass = "border-b border-[var(--gr-brd)]";
+/** Интерактивная карточка целиком: ссылка или кнопка во всю поверхность. */
+var interactiveClass = "block w-full text-left transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+var hoverClass = "cursor-pointer hover:bg-[var(--gr-muted)]";
+function grCardRootClass(options) {
+	return [
+		surfaceBaseClass,
+		variantClass[options.variant],
+		paddingClass[options.padding],
+		options.interactive ? interactiveClass : "",
+		options.interactive || options.hoverable ? hoverClass : ""
+	].filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/components/GrCard/safelist.ts
+var grCardSafelist = [.../* @__PURE__ */ new Set([
+	...splitClassTokens(surfaceBaseClass),
+	...Object.values(variantClass).flatMap(splitClassTokens),
+	...Object.values(paddingClass).flatMap(splitClassTokens),
+	...splitClassTokens(sectionDividerTopClass),
+	...splitClassTokens(sectionDividerBottomClass),
+	...splitClassTokens(interactiveClass),
+	...splitClassTokens(hoverClass)
+])];
+//#endregion
+//#region src/components/GrCard/config.ts
+var grCardConfig = defineGranularComponent(import.meta.url, {
+	name: "GrCard",
+	safelist: grCardSafelist
+});
+//#endregion
+export { sectionDividerBottomClass as a, paddingClass as i, grCardSafelist as n, sectionDividerTopClass as o, grCardRootClass as r, grCardConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-gwro_7yn.js","names":[],"sources":["../../src/components/GrCard/grCardStyles.ts","../../src/components/GrCard/safelist.ts","../../src/components/GrCard/config.ts"],"sourcesContent":["export type GrCardPadding = 'none' | 'sm' | 'md' | 'lg'\nexport type GrCardVariant = 'elevated' | 'outlined' | 'ghost'\n\n/**\n * Классы `GrCard`.\n *\n * `elevated` — дефолт и ровно тот вид, что был у карточки до появления пропов:\n * `GrCollapse` и `GrList` рендерят содержимое внутрь `GrCard`, и любое смещение\n * дефолта поехало бы у них.\n */\n\nexport const surfaceBaseClass = 'rounded-[var(--gr-radius-lg)] bg-[var(--gr-card)] text-[var(--gr-card-fg)]'\n\nexport const variantClass: Record<GrCardVariant, string> = {\n  elevated: 'border border-[var(--gr-brd)] shadow-sm',\n  outlined: 'border border-[var(--gr-brd)]',\n  // Карточка внутри карточки: вторая рамка только шумит.\n  ghost: '',\n}\n\nexport const paddingClass: Record<GrCardPadding, string> = {\n  none: '',\n  sm: 'p-3',\n  md: 'p-4',\n  lg: 'p-6',\n}\n\nexport const sectionDividerTopClass = 'border-t border-[var(--gr-brd)]'\nexport const sectionDividerBottomClass = 'border-b border-[var(--gr-brd)]'\n\n/** Интерактивная карточка целиком: ссылка или кнопка во всю поверхность. */\nexport const interactiveClass = 'block w-full text-left transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport const hoverClass = 'cursor-pointer hover:bg-[var(--gr-muted)]'\n\nexport function grCardRootClass(options: {\n  variant: GrCardVariant\n  /** Падинг едет на корень, только пока нет секций — иначе лишняя обёртка. */\n  padding: GrCardPadding\n  interactive: boolean\n  hoverable: boolean\n}): string {\n  return [\n    surfaceBaseClass,\n    variantClass[options.variant],\n    paddingClass[options.padding],\n    options.interactive ? interactiveClass : '',\n    options.interactive || options.hoverable ? hoverClass : '',\n  ].filter(Boolean).join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  hoverClass,\n  interactiveClass,\n  paddingClass,\n  sectionDividerBottomClass,\n  sectionDividerTopClass,\n  surfaceBaseClass,\n  variantClass,\n} from './grCardStyles'\n\nexport const grCardSafelist = [...new Set([\n  ...splitClassTokens(surfaceBaseClass),\n  ...Object.values(variantClass).flatMap(splitClassTokens),\n  ...Object.values(paddingClass).flatMap(splitClassTokens),\n  ...splitClassTokens(sectionDividerTopClass),\n  ...splitClassTokens(sectionDividerBottomClass),\n  ...splitClassTokens(interactiveClass),\n  ...splitClassTokens(hoverClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grCardSafelist } from './safelist'\n\nexport const grCardConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrCard',\n  safelist: grCardSafelist,\n})\n"],"mappings":";;;;;;;;;;AAWA,IAAa,mBAAmB;AAEhC,IAAa,eAA8C;CACzD,UAAU;CACV,UAAU;CAEV,OAAO;AACT;AAEA,IAAa,eAA8C;CACzD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,yBAAyB;AACtC,IAAa,4BAA4B;;AAGzC,IAAa,mBAAmB;AAEhC,IAAa,aAAa;AAE1B,SAAgB,gBAAgB,SAMrB;CACT,OAAO;EACL;EACA,aAAa,QAAQ;EACrB,aAAa,QAAQ;EACrB,QAAQ,cAAc,mBAAmB;EACzC,QAAQ,eAAe,QAAQ,YAAY,aAAa;CAC1D,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B;;;ACtCA,IAAa,iBAAiB,CAAC,mBAAG,IAAI,IAAI;CACxC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,OAAO,OAAO,YAAY,CAAC,CAAC,QAAQ,gBAAgB;CACvD,GAAG,OAAO,OAAO,YAAY,CAAC,CAAC,QAAQ,gBAAgB;CACvD,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,yBAAyB;CAC7C,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,UAAU;AAChC,CAAC,CAAC;;;ACfF,IAAa,eAAe,wBAAwB,OAAO,KAAK,KAAK;CACnE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/config-qVg3Zz_A.js

@@ -0,0 +1,30 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { a as sizeClassBySize, i as semiRadiusClassBySize, r as lightToneClassByTone, t as darkToneClassByTone } from "./grBadgeStyles-C2wLlkjF.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrBadge/safelist.ts
+var grBadgeSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(sizeClassBySize).flatMap(splitClassTokens),
+	...Object.values(semiRadiusClassBySize).flatMap(splitClassTokens),
+	"rounded-[var(--gr-radius-none)]",
+	"rounded-[var(--gr-radius-full)]",
+	...Object.values(lightToneClassByTone).flatMap(splitClassTokens),
+	...Object.values(darkToneClassByTone).flatMap(splitClassTokens)
+])];
+//#endregion
+//#region src/components/GrBadge/config.ts
+var grBadgeConfig = defineGranularComponent(import.meta.url, {
+	name: "GrBadge",
+	safelist: grBadgeSafelist,
+	tokenDefinitionsRef: {
+		light: {
+			url: "./themes/light.css",
+			selector: ":root"
+		},
+		dark: {
+			url: "./themes/dark.css",
+			as: ".dark, [data-theme=\"dark\"]"
+		}
+	}
+});
+//#endregion
+export { grBadgeSafelist as n, grBadgeConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-qVg3Zz_A.js","names":[],"sources":["../../src/components/GrBadge/safelist.ts","../../src/components/GrBadge/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  darkToneClassByTone,\n  lightToneClassByTone,\n  semiRadiusClassBySize,\n  sizeClassBySize,\n} from './grBadgeStyles'\n\nexport const grBadgeSafelist = [...new Set([\n  ...Object.values(sizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(semiRadiusClassBySize).flatMap(splitClassTokens),\n  'rounded-[var(--gr-radius-none)]',\n  'rounded-[var(--gr-radius-full)]',\n  ...Object.values(lightToneClassByTone).flatMap(splitClassTokens),\n  ...Object.values(darkToneClassByTone).flatMap(splitClassTokens),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grBadgeSafelist } from './safelist'\n\nexport const grBadgeConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrBadge',\n  safelist: grBadgeSafelist,\n  tokenDefinitionsRef: {\n    light: { url: './themes/light.css', selector: ':root' },\n    dark: { url: './themes/dark.css', as: '.dark, [data-theme=\"dark\"]' },\n  },\n})"],"mappings":";;;;AAQA,IAAa,kBAAkB,CAAC,mBAAG,IAAI,IAAI;CACzC,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,GAAG,OAAO,OAAO,qBAAqB,CAAC,CAAC,QAAQ,gBAAgB;CAChE;CACA;CACA,GAAG,OAAO,OAAO,oBAAoB,CAAC,CAAC,QAAQ,gBAAgB;CAC/D,GAAG,OAAO,OAAO,mBAAmB,CAAC,CAAC,QAAQ,gBAAgB;AAChE,CAAC,CAAC;;;ACXF,IAAa,gBAAgB,wBAAwB,OAAO,KAAK,KAAK;CACpE,MAAM;CACN,UAAU;CACV,qBAAqB;EACnB,OAAO;GAAE,KAAK;GAAsB,UAAU;EAAQ;EACtD,MAAM;GAAE,KAAK;GAAqB,IAAI;EAA6B;CACrE;AACF,CAAC"}

package/dist/chunks/config-zjeAJ4ho.js

@@ -0,0 +1,64 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrNumberInput/grNumberInputStyles.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)]"
+};
+var textAlignClassByAlign = {
+	left: "text-left",
+	center: "text-center",
+	right: "text-right"
+};
+var borderClassByState = {
+	default: "border-[var(--gr-brd)]",
+	success: "border-[var(--gr-success)] focus-within:ring-[var(--gr-success)]",
+	warning: "border-[var(--gr-warning)] focus-within:ring-[var(--gr-warning)]",
+	danger: "border-[var(--gr-danger)] focus-within:ring-[var(--gr-danger)]"
+};
+/**
+* Ошибка валидации красится своей ролью, а не декоративным тоном `danger`:
+* `state="danger"` — это подсветка по решению разработчика, `invalid` — вердикт
+* валидации, и тема вправе развести их по цвету.
+*/
+var invalidBorderClass = "border-[var(--gr-invalid-brd)] focus-within:ring-[var(--gr-invalid-ring)]";
+/**
+* Недоступное поле гасится токенами, а не `opacity`: прозрачность разбавляет
+* выверенные на AA токены текста и роняет контраст подписи.
+*/
+var disabledShellClass = "bg-[var(--gr-disabled-bg)] text-[var(--gr-disabled-fg)] cursor-not-allowed";
+var stepperBaseClass = "inline-flex items-center justify-center text-[var(--gr-muted-fg)] hover:bg-[var(--gr-muted)] active:bg-[var(--gr-muted)] disabled:cursor-not-allowed disabled:text-[var(--gr-disabled-fg)] disabled:hover:bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+/** Компактная кнопка вертикального стека ± . */
+var stepperCompactClass = `h-4 w-7 rounded-[var(--gr-radius-sm)] ${stepperBaseClass}`;
+/** Кнопка бокового стека ± — занимает всю высоту поля. */
+var stepperWideClass = `h-full w-full ${stepperBaseClass}`;
+var clearButtonClass = "absolute top-1/2 -translate-y-1/2 inline-flex h-5 w-5 items-center justify-center rounded-[var(--gr-radius-full)] text-[var(--gr-muted-fg)] hover:bg-[var(--gr-muted)] hover:text-[var(--gr-fg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+function grNumberInputShellClass(options) {
+	return [options.disabled ? disabledShellClass : "", options.invalid ? invalidBorderClass : borderClassByState[options.state]].filter(Boolean).join(" ");
+}
+function grNumberInputInputClass(options) {
+	return [sizeClassBySize[options.size], textAlignClassByAlign[options.textAlign]].join(" ");
+}
+//#endregion
+//#region src/components/GrNumberInput/safelist.ts
+var grNumberInputSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(sizeClassBySize).flatMap(splitClassTokens),
+	...Object.values(textAlignClassByAlign).flatMap(splitClassTokens),
+	...Object.values(borderClassByState).flatMap(splitClassTokens),
+	...splitClassTokens(invalidBorderClass),
+	...splitClassTokens(disabledShellClass),
+	...splitClassTokens(stepperCompactClass),
+	...splitClassTokens(stepperWideClass),
+	...splitClassTokens(clearButtonClass)
+])];
+//#endregion
+//#region src/components/GrNumberInput/config.ts
+var grNumberInputConfig = defineGranularComponent(import.meta.url, {
+	name: "GrNumberInput",
+	dependencies: ["GrIcon"],
+	safelist: grNumberInputSafelist
+});
+//#endregion
+export { grNumberInputShellClass as a, grNumberInputInputClass as i, grNumberInputSafelist as n, stepperCompactClass as o, clearButtonClass as r, stepperWideClass as s, grNumberInputConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-zjeAJ4ho.js","names":[],"sources":["../../src/components/GrNumberInput/grNumberInputStyles.ts","../../src/components/GrNumberInput/safelist.ts","../../src/components/GrNumberInput/config.ts"],"sourcesContent":["import type { GrComponentSize, GrControlState } from '../shared/sizes'\n\n\nexport type GrNumberInputState = GrControlState\nexport type GrNumberInputSize = GrComponentSize\nexport type GrNumberInputControlsDirection = 'vertical' | 'horizontal'\nexport type GrNumberInputTextAlign = 'left' | 'center' | 'right'\n\n// Backward-compatible type aliases.\nexport type NumberInputSize = GrNumberInputSize\nexport type NumberInputControlsDirection = GrNumberInputControlsDirection\n\nexport const sizeClassBySize: Record<GrNumberInputSize, 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\nexport const textAlignClassByAlign: Record<GrNumberInputTextAlign, string> = {\n  left: 'text-left',\n  center: 'text-center',\n  right: 'text-right',\n}\n\nexport const borderClassByState: Record<GrNumberInputState, string> = {\n  default: 'border-[var(--gr-brd)]',\n  success: 'border-[var(--gr-success)] focus-within:ring-[var(--gr-success)]',\n  warning: 'border-[var(--gr-warning)] focus-within:ring-[var(--gr-warning)]',\n  danger: 'border-[var(--gr-danger)] focus-within:ring-[var(--gr-danger)]',\n}\n\n/**\n * Ошибка валидации красится своей ролью, а не декоративным тоном `danger`:\n * `state=\"danger\"` — это подсветка по решению разработчика, `invalid` — вердикт\n * валидации, и тема вправе развести их по цвету.\n */\nexport const invalidBorderClass = 'border-[var(--gr-invalid-brd)] focus-within:ring-[var(--gr-invalid-ring)]'\n\n/**\n * Недоступное поле гасится токенами, а не `opacity`: прозрачность разбавляет\n * выверенные на AA токены текста и роняет контраст подписи.\n */\nexport const disabledShellClass = 'bg-[var(--gr-disabled-bg)] text-[var(--gr-disabled-fg)] cursor-not-allowed'\n\nconst stepperBaseClass = 'inline-flex items-center justify-center text-[var(--gr-muted-fg)] hover:bg-[var(--gr-muted)] active:bg-[var(--gr-muted)] disabled:cursor-not-allowed disabled:text-[var(--gr-disabled-fg)] disabled:hover:bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\n/** Компактная кнопка вертикального стека ± . */\nexport const stepperCompactClass = `h-4 w-7 rounded-[var(--gr-radius-sm)] ${stepperBaseClass}`\n\n/** Кнопка бокового стека ± — занимает всю высоту поля. */\nexport const stepperWideClass = `h-full w-full ${stepperBaseClass}`\n\nexport const clearButtonClass = 'absolute top-1/2 -translate-y-1/2 inline-flex h-5 w-5 items-center justify-center rounded-[var(--gr-radius-full)] text-[var(--gr-muted-fg)] hover:bg-[var(--gr-muted)] hover:text-[var(--gr-fg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport function grNumberInputShellClass(options: { disabled: boolean, state: GrNumberInputState, invalid: boolean }): string {\n  return [\n    options.disabled ? disabledShellClass : '',\n    options.invalid ? invalidBorderClass : borderClassByState[options.state],\n  ]\n    .filter(Boolean)\n    .join(' ')\n}\n\nexport function grNumberInputInputClass(options: { size: GrNumberInputSize, textAlign: GrNumberInputTextAlign }): string {\n  return [\n    sizeClassBySize[options.size],\n    textAlignClassByAlign[options.textAlign],\n  ].join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  borderClassByState,\n  clearButtonClass,\n  disabledShellClass,\n  invalidBorderClass,\n  stepperCompactClass,\n  stepperWideClass,\n  sizeClassBySize,\n  textAlignClassByAlign,\n} from './grNumberInputStyles'\n\n// В safelist кладём только динамические токены, выбираемые по ключам в рантайме\n// (`size`/`textAlign`/`state`/`disabled`). Литералы shell/input/controls прописаны\n// статически в шаблоне — UnoCSS находит их сканом.\nexport const grNumberInputSafelist = [...new Set([\n  ...Object.values(sizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(textAlignClassByAlign).flatMap(splitClassTokens),\n  ...Object.values(borderClassByState).flatMap(splitClassTokens),\n  ...splitClassTokens(invalidBorderClass),\n  ...splitClassTokens(disabledShellClass),\n  ...splitClassTokens(stepperCompactClass),\n  ...splitClassTokens(stepperWideClass),\n  ...splitClassTokens(clearButtonClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grNumberInputSafelist } from './safelist'\n\nexport const grNumberInputConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrNumberInput',\n  dependencies: ['GrIcon'],\n  safelist: grNumberInputSafelist,\n})"],"mappings":";;;AAYA,IAAa,kBAAqD;CAChE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,wBAAgE;CAC3E,MAAM;CACN,QAAQ;CACR,OAAO;AACT;AAEA,IAAa,qBAAyD;CACpE,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;AACV;;;;;;AAOA,IAAa,qBAAqB;;;;;AAMlC,IAAa,qBAAqB;AAElC,IAAM,mBAAmB;;AAGzB,IAAa,sBAAsB,yCAAyC;;AAG5E,IAAa,mBAAmB,iBAAiB;AAEjD,IAAa,mBAAmB;AAEhC,SAAgB,wBAAwB,SAAqF;CAC3H,OAAO,CACL,QAAQ,WAAW,qBAAqB,IACxC,QAAQ,UAAU,qBAAqB,mBAAmB,QAAQ,MACpE,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;AACb;AAEA,SAAgB,wBAAwB,SAAiF;CACvH,OAAO,CACL,gBAAgB,QAAQ,OACxB,sBAAsB,QAAQ,UAChC,CAAC,CAAC,KAAK,GAAG;AACZ;;;ACtDA,IAAa,wBAAwB,CAAC,mBAAG,IAAI,IAAI;CAC/C,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,GAAG,OAAO,OAAO,qBAAqB,CAAC,CAAC,QAAQ,gBAAgB;CAChE,GAAG,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;CAC7D,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,gBAAgB;AACtC,CAAC,CAAC;;;ACpBF,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK;CAC1E,MAAM;CACN,cAAc,CAAC,QAAQ;CACvB,UAAU;AACZ,CAAC"}

package/dist/chunks/context-BSYR7RZs.js

@@ -0,0 +1,152 @@
+import { computed, getCurrentInstance, inject } from "vue";
+//#region src/components/GrConfigProvider/context.ts
+/**
+* Контекст `GrConfigProvider` — глобальные дефолты для вложенных GR-компонентов:
+* размер контролов и per-component дефолтные пропсы.
+*
+* Компоненты читают его через {@link useGrConfig} (или хелперы ниже) и используют
+* как fallback, когда соответствующий проп не задан на самом компоненте. Провайдер
+* можно вкладывать — дочерний мержится поверх родительского.
+*/
+/**
+* Размеры, которыми оперирует провайдер. Это «размеры контролов» — общий
+* знаменатель формных компонентов, а не объединение всех size-шкал пакета
+* (у оверлеев есть свои `xl`/`full`, у слайдера нет `xs`).
+*/
+var GR_COMPONENT_SIZES = [
+	"xs",
+	"sm",
+	"md",
+	"lg"
+];
+var GR_CONFIG_KEY = Symbol("gr-config");
+/**
+* Пустой конфиг: когда провайдера в дереве нет, всё разрешается в `undefined`,
+* а компоненты падают на собственные дефолты.
+*
+* `computed` здесь не роскошь: контекст типизирован рефами, и потребитель вправе
+* прогнать `size` через `unref()` или `watch()`. Плоский объект `{ value: … }`
+* не пройдёт проверку `isRef`, и такой код молча получит сам объект вместо
+* значения — поэтому «просто константа» тут не подходит.
+*
+* А вот пустые значения заморожены, и это не педантизм: `computed` без
+* зависимостей вычисляется один раз и отдаёт **один и тот же** объект всем
+* компонентам без провайдера. Незамороженный, он позволил бы одному потребителю
+* записать в него ключ и тем самым подменить дефолты всему приложению.
+*/
+var EMPTY_COMPONENT_DEFAULTS = Object.freeze({});
+var EMPTY_CONFIG = {
+	size: computed(() => void 0),
+	componentDefaults: computed(() => EMPTY_COMPONENT_DEFAULTS),
+	theme: computed(() => void 0),
+	portalTarget: computed(() => void 0)
+};
+/** Возвращает ближайший `GrConfigProvider` или пустой конфиг, если провайдера нет. */
+function useGrConfig() {
+	return inject(GR_CONFIG_KEY, EMPTY_CONFIG);
+}
+function isGrConfigContext(source) {
+	return typeof source?.componentDefaults?.value === "object";
+}
+/**
+* Конфиг там, где `inject` недоступен — вне `setup`: в директивах, императивных
+* сервисах, утилитах. Порядок: явный контекст → `provides` источника → `inject`
+* (если есть активный инстанс) → пустой конфиг.
+*
+* Важно понимать границу: `provides` у `AppContext` содержит только то, что
+* роздано через `app.provide()`. Значения от `<GrConfigProvider>` живут в дереве
+* компонентов, и достать их можно лишь оттуда, где это дерево ещё есть — то есть
+* захватом в `setup`. Просто передать `appContext` в отрыве от дерева
+* недостаточно; см. `SPEC-GrConfig-resolver.md`.
+*/
+function resolveGrConfig(source) {
+	if (isGrConfigContext(source)) return source;
+	const provides = source?.provides;
+	if (provides) {
+		const fromProvides = provides[GR_CONFIG_KEY];
+		return isGrConfigContext(fromProvides) ? fromProvides : EMPTY_CONFIG;
+	}
+	if (getCurrentInstance()) return inject(GR_CONFIG_KEY, EMPTY_CONFIG);
+	return EMPTY_CONFIG;
+}
+var warnedUnsupportedSizes = /* @__PURE__ */ new Set();
+function warnUnsupportedSize(size, supported) {
+	const key = `${size}|${supported.join(",")}`;
+	if (warnedUnsupportedSizes.has(key)) return;
+	warnedUnsupportedSizes.add(key);
+	console.warn(`[granularity] GrConfigProvider size="${size}" is not supported by this component (supported: ${supported.join(", ")}); falling back to its own default.`);
+}
+/**
+* Эффективный размер компонента. Приоритет:
+* локальный проп → `componentDefaults[Component].size` → глобальный `size`
+* провайдера → `fallback`. Точечная настройка компонента должна побеждать
+* общую — иначе `componentDefaults` нельзя было бы использовать как исключение
+* из глобального правила.
+*
+* Передавайте `size` геттером, чтобы сохранить реактивность.
+*
+* Локальный проп не проверяется по `supported`: он уже сужен типом пропа самого
+* компонента, и передать туда лишнее — явная ошибка вызывающего кода. Проверка
+* нужна конфигу: это глобальный канал, который не знает, кто его читает.
+*/
+function useGrComponentSize(localSize, options = {}) {
+	const { component, fallback = "md", supported } = options;
+	const config = useGrConfig();
+	return computed(() => {
+		const local = localSize();
+		if (local !== void 0) return local;
+		const fromConfig = (component ? config.componentDefaults.value[component]?.size : void 0) ?? config.size.value;
+		if (fromConfig === void 0) return fallback;
+		if (supported && !supported.includes(fromConfig)) {
+			if (typeof process !== "undefined" && process.env.NODE_ENV !== "production") warnUnsupportedSize(fromConfig, supported);
+			return fallback;
+		}
+		return fromConfig;
+	});
+}
+/** Дефолтные пропсы конкретного компонента из ближайшего провайдера. */
+function useGrComponentDefaults(name) {
+	const config = useGrConfig();
+	return computed(() => config.componentDefaults.value[name] ?? EMPTY_COMPONENT_DEFAULTS);
+}
+/**
+* Эффективное значение «оформительского» пропа: локальный проп →
+* `componentDefaults[Component][prop]` → собственный дефолт компонента.
+*
+* Обязательное условие на стороне компонента: у такого пропа в `withDefaults`
+* должен стоять `undefined`, а «настоящий» дефолт — переехать сюда, в `fallback`.
+* Иначе конфиг не сработает никогда: Vue отдаёт `props.x` уже с подставленным
+* дефолтом, и отличить «пользователь передал значение» от «сработал дефолт»
+* изнутри компонента невозможно.
+*/
+function useGrComponentProp(component, prop, localValue, fallback) {
+	const config = useGrConfig();
+	return computed(() => {
+		const local = localValue();
+		if (local !== void 0) return local;
+		return config.componentDefaults.value[component]?.[prop] ?? fallback;
+	});
+}
+/**
+* Атрибут темы для **телепортируемого** корня панели.
+*
+* Панель уезжает в `body`, то есть вне DOM-поддерева провайдера, и `data-theme`
+* с его обёртки на неё не наследуется. В дереве компонентов она при этом
+* остаётся внутри — `inject` работает, — поэтому тему панель ставит себе сама.
+* Без этого «тёмный остров» ломался бы на первом же открытом дропдауне.
+*
+* ```vue
+* <teleport to="body">
+*   <div v-bind="themeAttrs">…</div>
+* </teleport>
+* ```
+*/
+function useGrThemeAttrs() {
+	const config = useGrConfig();
+	return computed(() => {
+		const theme = config.theme?.value;
+		return theme ? { "data-theme": theme } : {};
+	});
+}
+//#endregion
+export { useGrComponentProp as a, useGrThemeAttrs as c, useGrComponentDefaults as i, GR_CONFIG_KEY as n, useGrComponentSize as o, resolveGrConfig as r, useGrConfig as s, GR_COMPONENT_SIZES as t };

package/dist/chunks/context-BSYR7RZs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-BSYR7RZs.js","names":[],"sources":["../../src/components/GrConfigProvider/context.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, type ComputedRef, type InjectionKey } from 'vue'\n\n/**\n * Контекст `GrConfigProvider` — глобальные дефолты для вложенных GR-компонентов:\n * размер контролов и per-component дефолтные пропсы.\n *\n * Компоненты читают его через {@link useGrConfig} (или хелперы ниже) и используют\n * как fallback, когда соответствующий проп не задан на самом компоненте. Провайдер\n * можно вкладывать — дочерний мержится поверх родительского.\n */\n\n/**\n * Размеры, которыми оперирует провайдер. Это «размеры контролов» — общий\n * знаменатель формных компонентов, а не объединение всех size-шкал пакета\n * (у оверлеев есть свои `xl`/`full`, у слайдера нет `xs`).\n */\nexport const GR_COMPONENT_SIZES = ['xs', 'sm', 'md', 'lg'] as const\n\nexport type GrComponentSize = typeof GR_COMPONENT_SIZES[number]\n\n/**\n * Открытый реестр компонентов, у которых есть настраиваемые через конфиг пропы.\n *\n * Пустой по умолчанию: каждый компонент дополняет его **из своей папки** через\n * declaration merging (`GrButton/defaults.ts` и т. п.). Так провайдер не знает\n * ни имён, ни типов конкретных компонентов — контракт объявляет тот, кто им\n * владеет, а не общий модуль.\n *\n * Практическое следствие: реестр состоит ровно из тех компонентов, которые\n * попали в граф типов потребителя. Импортировали только `GrButton` — в\n * `componentDefaults` типизирована только кнопка, типы `GrBadge` в проект не\n * приезжают.\n *\n * ```ts\n * // GrButton/defaults.ts\n * declare module '../GrConfigProvider/context' {\n *   interface GrComponentDefaultsRegistry {\n *     GrButton: GrButtonConfigurableProps\n *   }\n * }\n * ```\n */\nexport interface GrComponentDefaultsRegistry {}\n\n/** Имя компонента, у которого есть настраиваемые через конфиг пропы. */\nexport type GrConfigurableComponent = keyof GrComponentDefaultsRegistry\n\n/**\n * Дефолтные пропсы по имени компонента: `{ GrButton: { variant: 'secondary' } }`.\n *\n * Набор ключей закрыт реестром, а не `Record<string, unknown>`: через конфиг\n * должны настраиваться только «оформительские» пропы. Пустить туда что угодно —\n * значит разрешить задать глобальный `modelValue` или обработчик и получить баг,\n * который ищется часами.\n */\nexport type GrComponentDefaults = {\n  [TComponent in GrConfigurableComponent]?: Partial<GrComponentDefaultsRegistry[TComponent]>\n}\n\ntype GrDefaultsOf<TComponent extends GrConfigurableComponent> = Partial<GrComponentDefaultsRegistry[TComponent]>\n\nexport interface GrConfigContext {\n  /** Дефолтный размер контролов (если проп `size` не задан на компоненте). */\n  size: ComputedRef<GrComponentSize | undefined>\n  /** Дефолтные пропсы по компонентам. */\n  componentDefaults: ComputedRef<GrComponentDefaults>\n  /**\n   * Тема поддерева (`data-theme`). Необязательна: тип публичный, и контекст\n   * строят руками — например хост императивных диалогов.\n   */\n  theme?: ComputedRef<string | undefined>\n  /**\n   * Куда монтируются оверлеи поддерева (`usePortalTarget`). Необязательно, как\n   * и `theme`: контекст строят руками — например хост императивных диалогов.\n   */\n  portalTarget?: ComputedRef<string | HTMLElement | undefined>\n}\n\nexport const GR_CONFIG_KEY: InjectionKey<GrConfigContext> = Symbol('gr-config')\n\n/**\n * Пустой конфиг: когда провайдера в дереве нет, всё разрешается в `undefined`,\n * а компоненты падают на собственные дефолты.\n *\n * `computed` здесь не роскошь: контекст типизирован рефами, и потребитель вправе\n * прогнать `size` через `unref()` или `watch()`. Плоский объект `{ value: … }`\n * не пройдёт проверку `isRef`, и такой код молча получит сам объект вместо\n * значения — поэтому «просто константа» тут не подходит.\n *\n * А вот пустые значения заморожены, и это не педантизм: `computed` без\n * зависимостей вычисляется один раз и отдаёт **один и тот же** объект всем\n * компонентам без провайдера. Незамороженный, он позволил бы одному потребителю\n * записать в него ключ и тем самым подменить дефолты всему приложению.\n */\nconst EMPTY_COMPONENT_DEFAULTS: GrComponentDefaults = Object.freeze({})\n\nconst EMPTY_CONFIG: GrConfigContext = {\n  size: computed(() => undefined),\n  componentDefaults: computed(() => EMPTY_COMPONENT_DEFAULTS),\n  theme: computed(() => undefined),\n  portalTarget: computed(() => undefined),\n}\n\n/** Возвращает ближайший `GrConfigProvider` или пустой конфиг, если провайдера нет. */\nexport function useGrConfig(): GrConfigContext {\n  return inject(GR_CONFIG_KEY, EMPTY_CONFIG)\n}\n\n/**\n * Источник конфига для {@link resolveGrConfig}: сам контекст, `AppContext` или\n * инстанс компонента — у двух последних читается `provides`.\n */\nexport type GrConfigSource = GrConfigContext | { provides?: Record<symbol | string, unknown> }\n\nfunction isGrConfigContext(source: unknown): source is GrConfigContext {\n  return typeof (source as GrConfigContext | null)?.componentDefaults?.value === 'object'\n}\n\n/**\n * Конфиг там, где `inject` недоступен — вне `setup`: в директивах, императивных\n * сервисах, утилитах. Порядок: явный контекст → `provides` источника → `inject`\n * (если есть активный инстанс) → пустой конфиг.\n *\n * Важно понимать границу: `provides` у `AppContext` содержит только то, что\n * роздано через `app.provide()`. Значения от `<GrConfigProvider>` живут в дереве\n * компонентов, и достать их можно лишь оттуда, где это дерево ещё есть — то есть\n * захватом в `setup`. Просто передать `appContext` в отрыве от дерева\n * недостаточно; см. `SPEC-GrConfig-resolver.md`.\n */\nexport function resolveGrConfig(source?: GrConfigSource | null): GrConfigContext {\n  if (isGrConfigContext(source)) return source\n\n  const provides = source?.provides\n  if (provides) {\n    const fromProvides = provides[GR_CONFIG_KEY as symbol] as GrConfigContext | undefined\n    return isGrConfigContext(fromProvides) ? fromProvides : EMPTY_CONFIG\n  }\n\n  if (getCurrentInstance()) return inject(GR_CONFIG_KEY, EMPTY_CONFIG)\n\n  return EMPTY_CONFIG\n}\n\nexport type UseGrComponentSizeOptions<TSize extends string> = {\n  /**\n   * Имя компонента, чтобы учесть точечный `componentDefaults[Component].size`.\n   * Без него читается только глобальный `size` провайдера.\n   */\n  component?: GrConfigurableComponent\n  /** Размер, когда ни проп, ни конфиг ничего не дали. По умолчанию `md`. */\n  fallback?: TSize\n  /**\n   * Размеры, которые компонент реально умеет. Значение из конфига вне этого\n   * списка игнорируется в пользу `fallback`.\n   *\n   * Обязателен для компонентов, у которых size-шкала уже общей (`GrSlider`,\n   * `GrRating`, `GrSwitch`, `GrLink`, `GrStatistic` не знают про `xs`): без него\n   * `<GrConfigProvider size=\"xs\">` дал бы `sizeMap['xs'] === undefined`, то есть\n   * компонент без размерных классов — молча, без ошибки сборки.\n   */\n  supported?: readonly TSize[]\n}\n\n// Предупреждаем один раз на уникальную пару «размер + список поддерживаемых»,\n// иначе список из сотни контролов зальёт консоль одинаковыми сообщениями.\nconst warnedUnsupportedSizes = new Set<string>()\n\n/** Сброс дедупликации предупреждений. Внутреннее API — нужно тестам. */\nexport function resetUnsupportedSizeWarnings(): void {\n  warnedUnsupportedSizes.clear()\n}\n\nfunction warnUnsupportedSize(size: string, supported: readonly string[]): void {\n  const key = `${size}|${supported.join(',')}`\n  if (warnedUnsupportedSizes.has(key)) return\n  warnedUnsupportedSizes.add(key)\n\n  console.warn(\n    `[granularity] GrConfigProvider size=\"${size}\" is not supported by this component `\n    + `(supported: ${supported.join(', ')}); falling back to its own default.`,\n  )\n}\n\n/**\n * Эффективный размер компонента. Приоритет:\n * локальный проп → `componentDefaults[Component].size` → глобальный `size`\n * провайдера → `fallback`. Точечная настройка компонента должна побеждать\n * общую — иначе `componentDefaults` нельзя было бы использовать как исключение\n * из глобального правила.\n *\n * Передавайте `size` геттером, чтобы сохранить реактивность.\n *\n * Локальный проп не проверяется по `supported`: он уже сужен типом пропа самого\n * компонента, и передать туда лишнее — явная ошибка вызывающего кода. Проверка\n * нужна конфигу: это глобальный канал, который не знает, кто его читает.\n */\nexport function useGrComponentSize<TSize extends string = GrComponentSize>(\n  localSize: () => TSize | undefined,\n  options: UseGrComponentSizeOptions<TSize> = {},\n): ComputedRef<TSize> {\n  // Все size-шкалы пакета содержат `md`, поэтому он безопасен как общий дефолт.\n  const { component, fallback = 'md' as TSize, supported } = options\n  const config = useGrConfig()\n\n  return computed(() => {\n    const local = localSize()\n    if (local !== undefined) return local\n\n    const fromComponentDefaults = component\n      ? (config.componentDefaults.value[component] as { size?: TSize } | undefined)?.size\n      : undefined\n\n    const fromConfig = fromComponentDefaults ?? config.size.value\n    if (fromConfig === undefined) return fallback\n\n    if (supported && !supported.includes(fromConfig as TSize)) {\n      // Проверку окружения держим инлайном: бандлер потребителя подставляет\n      // `process.env.NODE_ENV`, сворачивает условие в `false` и выкидывает\n      // и текст предупреждения, и дедуп-Set. Через промежуточную константу\n      // это не работает — межмодульную свёртку esbuild/rollup не делают, и\n      // DX-сообщение осталось бы в каждом бандле (проверено замером).\n      // `typeof process` — страховка для сборок, где `process` не определён.\n      if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production')\n        warnUnsupportedSize(fromConfig, supported)\n      return fallback\n    }\n\n    return fromConfig as TSize\n  })\n}\n\n/** Дефолтные пропсы конкретного компонента из ближайшего провайдера. */\nexport function useGrComponentDefaults<TComponent extends GrConfigurableComponent>(\n  name: TComponent,\n): ComputedRef<GrDefaultsOf<TComponent>> {\n  const config = useGrConfig()\n  return computed(() => (config.componentDefaults.value[name] ?? EMPTY_COMPONENT_DEFAULTS) as GrDefaultsOf<TComponent>)\n}\n\n/**\n * Эффективное значение «оформительского» пропа: локальный проп →\n * `componentDefaults[Component][prop]` → собственный дефолт компонента.\n *\n * Обязательное условие на стороне компонента: у такого пропа в `withDefaults`\n * должен стоять `undefined`, а «настоящий» дефолт — переехать сюда, в `fallback`.\n * Иначе конфиг не сработает никогда: Vue отдаёт `props.x` уже с подставленным\n * дефолтом, и отличить «пользователь передал значение» от «сработал дефолт»\n * изнутри компонента невозможно.\n */\nexport function useGrComponentProp<\n  TComponent extends GrConfigurableComponent,\n  TProp extends keyof GrDefaultsOf<TComponent>,\n>(\n  component: TComponent,\n  prop: TProp,\n  localValue: () => GrDefaultsOf<TComponent>[TProp],\n  fallback: NonNullable<GrDefaultsOf<TComponent>[TProp]>,\n): ComputedRef<NonNullable<GrDefaultsOf<TComponent>[TProp]>> {\n  const config = useGrConfig()\n\n  return computed(() => {\n    const local = localValue()\n    if (local !== undefined) return local as NonNullable<GrDefaultsOf<TComponent>[TProp]>\n\n    // Промежуточная аннотация (а не `as`) нужна, чтобы TS не разворачивал\n    // `GrComponentDefaults[TComponent]` в объединение всех блоков — по нему\n    // generic-ключ `TProp` уже не проиндексировать.\n    const defaults: GrDefaultsOf<TComponent> | undefined = config.componentDefaults.value[component]\n    return defaults?.[prop] ?? fallback\n  })\n}\n\n/**\n * Атрибут темы для **телепортируемого** корня панели.\n *\n * Панель уезжает в `body`, то есть вне DOM-поддерева провайдера, и `data-theme`\n * с его обёртки на неё не наследуется. В дереве компонентов она при этом\n * остаётся внутри — `inject` работает, — поэтому тему панель ставит себе сама.\n * Без этого «тёмный остров» ломался бы на первом же открытом дропдауне.\n *\n * ```vue\n * <teleport to=\"body\">\n *   <div v-bind=\"themeAttrs\">…</div>\n * </teleport>\n * ```\n */\nexport function useGrThemeAttrs(): ComputedRef<{ 'data-theme'?: string }> {\n  const config = useGrConfig()\n  return computed(() => {\n    const theme = config.theme?.value\n    return theme ? { 'data-theme': theme } : {}\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,IAAa,qBAAqB;CAAC;CAAM;CAAM;CAAM;AAAI;AA8DzD,IAAa,gBAA+C,OAAO,WAAW;;;;;;;;;;;;;;;AAgB9E,IAAM,2BAAgD,OAAO,OAAO,CAAC,CAAC;AAEtE,IAAM,eAAgC;CACpC,MAAM,eAAe,KAAA,CAAS;CAC9B,mBAAmB,eAAe,wBAAwB;CAC1D,OAAO,eAAe,KAAA,CAAS;CAC/B,cAAc,eAAe,KAAA,CAAS;AACxC;;AAGA,SAAgB,cAA+B;CAC7C,OAAO,OAAO,eAAe,YAAY;AAC3C;AAQA,SAAS,kBAAkB,QAA4C;CACrE,OAAO,OAAQ,QAAmC,mBAAmB,UAAU;AACjF;;;;;;;;;;;;AAaA,SAAgB,gBAAgB,QAAiD;CAC/E,IAAI,kBAAkB,MAAM,GAAG,OAAO;CAEtC,MAAM,WAAW,QAAQ;CACzB,IAAI,UAAU;EACZ,MAAM,eAAe,SAAS;EAC9B,OAAO,kBAAkB,YAAY,IAAI,eAAe;CAC1D;CAEA,IAAI,mBAAmB,GAAG,OAAO,OAAO,eAAe,YAAY;CAEnE,OAAO;AACT;AAwBA,IAAM,yCAAyB,IAAI,IAAY;AAO/C,SAAS,oBAAoB,MAAc,WAAoC;CAC7E,MAAM,MAAM,GAAG,KAAK,GAAG,UAAU,KAAK,GAAG;CACzC,IAAI,uBAAuB,IAAI,GAAG,GAAG;CACrC,uBAAuB,IAAI,GAAG;CAE9B,QAAQ,KACN,wCAAwC,KAAK,mDAC5B,UAAU,KAAK,IAAI,EAAE,oCACxC;AACF;;;;;;;;;;;;;;AAeA,SAAgB,mBACd,WACA,UAA4C,CAAC,GACzB;CAEpB,MAAM,EAAE,WAAW,WAAW,MAAe,cAAc;CAC3D,MAAM,SAAS,YAAY;CAE3B,OAAO,eAAe;EACpB,MAAM,QAAQ,UAAU;EACxB,IAAI,UAAU,KAAA,GAAW,OAAO;EAMhC,MAAM,cAJwB,YACzB,OAAO,kBAAkB,MAAM,UAAU,EAAmC,OAC7E,KAAA,MAEwC,OAAO,KAAK;EACxD,IAAI,eAAe,KAAA,GAAW,OAAO;EAErC,IAAI,aAAa,CAAC,UAAU,SAAS,UAAmB,GAAG;GAOzD,IAAI,OAAO,YAAY,eAAA,QAAA,IAAA,aAAwC,cAC7D,oBAAoB,YAAY,SAAS;GAC3C,OAAO;EACT;EAEA,OAAO;CACT,CAAC;AACH;;AAGA,SAAgB,uBACd,MACuC;CACvC,MAAM,SAAS,YAAY;CAC3B,OAAO,eAAgB,OAAO,kBAAkB,MAAM,SAAS,wBAAqD;AACtH;;;;;;;;;;;AAYA,SAAgB,mBAId,WACA,MACA,YACA,UAC2D;CAC3D,MAAM,SAAS,YAAY;CAE3B,OAAO,eAAe;EACpB,MAAM,QAAQ,WAAW;EACzB,IAAI,UAAU,KAAA,GAAW,OAAO;EAMhC,OADuD,OAAO,kBAAkB,MAAM,UAC/E,GAAW,SAAS;CAC7B,CAAC;AACH;;;;;;;;;;;;;;;AAgBA,SAAgB,kBAA0D;CACxE,MAAM,SAAS,YAAY;CAC3B,OAAO,eAAe;EACpB,MAAM,QAAQ,OAAO,OAAO;EAC5B,OAAO,QAAQ,EAAE,cAAc,MAAM,IAAI,CAAC;CAC5C,CAAC;AACH"}