@feugene/granularity 0.22.0 → 0.24.1

package/dist/chunks/config-BFJIxE8b.js

@@ -0,0 +1,62 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrValue/grValueStyles.ts
+/**
+* Классы `GrValue`.
+*
+* Оформление аффиксов задаётся токенами, а не решением компонента. Раньше это
+* решение было зашито: префикс набирался как число, суффикс — как единица
+* измерения. Для `$14,99` и `42 %` правило верное, но доменное: рубль пишут
+* справа (`1 284 500 ₽`), и в роли суффикса он получал вид подписи.
+*
+* Дефолты сохраняют прежний вид, поэтому потребителю, которого он устраивал,
+* менять нечего.
+*/
+/**
+* Величина набирается кеглем и цветом того места, где стоит: своей шкалы у
+* примитива нет. `tabular-nums` держит ширину строки, когда число меняется.
+*/
+var valueRootClass = "inline-flex items-baseline tabular-nums";
+/**
+* Префикс — часть записи величины: по умолчанию её цвет, её кегль, вплотную.
+* `inherit` в фолбэке и делает «по умолчанию» наследованием, а не копией: тон
+* задаётся один раз на родителе и доезжает сюда сам.
+*/
+var valuePrefixClass = [
+	"leading-none",
+	"text-[var(--gr-value-prefix-color,inherit)]",
+	"text-[length:var(--gr-value-prefix-size,inherit)]",
+	"me-[var(--gr-value-prefix-gap,0)]"
+].join(" ");
+/**
+* Суффикс по умолчанию — единица измерения: приглушён, на ступень мельче и
+* отбит от числа.
+*
+* `leading-none` обязателен вместе с уменьшенным кеглем: межстрочный
+* наследуется от величины и рассчитан на её размер, а выровненная по базовой
+* линии приписка со своим меньшим кеглем растягивала бы им всю строку.
+*
+* Логический `me`/`ms` вместо `mr`/`ml`: в RTL отбивка обязана встать с другой
+* стороны, иначе суффикс прилипнет к числу.
+*/
+var valueSuffixClass = [
+	"leading-none",
+	"text-[var(--gr-value-suffix-color,var(--gr-muted-fg))]",
+	"text-[length:var(--gr-value-suffix-size,0.85em)]",
+	"ms-[var(--gr-value-suffix-gap,0.25rem)]"
+].join(" ");
+//#endregion
+//#region src/components/GrValue/safelist.ts
+var grValueSafelist = [.../* @__PURE__ */ new Set([
+	...splitClassTokens(valueRootClass),
+	...splitClassTokens(valuePrefixClass),
+	...splitClassTokens(valueSuffixClass)
+])];
+//#endregion
+//#region src/components/GrValue/config.ts
+var grValueConfig = defineGranularComponent(import.meta.url, {
+	name: "GrValue",
+	safelist: grValueSafelist
+});
+//#endregion
+export { valueSuffixClass as a, valueRootClass as i, grValueSafelist as n, valuePrefixClass as r, grValueConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BFJIxE8b.js","names":[],"sources":["../../src/components/GrValue/grValueStyles.ts","../../src/components/GrValue/safelist.ts","../../src/components/GrValue/config.ts"],"sourcesContent":["/**\n * Классы `GrValue`.\n *\n * Оформление аффиксов задаётся токенами, а не решением компонента. Раньше это\n * решение было зашито: префикс набирался как число, суффикс — как единица\n * измерения. Для `$14,99` и `42 %` правило верное, но доменное: рубль пишут\n * справа (`1 284 500 ₽`), и в роли суффикса он получал вид подписи.\n *\n * Дефолты сохраняют прежний вид, поэтому потребителю, которого он устраивал,\n * менять нечего.\n */\n\n/**\n * Величина набирается кеглем и цветом того места, где стоит: своей шкалы у\n * примитива нет. `tabular-nums` держит ширину строки, когда число меняется.\n */\nexport const valueRootClass = 'inline-flex items-baseline tabular-nums'\n\n/**\n * Префикс — часть записи величины: по умолчанию её цвет, её кегль, вплотную.\n * `inherit` в фолбэке и делает «по умолчанию» наследованием, а не копией: тон\n * задаётся один раз на родителе и доезжает сюда сам.\n */\nexport const valuePrefixClass = [\n  'leading-none',\n  'text-[var(--gr-value-prefix-color,inherit)]',\n  'text-[length:var(--gr-value-prefix-size,inherit)]',\n  'me-[var(--gr-value-prefix-gap,0)]',\n].join(' ')\n\n/**\n * Суффикс по умолчанию — единица измерения: приглушён, на ступень мельче и\n * отбит от числа.\n *\n * `leading-none` обязателен вместе с уменьшенным кеглем: межстрочный\n * наследуется от величины и рассчитан на её размер, а выровненная по базовой\n * линии приписка со своим меньшим кеглем растягивала бы им всю строку.\n *\n * Логический `me`/`ms` вместо `mr`/`ml`: в RTL отбивка обязана встать с другой\n * стороны, иначе суффикс прилипнет к числу.\n */\nexport const valueSuffixClass = [\n  'leading-none',\n  'text-[var(--gr-value-suffix-color,var(--gr-muted-fg))]',\n  'text-[length:var(--gr-value-suffix-size,0.85em)]',\n  'ms-[var(--gr-value-suffix-gap,0.25rem)]',\n].join(' ')\n","import { splitClassTokens } from '../shared/classTokens'\n\nimport { valuePrefixClass, valueRootClass, valueSuffixClass } from './grValueStyles'\n\n// Классы живут в `.ts`-хелпере: на сборке он уезжает в общий чанк, который скан\n// пресета не видит. Ссылками на конст, а не копиями строк — копия разойдётся.\nexport const grValueSafelist = [...new Set([\n  ...splitClassTokens(valueRootClass),\n  ...splitClassTokens(valuePrefixClass),\n  ...splitClassTokens(valueSuffixClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grValueSafelist } from './safelist'\n\nexport const grValueConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrValue',\n  safelist: grValueSafelist,\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,IAAa,iBAAiB;;;;;;AAO9B,IAAa,mBAAmB;CAC9B;CACA;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG;;;;;;;;;;;;AAaV,IAAa,mBAAmB;CAC9B;CACA;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG;;;ACxCV,IAAa,kBAAkB,CAAC,mBAAG,IAAI,IAAI;CACzC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,gBAAgB;AACtC,CAAC,CAAC;;;ACNF,IAAa,gBAAgB,wBAAwB,OAAO,KAAK,KAAK;CACpE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-DBQQT-WP.js → config-BIa3ilQm.js}

@@ -15,8 +15,23 @@ import { defineGranularComponent } from "@feugene/unocss-preset-granular/contrac
 * читается как опечатка. Отбивку получают только стрелка и суффикс.
 */
 var deltaRootClass = "inline-flex items-baseline tabular-nums";
+/**
+* Величина стоит **в строке текста**, и приписка при ней приглушения не
+* получает: «−15 %» набирается кеглем и цветом строки целиком, иначе процент
+* оказывается мельче окружающих слов.
+*
+* Дефолт `GrValue` рассчитан на плитку, где величина крупная и приписке есть
+* куда уменьшаться. Здесь он переопределяется — ровно теми же токенами, что
+* доступны потребителю.
+*
+* `currentColor` и `1em`, а не `inherit`: у пользовательского свойства
+* `inherit` значит «наследовать саму переменную», то есть ничего.
+*/
+var deltaValueStyle = {
+	"--gr-value-suffix-color": "currentColor",
+	"--gr-value-suffix-size": "1em"
+};
 /** Суффикс — единица измерения, и от числа он отбивается: «−15 %», «120 мс». */
-var deltaSuffixClass = "ml-1";
 /**
 * Стрелка выравнивается по строке, а не по базовой линии: у svg её нет.
 *
@@ -52,7 +67,6 @@ var grDeltaSafelist = [.../* @__PURE__ */ new Set([
 	...splitClassTokens(deltaRootClass),
 	...splitClassTokens(deltaEmptyClass),
 	...splitClassTokens(deltaArrowClass),
-	...splitClassTokens(deltaSuffixClass),
 	...Object.values(deltaToneClass).flatMap(splitClassTokens),
 	...Object.values(deltaSizeClass).flatMap(splitClassTokens)
 ])];
