@feugene/granularity 0.26.0 → 0.27.0

package/dist/chunks/{config-BN4sXYXn.js → config-BqT6PMzO.js}

@@ -1,4 +1,4 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrInputTag/grInputTagStyles.ts
 var wrapperSizeClassBySize = {
@@ -8,10 +8,10 @@ var wrapperSizeClassBySize = {
 	lg: "min-h-11 px-4 py-2 gap-2"
 };
 var inputSizeClassBySize = {
-	xs: "text-[length:var(--gr-control-text-xs)]",
-	sm: "text-[length:var(--gr-control-text-sm)]",
-	md: "text-[length:var(--gr-control-text-md)]",
-	lg: "text-[length:var(--gr-control-text-lg)]"
+	xs: "text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]",
+	sm: "text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]",
+	md: "text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]",
+	lg: "text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-lg)]"
 };
 var wrapperBorderClassByState = {
 	default: "border-[var(--gr-brd)]",
@@ -33,12 +33,6 @@ var wrapperEnabledClass = "bg-[var(--gr-bg)] cursor-text";
 * два `bg-*` одной специфичности разрулил бы порядок в сгенерированном CSS.
 */
 var wrapperDisabledClass = "bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] cursor-not-allowed";
-/**
-* Крестик наследует цвет тона бейджа (`text-current`) в полную силу: гасить его
-* прозрачностью нельзя — контраст глифа тогда зависит от тона чипа, а на тёмном
-* бейдже он проваливается.
-*/
-var removeButtonClass = "-mr-0.5 shrink-0 inline-flex items-center justify-center rounded-[var(--gr-radius-control)] p-0.5 text-current focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
 var clearButtonClass = "ml-auto shrink-0 inline-flex items-center justify-center rounded-[var(--gr-radius-control)] p-0.5 text-[var(--gr-muted-fg)] transition-colors hover:text-[var(--gr-fg)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
 var spinnerClass = "shrink-0 inline-flex items-center justify-center text-[var(--gr-muted-fg)]";
 function grInputTagWrapperClass(options) {
@@ -62,7 +56,6 @@ var grInputTagSafelist = [.../* @__PURE__ */ new Set([
 	...splitClassTokens(wrapperBaseClass),
 	...splitClassTokens(wrapperEnabledClass),
 	...splitClassTokens(wrapperDisabledClass),
-	...splitClassTokens(removeButtonClass),
 	...splitClassTokens(clearButtonClass),
 	...splitClassTokens(spinnerClass)
 ])];
@@ -70,8 +63,8 @@ var grInputTagSafelist = [.../* @__PURE__ */ new Set([
 //#region src/components/GrInputTag/config.ts
 var grInputTagConfig = defineGranularComponent(import.meta.url, {
 	name: "GrInputTag",
-	dependencies: ["GrBadge", "GrIcon"],
+	dependencies: ["GrChip", "GrIcon"],
 	safelist: grInputTagSafelist
 });
 //#endregion
-export { grInputTagWrapperClass as a, grInputTagInputClass as i, grInputTagSafelist as n, removeButtonClass as o, clearButtonClass as r, spinnerClass as s, grInputTagConfig as t };
+export { grInputTagWrapperClass as a, grInputTagInputClass as i, grInputTagSafelist as n, spinnerClass as o, clearButtonClass as r, grInputTagConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BqT6PMzO.js","names":[],"sources":["../../src/components/GrInputTag/grInputTagStyles.ts","../../src/components/GrInputTag/safelist.ts","../../src/components/GrInputTag/config.ts"],"sourcesContent":["import type { GrControlState } from '../shared/sizes'\n\nimport type { GrInputSize } from '../GrInput/GrInput.vue'\n\nexport type GrInputTagSize = GrInputSize\nexport type GrInputTagState = GrControlState\n\nexport const wrapperSizeClassBySize: Record<GrInputTagSize, string> = {\n  xs: 'min-h-7 px-2.5 py-1 gap-1.5',\n  sm: 'min-h-8 px-3 py-1 gap-1.5',\n  md: 'min-h-10 px-3 py-1.5 gap-2',\n  lg: 'min-h-11 px-4 py-2 gap-2',\n}\n\nexport const inputSizeClassBySize: Record<GrInputTagSize, string> = {\n  xs: 'text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]',\n  sm: 'text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]',\n  md: 'text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]',\n  lg: 'text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-lg)]',\n}\n\nexport const wrapperBorderClassByState: Record<GrInputTagState, string> = {\n  default: 'border-[var(--gr-brd)]',\n  success: 'border-[var(--gr-success)] focus-within:ring-[var(--gr-success)]',\n  warning: 'border-[var(--gr-warning)] focus-within:ring-[var(--gr-warning)]',\n  danger: 'border-[var(--gr-danger)] focus-within:ring-[var(--gr-danger)]',\n}\n\n/**\n * Ошибка валидации красится своей ролью, а не декоративным тоном `danger`:\n * `state=\"danger\"` — это подсветка по решению разработчика, `invalid` — вердикт\n * валидации, и тема вправе развести их по цвету.\n */\nexport const invalidWrapperBorderClass = 'border-[var(--gr-invalid-brd)] focus-within:ring-[var(--gr-invalid-ring)]'\n\nexport const wrapperBaseClass = 'w-full flex flex-wrap items-center rounded-[var(--gr-radius-control)] border text-[var(--gr-fg)] transition-colors duration-[var(--gr-duration-fast)] focus-within:ring-2 focus-within:ring-[var(--gr-ring)]'\n\nexport const wrapperEnabledClass = 'bg-[var(--gr-bg)] cursor-text'\n\n/**\n * Заблокированное поле гасится фоном, а не `opacity`: прозрачность разбавляет\n * выверенные на AA токены текста. Фон взаимоисключающий с `wrapperEnabledClass` —\n * два `bg-*` одной специфичности разрулил бы порядок в сгенерированном CSS.\n */\nexport const wrapperDisabledClass = 'bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] cursor-not-allowed'\n\nexport const clearButtonClass = 'ml-auto shrink-0 inline-flex items-center justify-center rounded-[var(--gr-radius-control)] p-0.5 text-[var(--gr-muted-fg)] transition-colors hover:text-[var(--gr-fg)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport const spinnerClass = 'shrink-0 inline-flex items-center justify-center text-[var(--gr-muted-fg)]'\n\nexport function grInputTagWrapperClass(options: {\n  size: GrInputTagSize\n  state: GrInputTagState\n  invalid: boolean\n  disabled: boolean\n}): string {\n  return [\n    wrapperBaseClass,\n    wrapperSizeClassBySize[options.size],\n    options.invalid ? invalidWrapperBorderClass : wrapperBorderClassByState[options.state],\n    options.disabled ? wrapperDisabledClass : wrapperEnabledClass,\n  ].join(' ')\n}\n\nexport function grInputTagInputClass(size: GrInputTagSize): string {\n  return inputSizeClassBySize[size]\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  clearButtonClass,\n  inputSizeClassBySize,\n  invalidWrapperBorderClass,\n  spinnerClass,\n  wrapperBaseClass,\n  wrapperBorderClassByState,\n  wrapperDisabledClass,\n  wrapperEnabledClass,\n  wrapperSizeClassBySize,\n} from './grInputTagStyles'\n\nexport const grInputTagSafelist = [...new Set([\n  ...Object.values(wrapperSizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(inputSizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(wrapperBorderClassByState).flatMap(splitClassTokens),\n  ...splitClassTokens(invalidWrapperBorderClass),\n  ...splitClassTokens(wrapperBaseClass),\n  ...splitClassTokens(wrapperEnabledClass),\n  ...splitClassTokens(wrapperDisabledClass),\n  ...splitClassTokens(clearButtonClass),\n  ...splitClassTokens(spinnerClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grInputTagSafelist } from './safelist'\n\nexport const grInputTagConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrInputTag',\n  dependencies: ['GrChip', 'GrIcon'],\n  safelist: grInputTagSafelist,\n})"],"mappings":";;;AAOA,IAAa,yBAAyD;CACpE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,uBAAuD;CAClE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,4BAA6D;CACxE,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;AACV;;;;;;AAOA,IAAa,4BAA4B;AAEzC,IAAa,mBAAmB;AAEhC,IAAa,sBAAsB;;;;;;AAOnC,IAAa,uBAAuB;AAEpC,IAAa,mBAAmB;AAEhC,IAAa,eAAe;AAE5B,SAAgB,uBAAuB,SAK5B;CACT,OAAO;EACL;EACA,uBAAuB,QAAQ;EAC/B,QAAQ,UAAU,4BAA4B,0BAA0B,QAAQ;EAChF,QAAQ,WAAW,uBAAuB;CAC5C,CAAC,CAAC,KAAK,GAAG;AACZ;AAEA,SAAgB,qBAAqB,MAA8B;CACjE,OAAO,qBAAqB;AAC9B;;;ACrDA,IAAa,qBAAqB,CAAC,mBAAG,IAAI,IAAI;CAC5C,GAAG,OAAO,OAAO,sBAAsB,CAAC,CAAC,QAAQ,gBAAgB;CACjE,GAAG,OAAO,OAAO,oBAAoB,CAAC,CAAC,QAAQ,gBAAgB;CAC/D,GAAG,OAAO,OAAO,yBAAyB,CAAC,CAAC,QAAQ,gBAAgB;CACpE,GAAG,iBAAiB,yBAAyB;CAC7C,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,YAAY;AAClC,CAAC,CAAC;;;ACnBF,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,MAAM;CACN,cAAc,CAAC,UAAU,QAAQ;CACjC,UAAU;AACZ,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BuGlNPE9.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-MRvhUl-O.js → config-CJzmDHfI.js}

@@ -1,4 +1,4 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrProgressCircle/grProgressCircleStyles.ts
 /**

package/dist/chunks/{config-MRvhUl-O.js.map → config-CJzmDHfI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"config-MRvhUl-O.js","names":[],"sources":["../../src/components/GrProgressCircle/grProgressCircleStyles.ts","../../src/components/GrProgressCircle/safelist.ts","../../src/components/GrProgressCircle/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\nimport type { GrTone } from '../shared/tones'\n\nexport type GrProgressCircleTone = GrTone\nexport type GrProgressCircleSize = GrComponentSize\n\n/**\n * Диаметр кольца по ступеням. Значение уезжает в `var(--gr-progress-circle-size, …)`,\n * то есть остаётся точкой кастомизации: геометрия дуги считается в единицах\n * `viewBox` и от диаметра не зависит.\n */\nexport const diameterBySize: Record<GrProgressCircleSize, string> = {\n  xs: '2rem',\n  sm: '3rem',\n  md: '4rem',\n  lg: '6rem',\n}\n\n/**\n * Толщина обводки в единицах `viewBox`, то есть в процентах диаметра. Мелкое\n * кольцо с той же долей выглядело бы ниткой, поэтому доля растёт вниз по шкале.\n */\nexport const thicknessBySize: Record<GrProgressCircleSize, number> = {\n  xs: 12,\n  sm: 11,\n  md: 10,\n  lg: 9,\n}\n\n/** Кегль значения в центре. Тоже с фолбэком: подпись может не влезть под свой формат. */\nexport const valueTextSizeBySize: Record<GrProgressCircleSize, string> = {\n  xs: 'var(--gr-text-2xs)',\n  sm: 'var(--gr-text-xs)',\n  md: 'var(--gr-text-sm)',\n  lg: 'var(--gr-text-lg)',\n}\n\nexport const statusIconSizeBySize: Record<GrProgressCircleSize, string> = {\n  xs: 'h-3 w-3',\n  sm: 'h-4 w-4',\n  md: 'h-5 w-5',\n  lg: 'h-7 w-7',\n}\n\n/**\n * Тона берутся из темы **линейного** индикатора: слой темизации у прогресса\n * один, и потребитель, перекрасивший `--gr-progress-bg`, ждёт, что круг и\n * полоса сойдутся. Фолбэк на роль обязателен — при гранулярном импорте одного\n * круга `GrProgressBar/themes/*.css` не подключается.\n */\nexport const arcColorByTone: Record<GrProgressCircleTone, string> = {\n  primary: 'var(--gr-progress-bg,var(--gr-primary))',\n  neutral: 'var(--gr-progress-neutral-bg,var(--gr-secondary))',\n  success: 'var(--gr-progress-success-bg,var(--gr-success))',\n  warning: 'var(--gr-progress-warning-bg,var(--gr-warning))',\n  danger: 'var(--gr-progress-danger-bg,var(--gr-danger))',\n  info: 'var(--gr-progress-info-bg,var(--gr-info))',\n  slate: 'var(--gr-progress-slate-bg,var(--gr-slate))',\n  azure: 'var(--gr-progress-azure-bg,var(--gr-azure))',\n}\n\nexport const rootClass = 'relative inline-flex shrink-0 items-center justify-center'\n\nexport const svgClass = 'block h-full w-full'\n\n/**\n * Центр — сосед виджета, а не его потомок, поэтому позиционируется абсолютно и\n * сам по себе кликов не ловит: интерактив в слоте включает их себе обратно.\n */\nexport const centerClass = 'pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-0.5 text-center'\n\nexport const valueClass = 'font-600 text-[var(--gr-fg)] tabular-nums'\n\nexport function grProgressCircleArcColor(tone: GrProgressCircleTone): string {\n  return arcColorByTone[tone]\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  centerClass,\n  rootClass,\n  statusIconSizeBySize,\n  svgClass,\n  valueClass,\n} from './grProgressCircleStyles'\n\nexport const grProgressCircleSafelist = [...new Set([\n  ...Object.values(statusIconSizeBySize).flatMap(splitClassTokens),\n  ...splitClassTokens(rootClass),\n  ...splitClassTokens(svgClass),\n  ...splitClassTokens(centerClass),\n  ...splitClassTokens(valueClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grProgressCircleSafelist } from './safelist'\n\nexport const grProgressCircleConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrProgressCircle',\n  safelist: grProgressCircleSafelist,\n})\n"],"mappings":";;;;;;;;AAWA,IAAa,iBAAuD;CAClE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;AAMA,IAAa,kBAAwD;CACnE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,sBAA4D;CACvE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,uBAA6D;CACxE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;AAQA,IAAa,iBAAuD;CAClE,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;AACT;AAEA,IAAa,YAAY;AAEzB,IAAa,WAAW;;;;;AAMxB,IAAa,cAAc;AAE3B,IAAa,aAAa;AAE1B,SAAgB,yBAAyB,MAAoC;CAC3E,OAAO,eAAe;AACxB;;;AClEA,IAAa,2BAA2B,CAAC,mBAAG,IAAI,IAAI;CAClD,GAAG,OAAO,OAAO,oBAAoB,CAAC,CAAC,QAAQ,gBAAgB;CAC/D,GAAG,iBAAiB,SAAS;CAC7B,GAAG,iBAAiB,QAAQ;CAC5B,GAAG,iBAAiB,WAAW;CAC/B,GAAG,iBAAiB,UAAU;AAChC,CAAC,CAAC;;;ACXF,IAAa,yBAAyB,wBAAwB,OAAO,KAAK,KAAK;CAC7E,MAAM;CACN,UAAU;AACZ,CAAC"}
+{"version":3,"file":"config-CJzmDHfI.js","names":[],"sources":["../../src/components/GrProgressCircle/grProgressCircleStyles.ts","../../src/components/GrProgressCircle/safelist.ts","../../src/components/GrProgressCircle/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\nimport type { GrTone } from '../shared/tones'\n\nexport type GrProgressCircleTone = GrTone\nexport type GrProgressCircleSize = GrComponentSize\n\n/**\n * Диаметр кольца по ступеням. Значение уезжает в `var(--gr-progress-circle-size, …)`,\n * то есть остаётся точкой кастомизации: геометрия дуги считается в единицах\n * `viewBox` и от диаметра не зависит.\n */\nexport const diameterBySize: Record<GrProgressCircleSize, string> = {\n  xs: '2rem',\n  sm: '3rem',\n  md: '4rem',\n  lg: '6rem',\n}\n\n/**\n * Толщина обводки в единицах `viewBox`, то есть в процентах диаметра. Мелкое\n * кольцо с той же долей выглядело бы ниткой, поэтому доля растёт вниз по шкале.\n */\nexport const thicknessBySize: Record<GrProgressCircleSize, number> = {\n  xs: 12,\n  sm: 11,\n  md: 10,\n  lg: 9,\n}\n\n/** Кегль значения в центре. Тоже с фолбэком: подпись может не влезть под свой формат. */\nexport const valueTextSizeBySize: Record<GrProgressCircleSize, string> = {\n  xs: 'var(--gr-text-2xs)',\n  sm: 'var(--gr-text-xs)',\n  md: 'var(--gr-text-sm)',\n  lg: 'var(--gr-text-lg)',\n}\n\nexport const statusIconSizeBySize: Record<GrProgressCircleSize, string> = {\n  xs: 'h-3 w-3',\n  sm: 'h-4 w-4',\n  md: 'h-5 w-5',\n  lg: 'h-7 w-7',\n}\n\n/**\n * Тона берутся из темы **линейного** индикатора: слой темизации у прогресса\n * один, и потребитель, перекрасивший `--gr-progress-bg`, ждёт, что круг и\n * полоса сойдутся. Фолбэк на роль обязателен — при гранулярном импорте одного\n * круга `GrProgressBar/themes/*.css` не подключается.\n */\nexport const arcColorByTone: Record<GrProgressCircleTone, string> = {\n  primary: 'var(--gr-progress-bg,var(--gr-primary))',\n  neutral: 'var(--gr-progress-neutral-bg,var(--gr-secondary))',\n  success: 'var(--gr-progress-success-bg,var(--gr-success))',\n  warning: 'var(--gr-progress-warning-bg,var(--gr-warning))',\n  danger: 'var(--gr-progress-danger-bg,var(--gr-danger))',\n  info: 'var(--gr-progress-info-bg,var(--gr-info))',\n  slate: 'var(--gr-progress-slate-bg,var(--gr-slate))',\n  azure: 'var(--gr-progress-azure-bg,var(--gr-azure))',\n}\n\nexport const rootClass = 'relative inline-flex shrink-0 items-center justify-center'\n\nexport const svgClass = 'block h-full w-full'\n\n/**\n * Центр — сосед виджета, а не его потомок, поэтому позиционируется абсолютно и\n * сам по себе кликов не ловит: интерактив в слоте включает их себе обратно.\n */\nexport const centerClass = 'pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-0.5 text-center'\n\nexport const valueClass = 'font-600 text-[var(--gr-fg)] tabular-nums'\n\nexport function grProgressCircleArcColor(tone: GrProgressCircleTone): string {\n  return arcColorByTone[tone]\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  centerClass,\n  rootClass,\n  statusIconSizeBySize,\n  svgClass,\n  valueClass,\n} from './grProgressCircleStyles'\n\nexport const grProgressCircleSafelist = [...new Set([\n  ...Object.values(statusIconSizeBySize).flatMap(splitClassTokens),\n  ...splitClassTokens(rootClass),\n  ...splitClassTokens(svgClass),\n  ...splitClassTokens(centerClass),\n  ...splitClassTokens(valueClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grProgressCircleSafelist } from './safelist'\n\nexport const grProgressCircleConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrProgressCircle',\n  safelist: grProgressCircleSafelist,\n})\n"],"mappings":";;;;;;;;AAWA,IAAa,iBAAuD;CAClE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;AAMA,IAAa,kBAAwD;CACnE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,sBAA4D;CACvE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,uBAA6D;CACxE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;AAQA,IAAa,iBAAuD;CAClE,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;AACT;AAEA,IAAa,YAAY;AAEzB,IAAa,WAAW;;;;;AAMxB,IAAa,cAAc;AAE3B,IAAa,aAAa;AAE1B,SAAgB,yBAAyB,MAAoC;CAC3E,OAAO,eAAe;AACxB;;;AClEA,IAAa,2BAA2B,CAAC,mBAAG,IAAI,IAAI;CAClD,GAAG,OAAO,OAAO,oBAAoB,CAAC,CAAC,QAAQ,gBAAgB;CAC/D,GAAG,iBAAiB,SAAS;CAC7B,GAAG,iBAAiB,QAAQ;CAC5B,GAAG,iBAAiB,WAAW;CAC/B,GAAG,iBAAiB,UAAU;AAChC,CAAC,CAAC;;;ACXF,IAAa,yBAAyB,wBAAwB,OAAO,KAAK,KAAK;CAC7E,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-DGWFal5h.js → config-CLjjjPZj.js}

@@ -1,4 +1,4 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrSteps/grStepsStyles.ts
 var stepsRootClass = "w-full min-w-0";
@@ -32,10 +32,10 @@ var stepsItemConnectedClass = {
 * него нет: это не кегль и не радиус, а собственная метрика компонента.
 */
 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]"
+	xs: "text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)] [--gr-steps-marker-size:1.25rem]",
+	sm: "text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)] [--gr-steps-marker-size:1.5rem]",
+	md: "text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)] [--gr-steps-marker-size:1.75rem]",
+	lg: "text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-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 = {
@@ -66,7 +66,7 @@ var stepsLabelClassByStatus = {
 	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)]";
+var stepsDescriptionClass = "block mt-0.5 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)] text-[var(--gr-muted-fg)]";
 /**
 * Соединитель между шагами.
 *
@@ -84,7 +84,7 @@ var stepsConnectorDoneClass = "bg-[var(--gr-steps-connector-done,var(--gr-primar
 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 stepsCompactCounterClass = "shrink-0 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-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) {

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-CLjjjPZj.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)] leading-[var(--gr-control-leading-xs)] [--gr-steps-marker-size:1.25rem]',\n  sm: 'text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)] [--gr-steps-marker-size:1.5rem]',\n  md: 'text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)] [--gr-steps-marker-size:1.75rem]',\n  lg: 'text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-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)] leading-[var(--gr-control-leading-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)] leading-[var(--gr-control-leading-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"}

package/dist/chunks/{config-Cl4ST6Qd.js → config-CQLNjc9X2.js}

@@ -1,5 +1,5 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
-import { c as underlineClasses, i as focusRingClass, n as colorClass, r as disabledStateClass, s as sizeClassBySize, t as baseRootClass } from "./grLinkStyles-BoL8QYcV.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
+import { c as underlineClasses, i as focusRingClass, n as colorClass, r as disabledStateClass, s as sizeClassBySize, t as baseRootClass } from "./grLinkStyles-FME_qMpi.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrLink/safelist.ts
 var grLinkSafelist = [.../* @__PURE__ */ new Set([

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-CQLNjc9X2.js","names":[],"sources":["../../src/components/GrLink/safelist.ts","../../src/components/GrLink/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  baseRootClass,\n  colorClass,\n  disabledStateClass,\n  focusRingClass,\n  sizeClassBySize,\n  underlineClasses,\n} from './grLinkStyles'\n\nexport const grLinkSafelist = [...new Set([\n  ...splitClassTokens(baseRootClass),\n  ...splitClassTokens(focusRingClass),\n  ...Object.values(sizeClassBySize).flatMap(splitClassTokens),\n  ...underlineClasses.flatMap(splitClassTokens),\n  ...splitClassTokens(colorClass),\n  ...splitClassTokens(disabledStateClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grLinkSafelist } from './safelist'\n\nexport const grLinkConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrLink',\n  dependencies: ['GrIcon'],\n  safelist: grLinkSafelist,\n})"],"mappings":";;;;AAUA,IAAa,iBAAiB,CAAC,mBAAG,IAAI,IAAI;CACxC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,cAAc;CAClC,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,GAAG,iBAAiB,QAAQ,gBAAgB;CAC5C,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,kBAAkB;AACxC,CAAC,CAAC;;;ACbF,IAAa,eAAe,wBAAwB,OAAO,KAAK,KAAK;CACnE,MAAM;CACN,cAAc,CAAC,QAAQ;CACvB,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-vSji8w90.js → config-CWtfxkM9.js}

@@ -1,4 +1,4 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrEmptyState/grEmptyStateStyles.ts
 var rootBaseClass = "text-center";
@@ -32,17 +32,17 @@ var iconSizeBySize = {
 */
 var titleBaseClass = "mb-0 font-700";
 var titleBySize = {
-	xs: "mt-2 text-[length:var(--gr-text-xs)]",
-	sm: "mt-3 text-[length:var(--gr-text-sm)]",
-	md: "mt-4 text-[length:var(--gr-text-sm)]",
-	lg: "mt-5 text-[length:var(--gr-text-base)]"
+	xs: "mt-2 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	sm: "mt-3 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
+	md: "mt-4 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
+	lg: "mt-5 text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]"
 };
 var descriptionBaseClass = "text-[var(--gr-muted-fg)]";
 var descriptionBySize = {
-	xs: "mt-0.5 text-[length:var(--gr-text-xs)]",
-	sm: "mt-1 text-[length:var(--gr-text-xs)]",
-	md: "mt-1 text-[length:var(--gr-text-sm)]",
-	lg: "mt-2 text-[length:var(--gr-text-sm)]"
+	xs: "mt-0.5 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	sm: "mt-1 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	md: "mt-1 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
+	lg: "mt-2 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]"
 };
 var actionsBaseClass = "flex justify-center";
 var actionsBySize = {

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-CWtfxkM9.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)] leading-[var(--gr-leading-xs)]',\n  sm: 'mt-3 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  md: 'mt-4 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  lg: 'mt-5 text-[length:var(--gr-text-base)] leading-[var(--gr-leading-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)] leading-[var(--gr-leading-xs)]',\n  sm: 'mt-1 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  md: 'mt-1 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  lg: 'mt-2 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-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/{config-DKISz9gR.js → config-CWthWcWY.js}

@@ -1,5 +1,5 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
-import { _ as itemShortcutClass, a as columnBaseClass, b as textAlignClass, c as dividerInsetClass, f as headerClass, g as itemInteractiveClass, h as itemIndicatorClass, i as colsClass, l as dividersClass, m as itemDisabledClass, n as borderBottomClass, o as columnsBaseClass, p as itemBaseClass, r as borderTopClass, s as dividerClass, t as alignClass, v as itemVariantClass, y as listBaseClass } from "./grDropdownMenuStyles-D1LOkdVj.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
+import { _ as itemShortcutClass, a as columnBaseClass, b as textAlignClass, c as dividerInsetClass, f as headerClass, g as itemInteractiveClass, h as itemIndicatorClass, i as colsClass, l as dividersClass, m as itemDisabledClass, n as borderBottomClass, o as columnsBaseClass, p as itemBaseClass, r as borderTopClass, s as dividerClass, t as alignClass, v as itemVariantClass, y as listBaseClass } from "./grDropdownMenuStyles-DG3aYHkT.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrDropdownMenu/safelist.ts
 /**

package/dist/chunks/{config-DKISz9gR.js.map → config-CWthWcWY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"config-DKISz9gR.js","names":[],"sources":["../../src/components/GrDropdownMenu/safelist.ts","../../src/components/GrDropdownMenu/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\n\nimport {\n    alignClass,\n    borderBottomClass,\n    borderTopClass,\n    colsClass,\n    columnBaseClass,\n    columnsBaseClass,\n    dividerClass,\n    dividerInsetClass,\n    dividersClass,\n    headerClass,\n    itemBaseClass,\n    itemDisabledClass,\n    itemIndicatorClass,\n    itemInteractiveClass,\n    itemShortcutClass,\n    itemVariantClass,\n    listBaseClass,\n    textAlignClass,\n} from './grDropdownMenuStyles'\n\n/**\n * Классы каталога живут в `.ts`-хелпере, а его бандлер волен вынести в общий\n * `dist/chunks/` — вне области скана компонента. Симптом промаха тут особенно\n * незаметный: размеры пунктов на месте, а выравнивание, колонки и цвета\n * пропали. Гейт — `src/__tests__/safelist.test.ts`.\n */\nexport const grDropdownMenuSafelist = [...new Set([\n    ...Object.values(alignClass).flatMap(splitClassTokens),\n    ...Object.values(textAlignClass).flatMap(splitClassTokens),\n    ...Object.values(colsClass).flatMap(splitClassTokens),\n    ...Object.values(itemVariantClass).flatMap(splitClassTokens),\n    ...splitClassTokens(itemBaseClass),\n    ...splitClassTokens(itemInteractiveClass),\n    ...splitClassTokens(itemDisabledClass),\n    ...splitClassTokens(itemIndicatorClass),\n    ...splitClassTokens(itemShortcutClass),\n    ...splitClassTokens(headerClass),\n    ...splitClassTokens(listBaseClass),\n    ...splitClassTokens(dividersClass),\n    ...splitClassTokens(borderTopClass),\n    ...splitClassTokens(borderBottomClass),\n    ...splitClassTokens(columnsBaseClass),\n    ...splitClassTokens(columnBaseClass),\n    ...splitClassTokens(dividerClass),\n    ...splitClassTokens(dividerInsetClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grDropdownMenuSafelist } from './safelist'\n\nexport const grDropdownMenuConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDropdownMenu',\n  dependencies: ['GrDropdown'],\n  safelist: grDropdownMenuSafelist,\n})\n"],"mappings":";;;;;;;;;;AA6BA,IAAa,yBAAyB,CAAC,mBAAG,IAAI,IAAI;CAC9C,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CACrD,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;CACzD,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,GAAG,OAAO,OAAO,gBAAgB,CAAC,CAAC,QAAQ,gBAAgB;CAC3D,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,WAAW;CAC/B,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,iBAAiB;AACzC,CAAC,CAAC;;;AC5CF,IAAa,uBAAuB,wBAAwB,OAAO,KAAK,KAAK;CAC3E,MAAM;CACN,cAAc,CAAC,YAAY;CAC3B,UAAU;AACZ,CAAC"}
+{"version":3,"file":"config-CWthWcWY.js","names":[],"sources":["../../src/components/GrDropdownMenu/safelist.ts","../../src/components/GrDropdownMenu/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\n\nimport {\n    alignClass,\n    borderBottomClass,\n    borderTopClass,\n    colsClass,\n    columnBaseClass,\n    columnsBaseClass,\n    dividerClass,\n    dividerInsetClass,\n    dividersClass,\n    headerClass,\n    itemBaseClass,\n    itemDisabledClass,\n    itemIndicatorClass,\n    itemInteractiveClass,\n    itemShortcutClass,\n    itemVariantClass,\n    listBaseClass,\n    textAlignClass,\n} from './grDropdownMenuStyles'\n\n/**\n * Классы каталога живут в `.ts`-хелпере, а его бандлер волен вынести в общий\n * `dist/chunks/` — вне области скана компонента. Симптом промаха тут особенно\n * незаметный: размеры пунктов на месте, а выравнивание, колонки и цвета\n * пропали. Гейт — `src/__tests__/safelist.test.ts`.\n */\nexport const grDropdownMenuSafelist = [...new Set([\n    ...Object.values(alignClass).flatMap(splitClassTokens),\n    ...Object.values(textAlignClass).flatMap(splitClassTokens),\n    ...Object.values(colsClass).flatMap(splitClassTokens),\n    ...Object.values(itemVariantClass).flatMap(splitClassTokens),\n    ...splitClassTokens(itemBaseClass),\n    ...splitClassTokens(itemInteractiveClass),\n    ...splitClassTokens(itemDisabledClass),\n    ...splitClassTokens(itemIndicatorClass),\n    ...splitClassTokens(itemShortcutClass),\n    ...splitClassTokens(headerClass),\n    ...splitClassTokens(listBaseClass),\n    ...splitClassTokens(dividersClass),\n    ...splitClassTokens(borderTopClass),\n    ...splitClassTokens(borderBottomClass),\n    ...splitClassTokens(columnsBaseClass),\n    ...splitClassTokens(columnBaseClass),\n    ...splitClassTokens(dividerClass),\n    ...splitClassTokens(dividerInsetClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grDropdownMenuSafelist } from './safelist'\n\nexport const grDropdownMenuConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDropdownMenu',\n  dependencies: ['GrDropdown'],\n  safelist: grDropdownMenuSafelist,\n})\n"],"mappings":";;;;;;;;;;AA6BA,IAAa,yBAAyB,CAAC,mBAAG,IAAI,IAAI;CAC9C,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CACrD,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;CACzD,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,GAAG,OAAO,OAAO,gBAAgB,CAAC,CAAC,QAAQ,gBAAgB;CAC3D,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,WAAW;CAC/B,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,iBAAiB;AACzC,CAAC,CAAC;;;AC5CF,IAAa,uBAAuB,wBAAwB,OAAO,KAAK,KAAK;CAC3E,MAAM;CACN,cAAc,CAAC,YAAY;CAC3B,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-Iu684VNI.js → config-CZPDPJlg.js}

@@ -1,4 +1,4 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrChipGroup/grChipGroupStyles.ts
 /**

package/dist/chunks/{config-Iu684VNI.js.map → config-CZPDPJlg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"config-Iu684VNI.js","names":[],"sources":["../../src/components/GrChipGroup/grChipGroupStyles.ts","../../src/components/GrChipGroup/safelist.ts","../../src/components/GrChipGroup/config.ts"],"sourcesContent":["/**\n * У группы своих вариантов нет: она раскладывает чипы и ничего не красит.\n * Класс вынесен сюда, а не оставлен литералом в шаблоне, только ради safelist —\n * из `.vue` литералы попадают в скан сами, но тогда список классов группы жил\n * бы в двух местах.\n */\nexport const chipGroupRootClass = 'flex flex-wrap items-center gap-2'\n","import { splitClassTokens } from '../shared/classTokens'\n\nimport { chipGroupRootClass } from './grChipGroupStyles'\n\nexport const grChipGroupSafelist = [...new Set([\n  ...splitClassTokens(chipGroupRootClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grChipGroupSafelist } from './safelist'\n\nexport const grChipGroupConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrChipGroup',\n  // Чипы приходят слотом — их рисует потребитель, поэтому ребра графа тут нет.\n  safelist: grChipGroupSafelist,\n})\n"],"mappings":";;;;;;;;;AAMA,IAAa,qBAAqB;;;ACFlC,IAAa,sBAAsB,CAAC,mBAAG,IAAI,IAAI,CAC7C,GAAG,iBAAiB,kBAAkB,CACxC,CAAC,CAAC;;;ACFF,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK;CACxE,MAAM;CAEN,UAAU;AACZ,CAAC"}
+{"version":3,"file":"config-CZPDPJlg.js","names":[],"sources":["../../src/components/GrChipGroup/grChipGroupStyles.ts","../../src/components/GrChipGroup/safelist.ts","../../src/components/GrChipGroup/config.ts"],"sourcesContent":["/**\n * У группы своих вариантов нет: она раскладывает чипы и ничего не красит.\n * Класс вынесен сюда, а не оставлен литералом в шаблоне, только ради safelist —\n * из `.vue` литералы попадают в скан сами, но тогда список классов группы жил\n * бы в двух местах.\n */\nexport const chipGroupRootClass = 'flex flex-wrap items-center gap-2'\n","import { splitClassTokens } from '../shared/classTokens'\n\nimport { chipGroupRootClass } from './grChipGroupStyles'\n\nexport const grChipGroupSafelist = [...new Set([\n  ...splitClassTokens(chipGroupRootClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grChipGroupSafelist } from './safelist'\n\nexport const grChipGroupConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrChipGroup',\n  // Чипы приходят слотом — их рисует потребитель, поэтому ребра графа тут нет.\n  safelist: grChipGroupSafelist,\n})\n"],"mappings":";;;;;;;;;AAMA,IAAa,qBAAqB;;;ACFlC,IAAa,sBAAsB,CAAC,mBAAG,IAAI,IAAI,CAC7C,GAAG,iBAAiB,kBAAkB,CACxC,CAAC,CAAC;;;ACFF,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK;CACxE,MAAM;CAEN,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-DAX8Deh1.js → config-CbEbLyDE.js}

@@ -1,4 +1,4 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrSortableList/grSortableListStyles.ts
 /**
@@ -21,7 +21,7 @@ var rowDraggingClass = "bg-[var(--gr-sortable-row-bg-active,var(--gr-muted))]";
 var rowGrabbedClass = "bg-[var(--gr-sortable-row-bg-active,var(--gr-muted))] ring-2 ring-[var(--gr-ring)] ring-inset";
 var rowDisabledClass = "cursor-not-allowed bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]";
 var dividedClass = "divide-y divide-[var(--gr-brd)]";
-var emptyClass = "px-4 py-6 text-center text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]";
+var emptyClass = "px-4 py-6 text-center text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] text-[var(--gr-muted-fg)]";
 /**
 * Ручка не табируется: внутри роверного композита свой таб-стоп сломал бы
 * правило «один Tab на список» — тот же приём, что у ручки `GrTree`.
@@ -33,7 +33,7 @@ var emptyClass = "px-4 py-6 text-center text-[length:var(--gr-text-sm)] text-[va
 */
 var 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";
 var handleDisabledClass = "cursor-not-allowed text-[var(--gr-muted-fg)]";
-var contentClass = "min-w-0 flex-1 text-[length:var(--gr-text-sm)]";
+var contentClass = "min-w-0 flex-1 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]";
 /**
 * Куда встанет строка — псевдоэлемент самой строки, а не отдельный узел:
 * лишний узел между строками ломает и `divide-y`, и подсчёт позиций.

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-CbEbLyDE.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)] leading-[var(--gr-leading-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)] leading-[var(--gr-leading-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-D94Z9po5.js → config-ChPg-BQv.js}

@@ -1,4 +1,4 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrDrawer/grDrawerStyles.ts
 function grDrawerAxis(side) {
@@ -77,7 +77,7 @@ var panelTransitionClass = {
 var panelBaseClass = "fixed flex flex-col border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] outline-none";
 var headerBorderClass = "border-b border-[var(--gr-brd)]";
 var footerBorderClass = "border-t border-[var(--gr-brd)]";
-var titleClass = "text-[length:var(--gr-text-sm)] font-700 min-w-0 truncate";
+var titleClass = "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] font-700 min-w-0 truncate";
 /** Скрытый заголовок: имя слоя есть даже там, где шапки на экране нет. */
 var srOnlyTitleClass = "sr-only";
 function grDrawerPanelClass(options) {

package/dist/chunks/config-ChPg-BQv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-ChPg-BQv.js","names":[],"sources":["../../src/components/GrDrawer/grDrawerStyles.ts","../../src/components/GrDrawer/safelist.ts","../../src/components/GrDrawer/config.ts"],"sourcesContent":["import type { GrOverlaySize } from '../shared/sizes'\n\nexport type GrDrawerSide = 'left' | 'right' | 'top' | 'bottom'\nexport type GrDrawerSize = GrOverlaySize\n\n/** Ось, по которой панель выезжает и по которой считается её размер. */\nexport type GrDrawerAxis = 'horizontal' | 'vertical'\n\nexport function grDrawerAxis(side: GrDrawerSide): GrDrawerAxis {\n  return side === 'left' || side === 'right' ? 'horizontal' : 'vertical'\n}\n\n/**\n * Настройка паддингов и рамки секции. Структурно совпадает с\n * `GrDialogSectionConfig` намеренно: потребитель не должен переучиваться при\n * переходе между двумя оверлеями библиотеки. Свой тип, а не импорт из\n * `GrDialog`, — чтобы не тянуть чужой чанк ради двух полей.\n */\nexport interface GrDrawerSectionConfig {\n  paddingX?: string\n  paddingY?: string\n  bordered?: boolean\n}\n\nexport const DEFAULT_GR_DRAWER_HEADER_CONFIG: Required<GrDrawerSectionConfig> = {\n  paddingX: 'px-5',\n  paddingY: 'py-4',\n  bordered: true,\n}\n\nexport const DEFAULT_GR_DRAWER_BODY_CONFIG: Required<GrDrawerSectionConfig> = {\n  paddingX: 'px-5',\n  paddingY: 'py-5',\n  bordered: false,\n}\n\nexport const DEFAULT_GR_DRAWER_FOOTER_CONFIG: Required<GrDrawerSectionConfig> = {\n  paddingX: 'px-5',\n  paddingY: 'py-4',\n  bordered: true,\n}\n\nexport function resolveGrDrawerSectionConfig(\n  config: GrDrawerSectionConfig | undefined,\n  defaults: Required<GrDrawerSectionConfig>,\n): Required<GrDrawerSectionConfig> {\n  return {\n    paddingX: config?.paddingX ?? defaults.paddingX,\n    paddingY: config?.paddingY ?? defaults.paddingY,\n    bordered: config?.bordered ?? defaults.bordered,\n  }\n}\n\n/** Слой модального класса — тот же, что у `GrModal`: бэкдроп, фокус, scroll-lock. */\nexport const rootClass = 'fixed inset-0 z-[var(--gr-z-modal)]'\n\n/**\n * Немодальная панель обязана пропускать клики мимо себя: корень растянут на весь\n * экран ради позиционирования, и без этого «немодальный» режим гасил бы всю\n * страницу — ровно то, чего он должен избегать. Панель кликабельность себе\n * возвращает.\n */\nexport const rootPassThroughClass = 'pointer-events-none'\nexport const panelInteractiveClass = 'pointer-events-auto'\n\nexport const overlayClass = 'fixed inset-0 bg-[var(--gr-overlay-bg)]'\n\n/** Ширина панели для боковых сторон. */\nexport const panelWidthBySize: Record<GrDrawerSize, string> = {\n  sm: 'w-[360px] max-w-[90vw]',\n  md: 'w-[420px] max-w-[92vw]',\n  lg: 'w-[560px] max-w-[94vw]',\n  xl: 'w-[720px] max-w-[96vw]',\n  full: 'w-[100vw]',\n}\n\n/** Высота панели для верхней и нижней сторон — та же шкала, но по своей оси. */\nexport const panelHeightBySize: Record<GrDrawerSize, string> = {\n  sm: 'h-[280px] max-h-[90vh]',\n  md: 'h-[360px] max-h-[92vh]',\n  lg: 'h-[480px] max-h-[94vh]',\n  xl: 'h-[640px] max-h-[96vh]',\n  full: 'h-[100vh]',\n}\n\nexport const panelSizeByAxis: Record<GrDrawerAxis, Record<GrDrawerSize, string>> = {\n  horizontal: panelWidthBySize,\n  vertical: panelHeightBySize,\n}\n\n/**\n * Позиция панели. Растяжка по поперечной оси живёт здесь же: у боковой панели\n * это `inset-y-0`, у верхней и нижней — `inset-x-0`, и держать их в разметке\n * значило бы иметь в шаблоне половину стороны.\n */\nexport const panelSideClass: Record<GrDrawerSide, string> = {\n  left: 'inset-y-0 left-0 border-r',\n  right: 'inset-y-0 right-0 border-l',\n  top: 'inset-x-0 top-0 border-b',\n  bottom: 'inset-x-0 bottom-0 border-t',\n}\n\nexport const panelTransitionClass: Record<GrDrawerSide, string> = {\n  left: '-translate-x-full',\n  right: 'translate-x-full',\n  top: '-translate-y-full',\n  bottom: 'translate-y-full',\n}\n\nexport const panelBaseClass = 'fixed flex flex-col border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] outline-none'\n\nexport const headerBorderClass = 'border-b border-[var(--gr-brd)]'\nexport const footerBorderClass = 'border-t border-[var(--gr-brd)]'\nexport const titleClass = 'text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] font-700 min-w-0 truncate'\n\n/** Скрытый заголовок: имя слоя есть даже там, где шапки на экране нет. */\nexport const srOnlyTitleClass = 'sr-only'\n\n// Произвольный размер отменяет размерный класс: иначе `w-[420px]` из шкалы\n// спорил бы с инлайновым стилем панели.\nexport function grDrawerPanelClass(options: {\n  side: GrDrawerSide\n  size: GrDrawerSize\n  hasCustomLength: boolean\n}): string {\n  const axis = grDrawerAxis(options.side)\n\n  return [\n    panelBaseClass,\n    panelInteractiveClass,\n    panelSideClass[options.side],\n    options.hasCustomLength ? '' : panelSizeByAxis[axis][options.size],\n  ].filter(Boolean).join(' ')\n}\n\nexport function grDrawerPanelEnterFrom(side: GrDrawerSide): string {\n  return panelTransitionClass[side]\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  DEFAULT_GR_DRAWER_BODY_CONFIG,\n  DEFAULT_GR_DRAWER_FOOTER_CONFIG,\n  DEFAULT_GR_DRAWER_HEADER_CONFIG,\n  footerBorderClass,\n  headerBorderClass,\n  overlayClass,\n  panelBaseClass,\n  panelHeightBySize,\n  panelInteractiveClass,\n  panelSideClass,\n  panelTransitionClass,\n  panelWidthBySize,\n  rootClass,\n  rootPassThroughClass,\n  srOnlyTitleClass,\n  titleClass,\n} from './grDrawerStyles'\n\n// И динамические токены (`side`/`size`), и литералы отделки панели: `grDrawerStyles.ts`\n// бандлер волен вынести в общий `dist/chunks/`, вне области скана компонента —\n// гейт `src/__tests__/safelist.test.ts`.\nconst sectionDefaults = [\n  DEFAULT_GR_DRAWER_HEADER_CONFIG,\n  DEFAULT_GR_DRAWER_BODY_CONFIG,\n  DEFAULT_GR_DRAWER_FOOTER_CONFIG,\n].flatMap(config => [config.paddingX, config.paddingY])\n\nexport const grDrawerSafelist = [...new Set([\n  ...Object.values(panelSideClass).flatMap(splitClassTokens),\n  ...Object.values(panelWidthBySize).flatMap(splitClassTokens),\n  ...Object.values(panelHeightBySize).flatMap(splitClassTokens),\n  ...Object.values(panelTransitionClass).flatMap(splitClassTokens),\n  ...splitClassTokens(panelBaseClass),\n  ...splitClassTokens(panelInteractiveClass),\n  ...splitClassTokens(rootClass),\n  ...splitClassTokens(rootPassThroughClass),\n  ...splitClassTokens(overlayClass),\n  ...splitClassTokens(headerBorderClass),\n  ...splitClassTokens(footerBorderClass),\n  ...splitClassTokens(titleClass),\n  ...splitClassTokens(srOnlyTitleClass),\n  ...sectionDefaults.flatMap(splitClassTokens),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\nimport { grDrawerSafelist } from './safelist'\n\nexport const grDrawerConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDrawer',\n  dependencies: ['GrButton', 'GrIcon'],\n  safelist: grDrawerSafelist,\n})\n"],"mappings":";;;AAQA,SAAgB,aAAa,MAAkC;CAC7D,OAAO,SAAS,UAAU,SAAS,UAAU,eAAe;AAC9D;AAcA,IAAa,kCAAmE;CAC9E,UAAU;CACV,UAAU;CACV,UAAU;AACZ;AAEA,IAAa,gCAAiE;CAC5E,UAAU;CACV,UAAU;CACV,UAAU;AACZ;AAEA,IAAa,kCAAmE;CAC9E,UAAU;CACV,UAAU;CACV,UAAU;AACZ;AAEA,SAAgB,6BACd,QACA,UACiC;CACjC,OAAO;EACL,UAAU,QAAQ,YAAY,SAAS;EACvC,UAAU,QAAQ,YAAY,SAAS;EACvC,UAAU,QAAQ,YAAY,SAAS;CACzC;AACF;;AAGA,IAAa,YAAY;;;;;;;AAQzB,IAAa,uBAAuB;AACpC,IAAa,wBAAwB;AAErC,IAAa,eAAe;;AAG5B,IAAa,mBAAiD;CAC5D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR;;AAGA,IAAa,oBAAkD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR;AAEA,IAAa,kBAAsE;CACjF,YAAY;CACZ,UAAU;AACZ;;;;;;AAOA,IAAa,iBAA+C;CAC1D,MAAM;CACN,OAAO;CACP,KAAK;CACL,QAAQ;AACV;AAEA,IAAa,uBAAqD;CAChE,MAAM;CACN,OAAO;CACP,KAAK;CACL,QAAQ;AACV;AAEA,IAAa,iBAAiB;AAE9B,IAAa,oBAAoB;AACjC,IAAa,oBAAoB;AACjC,IAAa,aAAa;;AAG1B,IAAa,mBAAmB;AAIhC,SAAgB,mBAAmB,SAIxB;CACT,MAAM,OAAO,aAAa,QAAQ,IAAI;CAEtC,OAAO;EACL;EACA;EACA,eAAe,QAAQ;EACvB,QAAQ,kBAAkB,KAAK,gBAAgB,KAAK,CAAC,QAAQ;CAC/D,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B;AAEA,SAAgB,uBAAuB,MAA4B;CACjE,OAAO,qBAAqB;AAC9B;;;AClHA,IAAM,kBAAkB;CACtB;CACA;CACA;AACF,CAAC,CAAC,SAAQ,WAAU,CAAC,OAAO,UAAU,OAAO,QAAQ,CAAC;AAEtD,IAAa,mBAAmB,CAAC,mBAAG,IAAI,IAAI;CAC1C,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;CACzD,GAAG,OAAO,OAAO,gBAAgB,CAAC,CAAC,QAAQ,gBAAgB;CAC3D,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,GAAG,OAAO,OAAO,oBAAoB,CAAC,CAAC,QAAQ,gBAAgB;CAC/D,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,SAAS;CAC7B,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,gBAAgB,QAAQ,gBAAgB;AAC7C,CAAC,CAAC;;;ACzCF,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,YAAY,QAAQ;CACnC,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-DSJY6aEl.js → config-CjKpUcmy.js}

@@ -1,32 +1,32 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrPagination/grPaginationStyles.ts
 /** Номер страницы и многоточие: одна и та же коробка, чтобы ряд не прыгал. */
 var pageSizes = {
-	xs: "h-7 min-w-7 px-1.5 text-[length:var(--gr-text-xs)]",
-	sm: "h-8 min-w-8 px-2 text-[length:var(--gr-text-xs)]",
-	md: "h-8 min-w-8 px-2 text-[length:var(--gr-text-sm)]",
-	lg: "h-10 min-w-10 px-3 text-[length:var(--gr-text-base)]"
+	xs: "h-7 min-w-7 px-1.5 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	sm: "h-8 min-w-8 px-2 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	md: "h-8 min-w-8 px-2 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
+	lg: "h-10 min-w-10 px-3 text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]"
 };
 /** Коробка та же, что у номера, но поле́ уже: многоточию не нужен клик-таргет. */
 var ellipsisSizes = {
-	xs: "h-7 min-w-7 px-1 text-[length:var(--gr-text-xs)]",
-	sm: "h-8 min-w-8 px-1 text-[length:var(--gr-text-xs)]",
-	md: "h-8 min-w-8 px-1 text-[length:var(--gr-text-sm)]",
-	lg: "h-10 min-w-10 px-2 text-[length:var(--gr-text-base)]"
+	xs: "h-7 min-w-7 px-1 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	sm: "h-8 min-w-8 px-1 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	md: "h-8 min-w-8 px-1 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
+	lg: "h-10 min-w-10 px-2 text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]"
 };
 /** Вспомогательный текст: индикатор «текущая / всего» и подпись у поля перехода. */
 var labelSizes = {
-	xs: "text-[length:var(--gr-text-xs)]",
-	sm: "text-[length:var(--gr-text-xs)]",
-	md: "text-[length:var(--gr-text-sm)]",
-	lg: "text-[length:var(--gr-text-base)]"
+	xs: "text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	sm: "text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	md: "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
+	lg: "text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]"
 };
 var jumperSizes = {
-	xs: "h-7 w-12 text-[length:var(--gr-text-xs)]",
-	sm: "h-8 w-14 text-[length:var(--gr-text-xs)]",
-	md: "h-8 w-14 text-[length:var(--gr-text-sm)]",
-	lg: "h-10 w-16 text-[length:var(--gr-text-base)]"
+	xs: "h-7 w-12 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	sm: "h-8 w-14 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	md: "h-8 w-14 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
+	lg: "h-10 w-16 text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]"
 };
 var rowGaps = {
 	xs: "gap-2",

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-CjKpUcmy.js","names":[],"sources":["../../src/components/GrPagination/grPaginationStyles.ts","../../src/components/GrPagination/safelist.ts","../../src/components/GrPagination/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nexport type GrPaginationSize = GrComponentSize\n\n/** Номер страницы и многоточие: одна и та же коробка, чтобы ряд не прыгал. */\nexport const pageSizes: Record<GrPaginationSize, string> = {\n  xs: 'h-7 min-w-7 px-1.5 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  sm: 'h-8 min-w-8 px-2 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  md: 'h-8 min-w-8 px-2 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  lg: 'h-10 min-w-10 px-3 text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]',\n}\n\n/** Коробка та же, что у номера, но поле́ уже: многоточию не нужен клик-таргет. */\nexport const ellipsisSizes: Record<GrPaginationSize, string> = {\n  xs: 'h-7 min-w-7 px-1 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  sm: 'h-8 min-w-8 px-1 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  md: 'h-8 min-w-8 px-1 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  lg: 'h-10 min-w-10 px-2 text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]',\n}\n\n/** Вспомогательный текст: индикатор «текущая / всего» и подпись у поля перехода. */\nexport const labelSizes: Record<GrPaginationSize, string> = {\n  xs: 'text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  sm: 'text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\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 const jumperSizes: Record<GrPaginationSize, string> = {\n  xs: 'h-7 w-12 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  sm: 'h-8 w-14 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  md: 'h-8 w-14 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  lg: 'h-10 w-16 text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]',\n}\n\nexport const rowGaps: Record<GrPaginationSize, string> = {\n  xs: 'gap-2',\n  sm: 'gap-2',\n  md: 'gap-3',\n  lg: 'gap-3',\n}\n\nexport const pageListGaps: Record<GrPaginationSize, string> = {\n  xs: 'gap-0.5',\n  sm: 'gap-1',\n  md: 'gap-1',\n  lg: 'gap-1',\n}\n\nexport const pageSizeSelectWidths: Record<GrPaginationSize, string> = {\n  xs: 'min-w-[84px]',\n  sm: 'min-w-[92px]',\n  md: 'min-w-[100px]',\n  lg: 'min-w-[112px]',\n}\n\n/**\n * Навигационные кнопки берут размер из шкалы `GrButton`, а не из своей: они\n * обязаны стоять в один ряд с номерами страниц, а высоты у `GrButton`\n * `xs…lg` — `28/32/40/44px`. На `md` номера страниц ростом `h-8`, поэтому\n * кнопке достаётся `sm`, а не одноимённый `md`.\n */\nexport const navButtonSizes: Record<GrPaginationSize, GrComponentSize> = {\n  xs: 'xs',\n  sm: 'sm',\n  md: 'sm',\n  lg: 'md',\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  ellipsisSizes,\n  jumperSizes,\n  labelSizes,\n  pageListGaps,\n  pageSizes,\n  pageSizeSelectWidths,\n  rowGaps,\n} from './grPaginationStyles'\n\nexport const grPaginationSafelist = [...new Set([\n  ...Object.values(pageSizes).flatMap(splitClassTokens),\n  ...Object.values(ellipsisSizes).flatMap(splitClassTokens),\n  ...Object.values(labelSizes).flatMap(splitClassTokens),\n  ...Object.values(jumperSizes).flatMap(splitClassTokens),\n  ...Object.values(rowGaps).flatMap(splitClassTokens),\n  ...Object.values(pageListGaps).flatMap(splitClassTokens),\n  ...Object.values(pageSizeSelectWidths).flatMap(splitClassTokens),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grPaginationSafelist } from './safelist'\n\nexport const grPaginationConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrPagination',\n  dependencies: ['GrButton', 'GrSelect'],\n  safelist: grPaginationSafelist,\n})\n"],"mappings":";;;;AAKA,IAAa,YAA8C;CACzD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,gBAAkD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,aAA+C;CAC1D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,cAAgD;CAC3D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,UAA4C;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,eAAiD;CAC5D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,uBAAyD;CACpE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;AAQA,IAAa,iBAA4D;CACvE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;ACxDA,IAAa,uBAAuB,CAAC,mBAAG,IAAI,IAAI;CAC9C,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,GAAG,OAAO,OAAO,aAAa,CAAC,CAAC,QAAQ,gBAAgB;CACxD,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CACrD,GAAG,OAAO,OAAO,WAAW,CAAC,CAAC,QAAQ,gBAAgB;CACtD,GAAG,OAAO,OAAO,OAAO,CAAC,CAAC,QAAQ,gBAAgB;CAClD,GAAG,OAAO,OAAO,YAAY,CAAC,CAAC,QAAQ,gBAAgB;CACvD,GAAG,OAAO,OAAO,oBAAoB,CAAC,CAAC,QAAQ,gBAAgB;AACjE,CAAC,CAAC;;;ACfF,IAAa,qBAAqB,wBAAwB,OAAO,KAAK,KAAK;CACzE,MAAM;CACN,cAAc,CAAC,YAAY,UAAU;CACrC,UAAU;AACZ,CAAC"}

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

@@ -1,4 +1,4 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrDelta/grDeltaStyles.ts
 /**
@@ -56,10 +56,10 @@ var deltaEmptyClass = "text-[var(--gr-muted-fg)]";
 * не в предложении, а в ряду с контролами.
 */
 var deltaSizeClass = {
-	xs: "text-[length:var(--gr-control-text-xs)]",
-	sm: "text-[length:var(--gr-control-text-sm)]",
+	xs: "text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]",
+	sm: "text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]",
 	md: "",
-	lg: "text-[length:var(--gr-control-text-lg)]"
+	lg: "text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-lg)]"
 };
 //#endregion
 //#region src/components/GrDelta/safelist.ts

package/dist/chunks/{config-BIa3ilQm.js.map → config-CjWOTgLL.js.map}

@@ -1 +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"}
+{"version":3,"file":"config-CjWOTgLL.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)] leading-[var(--gr-control-leading-xs)]',\n  sm: 'text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]',\n  md: '',\n  lg: 'text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-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-rkcKArZQ.js → config-CnYdE3HZ2.js}

@@ -1,4 +1,4 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.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)]";
@@ -49,10 +49,10 @@ var descriptionValueToneClass = {
 	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)]"
+	xs: "text-[length:var(--gr-control-text-2xs)] leading-[var(--gr-control-leading-2xs)]",
+	sm: "text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]",
+	md: "text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]",
+	lg: "text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]"
 };
 var descriptionDensityClass = {
 	regular: "",

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-CnYdE3HZ2.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)] leading-[var(--gr-control-leading-2xs)]',\n  sm: 'text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]',\n  md: 'text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]',\n  lg: 'text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-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-BE6n20np.js → config-CvbVM4ep.js}

@@ -1,4 +1,4 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrSplitter/grSplitterStyles.ts
 /**

package/dist/chunks/{config-BE6n20np.js.map → config-CvbVM4ep.js.map}

@@ -1 +1 @@
-{"version":3,"file":"config-BE6n20np.js","names":[],"sources":["../../src/components/GrSplitter/grSplitterStyles.ts","../../src/components/GrSplitter/safelist.ts","../../src/components/GrSplitter/config.ts"],"sourcesContent":["/**\n * Классы `GrSplitter`. Геометрия (толщина полосы, зона захвата, курсоры)\n * зависит от ориентации и от состояния жеста, поэтому живёт в собственном\n * `<style>` компонента, а не в утилитах.\n */\n\nexport const rootClass = 'grid h-full w-full'\n\n/** Без `min-*: 0` содержимое панели распирает грид-трек и ломает раскладку. */\nexport const paneClass = 'min-h-0 min-w-0'\n\n// `touch-none` в связке presetMini + presetGranular CSS не даёт — только произвольное свойство.\nexport const separatorClass = 'relative [touch-action:none] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-inset'\n","import { splitClassTokens } from '../shared/classTokens'\nimport { paneClass, rootClass, separatorClass } from './grSplitterStyles'\n\nexport const grSplitterSafelist = [...new Set([\n  ...splitClassTokens(rootClass),\n  ...splitClassTokens(paneClass),\n  ...splitClassTokens(separatorClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grSplitterSafelist } from './safelist'\n\nexport const grSplitterConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSplitter',\n  safelist: grSplitterSafelist,\n})\n"],"mappings":";;;;;;;;AAMA,IAAa,YAAY;;AAGzB,IAAa,YAAY;AAGzB,IAAa,iBAAiB;;;ACT9B,IAAa,qBAAqB,CAAC,mBAAG,IAAI,IAAI;CAC5C,GAAG,iBAAiB,SAAS;CAC7B,GAAG,iBAAiB,SAAS;CAC7B,GAAG,iBAAiB,cAAc;AACpC,CAAC,CAAC;;;ACHF,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,MAAM;CACN,UAAU;AACZ,CAAC"}
+{"version":3,"file":"config-CvbVM4ep.js","names":[],"sources":["../../src/components/GrSplitter/grSplitterStyles.ts","../../src/components/GrSplitter/safelist.ts","../../src/components/GrSplitter/config.ts"],"sourcesContent":["/**\n * Классы `GrSplitter`. Геометрия (толщина полосы, зона захвата, курсоры)\n * зависит от ориентации и от состояния жеста, поэтому живёт в собственном\n * `<style>` компонента, а не в утилитах.\n */\n\nexport const rootClass = 'grid h-full w-full'\n\n/** Без `min-*: 0` содержимое панели распирает грид-трек и ломает раскладку. */\nexport const paneClass = 'min-h-0 min-w-0'\n\n// `touch-none` в связке presetMini + presetGranular CSS не даёт — только произвольное свойство.\nexport const separatorClass = 'relative [touch-action:none] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-inset'\n","import { splitClassTokens } from '../shared/classTokens'\nimport { paneClass, rootClass, separatorClass } from './grSplitterStyles'\n\nexport const grSplitterSafelist = [...new Set([\n  ...splitClassTokens(rootClass),\n  ...splitClassTokens(paneClass),\n  ...splitClassTokens(separatorClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grSplitterSafelist } from './safelist'\n\nexport const grSplitterConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSplitter',\n  safelist: grSplitterSafelist,\n})\n"],"mappings":";;;;;;;;AAMA,IAAa,YAAY;;AAGzB,IAAa,YAAY;AAGzB,IAAa,iBAAiB;;;ACT9B,IAAa,qBAAqB,CAAC,mBAAG,IAAI,IAAI;CAC5C,GAAG,iBAAiB,SAAS;CAC7B,GAAG,iBAAiB,SAAS;CAC7B,GAAG,iBAAiB,cAAc;AACpC,CAAC,CAAC;;;ACHF,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,MAAM;CACN,UAAU;AACZ,CAAC"}