@feugene/granularity 0.23.0 → 0.25.0

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-BfsBepkH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-BfsBepkH.js","names":[],"sources":["../../src/components/GrSidebar/grSidebarStyles.ts","../../src/components/GrSidebar/safelist.ts","../../src/components/GrSidebar/config.ts"],"sourcesContent":["/** Сторона экрана, к которой прижата панель. */\nexport const GR_SIDEBAR_POSITIONS = ['left', 'right'] as const\nexport type GrSidebarPosition = typeof GR_SIDEBAR_POSITIONS[number]\n\n/** Лендмарк корня: навигация или дополняющий блок (фильтры, справка). */\nexport const GR_SIDEBAR_LANDMARKS = ['complementary', 'navigation'] as const\nexport type GrSidebarLandmark = typeof GR_SIDEBAR_LANDMARKS[number]\n\nexport const rootBase = 'flex flex-col bg-[var(--gr-sidebar)] text-[var(--gr-sidebar-fg)] transition-[width] duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]'\n\n/** Граница отделяет панель от контента, поэтому уезжает на внутреннюю сторону. */\nexport const rootPositions: Record<GrSidebarPosition, string> = {\n  left: 'border-r border-[var(--gr-sidebar-brd)]',\n  right: 'border-l border-[var(--gr-sidebar-brd)]',\n}\n\nexport const headerBase = 'flex items-center gap-2 border-b border-[var(--gr-sidebar-brd)] px-3 py-4'\n\nexport const titleClass = 'truncate text-[length:var(--gr-text-lg)] font-700'\nexport const subtitleClass = 'truncate text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]'\n\n/**\n * Скроллящийся блок обязан быть достижим с клавиатуры, поэтому он остановка\n * `Tab` с видимым кольцом: без него панель с текстовым содержимым не\n * проскроллить вовсе.\n */\nexport const contentBase = 'flex-1 overflow-y-auto focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--gr-ring)]'\n\nexport const itemBase = 'relative flex w-full items-center rounded-[var(--gr-radius-md)] text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport const itemCollapsedClass = 'justify-center px-0 py-2'\nexport const itemExpandedClass = 'gap-3 px-3 py-2'\n\n/**\n * Недоступный пункт гасится токеном, а не `opacity`: прозрачность разбавляет\n * выверенные на AA токены текста.\n */\nexport const itemDisabledClass = 'cursor-not-allowed text-[var(--gr-disabled-fg)]'\nexport const itemActiveClass = 'bg-[var(--gr-muted)] font-600 text-[var(--gr-fg)]'\nexport const itemIdleClass = 'text-[var(--gr-sidebar-fg)] hover:bg-[color-mix(in_srgb,var(--gr-sidebar-fg)_8%,transparent)]'\n\nexport const itemLetterClass = 'text-[length:var(--gr-text-xs)] font-700 leading-none'\nexport const itemBadgeClass = 'shrink-0 rounded-[var(--gr-radius-full)] bg-[color-mix(in_srgb,var(--gr-sidebar-fg)_12%,transparent)] px-1.5 py-0.5 text-[length:var(--gr-text-2xs)] font-600'\n\nexport const groupLabelClass = 'px-3 pb-1 pt-3 text-[length:var(--gr-text-2xs)] font-700 [text-transform:uppercase] tracking-wide text-[var(--gr-muted-fg)]'\n\n/**\n * В свёрнутой панели заголовка секции нет — иначе он не помещается. Границы\n * между группами берёт на себя линия: без неё иконки соседних секций сливаются\n * в один столбец.\n */\nexport const groupCollapsedClass = 'mt-2 border-t border-[var(--gr-sidebar-brd)] pt-2'\n\nexport function grSidebarRootClass(position: GrSidebarPosition): string {\n  return [rootBase, rootPositions[position]].join(' ')\n}\n\n/**\n * Куда указывает шеврон кнопки тогла: всегда в ту сторону, куда уедет панель.\n * У правой панели «свернуть» — это стрелка вправо.\n */\nexport function grSidebarCollapseDirection(\n  position: GrSidebarPosition,\n  collapsed: boolean,\n): GrSidebarPosition {\n  const toRight = (position === 'right') !== collapsed\n  return toRight ? 'right' : 'left'\n}\n\nexport function grSidebarItemClass(options: {\n  collapsed: boolean\n  disabled: boolean\n  active: boolean\n}): string {\n  return [\n    itemBase,\n    options.collapsed ? itemCollapsedClass : itemExpandedClass,\n    options.disabled ? itemDisabledClass : options.active ? itemActiveClass : itemIdleClass,\n  ].join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  contentBase,\n  groupCollapsedClass,\n  groupLabelClass,\n  headerBase,\n  itemActiveClass,\n  itemBadgeClass,\n  itemBase,\n  itemCollapsedClass,\n  itemDisabledClass,\n  itemExpandedClass,\n  itemIdleClass,\n  itemLetterClass,\n  rootBase,\n  rootPositions,\n  subtitleClass,\n  titleClass,\n} from './grSidebarStyles'\n\nexport const grSidebarSafelist = [...new Set([\n  ...splitClassTokens(rootBase),\n  ...Object.values(rootPositions).flatMap(splitClassTokens),\n  ...splitClassTokens(headerBase),\n  ...splitClassTokens(titleClass),\n  ...splitClassTokens(subtitleClass),\n  ...splitClassTokens(contentBase),\n  ...splitClassTokens(itemBase),\n  ...splitClassTokens(itemCollapsedClass),\n  ...splitClassTokens(itemExpandedClass),\n  ...splitClassTokens(itemDisabledClass),\n  ...splitClassTokens(itemActiveClass),\n  ...splitClassTokens(itemIdleClass),\n  ...splitClassTokens(itemLetterClass),\n  ...splitClassTokens(itemBadgeClass),\n  ...splitClassTokens(groupLabelClass),\n  ...splitClassTokens(groupCollapsedClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grSidebarSafelist } from './safelist'\n\nexport const grSidebarConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSidebar',\n  dependencies: ['GrButton', 'GrIcon'],\n  safelist: grSidebarSafelist,\n})\n"],"mappings":";;;AAQA,IAAa,WAAW;;AAGxB,IAAa,gBAAmD;CAC9D,MAAM;CACN,OAAO;AACT;AAEA,IAAa,aAAa;AAE1B,IAAa,aAAa;AAC1B,IAAa,gBAAgB;;;;;;AAO7B,IAAa,cAAc;AAE3B,IAAa,WAAW;AAExB,IAAa,qBAAqB;AAClC,IAAa,oBAAoB;;;;;AAMjC,IAAa,oBAAoB;AACjC,IAAa,kBAAkB;AAC/B,IAAa,gBAAgB;AAE7B,IAAa,kBAAkB;AAC/B,IAAa,iBAAiB;AAE9B,IAAa,kBAAkB;;;;;;AAO/B,IAAa,sBAAsB;AAEnC,SAAgB,mBAAmB,UAAqC;CACtE,OAAO,CAAC,UAAU,cAAc,SAAS,CAAC,CAAC,KAAK,GAAG;AACrD;;;;;AAMA,SAAgB,2BACd,UACA,WACmB;CAEnB,OADiB,aAAa,YAAa,YAC1B,UAAU;AAC7B;AAEA,SAAgB,mBAAmB,SAIxB;CACT,OAAO;EACL;EACA,QAAQ,YAAY,qBAAqB;EACzC,QAAQ,WAAW,oBAAoB,QAAQ,SAAS,kBAAkB;CAC5E,CAAC,CAAC,KAAK,GAAG;AACZ;;;AC3DA,IAAa,oBAAoB,CAAC,mBAAG,IAAI,IAAI;CAC3C,GAAG,iBAAiB,QAAQ;CAC5B,GAAG,OAAO,OAAO,aAAa,CAAC,CAAC,QAAQ,gBAAgB;CACxD,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,WAAW;CAC/B,GAAG,iBAAiB,QAAQ;CAC5B,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,mBAAmB;AACzC,CAAC,CAAC;;;ACjCF,IAAa,kBAAkB,wBAAwB,OAAO,KAAK,KAAK;CACtE,MAAM;CACN,cAAc,CAAC,YAAY,QAAQ;CACnC,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-BuGlNPE92.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-BuGlNPE92.js","names":[],"sources":["../../src/components/GrCheckboxGroup/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grCheckboxGroupConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrCheckboxGroup',\n  dependencies: ['GrCheckbox'],\n})\n"],"mappings":";;AAEA,IAAa,wBAAwB,wBAAwB,OAAO,KAAK,KAAK;CAC5E,MAAM;CACN,cAAc,CAAC,YAAY;AAC7B,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-CPSxM7XE.js

