@feugene/granularity 0.13.0 → 0.18.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-T3qdQBgU2.js","names":[],"sources":["../../src/components/GrSlider/safelist.ts","../../src/components/GrSlider/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  sliderFillBaseClass,\n  sliderFillDisabledClass,\n  sliderFillEnabledClass,\n  sliderFillOrientationClass,\n  sliderMarkLabelClass,\n  sliderMarkLabelDisabledClass,\n  sliderMarkLabelHorizontalClass,\n  sliderMarkLabelVerticalClass,\n  sliderMarkTickBaseClass,\n  sliderMarkTickOrientationClass,\n  sliderPaddingBySize,\n  sliderPaddingVerticalBySize,\n  sliderRailClass,\n  sliderRootBaseClass,\n  sliderRootOrientationClass,\n  sliderThumbBaseClass,\n  sliderThumbDisabledClass,\n  sliderThumbEnabledClass,\n  sliderThumbOrientationClass,\n  sliderThumbSizeBySize,\n  sliderTooltipBaseClass,\n  sliderTooltipOrientationClass,\n  sliderTrackHeightBySize,\n  sliderTrackVerticalLengthClass,\n  sliderTrackWidthBySize,\n} from './grSliderStyles'\n\n// Всё, что живёт в `grSliderStyles.ts`: и вычисляемые мапы, и строковые литералы\n// дорожки, бегунка, тултипа и меток. Хелпер уезжает в общий `dist/chunks/`, вне\n// области скана компонента — гейт `src/__tests__/safelist.test.ts`.\nexport const grSliderSafelist = [...new Set([\n  ...Object.values(sliderTrackHeightBySize).flatMap(splitClassTokens),\n  ...Object.values(sliderTrackWidthBySize).flatMap(splitClassTokens),\n  ...Object.values(sliderThumbSizeBySize).flatMap(splitClassTokens),\n  ...Object.values(sliderPaddingBySize).flatMap(splitClassTokens),\n  ...Object.values(sliderPaddingVerticalBySize).flatMap(splitClassTokens),\n  ...Object.values(sliderRootOrientationClass).flatMap(splitClassTokens),\n  ...Object.values(sliderFillOrientationClass).flatMap(splitClassTokens),\n  ...Object.values(sliderThumbOrientationClass).flatMap(splitClassTokens),\n  ...Object.values(sliderTooltipOrientationClass).flatMap(splitClassTokens),\n  ...Object.values(sliderMarkTickOrientationClass).flatMap(splitClassTokens),\n  ...splitClassTokens(sliderRootBaseClass),\n  ...splitClassTokens(sliderRailClass),\n  ...splitClassTokens(sliderFillBaseClass),\n  ...splitClassTokens(sliderFillEnabledClass),\n  ...splitClassTokens(sliderFillDisabledClass),\n  ...splitClassTokens(sliderTrackVerticalLengthClass),\n  ...splitClassTokens(sliderThumbBaseClass),\n  ...splitClassTokens(sliderThumbEnabledClass),\n  ...splitClassTokens(sliderThumbDisabledClass),\n  ...splitClassTokens(sliderTooltipBaseClass),\n  ...splitClassTokens(sliderMarkTickBaseClass),\n  ...splitClassTokens(sliderMarkLabelClass),\n  ...splitClassTokens(sliderMarkLabelHorizontalClass),\n  ...splitClassTokens(sliderMarkLabelVerticalClass),\n  ...splitClassTokens(sliderMarkLabelDisabledClass),\n  // Резерв места под подписи меток и их выравнивание: центр / к левому / к правому краю.\n  ...splitClassTokens('mb-7 mr-10 translate-x-0 -translate-x-1/2 -translate-x-full'),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grSliderSafelist } from './safelist'\n\nexport const grSliderConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSlider',\n  safelist: grSliderSafelist,\n})\n"],"mappings":";;;;AAgCA,IAAa,mBAAmB,CAAC,mBAAG,IAAI,IAAI;CAC1C,GAAG,OAAO,OAAO,uBAAuB,CAAC,CAAC,QAAQ,gBAAgB;CAClE,GAAG,OAAO,OAAO,sBAAsB,CAAC,CAAC,QAAQ,gBAAgB;CACjE,GAAG,OAAO,OAAO,qBAAqB,CAAC,CAAC,QAAQ,gBAAgB;CAChE,GAAG,OAAO,OAAO,mBAAmB,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,GAAG,OAAO,OAAO,2BAA2B,CAAC,CAAC,QAAQ,gBAAgB;CACtE,GAAG,OAAO,OAAO,0BAA0B,CAAC,CAAC,QAAQ,gBAAgB;CACrE,GAAG,OAAO,OAAO,0BAA0B,CAAC,CAAC,QAAQ,gBAAgB;CACrE,GAAG,OAAO,OAAO,2BAA2B,CAAC,CAAC,QAAQ,gBAAgB;CACtE,GAAG,OAAO,OAAO,6BAA6B,CAAC,CAAC,QAAQ,gBAAgB;CACxE,GAAG,OAAO,OAAO,8BAA8B,CAAC,CAAC,QAAQ,gBAAgB;CACzE,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,uBAAuB;CAC3C,GAAG,iBAAiB,8BAA8B;CAClD,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,uBAAuB;CAC3C,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,uBAAuB;CAC3C,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,8BAA8B;CAClD,GAAG,iBAAiB,4BAA4B;CAChD,GAAG,iBAAiB,4BAA4B;CAEhD,GAAG,iBAAiB,6DAA6D;AACnF,CAAC,CAAC;;;ACxDF,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/config-WTNhdh6T2.js