@@ -60,7 +74,8 @@ var grDeltaSafelist = [.../* @__PURE__ */ new Set([
 //#region src/components/GrDelta/config.ts
 var grDeltaConfig = defineGranularComponent(import.meta.url, {
 	name: "GrDelta",
+	dependencies: ["GrValue"],
 	safelist: grDeltaSafelist
 });
 //#endregion
-export { deltaRootClass as a, deltaToneClass as c, deltaEmptyClass as i, grDeltaSafelist as n, deltaSizeClass as o, deltaArrowClass as r, deltaSuffixClass as s, grDeltaConfig as t };
+export { deltaRootClass as a, deltaValueStyle as c, deltaEmptyClass as i, grDeltaSafelist as n, deltaSizeClass as o, deltaArrowClass as r, deltaToneClass as s, grDeltaConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BIa3ilQm.js","names":[],"sources":["../../src/components/GrDelta/grDeltaStyles.ts","../../src/components/GrDelta/safelist.ts","../../src/components/GrDelta/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nimport type { GrDeltaTone } from './deltaTone'\n\n/**\n * Классы `GrDelta`.\n *\n * Тон перечислен целиком по одному литералу на ветку: UnoCSS сканирует исходный\n * текст файла, и собранное шаблонной строкой имя (`text-[var(--gr-${tone}-text)]`)\n * уехало бы в CSS литералом.\n */\n\n/**\n * Величина стоит в строке текста, поэтому наследует её кегль и выравнивание.\n *\n * Общего `gap` нет намеренно: префикс — это валюта, и «$ 12,50» с зазором\n * читается как опечатка. Отбивку получают только стрелка и суффикс.\n */\nexport const deltaRootClass = 'inline-flex items-baseline tabular-nums'\n\n/**\n * Величина стоит **в строке текста**, и приписка при ней приглушения не\n * получает: «−15 %» набирается кеглем и цветом строки целиком, иначе процент\n * оказывается мельче окружающих слов.\n *\n * Дефолт `GrValue` рассчитан на плитку, где величина крупная и приписке есть\n * куда уменьшаться. Здесь он переопределяется — ровно теми же токенами, что\n * доступны потребителю.\n *\n * `currentColor` и `1em`, а не `inherit`: у пользовательского свойства\n * `inherit` значит «наследовать саму переменную», то есть ничего.\n */\nexport const deltaValueStyle: Record<string, string> = {\n  '--gr-value-suffix-color': 'currentColor',\n  '--gr-value-suffix-size': '1em',\n}\n\n/** Суффикс — единица измерения, и от числа он отбивается: «−15 %», «120 мс». */\n\n/**\n * Стрелка выравнивается по строке, а не по базовой линии: у svg её нет.\n *\n * Размер — в `em`, потому что на ступени `md` кегля у величины нет вовсе:\n * пиксельная лестница оставила бы стрелку 14-пиксельной внутри заголовка.\n * Чуть меньше единицы: стрелка декоративна, и равный вес спорил бы с самим\n * числом.\n */\nexport const deltaArrowClass = 'mr-0.5 self-center shrink-0 h-[0.875em] w-[0.875em]'\n\nexport const deltaToneClass: Record<GrDeltaTone, string> = {\n  success: 'text-[var(--gr-success-text)]',\n  danger: 'text-[var(--gr-danger-text)]',\n  neutral: 'text-[var(--gr-muted-fg)]',\n}\n\n/** Прочерк вместо величины: тона у него нет, но и цвет основного текста ему не нужен. */\nexport const deltaEmptyClass = 'text-[var(--gr-muted-fg)]'\n\n/**\n * `md` пуст намеренно: на ступени по умолчанию величина набирается кеглем той\n * строки, в которой стоит. Фиксированные 13 px разъезжаются и вверх, и вниз —\n * внутри заголовка величина оставалась бы мелкой, в подписи под графиком\n * крупной. Ступени по краям остаются явными: они нужны, когда величина стоит\n * не в предложении, а в ряду с контролами.\n */\nexport const deltaSizeClass: Record<GrComponentSize, string> = {\n  xs: 'text-[length:var(--gr-control-text-xs)]',\n  sm: 'text-[length:var(--gr-control-text-sm)]',\n  md: '',\n  lg: 'text-[length:var(--gr-control-text-lg)]',\n}\n","import { splitClassTokens } from '../shared/classTokens'\n\nimport {\n  deltaArrowClass,\n  deltaEmptyClass,\n  deltaRootClass,\n  deltaSizeClass,\n  deltaToneClass,\n} from './grDeltaStyles'\n\n// Классы из вычисляемых мап (тон, размер) UnoCSS сканом не находит — только\n// safelist. Литералы хелпера туда же: на сборке он уезжает в общий чанк.\nexport const grDeltaSafelist = [...new Set([\n  ...splitClassTokens(deltaRootClass),\n  ...splitClassTokens(deltaEmptyClass),\n  ...splitClassTokens(deltaArrowClass),\n  ...Object.values(deltaToneClass).flatMap(splitClassTokens),\n  ...Object.values(deltaSizeClass).flatMap(splitClassTokens),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grDeltaSafelist } from './safelist'\n\nexport const grDeltaConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDelta',\n  dependencies: ['GrValue'],\n  safelist: grDeltaSafelist,\n})\n"],"mappings":";;;;;;;;;;;;;;;;AAkBA,IAAa,iBAAiB;;;;;;;;;;;;;AAc9B,IAAa,kBAA0C;CACrD,2BAA2B;CAC3B,0BAA0B;AAC5B;;;;;;;;;;AAYA,IAAa,kBAAkB;AAE/B,IAAa,iBAA8C;CACzD,SAAS;CACT,QAAQ;CACR,SAAS;AACX;;AAGA,IAAa,kBAAkB;;;;;;;;AAS/B,IAAa,iBAAkD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;AC1DA,IAAa,kBAAkB,CAAC,mBAAG,IAAI,IAAI;CACzC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,eAAe;CACnC,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;CACzD,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;AAC3D,CAAC,CAAC;;;ACdF,IAAa,gBAAgB,wBAAwB,OAAO,KAAK,KAAK;CACpE,MAAM;CACN,cAAc,CAAC,SAAS;CACxB,UAAU;AACZ,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BSyiFlbi2.js","names":[],"sources":["../../src/components/GrPopover/safelist.ts","../../src/components/GrPopover/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport { originClassByPlacement, panelSizes, popoverPanelBaseClass } from './grPopoverStyles'\n\nexport const grPopoverSafelist = [...new Set([\n  ...Object.values(panelSizes).flatMap(splitClassTokens),\n  ...Object.values(originClassByPlacement).flatMap(splitClassTokens),\n  // Базовый класс живёт литералом в `grPopoverStyles.ts`, а такой хелпер на\n  // сборке уезжает в общий чанк, которого скан не видит (см. gotchas.md §2).\n  ...splitClassTokens(popoverPanelBaseClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grPopoverSafelist } from './safelist'\n\nexport const grPopoverConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrPopover',\n  safelist: grPopoverSafelist,\n})\n"],"mappings":";;;;AAGA,IAAa,oBAAoB,CAAC,mBAAG,IAAI,IAAI;CAC3C,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CACrD,GAAG,OAAO,OAAO,sBAAsB,CAAC,CAAC,QAAQ,gBAAgB;CAGjE,GAAG,iBAAiB,qBAAqB;AAC3C,CAAC,CAAC;;;ACLF,IAAa,kBAAkB,wBAAwB,OAAO,KAAK,KAAK;CACtE,MAAM;CACN,UAAU;AACZ,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BViooYNv2.js","names":[],"sources":["../../src/components/GrDropdown/safelist.ts","../../src/components/GrDropdown/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  dropdownContentBaseClass,\n  originClassByPlacement,\n} from './grDropdownStyles'\n\n// И динамические токены (`resolvedPlacement`), и литералы отделки панели:\n// `grDropdownStyles.ts` уезжает в общий `dist/chunks/`, вне области скана\n// компонента — гейт `src/__tests__/safelist.test.ts`.\nexport const grDropdownSafelist = [...new Set([\n  ...Object.values(originClassByPlacement).flatMap(v => splitClassTokens(v ?? '')),\n  ...splitClassTokens(dropdownContentBaseClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grDropdownSafelist } from './safelist'\n\nexport const grDropdownConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDropdown',\n  safelist: grDropdownSafelist,\n})"],"mappings":";;;;AASA,IAAa,qBAAqB,CAAC,mBAAG,IAAI,IAAI,CAC5C,GAAG,OAAO,OAAO,sBAAsB,CAAC,CAAC,SAAQ,MAAK,iBAAiB,KAAK,EAAE,CAAC,GAC/E,GAAG,iBAAiB,wBAAwB,CAC9C,CAAC,CAAC;;;ACRF,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,MAAM;CACN,UAAU;AACZ,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BoNR7_PD.js","names":[],"sources":["../../src/components/GrSwitch/grSwitchStyles.ts","../../src/components/GrSwitch/safelist.ts","../../src/components/GrSwitch/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nexport type GrSwitchSize = GrComponentSize\n\n/** Сторона подписи относительно дорожки — логическая, не физическая (RTL). */\nexport const GR_SWITCH_LABEL_POSITIONS = ['start', 'end'] as const\nexport type GrSwitchLabelPosition = typeof GR_SWITCH_LABEL_POSITIONS[number]\n\ntype GrSwitchThumbClassOptions = {\n    checked: boolean\n    size: GrSwitchSize\n}\n\nexport const rootBase = 'inline-flex items-center gap-2 select-none disabled:cursor-not-allowed'\n\n/** `start` разворачивает ряд, а не меняет порядок узлов: DOM-порядок читает диктор. */\nexport const rootLabelPositions: Record<GrSwitchLabelPosition, string> = {\n    start: 'flex-row-reverse',\n    end: '',\n}\n\nexport const trackBase =\n    'relative inline-flex shrink-0 items-center rounded-[var(--gr-radius-full)] border border-[var(--gr-switch-track-brd)] transition-colors duration-[var(--gr-duration-fast)]'\n\nexport const trackSizes: Record<GrSwitchSize, string> = {\n    xs: 'h-4 w-7',\n  sm: 'h-5 w-9',\n    md: 'h-6 w-11',\n    lg: 'h-7 w-14',\n}\n\nexport const thumbBase =\n    'inline-flex shrink-0 items-center justify-center rounded-[var(--gr-radius-full)] bg-[var(--gr-card)] shadow-[var(--gr-shadow-1)] transition-transform duration-[var(--gr-duration-fast)]'\n\nexport const thumbSizes: Record<GrSwitchSize, string> = {\n    xs: 'h-3 w-3',\n  sm: 'h-4 w-4',\n    md: 'h-5 w-5',\n    lg: 'h-6 w-6',\n}\n\n/** Спиннер загрузки живёт в бегунке, поэтому мельче его на ступень. */\nexport const thumbSpinnerSizes: Record<GrSwitchSize, string> = {\n    xs: 'h-2 w-2',\n    sm: 'h-2.5 w-2.5',\n    md: 'h-3 w-3',\n    lg: 'h-4 w-4',\n}\n\nexport const thumbSpinnerBase = 'animate-spin text-[var(--gr-muted-fg)]'\n\n/**\n * Сдвиг бегунка по горизонтали.\n *\n * Бегунок — обычный флекс-ребёнок дорожки, поэтому сдвиг отсчитывается от её\n * **content-box**, а он на 2px уже внешнего размера: рамка по 1px с каждой\n * стороны. Отсюда и весь расчёт.\n *\n * Зазор по вертикали задан геометрией и равен 1px на всех ступенях\n * (`(content-height − thumb) / 2`, дорожка центрирует бегунок сама). Значит и по\n * горизонтали он обязан быть 1px: иначе бегунок в покое выглядит вдавленным\n * внутрь, а в крайнем положении прижатым к краю — именно так и было, зазоры\n * расходились на 1–2px у `xs`, `sm` и `lg`.\n *\n * | ступень | дорожка | content | бегунок | покой | крайнее |\n * | --- | --- | --- | --- | --- | --- |\n * | `xs` | 28 | 26 | 12 | 1 | 13 |\n * | `sm` | 36 | 34 | 16 | 1 | 17 |\n * | `md` | 44 | 42 | 20 | 1 | 21 |\n * | `lg` | 56 | 54 | 24 | 1 | 29 |\n *\n * Крайнее положение — `content − thumb − зазор`. Гейт на эту арифметику живёт в\n * `__tests__/GrSwitch.test.ts`: он считает её заново из `trackSizes`/`thumbSizes`,\n * поэтому смена любой ступени размера сразу покажет разъехавшийся зазор.\n */\nexport const thumbTranslations: Record<GrSwitchSize, { checked: string, unchecked: string }> = {\n    xs: {\n        checked: 'translate-x-[13px]',\n        unchecked: 'translate-x-[1px]',\n    },\n    sm: {\n        checked: 'translate-x-[17px]',\n        unchecked: 'translate-x-[1px]',\n    },\n    md: {\n        checked: 'translate-x-[21px]',\n        unchecked: 'translate-x-[1px]',\n    },\n    lg: {\n        checked: 'translate-x-[29px]',\n        unchecked: 'translate-x-[1px]',\n    },\n}\n\nexport const labelBase = 'text-[var(--gr-muted-fg)]'\n\n/**\n * Недоступность гасится токеном, а не `opacity`: прозрачность разбавляет\n * выверенные на AA токены текста и роняет контраст подписи.\n */\nexport const labelDisabledClass = 'text-[var(--gr-disabled-fg)]'\n\nexport const labelSizes: Record<GrSwitchSize, string> = {\n    xs: 'text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n    sm: 'text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n    md: 'text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n    lg: 'text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]',\n}\n\nexport function grSwitchRootClass(labelPosition: GrSwitchLabelPosition): string {\n    return [rootBase, rootLabelPositions[labelPosition]].filter(Boolean).join(' ')\n}\n\nexport function grSwitchTrackClass(size: GrSwitchSize): string {\n    return [trackBase, trackSizes[size]].join(' ')\n}\n\nexport function grSwitchThumbClass(options: GrSwitchThumbClassOptions): string {\n    return [\n        thumbBase,\n        thumbSizes[options.size],\n        thumbTranslations[options.size][options.checked ? 'checked' : 'unchecked'],\n    ].join(' ')\n}\n\nexport function grSwitchSpinnerClass(size: GrSwitchSize): string {\n    return [thumbSpinnerBase, thumbSpinnerSizes[size]].join(' ')\n}\n\nexport function grSwitchLabelClass(size: GrSwitchSize, disabled = false): string {\n    return [disabled ? labelDisabledClass : labelBase, labelSizes[size]].join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  labelBase,\n  labelDisabledClass,\n  labelSizes,\n  rootBase,\n  rootLabelPositions,\n  thumbBase,\n  thumbSizes,\n  thumbSpinnerBase,\n  thumbSpinnerSizes,\n  thumbTranslations,\n  trackBase,\n  trackSizes,\n} from './grSwitchStyles'\n\nexport const grSwitchClassTokens = {\n  rootBase: splitClassTokens(rootBase),\n  rootLabelPositions: Object.values(rootLabelPositions).flatMap(splitClassTokens),\n  trackBase: splitClassTokens(trackBase),\n  trackSizes: Object.values(trackSizes).flatMap(splitClassTokens),\n  thumbBase: splitClassTokens(thumbBase),\n  thumbSizes: Object.values(thumbSizes).flatMap(splitClassTokens),\n  thumbSpinner: [\n    ...splitClassTokens(thumbSpinnerBase),\n    ...Object.values(thumbSpinnerSizes).flatMap(splitClassTokens),\n  ],\n  thumbTranslations: Object.values(thumbTranslations).flatMap(({checked, unchecked}) => {\n    return [...splitClassTokens(checked), ...splitClassTokens(unchecked)]\n  }),\n  labelBase: [...splitClassTokens(labelBase), ...splitClassTokens(labelDisabledClass)],\n  labelSizes: Object.values(labelSizes).flatMap(splitClassTokens),\n} as const\n\nexport const grSwitchSafelist = [...new Set([\n  ...grSwitchClassTokens.rootBase,\n  ...grSwitchClassTokens.rootLabelPositions,\n  ...grSwitchClassTokens.trackBase,\n  ...grSwitchClassTokens.trackSizes,\n  ...grSwitchClassTokens.thumbBase,\n  ...grSwitchClassTokens.thumbSizes,\n  ...grSwitchClassTokens.thumbSpinner,\n  ...grSwitchClassTokens.thumbTranslations,\n  ...grSwitchClassTokens.labelBase,\n  ...grSwitchClassTokens.labelSizes,\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grSwitchSafelist } from './safelist'\n\nexport const grSwitchConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSwitch',\n  safelist: grSwitchSafelist,\n})"],"mappings":";;;AAaA,IAAa,WAAW;;AAGxB,IAAa,qBAA4D;CACrE,OAAO;CACP,KAAK;AACT;AAEA,IAAa,YACT;AAEJ,IAAa,aAA2C;CACpD,IAAI;CACN,IAAI;CACF,IAAI;CACJ,IAAI;AACR;AAEA,IAAa,YACT;AAEJ,IAAa,aAA2C;CACpD,IAAI;CACN,IAAI;CACF,IAAI;CACJ,IAAI;AACR;;AAGA,IAAa,oBAAkD;CAC3D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACR;AAEA,IAAa,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;AA0BhC,IAAa,oBAAkF;CAC3F,IAAI;EACA,SAAS;EACT,WAAW;CACf;CACA,IAAI;EACA,SAAS;EACT,WAAW;CACf;CACA,IAAI;EACA,SAAS;EACT,WAAW;CACf;CACA,IAAI;EACA,SAAS;EACT,WAAW;CACf;AACJ;AAEA,IAAa,YAAY;;;;;AAMzB,IAAa,qBAAqB;AAElC,IAAa,aAA2C;CACpD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACR;AAEA,SAAgB,kBAAkB,eAA8C;CAC5E,OAAO,CAAC,UAAU,mBAAmB,cAAc,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AACjF;AAEA,SAAgB,mBAAmB,MAA4B;CAC3D,OAAO,CAAC,WAAW,WAAW,KAAK,CAAC,CAAC,KAAK,GAAG;AACjD;AAEA,SAAgB,mBAAmB,SAA4C;CAC3E,OAAO;EACH;EACA,WAAW,QAAQ;EACnB,kBAAkB,QAAQ,KAAK,CAAC,QAAQ,UAAU,YAAY;CAClE,CAAC,CAAC,KAAK,GAAG;AACd;AAEA,SAAgB,qBAAqB,MAA4B;CAC7D,OAAO,CAAC,kBAAkB,kBAAkB,KAAK,CAAC,CAAC,KAAK,GAAG;AAC/D;AAEA,SAAgB,mBAAmB,MAAoB,WAAW,OAAe;CAC7E,OAAO,CAAC,WAAW,qBAAqB,WAAW,WAAW,KAAK,CAAC,CAAC,KAAK,GAAG;AACjF;;;ACnHA,IAAa,sBAAsB;CACjC,UAAU,iBAAiB,QAAQ;CACnC,oBAAoB,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;CAC9E,WAAW,iBAAiB,SAAS;CACrC,YAAY,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,WAAW,iBAAiB,SAAS;CACrC,YAAY,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,cAAc,CACZ,GAAG,iBAAiB,gBAAgB,GACpC,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB,CAC9D;CACA,mBAAmB,OAAO,OAAO,iBAAiB,CAAC,CAAC,SAAS,EAAC,SAAS,gBAAe;EACpF,OAAO,CAAC,GAAG,iBAAiB,OAAO,GAAG,GAAG,iBAAiB,SAAS,CAAC;CACtE,CAAC;CACD,WAAW,CAAC,GAAG,iBAAiB,SAAS,GAAG,GAAG,iBAAiB,kBAAkB,CAAC;CACnF,YAAY,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;AAChE;AAEA,IAAa,mBAAmB,CAAC,mBAAG,IAAI,IAAI;CAC1C,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;AACzB,CAAC,CAAC;;;ACzCF,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-Be9k9bOf.js → config-C8tVRv8i.js}

@@ -25,6 +25,20 @@ var statisticAffixSizeBySize = {
 	md: "text-[length:var(--gr-text-base)]",
 	lg: "text-[length:var(--gr-text-xl)]"
 };
+/**
+* Кегль приписки — значением токена, а не классом: он уезжает в
+* `--gr-value-suffix-size`, которым `GrValue` и набирает суффикс.
+*
+* Ступень шкалы, а не доля от величины: у плитки шкала размеров своя, и на
+* ступени `md` число крупное (`--gr-text-3xl`), а приписка при нём обязана
+* остаться подписью. Доля дала бы её вровень с числом.
+*/
+var statisticAffixSizeVarBySize = {
+	xs: "var(--gr-text-xs)",
+	sm: "var(--gr-text-xs)",
+	md: "var(--gr-text-base)",
+	lg: "var(--gr-text-xl)"
+};
 var statisticPlaceholderHeightBySize = {
 	xs: "22px",
 	sm: "28px",
@@ -91,7 +105,7 @@ var grStatisticSafelist = [.../* @__PURE__ */ new Set([
 var grStatisticConfig = defineGranularComponent(import.meta.url, {
 	name: "GrStatistic",
 	safelist: grStatisticSafelist,
-	dependencies: ["GrSkeleton"]
+	dependencies: ["GrSkeleton", "GrValue"]
 });
 //#endregion
-export { statisticRootClass as a, statisticTrendClassByTrend as c, statisticPlaceholderHeightBySize as i, statisticTrendSizeBySize as l, grStatisticSafelist as n, statisticTitleClass as o, statisticAffixSizeBySize as r, statisticTitleSizeBySize as s, grStatisticConfig as t, statisticValueClass as u };
+export { statisticRootClass as a, statisticTrendClassByTrend as c, statisticPlaceholderHeightBySize as i, statisticTrendSizeBySize as l, grStatisticSafelist as n, statisticTitleClass as o, statisticAffixSizeVarBySize as r, statisticTitleSizeBySize as s, grStatisticConfig as t, statisticValueClass as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-C8tVRv8i.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 * Кегль приписки — значением токена, а не классом: он уезжает в\n * `--gr-value-suffix-size`, которым `GrValue` и набирает суффикс.\n *\n * Ступень шкалы, а не доля от величины: у плитки шкала размеров своя, и на\n * ступени `md` число крупное (`--gr-text-3xl`), а приписка при нём обязана\n * остаться подписью. Доля дала бы её вровень с числом.\n */\nexport const statisticAffixSizeVarBySize: Record<GrStatisticSize, string> = {\n  xs: 'var(--gr-text-xs)',\n  sm: 'var(--gr-text-xs)',\n  md: 'var(--gr-text-base)',\n  lg: '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 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  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  // Литералы из 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', 'GrValue'],\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;;;;;;;;;AAUA,IAAa,8BAA+D;CAC1E,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,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;;;ACxGA,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;CAGrE,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,6BAA6B;CACjD,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,6BAA6B;AACnD,CAAC,CAAC;;;ACxBF,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK;CACxE,MAAM;CACN,UAAU;CACV,cAAc,CAAC,cAAc,SAAS;AACxC,CAAC"}

package/dist/chunks/{config-Bm_Sovla.js → config-DYgfMrIF.js}

@@ -10,7 +10,7 @@ import { defineGranularComponent } from "@feugene/unocss-preset-granular/contrac
 */
 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",
+	elevated: "border border-[var(--gr-brd)] shadow-[var(--gr-shadow-1)]",
 	outlined: "border border-[var(--gr-brd)]",
 	ghost: ""
 };
@@ -22,6 +22,17 @@ var paddingClass = {
 };
 var sectionDividerTopClass = "border-t border-[var(--gr-brd)]";
 var sectionDividerBottomClass = "border-b border-[var(--gr-brd)]";
+/**
+* Отступ шапки, которую карточка рисует сама из `title`.
+*
+* Не берётся из `padding`: тот описывает **содержимое**, и дефолт `none` у него
+* осмыслен — на `GrCard` стоят `GrCollapse` и `GrList`, а карточка с таблицей
+* хочет её край в край. Заголовок же принадлежит самой карточке, и прижатым к
+* рамке вместе с разделителем он выглядеть не должен ни при каком `padding`.
+*
+* По вертикали отступ меньше горизонтального: шапка — строка, а не блок.
+*/
+var ownHeaderPaddingClass = "px-4 py-3";
 var cardTitleClass = "m-0 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] font-600";
 var cardDescriptionClass = "mt-1 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)] text-[var(--gr-muted-fg)]";
 /** Интерактивная карточка целиком: ссылка или кнопка во всю поверхность. */
@@ -42,6 +53,7 @@ var grCardSafelist = [.../* @__PURE__ */ new Set([
 	...splitClassTokens(surfaceBaseClass),
 	...Object.values(variantClass).flatMap(splitClassTokens),
 	...Object.values(paddingClass).flatMap(splitClassTokens),
+	...splitClassTokens(ownHeaderPaddingClass),
 	...splitClassTokens(sectionDividerTopClass),
 	...splitClassTokens(sectionDividerBottomClass),
 	...splitClassTokens(interactiveClass),
@@ -56,4 +68,4 @@ var grCardConfig = defineGranularComponent(import.meta.url, {
 	safelist: grCardSafelist
 });
 //#endregion
-export { grCardRootClass as a, sectionDividerTopClass as c, cardTitleClass as i, grCardSafelist as n, paddingClass as o, cardDescriptionClass as r, sectionDividerBottomClass as s, grCardConfig as t };
+export { grCardRootClass as a, sectionDividerBottomClass as c, cardTitleClass as i, sectionDividerTopClass as l, grCardSafelist as n, ownHeaderPaddingClass as o, cardDescriptionClass as r, paddingClass as s, grCardConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-DYgfMrIF.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  // Тень — токеном, а не утилитой uno-шкалы: у той зашит свой полупрозрачный\n  // цвет, темой он не настраивается, и на тёмном фоне тени не получалось вовсе\n  // — карточка теряла подъём и держалась на одной рамке. Токен темозависим.\n  // Имя утилиты здесь не пишется намеренно: UnoCSS сканирует текст файла и\n  // сгенерировал бы класс прямо из комментария.\n  elevated: 'border border-[var(--gr-brd)] shadow-[var(--gr-shadow-1)]',\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/**\n * Отступ шапки, которую карточка рисует сама из `title`.\n *\n * Не берётся из `padding`: тот описывает **содержимое**, и дефолт `none` у него\n * осмыслен — на `GrCard` стоят `GrCollapse` и `GrList`, а карточка с таблицей\n * хочет её край в край. Заголовок же принадлежит самой карточке, и прижатым к\n * рамке вместе с разделителем он выглядеть не должен ни при каком `padding`.\n *\n * По вертикали отступ меньше горизонтального: шапка — строка, а не блок.\n */\nexport const ownHeaderPaddingClass = 'px-4 py-3'\n\n/**\n * Уровень заголовка карточки. `h1` намеренно нет: его задаёт страница, а\n * карточка — блок внутри уже существующей структуры.\n */\nexport const GR_CARD_HEADING_LEVELS = [2, 3, 4, 5, 6] as const\n\nexport type GrCardHeadingLevel = typeof GR_CARD_HEADING_LEVELS[number]\n\n// `m-0` — у нативного заголовка есть браузерные отступы, и без сброса шапка\n// разъезжается по вертикали.\nexport const cardTitleClass = 'm-0 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] font-600'\n\nexport const cardDescriptionClass = 'mt-1 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)] text-[var(--gr-muted-fg)]'\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  cardDescriptionClass,\n  cardTitleClass,\n  hoverClass,\n  interactiveClass,\n  ownHeaderPaddingClass,\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(ownHeaderPaddingClass),\n  ...splitClassTokens(sectionDividerTopClass),\n  ...splitClassTokens(sectionDividerBottomClass),\n  ...splitClassTokens(interactiveClass),\n  ...splitClassTokens(hoverClass),\n  ...splitClassTokens(cardTitleClass),\n  ...splitClassTokens(cardDescriptionClass),\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;CAMzD,UAAU;CACV,UAAU;CAEV,OAAO;AACT;AAEA,IAAa,eAA8C;CACzD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,yBAAyB;AACtC,IAAa,4BAA4B;;;;;;;;;;;AAYzC,IAAa,wBAAwB;AAYrC,IAAa,iBAAiB;AAE9B,IAAa,uBAAuB;;AAGpC,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;;;AClEA,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,qBAAqB;CACzC,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,yBAAyB;CAC7C,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,oBAAoB;AAC1C,CAAC,CAAC;;;ACrBF,IAAa,eAAe,wBAAwB,OAAO,KAAK,KAAK;CACnE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/config-rkcKArZQ2.js

@@ -0,0 +1,86 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrDescriptionList/grDescriptionListStyles.ts
+var descriptionRootClass = "m-0 gap-x-4 [row-gap:var(--gr-description-list-row-gap,0.375rem)]";
+/** Сетка колонок — раскладки `inline` и `stacked`. */
+var descriptionRootGridClass = "grid";
+var descriptionRootFlowClass = "flex flex-wrap items-baseline";
+/** Одна колонка — обычный класс: считать там нечего. */
+var descriptionSingleColumnClass = "grid-cols-1";
+/**
+* Колонки по ширине **контейнера**, а не вьюпорта.
+*
+* Медиазапрос меряет экран, а список живёт в карточке: на широком мониторе в
+* колонке 290px включались две колонки, подпись фиксированной ширины съедала
+* почти всё место, и значение переносилось посимвольно — «30» печаталось как
+* «3» и «0» на двух строках. Показанное число становилось неверным.
+*
+* `auto-fit` решает это без медиазапросов, без JS и без замеров, то есть
+* одинаково на сервере и на клиенте. `columns` при этом становится **потолком**:
+* трек не уже `column-min`, но и не уже доли, на которую делится контейнер при
+* N колонках, — поэтому шире N штук не встанет никогда.
+*
+* `min(100%, …)` спасает совсем узкий контейнер: без него трек шириной с
+* `column-min` вылезал бы за край.
+*
+* Инлайновым стилем, а не классом: выражение зависит от N, и шкалы утилит для
+* него не существует — тот же довод, что записан у сетки `GrDashboard`.
+*/
+function descriptionColumnsStyle(columns, labelWidth) {
+	const base = "var(--gr-description-list-column-min, 12rem)";
+	return { gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, max(${labelWidth ? `max(${base}, calc(${labelWidth} + var(--gr-description-list-value-min, 5rem)))` : base}, (100% - ${columns - 1} * 1rem) / ${columns})), 1fr))` };
+}
+var descriptionPairInlineClass = "flex min-w-0 items-baseline gap-2";
+var descriptionPairStackedClass = "min-w-0";
+var descriptionPairFlowClass = "flex min-w-0 items-baseline gap-1";
+var descriptionDividedClass = "border-b border-[var(--gr-description-list-divider,var(--gr-brd))] pb-1 last:border-b-0 last:pb-0";
+var descriptionLabelInlineClass = "shrink-0 text-[var(--gr-description-list-label-color,var(--gr-muted-fg))]";
+var descriptionLabelStackedClass = "text-[var(--gr-description-list-label-color,var(--gr-muted-fg))]";
+var descriptionValueClass = "m-0 min-w-0 break-words";
+/** Тон — только у значения: красная подпись читается как «поле сломано». */
+var descriptionValueToneClass = {
+	primary: "text-[var(--gr-primary-text)]",
+	neutral: "",
+	success: "text-[var(--gr-success-text)]",
+	warning: "text-[var(--gr-warning-text)]",
+	danger: "text-[var(--gr-danger-text)]",
+	info: "text-[var(--gr-info-text)]",
+	slate: "text-[var(--gr-slate-text)]",
+	azure: "text-[var(--gr-azure-text)]"
+};
+var descriptionSizeClass = {
+	xs: "text-[length:var(--gr-control-text-2xs)]",
+	sm: "text-[length:var(--gr-control-text-xs)]",
+	md: "text-[length:var(--gr-control-text-sm)]",
+	lg: "text-[length:var(--gr-control-text-md)]"
+};
+var descriptionDensityClass = {
+	regular: "",
+	compact: "[row-gap:var(--gr-description-list-row-gap,0.125rem)]"
+};
+//#endregion
+//#region src/components/GrDescriptionList/safelist.ts
+var grDescriptionListSafelist = [.../* @__PURE__ */ new Set([
+	...splitClassTokens(descriptionRootClass),
+	...splitClassTokens(descriptionRootGridClass),
+	...splitClassTokens(descriptionRootFlowClass),
+	...splitClassTokens(descriptionPairInlineClass),
+	...splitClassTokens(descriptionPairStackedClass),
+	...splitClassTokens(descriptionPairFlowClass),
+	...splitClassTokens(descriptionDividedClass),
+	...splitClassTokens(descriptionLabelInlineClass),
+	...splitClassTokens(descriptionLabelStackedClass),
+	...splitClassTokens(descriptionValueClass),
+	...splitClassTokens(descriptionSingleColumnClass),
+	...Object.values(descriptionValueToneClass).flatMap(splitClassTokens),
+	...Object.values(descriptionSizeClass).flatMap(splitClassTokens),
+	...Object.values(descriptionDensityClass).flatMap(splitClassTokens)
+])];
+//#endregion
+//#region src/components/GrDescriptionList/config.ts
+var grDescriptionListConfig = defineGranularComponent(import.meta.url, {
+	name: "GrDescriptionList",
+	safelist: grDescriptionListSafelist
+});
+//#endregion
+export { descriptionValueToneClass as _, descriptionDividedClass as a, descriptionPairFlowClass as c, descriptionRootClass as d, descriptionRootFlowClass as f, descriptionValueClass as g, descriptionSizeClass as h, descriptionDensityClass as i, descriptionPairInlineClass as l, descriptionSingleColumnClass as m, grDescriptionListSafelist as n, descriptionLabelInlineClass as o, descriptionRootGridClass as p, descriptionColumnsStyle as r, descriptionLabelStackedClass as s, grDescriptionListConfig as t, descriptionPairStackedClass as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-rkcKArZQ2.js","names":[],"sources":["../../src/components/GrDescriptionList/grDescriptionListStyles.ts","../../src/components/GrDescriptionList/safelist.ts","../../src/components/GrDescriptionList/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\nimport type { GrTone } from '../shared/tones'\n\n/**\n * Классы `GrDescriptionList`.\n *\n * Тон перечислен целиком по одному литералу на ветку: UnoCSS сканирует исходный\n * текст файла, и собранное шаблонной строкой имя уехало бы в CSS литералом.\n */\n\n/**\n * `inline` — подпись колонкой слева; `stacked` — над значением; `flow` — пары\n * текут по строке с переносом.\n */\nexport type GrDescriptionLayout = 'inline' | 'stacked' | 'flow'\n\nexport type GrDescriptionDensity = 'regular' | 'compact'\n\n/** Сколько колонок пар. Длинный список читается в несколько. */\nexport type GrDescriptionColumns = 1 | 2 | 3 | 4\n\n// `m-0` — у нативного `<dl>` есть браузерные отступы, и без сброса список\n// разъезжается по вертикали. Ряды разводит `--gr-description-list-row-gap`,\n// потому что зазор здесь — точка кастомизации, а не ступень шкалы.\nexport const descriptionRootClass = 'm-0 gap-x-4 [row-gap:var(--gr-description-list-row-gap,0.375rem)]'\n\n/** Сетка колонок — раскладки `inline` и `stacked`. */\nexport const descriptionRootGridClass = 'grid'\n\n// `flow` строит строку, а не сетку: пары текут по ширине и переносятся сами,\n// поэтому колонок у неё нет.\nexport const descriptionRootFlowClass = 'flex flex-wrap items-baseline'\n\n/** Одна колонка — обычный класс: считать там нечего. */\nexport const descriptionSingleColumnClass = 'grid-cols-1'\n\n/**\n * Колонки по ширине **контейнера**, а не вьюпорта.\n *\n * Медиазапрос меряет экран, а список живёт в карточке: на широком мониторе в\n * колонке 290px включались две колонки, подпись фиксированной ширины съедала\n * почти всё место, и значение переносилось посимвольно — «30» печаталось как\n * «3» и «0» на двух строках. Показанное число становилось неверным.\n *\n * `auto-fit` решает это без медиазапросов, без JS и без замеров, то есть\n * одинаково на сервере и на клиенте. `columns` при этом становится **потолком**:\n * трек не уже `column-min`, но и не уже доли, на которую делится контейнер при\n * N колонках, — поэтому шире N штук не встанет никогда.\n *\n * `min(100%, …)` спасает совсем узкий контейнер: без него трек шириной с\n * `column-min` вылезал бы за край.\n *\n * Инлайновым стилем, а не классом: выражение зависит от N, и шкалы утилит для\n * него не существует — тот же довод, что записан у сетки `GrDashboard`.\n */\nexport function descriptionColumnsStyle(\n  columns: GrDescriptionColumns,\n  /**\n   * Ширина колонки подписей при `inline`. В этой раскладке подпись и значение\n   * стоят **рядом**, поэтому минимум колонки складывается из них двоих: колонка\n   * шириной с одну подпись оставляет значению несколько пикселей, и оно\n   * переносится посимвольно — тот же дефект, только в других числах.\n   */\n  labelWidth?: string,\n): Record<string, string> {\n  const base = 'var(--gr-description-list-column-min, 12rem)'\n  const min = labelWidth\n    ? `max(${base}, calc(${labelWidth} + var(--gr-description-list-value-min, 5rem)))`\n    : base\n\n  return {\n    gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, max(${min}, (100% - ${columns - 1} * 1rem) / ${columns})), 1fr))`,\n  }\n}\n\nexport const descriptionPairInlineClass = 'flex min-w-0 items-baseline gap-2'\nexport const descriptionPairStackedClass = 'min-w-0'\n\n// Зазор уже: подпись и значение здесь читаются как одна фраза «Сообщений: 3»,\n// а пары друг от друга отбивает `gap-x-4` корня.\nexport const descriptionPairFlowClass = 'flex min-w-0 items-baseline gap-1'\n\nexport const descriptionDividedClass = 'border-b border-[var(--gr-description-list-divider,var(--gr-brd))] pb-1 last:border-b-0 last:pb-0'\n\n// `shrink-0` держит колонку подписей ровной: иначе длинное значение сжимало бы\n// подпись, и значения переставали бы стоять в колонку — ровно то, ради чего\n// раскладка `inline` и существует.\nexport const descriptionLabelInlineClass = 'shrink-0 text-[var(--gr-description-list-label-color,var(--gr-muted-fg))]'\nexport const descriptionLabelStackedClass = 'text-[var(--gr-description-list-label-color,var(--gr-muted-fg))]'\n\n// `break-words` обязателен: в парах живут идентификаторы, хеши и `X-Request-Id`,\n// и без переноса они выталкивают вёрстку.\nexport const descriptionValueClass = 'm-0 min-w-0 break-words'\n\n/** Тон — только у значения: красная подпись читается как «поле сломано». */\nexport const descriptionValueToneClass: Record<GrTone, string> = {\n  primary: 'text-[var(--gr-primary-text)]',\n  neutral: '',\n  success: 'text-[var(--gr-success-text)]',\n  warning: 'text-[var(--gr-warning-text)]',\n  danger: 'text-[var(--gr-danger-text)]',\n  info: 'text-[var(--gr-info-text)]',\n  slate: 'text-[var(--gr-slate-text)]',\n  azure: 'text-[var(--gr-azure-text)]',\n}\n\nexport const descriptionSizeClass: Record<GrComponentSize, string> = {\n  xs: 'text-[length:var(--gr-control-text-2xs)]',\n  sm: 'text-[length:var(--gr-control-text-xs)]',\n  md: 'text-[length:var(--gr-control-text-sm)]',\n  lg: 'text-[length:var(--gr-control-text-md)]',\n}\n\nexport const descriptionDensityClass: Record<GrDescriptionDensity, string> = {\n  regular: '',\n  compact: '[row-gap:var(--gr-description-list-row-gap,0.125rem)]',\n}\n","import { splitClassTokens } from '../shared/classTokens'\n\nimport {\n  descriptionSingleColumnClass,\n  descriptionDensityClass,\n  descriptionDividedClass,\n  descriptionLabelInlineClass,\n  descriptionLabelStackedClass,\n  descriptionPairFlowClass,\n  descriptionPairInlineClass,\n  descriptionPairStackedClass,\n  descriptionRootClass,\n  descriptionRootFlowClass,\n  descriptionRootGridClass,\n  descriptionSizeClass,\n  descriptionValueClass,\n  descriptionValueToneClass,\n} from './grDescriptionListStyles'\n\n// Классы из вычисляемых мап (тон, размер, колонки) UnoCSS сканом не находит —\n// только safelist. Литералы хелпера туда же: на сборке он уезжает в общий чанк.\nexport const grDescriptionListSafelist = [...new Set([\n  ...splitClassTokens(descriptionRootClass),\n  ...splitClassTokens(descriptionRootGridClass),\n  ...splitClassTokens(descriptionRootFlowClass),\n  ...splitClassTokens(descriptionPairInlineClass),\n  ...splitClassTokens(descriptionPairStackedClass),\n  ...splitClassTokens(descriptionPairFlowClass),\n  ...splitClassTokens(descriptionDividedClass),\n  ...splitClassTokens(descriptionLabelInlineClass),\n  ...splitClassTokens(descriptionLabelStackedClass),\n  ...splitClassTokens(descriptionValueClass),\n  ...splitClassTokens(descriptionSingleColumnClass),\n  ...Object.values(descriptionValueToneClass).flatMap(splitClassTokens),\n  ...Object.values(descriptionSizeClass).flatMap(splitClassTokens),\n  ...Object.values(descriptionDensityClass).flatMap(splitClassTokens),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grDescriptionListSafelist } from './safelist'\n\nexport const grDescriptionListConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDescriptionList',\n  safelist: grDescriptionListSafelist,\n})\n"],"mappings":";;;AAwBA,IAAa,uBAAuB;;AAGpC,IAAa,2BAA2B;AAIxC,IAAa,2BAA2B;;AAGxC,IAAa,+BAA+B;;;;;;;;;;;;;;;;;;;;AAqB5C,SAAgB,wBACd,SAOA,YACwB;CACxB,MAAM,OAAO;CAKb,OAAO,EACL,qBAAqB,yCALX,aACR,OAAO,KAAK,SAAS,WAAW,mDAChC,KAGgE,YAAY,UAAU,EAAE,aAAa,QAAQ,WACjH;AACF;AAEA,IAAa,6BAA6B;AAC1C,IAAa,8BAA8B;AAI3C,IAAa,2BAA2B;AAExC,IAAa,0BAA0B;AAKvC,IAAa,8BAA8B;AAC3C,IAAa,+BAA+B;AAI5C,IAAa,wBAAwB;;AAGrC,IAAa,4BAAoD;CAC/D,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;AACT;AAEA,IAAa,uBAAwD;CACnE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,0BAAgE;CAC3E,SAAS;CACT,SAAS;AACX;;;AC/FA,IAAa,4BAA4B,CAAC,mBAAG,IAAI,IAAI;CACnD,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,0BAA0B;CAC9C,GAAG,iBAAiB,2BAA2B;CAC/C,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,uBAAuB;CAC3C,GAAG,iBAAiB,2BAA2B;CAC/C,GAAG,iBAAiB,4BAA4B;CAChD,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,4BAA4B;CAChD,GAAG,OAAO,OAAO,yBAAyB,CAAC,CAAC,QAAQ,gBAAgB;CACpE,GAAG,OAAO,OAAO,oBAAoB,CAAC,CAAC,QAAQ,gBAAgB;CAC/D,GAAG,OAAO,OAAO,uBAAuB,CAAC,CAAC,QAAQ,gBAAgB;AACpE,CAAC,CAAC;;;AChCF,IAAa,0BAA0B,wBAAwB,OAAO,KAAK,KAAK;CAC9E,MAAM;CACN,UAAU;AACZ,CAAC"}

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

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

package/dist/chunks/{trending-up-Bf9AQmoq.js → deltaTone-B5OoS1vo.js}

@@ -39,4 +39,22 @@ var trending_up_default = markRaw({
 	render: render$1
 });
 //#endregion
-export { trending_down_default as n, trending_up_default as t };
+//#region src/components/GrDelta/deltaTone.ts
+/**
+* Тон величины по её знаку и полярности.
+*
+* Ноль нейтрален при любой полярности: «не изменилось» — третье состояние, и
+* двумя цветами его не выразить. `null` величины нет вовсе — тона у неё тоже
+* нет, это решает вызывающий.
+*/
+function deltaTone(value, polarity = "positive-good") {
+	if (polarity === "none" || value === 0 || Number.isNaN(value)) return "neutral";
+	return (polarity === "positive-good" ? value > 0 : value < 0) ? "success" : "danger";
+}
+/** Направление стрелки. Ноль стрелки не получает: двигаться было некуда. */
+function deltaDirection(value) {
+	if (Number.isNaN(value) || value === 0) return "flat";
+	return value > 0 ? "up" : "down";
+}
+//#endregion
+export { trending_down_default as i, deltaTone as n, trending_up_default as r, deltaDirection as t };

package/dist/chunks/deltaTone-B5OoS1vo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deltaTone-B5OoS1vo.js","names":[],"sources":["../../src/components/GrDelta/deltaTone.ts"],"sourcesContent":["/**\n * Выбор тона для величины со знаком.\n *\n * Чистая функция, а не `switch` внутри компонента: ровно этот `switch`\n * расходился по приложениям копиями, и в одной из них нулевое движение\n * красилось зелёным — как поступление.\n */\n\n/** Что считать хорошим ростом. */\nexport type GrDeltaPolarity\n  /** Рост — успех: выручка, конверсия, число подписок. */\n  = | 'positive-good'\n  /** Рост — проблема: себестоимость, время отклика, отток. */\n    | 'negative-good'\n  /** Знак ничего не говорит о качестве: сальдо, смещение, разница координат. */\n    | 'none'\n\nexport type GrDeltaTone = 'success' | 'danger' | 'neutral'\n\n/**\n * Тон величины по её знаку и полярности.\n *\n * Ноль нейтрален при любой полярности: «не изменилось» — третье состояние, и\n * двумя цветами его не выразить. `null` величины нет вовсе — тона у неё тоже\n * нет, это решает вызывающий.\n */\nexport function deltaTone(value: number, polarity: GrDeltaPolarity = 'positive-good'): GrDeltaTone {\n  if (polarity === 'none' || value === 0 || Number.isNaN(value)) return 'neutral'\n\n  const good = polarity === 'positive-good' ? value > 0 : value < 0\n\n  return good ? 'success' : 'danger'\n}\n\n/** Направление стрелки. Ноль стрелки не получает: двигаться было некуда. */\nexport function deltaDirection(value: number): 'up' | 'down' | 'flat' {\n  if (Number.isNaN(value) || value === 0) return 'flat'\n  return value > 0 ? 'up' : 'down'\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,SAAgB,UAAU,OAAe,WAA4B,iBAA8B;CACjG,IAAI,aAAa,UAAU,UAAU,KAAK,OAAO,MAAM,KAAK,GAAG,OAAO;CAItE,QAFa,aAAa,kBAAkB,QAAQ,IAAI,QAAQ,KAElD,YAAY;AAC5B;;AAGA,SAAgB,eAAe,OAAuC;CACpE,IAAI,OAAO,MAAM,KAAK,KAAK,UAAU,GAAG,OAAO;CAC/C,OAAO,QAAQ,IAAI,OAAO;AAC5B"}

package/dist/chunks/{generated-CiCrGDQO.js → generated-1WEi10KK.js}

@@ -1046,7 +1046,7 @@ var grThemeTokens = [
 		"description": "Облегчённая success-подложка для мягких статусов и подсветок.",
 		"values": {
 			"light": "#d1fae5",
-			"dark": "#064e3b"
+			"dark": "#194536"
 		}
 	},
 	{
@@ -1091,7 +1091,7 @@ var grThemeTokens = [
 		"description": "Облегчённая warning-подложка для мягких warning-состояний.",
 		"values": {
 			"light": "#ffedd5",
-			"dark": "#7c2d12"
+			"dark": "#672e1c"
 		}
 	},
 	{
@@ -1127,7 +1127,7 @@ var grThemeTokens = [
 		"description": "Облегчённая danger-подложка для мягких error-состояний.",
 		"values": {
 			"light": "#fee2e2",
-			"dark": "#7f1d1d"
+			"dark": "#6a2522"
 		}
 	},
 	{
@@ -1163,7 +1163,7 @@ var grThemeTokens = [
 		"description": "Облегчённая info-подложка для спокойных информационных блоков.",
 		"values": {
 			"light": "#dbeafe",
-			"dark": "#1e3a8a"
+			"dark": "#213771"
 		}
 	},
 	{
@@ -1199,7 +1199,7 @@ var grThemeTokens = [
 		"description": "Облегчённая slate-подложка для мягких нейтральных состояний.",
 		"values": {
 			"light": "#e2e8f0",
-			"dark": "#334155"
+			"dark": "#313b4a"
 		}
 	},
 	{
@@ -1235,7 +1235,7 @@ var grThemeTokens = [
 		"description": "Облегчённая azure-подложка для мягких informational поверхностей.",
 		"values": {
 			"light": "#e0f2fe",
-			"dark": "#0c4a6e"
+			"dark": "#1b425c"
 		}
 	},
 	{
@@ -1624,6 +1624,33 @@ var grThemeTokens = [
 			"light": "#6366f1",
 			"dark": "#818cf8"
 		}
+	},
+	{
+		"name": "--gr-shadow-1",
+		"section": "Elevation",
+		"description": "Уровень elevation `1`. Синеватая полупрозрачная тень читается на светлом фоне мягче чёрной.",
+		"values": {
+			"light": "0 1px 2px rgba(15, 23, 42, 0.08)",
+			"dark": "0 1px 2px rgba(0, 0, 0, 0.45)"
+		}
+	},
+	{
+		"name": "--gr-shadow-2",
+		"section": "Elevation",
+		"description": "Уровень elevation `2` для всплывающих слоёв.",
+		"values": {
+			"light": "0 8px 24px rgba(15, 23, 42, 0.14)",
+			"dark": "0 8px 24px rgba(0, 0, 0, 0.55)"
+		}
+	},
+	{
+		"name": "--gr-shadow-3",
+		"section": "Elevation",
+		"description": "Уровень elevation `3` для модальных слоёв.",
+		"values": {
+			"light": "0 16px 48px rgba(15, 23, 42, 0.20)",
+			"dark": "0 16px 48px rgba(0, 0, 0, 0.65)"
+		}
 	}
 ];
 var grComponentTokens = [
@@ -2418,6 +2445,20 @@ var grComponentTokens = [
 		"default": "-4px 0 6px -4px rgba(0, 0, 0, 0.25)",
 		"description": "Тень на границе группы колонок, закреплённых справа."
 	},
+	{
+		"owner": "GrDescriptionList",
+		"name": "--gr-description-list-column-min",
+		"kind": "hook",
+		"default": "12rem",
+		"description": "Минимальная ширина колонки. Ниже неё сетка отдаёт колонку целиком, а не делит её: в тесной колонке значение переносится посимвольно, и число «30» читается как «3» и «0». Порог считается от ширины контейнера, а не вьюпорта."
+	},
+	{
+		"owner": "GrDescriptionList",
+		"name": "--gr-description-list-value-min",
+		"kind": "hook",
+		"default": "5rem",
+		"description": "Сколько места остаётся значению рядом с подписью при `inline`. Складывается с `labelWidth` в минимальную ширину колонки: колонка шириной с одну подпись выжимает значение в букву на строку."
+	},
 	{
 		"owner": "GrDescriptionList",
 		"name": "--gr-description-list-label-color",
@@ -3398,6 +3439,48 @@ var grComponentTokens = [
 		"default": "var(--gr-tree-branch-line-default-color)",
 		"description": "Цвет направляющей конкретной ветки — им подсвечивается путь до текущего узла."
 	},
+	{
+		"owner": "GrValue",
+		"name": "--gr-value-prefix-color",
+		"kind": "hook",
+		"default": "цвет величины (наследуется)",
+		"description": "Цвет приписки перед значением. По умолчанию наследует цвет величины: знак валюты — часть суммы, и краснеть при отрицательном значении обязан вместе с ней."
+	},
+	{
+		"owner": "GrValue",
+		"name": "--gr-value-prefix-size",
+		"kind": "hook",
+		"default": "кегль величины (наследуется)",
+		"description": "Кегль приписки перед значением. По умолчанию равен кеглю самой величины: приглушённый и уменьшенный знак валюты читается подписью рядом с числом, а не его частью."
+	},
+	{
+		"owner": "GrValue",
+		"name": "--gr-value-prefix-gap",
+		"kind": "hook",
+		"default": "0",
+		"description": "Отбивка между припиской и значением. По умолчанию нулевая: «$ 14,99» с зазором читается как опечатка."
+	},
+	{
+		"owner": "GrValue",
+		"name": "--gr-value-suffix-color",
+		"kind": "hook",
+		"default": "var(--gr-muted-fg)",
+		"description": "Цвет приписки после значения. По умолчанию приглушён: там обычно единица измерения, а она величине не принадлежит. Валюта справа (`100 ₽`) — случай обратный, и цвет для неё снимают этим токеном."
+	},
+	{
+		"owner": "GrValue",
+		"name": "--gr-value-suffix-size",
+		"kind": "hook",
+		"default": "0.85em",
+		"description": "Кегль приписки после значения. Доля от кегля величины, а не ступень шкалы: примитив своей шкалы размеров не имеет и набирается кеглем места, где стоит."
+	},
+	{
+		"owner": "GrValue",
+		"name": "--gr-value-suffix-gap",
+		"kind": "hook",
+		"default": "0.25rem",
+		"description": "Отбивка между значением и припиской после него. Задаётся логическим отступом, поэтому в RTL встаёт с нужной стороны."
+	},
 	{
 		"owner": "composables",
 		"name": "--gr-virtual-before",