@@ -0,0 +1,8 @@
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrContextMenu/config.ts
+var grContextMenuConfig = defineGranularComponent(import.meta.url, {
+	name: "GrContextMenu",
+	dependencies: ["GrPopover", "GrDropdownMenu"]
+});
+//#endregion
+export { grContextMenuConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-CPSxM7XE.js","names":[],"sources":["../../src/components/GrContextMenu/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grContextMenuConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrContextMenu',\n  // Компонент рендерит и слой, и пункты: без обоих рёбер у потребителя,\n  // выбравшего только контекстное меню, панель приедет без фона, а пункты — без цветов.\n  dependencies: ['GrPopover', 'GrDropdownMenu'],\n})\n"],"mappings":";;AAEA,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK;CAC1E,MAAM;CAGN,cAAc,CAAC,aAAa,gBAAgB;AAC9C,CAAC"}

package/dist/chunks/config-D7zgE_Gr.js

@@ -0,0 +1,107 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { i as radiusClass, s as toneClass } from "./grBadgeStyles-C1S56Alo.js";
+import { t as grBadgeSafelist } from "./safelist-DOfCQR5O.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrChip/grChipStyles.ts
+/**
+* Размеры у чипа свои, а не бейджевые.
+*
+* Шкал кегля в пакете две: контрольная `xs…lg` (12/13/14/16) у полей и мельче
+* `3xs…md` (10/11/12/14) у метки — `GrBadge`, `GrTooltip`. Чип берёт
+* контрольную: по нему кликают, и цель нажатия обязана совпадать с соседним
+* контролом, а не с подписью. Отсюда же явная высота — у метки её нет вовсе,
+* а у цели нажатия она и есть главное.
+*
+* Тона и радиусы при этом переиспользуются у `GrBadge` без изменений: чип
+* должен стоять с бейджем в одном ряду и не расходиться с ним по цвету.
+*/
+var chipSizeClassBySize = {
+	xs: "h-6 gap-1 px-2 text-[length:var(--gr-control-text-xs)]",
+	sm: "h-7 gap-1 px-2.5 text-[length:var(--gr-control-text-sm)]",
+	md: "h-8 gap-1.5 px-3 text-[length:var(--gr-control-text-md)]",
+	lg: "h-9 gap-1.5 px-3.5 text-[length:var(--gr-control-text-lg)]"
+};
+/** Крестик и иконка не растут вместе с кеглем один в один — плитка бы разъехалась. */
+var chipIconSizeClassBySize = {
+	xs: "h-3 w-3",
+	sm: "h-3.5 w-3.5",
+	md: "h-4 w-4",
+	lg: "h-4 w-4"
+};
+/**
+* `leading-none` осознанно: у контрольной шкалы парных ступеней межстрочного
+* нет, и без явного значения плитка поехала бы за `line-height` приложения.
+* Тот же приём у `GrBadge` и `GrKbd`.
+*/
+var chipRootClass = "inline-flex max-w-full items-center border align-middle leading-none whitespace-nowrap";
+/** Подпись жмётся, а не ломает ряд: чип с длинным тегом не должен рвать раскладку. */
+var chipLabelClass = "min-w-0 truncate";
+var chipInteractiveClass = "cursor-pointer transition-colors duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-out)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-offset-1 focus-visible:ring-offset-[var(--gr-bg)]";
+/**
+* Disabled гасится токеном фона, а не `opacity`: прозрачность разбавляет
+* выверенные на AA токены текста и роняет контраст (`library-conventions.md`).
+*/
+var chipDisabledClass = "cursor-not-allowed bg-[var(--gr-chip-disabled-bg,var(--gr-muted))] text-[var(--gr-chip-disabled-fg,var(--gr-disabled-fg))] border-[var(--gr-chip-disabled-brd,var(--gr-brd))]";
+/**
+* Выбранный чип берёт **плотный** вариант своего тона, а не оттенок соседнего.
+*
+* Тон остаётся тем же — иначе набор фильтров превратился бы в радугу, — но
+* меняется вес заливки: светлая подложка сменяется насыщенной, как у
+* filled-бейджа. Это перепад светлоты, а не оттенка, поэтому различие
+* переживает и монохром, и дальтонизм.
+*
+* Одной заливки всё же мало: **`font-600` остаётся вторым, нецветовым
+* каналом** (WCAG 1.4.1). Он же вытягивает случай, когда потребитель поставил
+* `dark` всему набору и заливка у выбранного и невыбранного совпадает.
+*/
+var chipSelectedClass = "font-600";
+/** Крестик наследует цвет тона: своей роли у него нет, он часть плитки. */
+var chipCloseClass = "shrink-0 inline-flex items-center justify-center rounded-[var(--gr-radius-full)] text-current transition-colors duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-out)] hover:bg-[color-mix(in_srgb,currentColor_18%,transparent)]";
+/**
+* Крестик-кнопка стоит в таб-порядке и обязана показывать фокус сама: она
+* появляется только там, где чип не виджет, то есть кольца на корне нет.
+*/
+var chipCloseButtonClass = `${chipCloseClass} cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]`;
+var chipIconClass = "shrink-0";
+function grChipClass(options) {
+	return [
+		chipRootClass,
+		radiusClass(options.radius, options.size),
+		chipSizeClassBySize[options.size],
+		options.disabled ? chipDisabledClass : toneClass(options.tone, options.dark || options.selected),
+		options.interactive && !options.disabled ? chipInteractiveClass : "",
+		options.selected ? chipSelectedClass : ""
+	].filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/components/GrChip/safelist.ts
+/**
+* Тона и радиусы приходят из `grBadgeStyles.ts`, поэтому их safelist берётся
+* ссылкой, а не копией: копия разошлась бы с оригиналом молча. Ребро
+* `GrChip → GrBadge` объявлено в `config.ts` — без него пресет не подмешает
+* стили бейджа при гранулярной селекции, и чип придёт бесцветным.
+*/
+var grChipSafelist = [.../* @__PURE__ */ new Set([
+	...grBadgeSafelist,
+	...Object.values(chipSizeClassBySize).flatMap(splitClassTokens),
+	...Object.values(chipIconSizeClassBySize).flatMap(splitClassTokens),
+	...splitClassTokens(chipRootClass),
+	...splitClassTokens(chipLabelClass),
+	...splitClassTokens(chipInteractiveClass),
+	...splitClassTokens(chipDisabledClass),
+	...splitClassTokens(chipSelectedClass),
+	...splitClassTokens(chipCloseClass),
+	...splitClassTokens(chipCloseButtonClass),
+	...splitClassTokens(chipIconClass),
+	"h-full",
+	"w-full"
+])];
+//#endregion
+//#region src/components/GrChip/config.ts
+var grChipConfig = defineGranularComponent(import.meta.url, {
+	name: "GrChip",
+	dependencies: ["GrBadge"],
+	safelist: grChipSafelist
+});
+//#endregion
+export { chipIconClass as a, grChipClass as c, chipCloseClass as i, grChipSafelist as n, chipIconSizeClassBySize as o, chipCloseButtonClass as r, chipLabelClass as s, grChipConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-D7zgE_Gr.js","names":[],"sources":["../../src/components/GrChip/grChipStyles.ts","../../src/components/GrChip/safelist.ts","../../src/components/GrChip/config.ts"],"sourcesContent":["import type { GrBadgeRadius, GrBadgeTone } from '../GrBadge/grBadgeStyles'\nimport { radiusClass, toneClass } from '../GrBadge/grBadgeStyles'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type GrChipTone = GrBadgeTone\nexport type GrChipSize = GrComponentSize\nexport type GrChipRadius = GrBadgeRadius\n\n/**\n * Размеры у чипа свои, а не бейджевые.\n *\n * Шкал кегля в пакете две: контрольная `xs…lg` (12/13/14/16) у полей и мельче\n * `3xs…md` (10/11/12/14) у метки — `GrBadge`, `GrTooltip`. Чип берёт\n * контрольную: по нему кликают, и цель нажатия обязана совпадать с соседним\n * контролом, а не с подписью. Отсюда же явная высота — у метки её нет вовсе,\n * а у цели нажатия она и есть главное.\n *\n * Тона и радиусы при этом переиспользуются у `GrBadge` без изменений: чип\n * должен стоять с бейджем в одном ряду и не расходиться с ним по цвету.\n */\nexport const chipSizeClassBySize: Record<GrChipSize, string> = {\n  xs: 'h-6 gap-1 px-2 text-[length:var(--gr-control-text-xs)]',\n  sm: 'h-7 gap-1 px-2.5 text-[length:var(--gr-control-text-sm)]',\n  md: 'h-8 gap-1.5 px-3 text-[length:var(--gr-control-text-md)]',\n  lg: 'h-9 gap-1.5 px-3.5 text-[length:var(--gr-control-text-lg)]',\n}\n\n/** Крестик и иконка не растут вместе с кеглем один в один — плитка бы разъехалась. */\nexport const chipIconSizeClassBySize: Record<GrChipSize, string> = {\n  xs: 'h-3 w-3',\n  sm: 'h-3.5 w-3.5',\n  md: 'h-4 w-4',\n  lg: 'h-4 w-4',\n}\n\n/**\n * `leading-none` осознанно: у контрольной шкалы парных ступеней межстрочного\n * нет, и без явного значения плитка поехала бы за `line-height` приложения.\n * Тот же приём у `GrBadge` и `GrKbd`.\n */\nexport const chipRootClass = 'inline-flex max-w-full items-center border align-middle leading-none whitespace-nowrap'\n\n/** Подпись жмётся, а не ломает ряд: чип с длинным тегом не должен рвать раскладку. */\nexport const chipLabelClass = 'min-w-0 truncate'\n\nexport const chipInteractiveClass = 'cursor-pointer transition-colors duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-out)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-offset-1 focus-visible:ring-offset-[var(--gr-bg)]'\n\n/**\n * Disabled гасится токеном фона, а не `opacity`: прозрачность разбавляет\n * выверенные на AA токены текста и роняет контраст (`library-conventions.md`).\n */\nexport const chipDisabledClass = 'cursor-not-allowed bg-[var(--gr-chip-disabled-bg,var(--gr-muted))] text-[var(--gr-chip-disabled-fg,var(--gr-disabled-fg))] border-[var(--gr-chip-disabled-brd,var(--gr-brd))]'\n\n/**\n * Выбранный чип берёт **плотный** вариант своего тона, а не оттенок соседнего.\n *\n * Тон остаётся тем же — иначе набор фильтров превратился бы в радугу, — но\n * меняется вес заливки: светлая подложка сменяется насыщенной, как у\n * filled-бейджа. Это перепад светлоты, а не оттенка, поэтому различие\n * переживает и монохром, и дальтонизм.\n *\n * Одной заливки всё же мало: **`font-600` остаётся вторым, нецветовым\n * каналом** (WCAG 1.4.1). Он же вытягивает случай, когда потребитель поставил\n * `dark` всему набору и заливка у выбранного и невыбранного совпадает.\n */\nexport const chipSelectedClass = 'font-600'\n\n/** Крестик наследует цвет тона: своей роли у него нет, он часть плитки. */\nexport const chipCloseClass = 'shrink-0 inline-flex items-center justify-center rounded-[var(--gr-radius-full)] text-current transition-colors duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-out)] hover:bg-[color-mix(in_srgb,currentColor_18%,transparent)]'\n\n/**\n * Крестик-кнопка стоит в таб-порядке и обязана показывать фокус сама: она\n * появляется только там, где чип не виджет, то есть кольца на корне нет.\n */\nexport const chipCloseButtonClass = `${chipCloseClass} cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]`\n\nexport const chipIconClass = 'shrink-0'\n\nexport function grChipClass(options: {\n  tone: GrChipTone\n  dark: boolean\n  size: GrChipSize\n  radius: GrChipRadius\n  interactive: boolean\n  selected: boolean\n  disabled: boolean\n}): string {\n  return [\n    chipRootClass,\n    radiusClass(options.radius, options.size),\n    chipSizeClassBySize[options.size],\n    // Выбор поднимает вес заливки до плотного варианта того же тона.\n    options.disabled ? chipDisabledClass : toneClass(options.tone, options.dark || options.selected),\n    options.interactive && !options.disabled ? chipInteractiveClass : '',\n    options.selected ? chipSelectedClass : '',\n  ].filter(Boolean).join(' ')\n}\n","import { grBadgeSafelist } from '../GrBadge/safelist'\nimport { splitClassTokens } from '../shared/classTokens'\n\nimport {\n  chipCloseButtonClass,\n  chipCloseClass,\n  chipDisabledClass,\n  chipIconClass,\n  chipIconSizeClassBySize,\n  chipInteractiveClass,\n  chipLabelClass,\n  chipRootClass,\n  chipSelectedClass,\n  chipSizeClassBySize,\n} from './grChipStyles'\n\n/**\n * Тона и радиусы приходят из `grBadgeStyles.ts`, поэтому их safelist берётся\n * ссылкой, а не копией: копия разошлась бы с оригиналом молча. Ребро\n * `GrChip → GrBadge` объявлено в `config.ts` — без него пресет не подмешает\n * стили бейджа при гранулярной селекции, и чип придёт бесцветным.\n */\nexport const grChipSafelist = [...new Set([\n  ...grBadgeSafelist,\n  ...Object.values(chipSizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(chipIconSizeClassBySize).flatMap(splitClassTokens),\n  ...splitClassTokens(chipRootClass),\n  ...splitClassTokens(chipLabelClass),\n  ...splitClassTokens(chipInteractiveClass),\n  ...splitClassTokens(chipDisabledClass),\n  ...splitClassTokens(chipSelectedClass),\n  ...splitClassTokens(chipCloseClass),\n  ...splitClassTokens(chipCloseButtonClass),\n  ...splitClassTokens(chipIconClass),\n  'h-full',\n  'w-full',\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grChipSafelist } from './safelist'\n\nexport const grChipConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrChip',\n  // `GrBadge` — импорт его класс-мап и safelist; `GrIcon` не рендерится,\n  // крестик — прямой `~icons`-компонент, поэтому его в зависимостях нет.\n  dependencies: ['GrBadge'],\n  safelist: grChipSafelist,\n})\n"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,IAAa,sBAAkD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,0BAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;AAOA,IAAa,gBAAgB;;AAG7B,IAAa,iBAAiB;AAE9B,IAAa,uBAAuB;;;;;AAMpC,IAAa,oBAAoB;;;;;;;;;;;;;AAcjC,IAAa,oBAAoB;;AAGjC,IAAa,iBAAiB;;;;;AAM9B,IAAa,uBAAuB,GAAG,eAAe;AAEtD,IAAa,gBAAgB;AAE7B,SAAgB,YAAY,SAQjB;CACT,OAAO;EACL;EACA,YAAY,QAAQ,QAAQ,QAAQ,IAAI;EACxC,oBAAoB,QAAQ;EAE5B,QAAQ,WAAW,oBAAoB,UAAU,QAAQ,MAAM,QAAQ,QAAQ,QAAQ,QAAQ;EAC/F,QAAQ,eAAe,CAAC,QAAQ,WAAW,uBAAuB;EAClE,QAAQ,WAAW,oBAAoB;CACzC,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B;;;;;;;;;AC3EA,IAAa,iBAAiB,CAAC,mBAAG,IAAI,IAAI;CACxC,GAAG;CACH,GAAG,OAAO,OAAO,mBAAmB,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,GAAG,OAAO,OAAO,uBAAuB,CAAC,CAAC,QAAQ,gBAAgB;CAClE,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,aAAa;CACjC;CACA;AACF,CAAC,CAAC;;;AChCF,IAAa,eAAe,wBAAwB,OAAO,KAAK,KAAK;CACnE,MAAM;CAGN,cAAc,CAAC,SAAS;CACxB,UAAU;AACZ,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-DAX8Deh1.js","names":[],"sources":["../../src/components/GrSortableList/grSortableListStyles.ts","../../src/components/GrSortableList/safelist.ts","../../src/components/GrSortableList/config.ts"],"sourcesContent":["export type GrSortableOrientation = 'horizontal' | 'vertical'\n\n/**\n * Классы `GrSortableList`. Единственный источник правды для шаблона и\n * `safelist.ts`: литерал, живущий только здесь, до скана UnoCSS не доходит —\n * хелпер уезжает в общий чанк `dist/chunks/`.\n */\n\nexport const listClass: Record<GrSortableOrientation, string> = {\n  vertical: 'flex flex-col',\n  horizontal: 'flex flex-row flex-wrap',\n}\n\nexport const rowLayoutClass = 'relative flex items-center gap-2 px-4 py-3 transition-colors duration-[var(--gr-duration-fast)]'\n\n/**\n * Строка — остановка роверного фокуса, поэтому кольцо на ней, а не на ручке:\n * с клавиатуры берут строку целиком, ручка остаётся affordance для мыши.\n */\nexport const rowFocusClass = 'focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-inset'\n\nexport const rowDraggingClass = 'bg-[var(--gr-sortable-row-bg-active,var(--gr-muted))]'\n\n/** Взятая с клавиатуры строка обязана отличаться от просто сфокусированной. */\nexport const rowGrabbedClass = 'bg-[var(--gr-sortable-row-bg-active,var(--gr-muted))] ring-2 ring-[var(--gr-ring)] ring-inset'\n\nexport const rowDisabledClass = 'cursor-not-allowed bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]'\n\nexport const dividedClass = 'divide-y divide-[var(--gr-brd)]'\n\nexport const emptyClass = 'px-4 py-6 text-center text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]'\n\n/**\n * Ручка не табируется: внутри роверного композита свой таб-стоп сломал бы\n * правило «один Tab на список» — тот же приём, что у ручки `GrTree`.\n */\n/**\n * `[touch-action:none]` вместо `touch-none`: утилиты нет ни в `presetMini`, ни\n * в extra-rules, класс молча не превратился бы в CSS — и вертикальный свайп по\n * ручке ушёл бы в прокрутку страницы. Тот же приём у дорожки `GrSlider`.\n */\nexport const handleClass = 'flex shrink-0 items-center justify-center rounded-[var(--gr-radius-sm)] text-[var(--gr-sortable-handle-color,var(--gr-muted-fg))] size-[var(--gr-sortable-handle-size,1.5rem)] cursor-grab [touch-action:none] focus:outline-none'\n\nexport const handleDisabledClass = 'cursor-not-allowed text-[var(--gr-muted-fg)]'\n\n\nexport const contentClass = 'min-w-0 flex-1 text-[length:var(--gr-text-sm)]'\n\n/**\n * Куда встанет строка — псевдоэлемент самой строки, а не отдельный узел:\n * лишний узел между строками ломает и `divide-y`, и подсчёт позиций.\n */\nexport const indicatorBeforeClass = 'before:absolute before:inset-x-0 before:top-0 before:h-[var(--gr-sortable-indicator-width,2px)] before:bg-[var(--gr-sortable-indicator,var(--gr-primary))] before:content-empty'\n\nexport const indicatorAfterClass = 'after:absolute after:inset-x-0 after:bottom-0 after:h-[var(--gr-sortable-indicator-width,2px)] after:bg-[var(--gr-sortable-indicator,var(--gr-primary))] after:content-empty'\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  contentClass,\n  dividedClass,\n  emptyClass,\n  handleClass,\n  handleDisabledClass,\n  indicatorAfterClass,\n  indicatorBeforeClass,\n  listClass,\n  rowDisabledClass,\n  rowDraggingClass,\n  rowFocusClass,\n  rowGrabbedClass,\n  rowLayoutClass,\n} from './grSortableListStyles'\n\nexport const grSortableListSafelist = [...new Set([\n  ...Object.values(listClass).flatMap(splitClassTokens),\n  ...splitClassTokens(rowLayoutClass),\n  ...splitClassTokens(rowFocusClass),\n  ...splitClassTokens(rowDraggingClass),\n  ...splitClassTokens(rowGrabbedClass),\n  ...splitClassTokens(rowDisabledClass),\n  ...splitClassTokens(dividedClass),\n  ...splitClassTokens(emptyClass),\n  ...splitClassTokens(handleClass),\n  ...splitClassTokens(handleDisabledClass),\n  ...splitClassTokens(contentClass),\n  ...splitClassTokens(indicatorBeforeClass),\n  ...splitClassTokens(indicatorAfterClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grSortableListSafelist } from './safelist'\n\nexport const grSortableListConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSortableList',\n  safelist: grSortableListSafelist,\n  dependencies: ['GrCard'],\n})\n"],"mappings":";;;;;;;;AAQA,IAAa,YAAmD;CAC9D,UAAU;CACV,YAAY;AACd;AAEA,IAAa,iBAAiB;;;;;AAM9B,IAAa,gBAAgB;AAE7B,IAAa,mBAAmB;;AAGhC,IAAa,kBAAkB;AAE/B,IAAa,mBAAmB;AAEhC,IAAa,eAAe;AAE5B,IAAa,aAAa;;;;;;;;;;AAW1B,IAAa,cAAc;AAE3B,IAAa,sBAAsB;AAGnC,IAAa,eAAe;;;;;AAM5B,IAAa,uBAAuB;AAEpC,IAAa,sBAAsB;;;ACrCnC,IAAa,yBAAyB,CAAC,mBAAG,IAAI,IAAI;CAChD,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,WAAW;CAC/B,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,mBAAmB;AACzC,CAAC,CAAC;;;AC3BF,IAAa,uBAAuB,wBAAwB,OAAO,KAAK,KAAK;CAC3E,MAAM;CACN,UAAU;CACV,cAAc,CAAC,QAAQ;AACzB,CAAC"}

package/dist/chunks/config-DGCMHPCR.js

@@ -0,0 +1,19 @@
+import { t as grBadgeSafelist } from "./safelist-DOfCQR5O.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#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 { grBadgeConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-DGCMHPCR.js","names":[],"sources":["../../src/components/GrBadge/config.ts"],"sourcesContent":["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":";;;AAIA,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-DGWFal5h.js

@@ -0,0 +1,128 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrSteps/grStepsStyles.ts
+var stepsRootClass = "w-full min-w-0";
+var stepsListClass = {
+	horizontal: "m-0 flex [list-style:none] items-start p-0",
+	vertical: "m-0 flex [list-style:none] flex-col p-0"
+};
+/**
+* Пункт растёт по горизонтали и прижимается влево по вертикали.
+*
+* В горизонтальной ленте маркер стоит **над** подписью, а не слева от неё:
+* соединитель идёт от маркера к маркеру на их высоте, и подпись сбоку он бы
+* перечёркивал. В вертикальной колонке места по ширине хватает, там подпись
+* справа, а линия спускается вниз.
+*/
+var stepsItemClass = {
+	horizontal: "relative min-w-0 flex-1",
+	vertical: "relative min-w-0"
+};
+/** Отступ снизу у вертикального пункта — место, по которому идёт соединитель. */
+var stepsItemConnectedClass = {
+	horizontal: "",
+	vertical: "pb-6"
+};
+/**
+* Кегль и метрика маркера на ступени.
+*
+* Шкала контрольная (`--gr-control-text-*`): шаги стоят в шапке мастера рядом с
+* кнопками «Назад»/«Далее», и подпись обязана совпасть с ними, а не с меткой.
+* Диаметр маркера — покомпонентный токен, потому что ступени в общей шкале для
+* него нет: это не кегль и не радиус, а собственная метрика компонента.
+*/
+var stepsSizeClassBySize = {
+	xs: "text-[length:var(--gr-control-text-xs)] [--gr-steps-marker-size:1.25rem]",
+	sm: "text-[length:var(--gr-control-text-sm)] [--gr-steps-marker-size:1.5rem]",
+	md: "text-[length:var(--gr-control-text-md)] [--gr-steps-marker-size:1.75rem]",
+	lg: "text-[length:var(--gr-control-text-lg)] [--gr-steps-marker-size:2rem]"
+};
+var stepsTriggerClass = "min-w-0 bg-transparent focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--gr-bg)] rounded-[var(--gr-radius-md)]";
+var stepsTriggerClassByOrientation = {
+	horizontal: "flex w-full flex-col items-center gap-1.5 text-center",
+	vertical: "flex w-full items-start gap-3 text-left"
+};
+/** Кликабельный шаг обязан выглядеть кликабельным — иначе о нём не догадаются. */
+var stepsTriggerEnabledClass = "cursor-pointer";
+var stepsMarkerClass = "inline-flex shrink-0 items-center justify-center rounded-[var(--gr-radius-full)] border font-600 leading-none h-[var(--gr-steps-marker-size)] w-[var(--gr-steps-marker-size)] text-[length:var(--gr-control-text-2xs)]";
+/**
+* Маркер по статусу.
+*
+* Пройденный — сплошная заливка, текущий — обводка тем же тоном, будущий —
+* приглушённый. Различие идёт по светлоте, а не по оттенку: три соседних цвета
+* одного тона на одной ленте не читаются, а сплошное/полое — читается и в
+* монохроме. `error` — единственный, кто меняет тон, и меняет его осмысленно.
+*/
+var stepsMarkerClassByStatus = {
+	complete: "border-[var(--gr-primary-solid)] bg-[var(--gr-primary-solid)] text-[var(--gr-primary-solid-fg)]",
+	current: "border-[var(--gr-primary-solid)] bg-[var(--gr-bg)] text-[var(--gr-primary-text)]",
+	upcoming: "border-[var(--gr-brd)] bg-[var(--gr-bg)] text-[var(--gr-muted-fg)]",
+	error: "border-[var(--gr-danger-solid)] bg-[var(--gr-danger-solid)] text-[var(--gr-danger-solid-fg)]"
+};
+var stepsLabelClass = "block min-w-0 font-600";
+var stepsLabelClassByStatus = {
+	complete: "text-[var(--gr-fg)]",
+	current: "text-[var(--gr-fg)]",
+	upcoming: "text-[var(--gr-muted-fg)]",
+	error: "text-[var(--gr-danger-text)]"
+};
+var stepsDescriptionClass = "block mt-0.5 text-[length:var(--gr-control-text-xs)] text-[var(--gr-muted-fg)]";
+/**
+* Соединитель между шагами.
+*
+* Позиция считается от диаметра маркера, а не от жёсткой высоты: маркер растёт
+* со ступенью размера, и линия обязана оставаться на его оси. По горизонтали
+* пункты делят ширину поровну, поэтому маркер стоит ровно по центру пункта —
+* отсюда `50%` слева и `-50%` справа: линия идёт от края одного маркера до
+* края соседнего.
+*/
+var stepsConnectorClass = {
+	horizontal: "absolute top-[calc(var(--gr-steps-marker-size)/2)] h-[var(--gr-steps-connector-size,2px)] -translate-y-1/2 left-[calc(50%+var(--gr-steps-marker-size)/2+0.5rem)] right-[calc(-50%+var(--gr-steps-marker-size)/2+0.5rem)]",
+	vertical: "absolute left-[calc(var(--gr-steps-marker-size)/2)] w-[var(--gr-steps-connector-size,2px)] -translate-x-1/2 top-[calc(var(--gr-steps-marker-size)+0.375rem)] bottom-1"
+};
+var stepsConnectorDoneClass = "bg-[var(--gr-steps-connector-done,var(--gr-primary-solid))]";
+var stepsConnectorPendingClass = "bg-[var(--gr-steps-connector-pending,var(--gr-brd))]";
+/** Компактный вариант: подпись и полоса вместо ленты. */
+var stepsCompactRowClass = "flex items-baseline justify-between gap-3";
+var stepsCompactCounterClass = "shrink-0 text-[length:var(--gr-control-text-xs)] text-[var(--gr-muted-fg)]";
+var stepsCompactLabelClass = "min-w-0 truncate font-600 text-[var(--gr-fg)]";
+var stepsCompactBarClass = "mt-2";
+function grStepsMarkerClass(status) {
+	return `${stepsMarkerClass} ${stepsMarkerClassByStatus[status]}`;
+}
+function grStepsLabelClass(status) {
+	return `${stepsLabelClass} ${stepsLabelClassByStatus[status]}`;
+}
+//#endregion
+//#region src/components/GrSteps/safelist.ts
+var grStepsSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(stepsSizeClassBySize).flatMap(splitClassTokens),
+	...Object.values(stepsListClass).flatMap(splitClassTokens),
+	...Object.values(stepsItemClass).flatMap(splitClassTokens),
+	...Object.values(stepsItemConnectedClass).flatMap(splitClassTokens),
+	...Object.values(stepsTriggerClassByOrientation).flatMap(splitClassTokens),
+	...Object.values(stepsConnectorClass).flatMap(splitClassTokens),
+	...Object.values(stepsMarkerClassByStatus).flatMap(splitClassTokens),
+	...Object.values(stepsLabelClassByStatus).flatMap(splitClassTokens),
+	...splitClassTokens(stepsRootClass),
+	...splitClassTokens(stepsMarkerClass),
+	...splitClassTokens(stepsLabelClass),
+	...splitClassTokens(stepsDescriptionClass),
+	...splitClassTokens(stepsTriggerClass),
+	...splitClassTokens(stepsTriggerEnabledClass),
+	...splitClassTokens(stepsConnectorDoneClass),
+	...splitClassTokens(stepsConnectorPendingClass),
+	...splitClassTokens(stepsCompactRowClass),
+	...splitClassTokens(stepsCompactCounterClass),
+	...splitClassTokens(stepsCompactLabelClass),
+	...splitClassTokens(stepsCompactBarClass)
+])];
+//#endregion
+//#region src/components/GrSteps/config.ts
+var grStepsConfig = defineGranularComponent(import.meta.url, {
+	name: "GrSteps",
+	dependencies: ["GrProgressBar"],
+	safelist: grStepsSafelist
+});
+//#endregion
+export { stepsSizeClassBySize as _, stepsCompactBarClass as a, stepsTriggerEnabledClass as b, stepsCompactRowClass as c, stepsConnectorPendingClass as d, stepsDescriptionClass as f, stepsRootClass as g, stepsListClass as h, grStepsMarkerClass as i, stepsConnectorClass as l, stepsItemConnectedClass as m, grStepsSafelist as n, stepsCompactCounterClass as o, stepsItemClass as p, grStepsLabelClass as r, stepsCompactLabelClass as s, grStepsConfig as t, stepsConnectorDoneClass as u, stepsTriggerClass as v, stepsTriggerClassByOrientation as y };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-DGWFal5h.js","names":[],"sources":["../../src/components/GrSteps/grStepsStyles.ts","../../src/components/GrSteps/safelist.ts","../../src/components/GrSteps/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nimport type { GrStepStatus } from './stepsModel'\n\nexport type GrStepsSize = GrComponentSize\nexport type GrStepsOrientation = 'horizontal' | 'vertical'\nexport type GrStepsVariant = 'steps' | 'compact'\n\nexport const stepsRootClass = 'w-full min-w-0'\n\nexport const stepsListClass: Record<GrStepsOrientation, string> = {\n  // Горизонтальная лента делит ширину поровну: шаги — равноправные этапы, и\n  // разная ширина читалась бы как разный вес.\n  // `[list-style:none]`, а не `list-none`: утилита не входит в документированный\n  // пресет и CSS не даёт (гейт `documentedConfig`). Так же живёт `GrBreadcrumbs`.\n  horizontal: 'm-0 flex [list-style:none] items-start p-0',\n  vertical: 'm-0 flex [list-style:none] flex-col p-0',\n}\n\n/**\n * Пункт растёт по горизонтали и прижимается влево по вертикали.\n *\n * В горизонтальной ленте маркер стоит **над** подписью, а не слева от неё:\n * соединитель идёт от маркера к маркеру на их высоте, и подпись сбоку он бы\n * перечёркивал. В вертикальной колонке места по ширине хватает, там подпись\n * справа, а линия спускается вниз.\n */\nexport const stepsItemClass: Record<GrStepsOrientation, string> = {\n  horizontal: 'relative min-w-0 flex-1',\n  vertical: 'relative min-w-0',\n}\n\n/** Отступ снизу у вертикального пункта — место, по которому идёт соединитель. */\nexport const stepsItemConnectedClass: Record<GrStepsOrientation, string> = {\n  horizontal: '',\n  vertical: 'pb-6',\n}\n\n/**\n * Кегль и метрика маркера на ступени.\n *\n * Шкала контрольная (`--gr-control-text-*`): шаги стоят в шапке мастера рядом с\n * кнопками «Назад»/«Далее», и подпись обязана совпасть с ними, а не с меткой.\n * Диаметр маркера — покомпонентный токен, потому что ступени в общей шкале для\n * него нет: это не кегль и не радиус, а собственная метрика компонента.\n */\nexport const stepsSizeClassBySize: Record<GrStepsSize, string> = {\n  xs: 'text-[length:var(--gr-control-text-xs)] [--gr-steps-marker-size:1.25rem]',\n  sm: 'text-[length:var(--gr-control-text-sm)] [--gr-steps-marker-size:1.5rem]',\n  md: 'text-[length:var(--gr-control-text-md)] [--gr-steps-marker-size:1.75rem]',\n  lg: 'text-[length:var(--gr-control-text-lg)] [--gr-steps-marker-size:2rem]',\n}\n\nexport const stepsTriggerClass = 'min-w-0 bg-transparent focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--gr-bg)] rounded-[var(--gr-radius-md)]'\n\nexport const stepsTriggerClassByOrientation: Record<GrStepsOrientation, string> = {\n  horizontal: 'flex w-full flex-col items-center gap-1.5 text-center',\n  vertical: 'flex w-full items-start gap-3 text-left',\n}\n\n/** Кликабельный шаг обязан выглядеть кликабельным — иначе о нём не догадаются. */\nexport const stepsTriggerEnabledClass = 'cursor-pointer'\n\nexport const stepsMarkerClass = 'inline-flex shrink-0 items-center justify-center rounded-[var(--gr-radius-full)] border font-600 leading-none h-[var(--gr-steps-marker-size)] w-[var(--gr-steps-marker-size)] text-[length:var(--gr-control-text-2xs)]'\n\n/**\n * Маркер по статусу.\n *\n * Пройденный — сплошная заливка, текущий — обводка тем же тоном, будущий —\n * приглушённый. Различие идёт по светлоте, а не по оттенку: три соседних цвета\n * одного тона на одной ленте не читаются, а сплошное/полое — читается и в\n * монохроме. `error` — единственный, кто меняет тон, и меняет его осмысленно.\n */\nexport const stepsMarkerClassByStatus: Record<GrStepStatus, string> = {\n  complete: 'border-[var(--gr-primary-solid)] bg-[var(--gr-primary-solid)] text-[var(--gr-primary-solid-fg)]',\n  current: 'border-[var(--gr-primary-solid)] bg-[var(--gr-bg)] text-[var(--gr-primary-text)]',\n  upcoming: 'border-[var(--gr-brd)] bg-[var(--gr-bg)] text-[var(--gr-muted-fg)]',\n  error: 'border-[var(--gr-danger-solid)] bg-[var(--gr-danger-solid)] text-[var(--gr-danger-solid-fg)]',\n}\n\nexport const stepsLabelClass = 'block min-w-0 font-600'\n\nexport const stepsLabelClassByStatus: Record<GrStepStatus, string> = {\n  complete: 'text-[var(--gr-fg)]',\n  current: 'text-[var(--gr-fg)]',\n  upcoming: 'text-[var(--gr-muted-fg)]',\n  error: 'text-[var(--gr-danger-text)]',\n}\n\nexport const stepsDescriptionClass = 'block mt-0.5 text-[length:var(--gr-control-text-xs)] text-[var(--gr-muted-fg)]'\n\n/**\n * Соединитель между шагами.\n *\n * Позиция считается от диаметра маркера, а не от жёсткой высоты: маркер растёт\n * со ступенью размера, и линия обязана оставаться на его оси. По горизонтали\n * пункты делят ширину поровну, поэтому маркер стоит ровно по центру пункта —\n * отсюда `50%` слева и `-50%` справа: линия идёт от края одного маркера до\n * края соседнего.\n */\nexport const stepsConnectorClass: Record<GrStepsOrientation, string> = {\n  horizontal: 'absolute top-[calc(var(--gr-steps-marker-size)/2)] h-[var(--gr-steps-connector-size,2px)] -translate-y-1/2 left-[calc(50%+var(--gr-steps-marker-size)/2+0.5rem)] right-[calc(-50%+var(--gr-steps-marker-size)/2+0.5rem)]',\n  vertical: 'absolute left-[calc(var(--gr-steps-marker-size)/2)] w-[var(--gr-steps-connector-size,2px)] -translate-x-1/2 top-[calc(var(--gr-steps-marker-size)+0.375rem)] bottom-1',\n}\n\nexport const stepsConnectorDoneClass = 'bg-[var(--gr-steps-connector-done,var(--gr-primary-solid))]'\nexport const stepsConnectorPendingClass = 'bg-[var(--gr-steps-connector-pending,var(--gr-brd))]'\n\n/** Компактный вариант: подпись и полоса вместо ленты. */\nexport const stepsCompactRowClass = 'flex items-baseline justify-between gap-3'\nexport const stepsCompactCounterClass = 'shrink-0 text-[length:var(--gr-control-text-xs)] text-[var(--gr-muted-fg)]'\nexport const stepsCompactLabelClass = 'min-w-0 truncate font-600 text-[var(--gr-fg)]'\nexport const stepsCompactBarClass = 'mt-2'\n\nexport function grStepsMarkerClass(status: GrStepStatus): string {\n  return `${stepsMarkerClass} ${stepsMarkerClassByStatus[status]}`\n}\n\nexport function grStepsLabelClass(status: GrStepStatus): string {\n  return `${stepsLabelClass} ${stepsLabelClassByStatus[status]}`\n}\n","import { splitClassTokens } from '../shared/classTokens'\n\nimport {\n  stepsCompactBarClass,\n  stepsCompactCounterClass,\n  stepsCompactLabelClass,\n  stepsCompactRowClass,\n  stepsConnectorClass,\n  stepsConnectorDoneClass,\n  stepsConnectorPendingClass,\n  stepsDescriptionClass,\n  stepsItemClass,\n  stepsItemConnectedClass,\n  stepsLabelClass,\n  stepsLabelClassByStatus,\n  stepsListClass,\n  stepsMarkerClass,\n  stepsMarkerClassByStatus,\n  stepsRootClass,\n  stepsSizeClassBySize,\n  stepsTriggerClass,\n  stepsTriggerClassByOrientation,\n  stepsTriggerEnabledClass,\n} from './grStepsStyles'\n\nexport const grStepsSafelist = [...new Set([\n  ...Object.values(stepsSizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(stepsListClass).flatMap(splitClassTokens),\n  ...Object.values(stepsItemClass).flatMap(splitClassTokens),\n  ...Object.values(stepsItemConnectedClass).flatMap(splitClassTokens),\n  ...Object.values(stepsTriggerClassByOrientation).flatMap(splitClassTokens),\n  ...Object.values(stepsConnectorClass).flatMap(splitClassTokens),\n  ...Object.values(stepsMarkerClassByStatus).flatMap(splitClassTokens),\n  ...Object.values(stepsLabelClassByStatus).flatMap(splitClassTokens),\n  ...splitClassTokens(stepsRootClass),\n  ...splitClassTokens(stepsMarkerClass),\n  ...splitClassTokens(stepsLabelClass),\n  ...splitClassTokens(stepsDescriptionClass),\n  ...splitClassTokens(stepsTriggerClass),\n  ...splitClassTokens(stepsTriggerEnabledClass),\n  ...splitClassTokens(stepsConnectorDoneClass),\n  ...splitClassTokens(stepsConnectorPendingClass),\n  ...splitClassTokens(stepsCompactRowClass),\n  ...splitClassTokens(stepsCompactCounterClass),\n  ...splitClassTokens(stepsCompactLabelClass),\n  ...splitClassTokens(stepsCompactBarClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grStepsSafelist } from './safelist'\n\nexport const grStepsConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSteps',\n  // Компактный вариант рендерит полосу прогресса — это ребро графа.\n  dependencies: ['GrProgressBar'],\n  safelist: grStepsSafelist,\n})\n"],"mappings":";;;AAQA,IAAa,iBAAiB;AAE9B,IAAa,iBAAqD;CAKhE,YAAY;CACZ,UAAU;AACZ;;;;;;;;;AAUA,IAAa,iBAAqD;CAChE,YAAY;CACZ,UAAU;AACZ;;AAGA,IAAa,0BAA8D;CACzE,YAAY;CACZ,UAAU;AACZ;;;;;;;;;AAUA,IAAa,uBAAoD;CAC/D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,oBAAoB;AAEjC,IAAa,iCAAqE;CAChF,YAAY;CACZ,UAAU;AACZ;;AAGA,IAAa,2BAA2B;AAExC,IAAa,mBAAmB;;;;;;;;;AAUhC,IAAa,2BAAyD;CACpE,UAAU;CACV,SAAS;CACT,UAAU;CACV,OAAO;AACT;AAEA,IAAa,kBAAkB;AAE/B,IAAa,0BAAwD;CACnE,UAAU;CACV,SAAS;CACT,UAAU;CACV,OAAO;AACT;AAEA,IAAa,wBAAwB;;;;;;;;;;AAWrC,IAAa,sBAA0D;CACrE,YAAY;CACZ,UAAU;AACZ;AAEA,IAAa,0BAA0B;AACvC,IAAa,6BAA6B;;AAG1C,IAAa,uBAAuB;AACpC,IAAa,2BAA2B;AACxC,IAAa,yBAAyB;AACtC,IAAa,uBAAuB;AAEpC,SAAgB,mBAAmB,QAA8B;CAC/D,OAAO,GAAG,iBAAiB,GAAG,yBAAyB;AACzD;AAEA,SAAgB,kBAAkB,QAA8B;CAC9D,OAAO,GAAG,gBAAgB,GAAG,wBAAwB;AACvD;;;AC/FA,IAAa,kBAAkB,CAAC,mBAAG,IAAI,IAAI;CACzC,GAAG,OAAO,OAAO,oBAAoB,CAAC,CAAC,QAAQ,gBAAgB;CAC/D,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;CACzD,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;CACzD,GAAG,OAAO,OAAO,uBAAuB,CAAC,CAAC,QAAQ,gBAAgB;CAClE,GAAG,OAAO,OAAO,8BAA8B,CAAC,CAAC,QAAQ,gBAAgB;CACzE,GAAG,OAAO,OAAO,mBAAmB,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,GAAG,OAAO,OAAO,wBAAwB,CAAC,CAAC,QAAQ,gBAAgB;CACnE,GAAG,OAAO,OAAO,uBAAuB,CAAC,CAAC,QAAQ,gBAAgB;CAClE,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,uBAAuB;CAC3C,GAAG,iBAAiB,0BAA0B;CAC9C,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,oBAAoB;AAC1C,CAAC,CAAC;;;AC1CF,IAAa,gBAAgB,wBAAwB,OAAO,KAAK,KAAK;CACpE,MAAM;CAEN,cAAc,CAAC,eAAe;CAC9B,UAAU;AACZ,CAAC"}