@@ -0,0 +1,20 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { a as tableSizes, i as stripedClass, n as hoverableClass, r as loadingRowCellClass, t as emptyCellClass } from "./grTableStyles-C-iaqQUN.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrTable/safelist.ts
+var grTableSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(tableSizes).flatMap(splitClassTokens),
+	...splitClassTokens(stripedClass),
+	...splitClassTokens(hoverableClass),
+	...splitClassTokens(emptyCellClass),
+	...splitClassTokens(loadingRowCellClass)
+])];
+//#endregion
+//#region src/components/GrTable/config.ts
+var grTableConfig = defineGranularComponent(import.meta.url, {
+	name: "GrTable",
+	dependencies: ["GrSkeleton"],
+	safelist: grTableSafelist
+});
+//#endregion
+export { grTableSafelist as n, grTableConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-WTNhdh6T2.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-_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-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-gvq_hWNM.js

@@ -0,0 +1,103 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrStatistic/grStatisticStyles.ts
+/**
+* Кастомизация через CSS-переменные:
+*
+* - `--gr-statistic-value-color` — цвет значения (по умолчанию — из `tone`).
+* - `--gr-statistic-title-color` — цвет подписи показателя.
+*/
+var statisticTitleSizeBySize = {
+	xs: "text-[length:var(--gr-text-2xs)]",
+	sm: "text-[length:var(--gr-text-xs)]",
+	md: "text-[length:var(--gr-text-xs)]",
+	lg: "text-[length:var(--gr-text-sm)]"
+};
+var statisticValueSizeBySize = {
+	xs: "text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]",
+	sm: "text-[length:var(--gr-text-xl)] leading-[var(--gr-leading-xl)]",
+	md: "text-[length:var(--gr-text-3xl)] leading-[var(--gr-leading-3xl)]",
+	lg: "text-[length:var(--gr-text-4xl)] leading-tight"
+};
+var statisticAffixSizeBySize = {
+	xs: "text-[length:var(--gr-text-xs)]",
+	sm: "text-[length:var(--gr-text-xs)]",
+	md: "text-[length:var(--gr-text-base)]",
+	lg: "text-[length:var(--gr-text-xl)]"
+};
+var statisticPlaceholderHeightBySize = {
+	xs: "22px",
+	sm: "28px",
+	md: "36px",
+	lg: "44px"
+};
+var statisticTrendSizeBySize = {
+	xs: "text-[length:var(--gr-text-2xs)]",
+	sm: "text-[length:var(--gr-text-xs)]",
+	md: "text-[length:var(--gr-text-xs)]",
+	lg: "text-[length:var(--gr-text-sm)]"
+};
+var statisticValueClassByTone = {
+	neutral: "text-[var(--gr-statistic-value-color,var(--gr-fg))]",
+	primary: "text-[var(--gr-statistic-value-color,var(--gr-primary))]",
+	success: "text-[var(--gr-statistic-value-color,var(--gr-success-text))]",
+	warning: "text-[var(--gr-statistic-value-color,var(--gr-warning-text))]",
+	danger: "text-[var(--gr-statistic-value-color,var(--gr-danger-text))]",
+	info: "text-[var(--gr-statistic-value-color,var(--gr-info-text))]",
+	slate: "text-[var(--gr-statistic-value-color,var(--gr-slate-text))]",
+	azure: "text-[var(--gr-statistic-value-color,var(--gr-azure-text))]"
+};
+var statisticTrendClassByTrend = {
+	up: "text-[var(--gr-success-text)]",
+	down: "text-[var(--gr-danger-text)]",
+	flat: "text-[var(--gr-muted-fg)]"
+};
+var statisticTrendIconByTrend = {
+	up: "i-lucide-trending-up",
+	down: "i-lucide-trending-down",
+	flat: "i-lucide-minus"
+};
+var statisticTitleClass = "font-medium tracking-wide text-[var(--gr-statistic-title-color,var(--gr-muted-fg))]";
+var statisticRootBase = "flex items-start gap-3 text-left";
+/**
+* Показатель-ссылка или показатель-кнопка. Своей заливки не получает: плитка
+* дашборда обычно уже лежит в `GrCard`, и вторая поверхность спорила бы с ней.
+* Видимость интерактивности держат курсор, фокус-кольцо и подсветка подписи.
+*/
+var statisticRootInteractiveClass = "w-full cursor-pointer rounded-[var(--gr-radius-md)] transition-colors hover:bg-[var(--gr-muted)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+function statisticRootClass(options) {
+	return [statisticRootBase, options.interactive ? statisticRootInteractiveClass : ""].filter(Boolean).join(" ");
+}
+/** `tabular-nums` держит ширину строки при переборе чисел и при смене значения. */
+var statisticValueTypographyClass = "font-semibold tabular-nums";
+function statisticValueClass(options) {
+	return [
+		statisticValueTypographyClass,
+		statisticValueSizeBySize[options.size],
+		statisticValueClassByTone[options.tone]
+	].join(" ");
+}
+//#endregion
+//#region src/components/GrStatistic/safelist.ts
+var grStatisticSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(statisticTitleSizeBySize).flatMap(splitClassTokens),
+	...Object.values(statisticValueSizeBySize).flatMap(splitClassTokens),
+	...Object.values(statisticAffixSizeBySize).flatMap(splitClassTokens),
+	...Object.values(statisticTrendSizeBySize).flatMap(splitClassTokens),
+	...Object.values(statisticValueClassByTone).flatMap(splitClassTokens),
+	...Object.values(statisticTrendClassByTrend).flatMap(splitClassTokens),
+	...Object.values(statisticTrendIconByTrend).flatMap(splitClassTokens),
+	...splitClassTokens(statisticRootBase),
+	...splitClassTokens(statisticRootInteractiveClass),
+	...splitClassTokens(statisticTitleClass),
+	...splitClassTokens(statisticValueTypographyClass)
+])];
+//#endregion
+//#region src/components/GrStatistic/config.ts
+var grStatisticConfig = defineGranularComponent(import.meta.url, {
+	name: "GrStatistic",
+	safelist: grStatisticSafelist,
+	dependencies: ["GrSkeleton"]
+});
+//#endregion
+export { statisticRootClass as a, statisticTrendClassByTrend as c, statisticValueClass as d, statisticPlaceholderHeightBySize as i, statisticTrendIconByTrend as l, grStatisticSafelist as n, statisticTitleClass as o, statisticAffixSizeBySize as r, statisticTitleSizeBySize as s, grStatisticConfig as t, statisticTrendSizeBySize as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-gvq_hWNM.js","names":[],"sources":["../../src/components/GrStatistic/grStatisticStyles.ts","../../src/components/GrStatistic/safelist.ts","../../src/components/GrStatistic/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nimport type { GrTone } from '../shared/tones'\n\nexport type GrStatisticSize = GrComponentSize\nexport type GrStatisticTone = GrTone\n/** Направление динамики показателя. */\nexport type GrStatisticTrend = 'up' | 'down' | 'flat'\n\n/**\n * Кастомизация через CSS-переменные:\n *\n * - `--gr-statistic-value-color` — цвет значения (по умолчанию — из `tone`).\n * - `--gr-statistic-title-color` — цвет подписи показателя.\n */\n\nexport const statisticTitleSizeBySize: Record<GrStatisticSize, string> = {\n  xs: 'text-[length:var(--gr-text-2xs)]',\n  sm: 'text-[length:var(--gr-text-xs)]',\n  md: 'text-[length:var(--gr-text-xs)]',\n  lg: 'text-[length:var(--gr-text-sm)]',\n}\n\nexport const statisticValueSizeBySize: Record<GrStatisticSize, string> = {\n  xs: 'text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]',\n  sm: 'text-[length:var(--gr-text-xl)] leading-[var(--gr-leading-xl)]',\n  md: 'text-[length:var(--gr-text-3xl)] leading-[var(--gr-leading-3xl)]',\n  lg: 'text-[length:var(--gr-text-4xl)] leading-tight',\n}\n\nexport const statisticAffixSizeBySize: Record<GrStatisticSize, string> = {\n  xs: 'text-[length:var(--gr-text-xs)]',\n  sm: 'text-[length:var(--gr-text-xs)]',\n  md: 'text-[length:var(--gr-text-base)]',\n  lg: 'text-[length:var(--gr-text-xl)]',\n}\n\n// Высота плейсхолдера загрузки повторяет строку значения — блок не «прыгает».\n// Значение отдаётся в `GrSkeleton` пропом, поэтому это px, а не класс.\nexport const statisticPlaceholderHeightBySize: Record<GrStatisticSize, string> = {\n  xs: '22px',\n  sm: '28px',\n  md: '36px',\n  lg: '44px',\n}\n\nexport const statisticTrendSizeBySize: Record<GrStatisticSize, string> = {\n  xs: 'text-[length:var(--gr-text-2xs)]',\n  sm: 'text-[length:var(--gr-text-xs)]',\n  md: 'text-[length:var(--gr-text-xs)]',\n  lg: 'text-[length:var(--gr-text-sm)]',\n}\n\n// Цвет значения по тону. `neutral` наследует основной цвет текста.\n//\n// Тона берутся из `-text`, а не из насыщенного `--gr-{tone}`: значение — это\n// ТЕКСТ на фоне страницы, а насыщенный тон для этого не предназначен\n// (`--gr-success` на `--gr-bg` — 2.2:1, ниже даже послабления 3:1 для крупного\n// текста). `-text` — ровно роль «тон как текст».\nexport const statisticValueClassByTone: Record<GrStatisticTone, string> = {\n  neutral: 'text-[var(--gr-statistic-value-color,var(--gr-fg))]',\n  primary: 'text-[var(--gr-statistic-value-color,var(--gr-primary))]',\n  success: 'text-[var(--gr-statistic-value-color,var(--gr-success-text))]',\n  warning: 'text-[var(--gr-statistic-value-color,var(--gr-warning-text))]',\n  danger: 'text-[var(--gr-statistic-value-color,var(--gr-danger-text))]',\n  info: 'text-[var(--gr-statistic-value-color,var(--gr-info-text))]',\n  slate: 'text-[var(--gr-statistic-value-color,var(--gr-slate-text))]',\n  azure: 'text-[var(--gr-statistic-value-color,var(--gr-azure-text))]',\n}\n\n// Строка динамики: рост — успех, падение — опасность, без изменений — приглушённый.\nexport const statisticTrendClassByTrend: Record<GrStatisticTrend, string> = {\n  up: 'text-[var(--gr-success-text)]',\n  down: 'text-[var(--gr-danger-text)]',\n  flat: 'text-[var(--gr-muted-fg)]',\n}\n\nexport const statisticTrendIconByTrend: Record<GrStatisticTrend, string> = {\n  up: 'i-lucide-trending-up',\n  down: 'i-lucide-trending-down',\n  flat: 'i-lucide-minus',\n}\n\nexport const statisticTitleClass = 'font-medium tracking-wide text-[var(--gr-statistic-title-color,var(--gr-muted-fg))]'\n\nexport const statisticRootBase = 'flex items-start gap-3 text-left'\n\n/**\n * Показатель-ссылка или показатель-кнопка. Своей заливки не получает: плитка\n * дашборда обычно уже лежит в `GrCard`, и вторая поверхность спорила бы с ней.\n * Видимость интерактивности держат курсор, фокус-кольцо и подсветка подписи.\n */\nexport const statisticRootInteractiveClass = 'w-full cursor-pointer rounded-[var(--gr-radius-md)] transition-colors hover:bg-[var(--gr-muted)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport function statisticRootClass(options: { interactive: boolean }): string {\n  return [\n    statisticRootBase,\n    options.interactive ? statisticRootInteractiveClass : '',\n  ].filter(Boolean).join(' ')\n}\n\n/** `tabular-nums` держит ширину строки при переборе чисел и при смене значения. */\nexport const statisticValueTypographyClass = 'font-semibold tabular-nums'\n\nexport function statisticValueClass(options: { size: GrStatisticSize, tone: GrStatisticTone }): string {\n  return [\n    statisticValueTypographyClass,\n    statisticValueSizeBySize[options.size],\n    statisticValueClassByTone[options.tone],\n  ].join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  statisticAffixSizeBySize,\n  statisticRootBase,\n  statisticRootInteractiveClass,\n  statisticTitleClass,\n  statisticTitleSizeBySize,\n  statisticTrendClassByTrend,\n  statisticTrendIconByTrend,\n  statisticTrendSizeBySize,\n  statisticValueClassByTone,\n  statisticValueSizeBySize,\n  statisticValueTypographyClass,\n} from './grStatisticStyles'\n\n// Классы из вычисляемых мап (size/tone/trend) UnoCSS сканом не находит — только safelist.\nexport const grStatisticSafelist = [...new Set([\n  ...Object.values(statisticTitleSizeBySize).flatMap(splitClassTokens),\n  ...Object.values(statisticValueSizeBySize).flatMap(splitClassTokens),\n  ...Object.values(statisticAffixSizeBySize).flatMap(splitClassTokens),\n  ...Object.values(statisticTrendSizeBySize).flatMap(splitClassTokens),\n  ...Object.values(statisticValueClassByTone).flatMap(splitClassTokens),\n  ...Object.values(statisticTrendClassByTrend).flatMap(splitClassTokens),\n  // Иконки динамики приходят из мапы — как классы-маски их тоже надо сгенерировать.\n  ...Object.values(statisticTrendIconByTrend).flatMap(splitClassTokens),\n  // Литералы из grStatisticStyles.ts (корень, подпись, типографика значения).\n  ...splitClassTokens(statisticRootBase),\n  ...splitClassTokens(statisticRootInteractiveClass),\n  ...splitClassTokens(statisticTitleClass),\n  ...splitClassTokens(statisticValueTypographyClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grStatisticSafelist } from './safelist'\n\nexport const grStatisticConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrStatistic',\n  safelist: grStatisticSafelist,\n  dependencies: ['GrSkeleton'],\n})\n"],"mappings":";;;;;;;;;AAgBA,IAAa,2BAA4D;CACvE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,2BAA4D;CACvE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,2BAA4D;CACvE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAIA,IAAa,mCAAoE;CAC/E,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,2BAA4D;CACvE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAQA,IAAa,4BAA6D;CACxE,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;AACT;AAGA,IAAa,6BAA+D;CAC1E,IAAI;CACJ,MAAM;CACN,MAAM;AACR;AAEA,IAAa,4BAA8D;CACzE,IAAI;CACJ,MAAM;CACN,MAAM;AACR;AAEA,IAAa,sBAAsB;AAEnC,IAAa,oBAAoB;;;;;;AAOjC,IAAa,gCAAgC;AAE7C,SAAgB,mBAAmB,SAA2C;CAC5E,OAAO,CACL,mBACA,QAAQ,cAAc,gCAAgC,EACxD,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B;;AAGA,IAAa,gCAAgC;AAE7C,SAAgB,oBAAoB,SAAmE;CACrG,OAAO;EACL;EACA,yBAAyB,QAAQ;EACjC,0BAA0B,QAAQ;CACpC,CAAC,CAAC,KAAK,GAAG;AACZ;;;AC9FA,IAAa,sBAAsB,CAAC,mBAAG,IAAI,IAAI;CAC7C,GAAG,OAAO,OAAO,wBAAwB,CAAC,CAAC,QAAQ,gBAAgB;CACnE,GAAG,OAAO,OAAO,wBAAwB,CAAC,CAAC,QAAQ,gBAAgB;CACnE,GAAG,OAAO,OAAO,wBAAwB,CAAC,CAAC,QAAQ,gBAAgB;CACnE,GAAG,OAAO,OAAO,wBAAwB,CAAC,CAAC,QAAQ,gBAAgB;CACnE,GAAG,OAAO,OAAO,yBAAyB,CAAC,CAAC,QAAQ,gBAAgB;CACpE,GAAG,OAAO,OAAO,0BAA0B,CAAC,CAAC,QAAQ,gBAAgB;CAErE,GAAG,OAAO,OAAO,yBAAyB,CAAC,CAAC,QAAQ,gBAAgB;CAEpE,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,6BAA6B;CACjD,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,6BAA6B;AACnD,CAAC,CAAC;;;AC1BF,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK;CACxE,MAAM;CACN,UAAU;CACV,cAAc,CAAC,YAAY;AAC7B,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"}