@feugene/granularity 0.48.0 → 0.50.0

package/README.md

@@ -91,10 +91,10 @@ from its own chunk, so a granular import already brings everything it needs.
 <!-- entry-sizes:generated:start lang=en -->
 | What you import | gzip | of the barrel |
 | --- | ---: | ---: |
-| the whole package from the root | 606.8 kB | 100 % |
+| the whole package from the root | 660.6 kB | 100 % |
 | the lightest component — `GrButtonGroup` | 1.8 kB | < 1 % |
-| the median component — `GrChip` | 15.4 kB | 3 % |
-| the 5 heaviest together | 177.4 kB | 29 % |
+| the median component — `GrKbd` | 16.2 kB | 2 % |
+| the 5 heaviest together | 241.5 kB | 37 % |
 
 These numbers **do not add up**: shared code is counted again in every row but paid for once, which is why
 the set is shown as a union rather than a sum. They are an upper bound — the gzip of everything a subpath

package/dist/chunks/chevron-up-BhW6hi8L.js

@@ -0,0 +1,23 @@
+import { createElementBlock, createElementVNode, markRaw, openBlock } from "vue";
+//#region ~icons/lucide/chevron-up
+var _hoisted_1 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$1(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "m18 15l-6-6l-6 6"
+	}, null, -1)])]);
+}
+var chevron_up_default = markRaw({
+	name: "lucide-chevron-up",
+	render: render$1
+});
+//#endregion
+export { chevron_up_default as t };

package/dist/chunks/chevron-up-BhW6hi8L.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-up-BhW6hi8L.js","names":[],"sources":[],"mappings":""}

package/dist/chunks/{config-E1cTyRVV.js → config-8n1VR0ju.js}

@@ -1,5 +1,5 @@
 import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
-import { A as sliderTrackVerticalLengthClass, C as sliderThumbEnabledClass, E as sliderTooltipBaseClass, O as sliderTooltipOrientationClass, S as sliderThumbDisabledClass, T as sliderThumbSizeBySize, _ as sliderRootBaseClass, a as sliderFillOrientationClass, b as sliderThumbBaseClass, c as sliderMarkLabelDisabledClass, d as sliderMarkTickBaseClass, g as sliderRailClass, h as sliderPaddingVerticalBySize, i as sliderFillEnabledClass, j as sliderTrackWidthBySize, k as sliderTrackHeightBySize, l as sliderMarkLabelHorizontalClass, m as sliderPaddingBySize, o as sliderMarkLabelClass, p as sliderMarkTickOrientationClass, r as sliderFillDisabledClass, t as sliderFillBaseClass, u as sliderMarkLabelVerticalClass, w as sliderThumbOrientationClass, y as sliderRootOrientationClass } from "./grSliderStyles-kaz6VXZ3.js";
+import { A as sliderTrackVerticalLengthClass, C as sliderThumbEnabledClass, E as sliderTooltipBaseClass, O as sliderTooltipOrientationClass, S as sliderThumbDisabledClass, T as sliderThumbSizeBySize, _ as sliderRootBaseClass, a as sliderFillOrientationClass, b as sliderThumbBaseClass, c as sliderMarkLabelDisabledClass, d as sliderMarkTickBaseClass, g as sliderRailClass, h as sliderPaddingVerticalBySize, i as sliderFillEnabledClass, j as sliderTrackWidthBySize, k as sliderTrackHeightBySize, l as sliderMarkLabelHorizontalClass, m as sliderPaddingBySize, o as sliderMarkLabelClass, p as sliderMarkTickOrientationClass, r as sliderFillDisabledClass, t as sliderFillBaseClass, u as sliderMarkLabelVerticalClass, w as sliderThumbOrientationClass, y as sliderRootOrientationClass } from "./grSliderStyles-CqzV0hll.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrSlider/safelist.ts
 var grSliderSafelist = [.../* @__PURE__ */ new Set([

package/dist/chunks/{config-E1cTyRVV.js.map → config-8n1VR0ju.js.map}

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

package/dist/chunks/{config-2vrOFn2f.js → config-AKpLyIGD.js}

@@ -1,6 +1,6 @@
 import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
-import { a as chipIconSizeClassBySize, c as chipRootClass, i as chipIconClass, l as chipSelectedClass, n as chipCloseClass, o as chipInteractiveClass, r as chipDisabledClass, s as chipLabelClass, t as chipCloseButtonClass, u as chipSizeClassBySize } from "./grChipStyles-DcDyxAL0.js";
-import { t as grBadgeSafelist } from "./safelist-x8USecK8.js";
+import { a as chipIconSizeClassBySize, c as chipRootClass, i as chipIconClass, l as chipSelectedClass, n as chipCloseClass, o as chipInteractiveClass, r as chipDisabledClass, s as chipLabelClass, t as chipCloseButtonClass, u as chipSizeClassBySize } from "./grChipStyles-CA9Wj1_E.js";
+import { t as grBadgeSafelist } from "./safelist-CSfynUC1.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrChip/safelist.ts
 /**

package/dist/chunks/{config-2vrOFn2f.js.map → config-AKpLyIGD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"config-2vrOFn2f.js","names":[],"sources":["../../src/components/GrChip/safelist.ts","../../src/components/GrChip/config.ts"],"sourcesContent":["import { grBadgeSafelist } from '../GrBadge/safelist'\nimport { splitClassTokens } from '../shared/classTokens'\n\nimport {\n  chipCloseButtonClass,\n  chipCloseClass,\n  chipDisabledClass,\n  chipIconClass,\n  chipIconSizeClassBySize,\n  chipInteractiveClass,\n  chipLabelClass,\n  chipRootClass,\n  chipSelectedClass,\n  chipSizeClassBySize,\n} from './grChipStyles'\n\n/**\n * Тона и радиусы приходят из `grBadgeStyles.ts`, поэтому их safelist берётся\n * ссылкой, а не копией: копия разошлась бы с оригиналом молча. Ребро\n * `GrChip → GrBadge` объявлено в `config.ts` — без него пресет не подмешает\n * стили бейджа при гранулярной селекции, и чип придёт бесцветным.\n */\nexport const grChipSafelist = [...new Set([\n  ...grBadgeSafelist,\n  ...Object.values(chipSizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(chipIconSizeClassBySize).flatMap(splitClassTokens),\n  ...splitClassTokens(chipRootClass),\n  ...splitClassTokens(chipLabelClass),\n  ...splitClassTokens(chipInteractiveClass),\n  ...splitClassTokens(chipDisabledClass),\n  ...splitClassTokens(chipSelectedClass),\n  ...splitClassTokens(chipCloseClass),\n  ...splitClassTokens(chipCloseButtonClass),\n  ...splitClassTokens(chipIconClass),\n  'h-full',\n  'w-full',\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grChipSafelist } from './safelist'\n\nexport const grChipConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrChip',\n  // `GrBadge` — импорт его класс-мап и safelist; `GrIcon` не рендерится,\n  // крестик — прямой `~icons`-компонент, поэтому его в зависимостях нет.\n  dependencies: ['GrBadge'],\n  safelist: grChipSafelist,\n})\n"],"mappings":";;;;;;;;;;;AAsBA,IAAa,iBAAiB,CAAC,mBAAG,IAAI,IAAI;CACxC,GAAG;CACH,GAAG,OAAO,OAAO,mBAAmB,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,GAAG,OAAO,OAAO,uBAAuB,CAAC,CAAC,QAAQ,gBAAgB;CAClE,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,aAAa;CACjC;CACA;AACF,CAAC,CAAC;;;AChCF,IAAa,eAAe,wBAAwB,YAAY,KAAK;CACnE,MAAM;CAGN,cAAc,CAAC,SAAS;CACxB,UAAU;AACZ,CAAC"}
+{"version":3,"file":"config-AKpLyIGD.js","names":[],"sources":["../../src/components/GrChip/safelist.ts","../../src/components/GrChip/config.ts"],"sourcesContent":["import { grBadgeSafelist } from '../GrBadge/safelist'\nimport { splitClassTokens } from '../shared/classTokens'\n\nimport {\n  chipCloseButtonClass,\n  chipCloseClass,\n  chipDisabledClass,\n  chipIconClass,\n  chipIconSizeClassBySize,\n  chipInteractiveClass,\n  chipLabelClass,\n  chipRootClass,\n  chipSelectedClass,\n  chipSizeClassBySize,\n} from './grChipStyles'\n\n/**\n * Тона и радиусы приходят из `grBadgeStyles.ts`, поэтому их safelist берётся\n * ссылкой, а не копией: копия разошлась бы с оригиналом молча. Ребро\n * `GrChip → GrBadge` объявлено в `config.ts` — без него пресет не подмешает\n * стили бейджа при гранулярной селекции, и чип придёт бесцветным.\n */\nexport const grChipSafelist = [...new Set([\n  ...grBadgeSafelist,\n  ...Object.values(chipSizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(chipIconSizeClassBySize).flatMap(splitClassTokens),\n  ...splitClassTokens(chipRootClass),\n  ...splitClassTokens(chipLabelClass),\n  ...splitClassTokens(chipInteractiveClass),\n  ...splitClassTokens(chipDisabledClass),\n  ...splitClassTokens(chipSelectedClass),\n  ...splitClassTokens(chipCloseClass),\n  ...splitClassTokens(chipCloseButtonClass),\n  ...splitClassTokens(chipIconClass),\n  'h-full',\n  'w-full',\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grChipSafelist } from './safelist'\n\nexport const grChipConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrChip',\n  // `GrBadge` — импорт его класс-мап и safelist; `GrIcon` не рендерится,\n  // крестик — прямой `~icons`-компонент, поэтому его в зависимостях нет.\n  dependencies: ['GrBadge'],\n  safelist: grChipSafelist,\n})\n"],"mappings":";;;;;;;;;;;AAsBA,IAAa,iBAAiB,CAAC,mBAAG,IAAI,IAAI;CACxC,GAAG;CACH,GAAG,OAAO,OAAO,mBAAmB,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,GAAG,OAAO,OAAO,uBAAuB,CAAC,CAAC,QAAQ,gBAAgB;CAClE,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,aAAa;CACjC;CACA;AACF,CAAC,CAAC;;;AChCF,IAAa,eAAe,wBAAwB,YAAY,KAAK;CACnE,MAAM;CAGN,cAAc,CAAC,SAAS;CACxB,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-DIDz_E5m.js → config-B34mkd53.js}

@@ -40,6 +40,50 @@ var swatchBaseClass = "relative shrink-0 overflow-hidden rounded-[var(--gr-radiu
 var swatchFillClass = "absolute inset-0";
 var panelBaseClass = "grid";
 var previewClass = "relative h-10 w-full overflow-hidden rounded-[var(--gr-radius-md)] border border-[color-mix(in_srgb,var(--gr-fg)_18%,transparent)]";
+/**
+* Высота области. Ширину задаёт панель, поэтому квадрат тут не буквальный:
+* на узкой ступени доля высоты крупнее, иначе область вырождается в полоску.
+*/
+var areaHeightBySize = {
+	xs: "h-28",
+	sm: "h-32",
+	md: "h-36",
+	lg: "h-44"
+};
+/**
+* Область насыщенности и светлоты.
+*
+* Кольцо фокуса живёт на обёртке через `focus-within`: фокус получают скрытые
+* `input[type=range]` внутри, и своё кольцо у них было бы шириной в пиксель.
+*/
+var areaBaseClass = "relative w-full overflow-hidden rounded-[var(--gr-radius-md)] border border-[color-mix(in_srgb,var(--gr-fg)_18%,transparent)] [touch-action:none] focus-within:outline-none focus-within:ring-2 focus-within:ring-[var(--gr-ring)]";
+var areaEnabledClass = "cursor-crosshair";
+var areaDisabledClass = "cursor-not-allowed";
+/**
+* Ручка области.
+*
+* Обвода два, светлый и тёмный: ручка лежит поверх произвольного цвета, и
+* одиночный пропадал бы на своём конце шкалы — белый в углу белого, тёмный в
+* углу чёрного.
+*
+* Оба независимы от темы намеренно: под ручкой не подложка компонента, а
+* выбираемый цвет, и `--gr-fg` спорил бы с ним, а не с фоном страницы.
+*/
+var areaThumbClass = "pointer-events-none absolute h-[var(--gr-color-picker-area-thumb-size,0.875rem)] w-[var(--gr-color-picker-area-thumb-size,0.875rem)] -translate-x-1/2 -translate-y-1/2 rounded-[var(--gr-radius-full)] border-2 border-[var(--gr-color-picker-area-thumb-border,#fff)] shadow-[0_0_0_1px_var(--gr-color-picker-area-thumb-ring,rgba(0,0,0,0.45))]";
+/** Оба поля осей: доступны диктору и клавиатуре, но не видны. */
+var areaInputClass = "sr-only";
+/** Пипетка стоит в одном ряду с полем hex и повторяет его высоту. */
+var eyedropperClass = "inline-flex shrink-0 items-center justify-center rounded-[var(--gr-radius-control)] border border-[var(--gr-brd)] bg-[var(--gr-bg)] text-[var(--gr-fg)] transition-colors duration-[var(--gr-duration-fast)] hover:border-[var(--gr-primary)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] disabled:cursor-not-allowed disabled:border-[var(--gr-brd)] disabled:bg-[var(--gr-muted)] disabled:text-[var(--gr-disabled-fg)]";
+var eyedropperSizeBySize = {
+	xs: "h-7 w-7",
+	sm: "h-8 w-8",
+	md: "h-10 w-10",
+	lg: "h-11 w-11"
+};
+var eyedropperIconClass = "h-4 w-4 shrink-0";
+/** Поле hex и пипетка стоят рядом: поле тянется, кнопка держит свою ширину. */
+var hexRowClass = "flex items-center gap-2";
+var hexFieldClass = "min-w-0 flex-1";
 var rowClass = "grid grid-cols-[1.25rem_minmax(0,1fr)_2.75rem] items-center gap-2";
 var rowLabelClass = "text-[var(--gr-muted-fg)]";
 var rowValueClass = "text-right text-[var(--gr-muted-fg)] tabular-nums";
@@ -60,12 +104,24 @@ function grColorPickerPanelClass(size) {
 function grColorPickerPresetClass(selected) {
 	return [presetBaseClass, selected ? presetSelectedClass : ""].filter(Boolean).join(" ");
 }
+function grColorPickerAreaClass(options) {
+	return [
+		areaBaseClass,
+		areaHeightBySize[options.size],
+		options.locked ? areaDisabledClass : areaEnabledClass
+	].join(" ");
+}
+function grColorPickerEyedropperClass(size) {
+	return [eyedropperClass, eyedropperSizeBySize[size]].join(" ");
+}
 //#endregion
 //#region src/components/GrColorPicker/safelist.ts
 var grColorPickerSafelist = [.../* @__PURE__ */ new Set([
 	...Object.values(triggerSizeClassBySize).flatMap(splitClassTokens),
 	...Object.values(triggerSwatchSizeBySize).flatMap(splitClassTokens),
 	...Object.values(panelSizeClassBySize).flatMap(splitClassTokens),
+	...Object.values(areaHeightBySize).flatMap(splitClassTokens),
+	...Object.values(eyedropperSizeBySize).flatMap(splitClassTokens),
 	...splitClassTokens(triggerBaseClass),
 	...splitClassTokens(triggerDisabledClass),
 	...splitClassTokens(triggerEnabledClass),
@@ -75,6 +131,15 @@ var grColorPickerSafelist = [.../* @__PURE__ */ new Set([
 	...splitClassTokens(swatchFillClass),
 	...splitClassTokens(panelBaseClass),
 	...splitClassTokens(previewClass),
+	...splitClassTokens(areaBaseClass),
+	...splitClassTokens(areaEnabledClass),
+	...splitClassTokens(areaDisabledClass),
+	...splitClassTokens(areaThumbClass),
+	...splitClassTokens(areaInputClass),
+	...splitClassTokens(eyedropperClass),
+	...splitClassTokens(eyedropperIconClass),
+	...splitClassTokens(hexRowClass),
+	...splitClassTokens(hexFieldClass),
 	...splitClassTokens(rowClass),
 	...splitClassTokens(rowLabelClass),
 	...splitClassTokens(rowValueClass),
@@ -94,4 +159,4 @@ var grColorPickerConfig = defineGranularComponent(import.meta.url, {
 	safelist: grColorPickerSafelist
 });
 //#endregion
-export { grColorPickerPresetClass as a, previewClass as c, rowValueClass as d, swatchBaseClass as f, triggerValueClass as h, grColorPickerPanelClass as i, rowClass as l, triggerSwatchSizeBySize as m, grColorPickerSafelist as n, grColorPickerTriggerClass as o, swatchFillClass as p, checkerClass as r, presetsGridClass as s, grColorPickerConfig as t, rowLabelClass as u };
+export { triggerValueClass as S, rowLabelClass as _, checkerClass as a, swatchFillClass as b, grColorPickerEyedropperClass as c, grColorPickerTriggerClass as d, hexFieldClass as f, rowClass as g, previewClass as h, areaThumbClass as i, grColorPickerPanelClass as l, presetsGridClass as m, grColorPickerSafelist as n, eyedropperIconClass as o, hexRowClass as p, areaInputClass as r, grColorPickerAreaClass as s, grColorPickerConfig as t, grColorPickerPresetClass as u, rowValueClass as v, triggerSwatchSizeBySize as x, swatchBaseClass as y };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-B34mkd53.js","names":[],"sources":["../../src/components/GrColorPicker/grColorPickerStyles.ts","../../src/components/GrColorPicker/safelist.ts","../../src/components/GrColorPicker/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nexport type GrColorPickerSize = GrComponentSize\n\n/**\n * Триггер повторяет геометрию поля ввода: пикер чаще всего стоит в форме рядом\n * с `GrInput`, и своя лестница высот выдала бы его из ряда.\n */\nexport const triggerSizeClassBySize: Record<GrColorPickerSize, string> = {\n  xs: 'h-7 px-2 gap-1.5 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]',\n  sm: 'h-8 px-2.5 gap-2 text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]',\n  md: 'h-10 px-3 gap-2 text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]',\n  lg: 'h-11 px-4 gap-2.5 text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-lg)]',\n}\n\n/** Образец в триггере: квадрат со стороной чуть меньше высоты поля. */\nexport const triggerSwatchSizeBySize: Record<GrColorPickerSize, string> = {\n  xs: 'h-3.5 w-3.5',\n  sm: 'h-4 w-4',\n  md: 'h-5 w-5',\n  lg: 'h-6 w-6',\n}\n\nexport const panelSizeClassBySize: Record<GrColorPickerSize, string> = {\n  xs: 'w-56 gap-2 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]',\n  sm: 'w-60 gap-2.5 text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]',\n  md: 'w-64 gap-3 text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]',\n  lg: 'w-72 gap-3 text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-lg)]',\n}\n\nexport const triggerBaseClass = 'inline-flex w-full min-w-0 items-center rounded-[var(--gr-radius-control)] border border-[var(--gr-brd)] bg-[var(--gr-bg)] text-[var(--gr-fg)] transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\n/** Недоступное поле гасится токенами, а не `opacity`: прозрачность роняет контраст подписи. */\nexport const triggerDisabledClass = 'cursor-not-allowed border-[var(--gr-brd)] bg-[var(--gr-muted)] text-[var(--gr-disabled-fg)]'\nexport const triggerEnabledClass = 'cursor-pointer hover:border-[var(--gr-primary)]'\nexport const triggerInvalidClass = 'border-[var(--gr-invalid-brd)] focus-visible:ring-[var(--gr-invalid-ring)]'\n\nexport const triggerValueClass = 'min-w-0 flex-1 truncate text-left tabular-nums'\n\n/**\n * Шахматка под прозрачным цветом. Живёт классом-маркером, а сами клетки рисует\n * `<style>` компонента: два `conic-gradient` в утилите не выражаются.\n */\nexport const checkerClass = 'gr-color-picker-checker'\n\nexport const swatchBaseClass = 'relative shrink-0 overflow-hidden rounded-[var(--gr-radius-sm)] border border-[color-mix(in_srgb,var(--gr-fg)_18%,transparent)]'\n\n/** Заливка образца лежит поверх шахматки отдельным слоем. */\nexport const swatchFillClass = 'absolute inset-0'\n\nexport const panelBaseClass = 'grid'\n\nexport const previewClass = 'relative h-10 w-full overflow-hidden rounded-[var(--gr-radius-md)] border border-[color-mix(in_srgb,var(--gr-fg)_18%,transparent)]'\n\n/** Вид панели: лестница каналов или квадрат насыщенность × светлота. */\nexport const GR_COLOR_PICKER_VIEWS = ['sliders', 'area'] as const\nexport type GrColorPickerView = typeof GR_COLOR_PICKER_VIEWS[number]\n\n/**\n * Высота области. Ширину задаёт панель, поэтому квадрат тут не буквальный:\n * на узкой ступени доля высоты крупнее, иначе область вырождается в полоску.\n */\nexport const areaHeightBySize: Record<GrColorPickerSize, string> = {\n  xs: 'h-28',\n  sm: 'h-32',\n  md: 'h-36',\n  lg: 'h-44',\n}\n\n/**\n * Область насыщенности и светлоты.\n *\n * Кольцо фокуса живёт на обёртке через `focus-within`: фокус получают скрытые\n * `input[type=range]` внутри, и своё кольцо у них было бы шириной в пиксель.\n */\nexport const areaBaseClass = 'relative w-full overflow-hidden rounded-[var(--gr-radius-md)] border border-[color-mix(in_srgb,var(--gr-fg)_18%,transparent)] [touch-action:none] focus-within:outline-none focus-within:ring-2 focus-within:ring-[var(--gr-ring)]'\n\nexport const areaEnabledClass = 'cursor-crosshair'\nexport const areaDisabledClass = 'cursor-not-allowed'\n\n/**\n * Ручка области.\n *\n * Обвода два, светлый и тёмный: ручка лежит поверх произвольного цвета, и\n * одиночный пропадал бы на своём конце шкалы — белый в углу белого, тёмный в\n * углу чёрного.\n *\n * Оба независимы от темы намеренно: под ручкой не подложка компонента, а\n * выбираемый цвет, и `--gr-fg` спорил бы с ним, а не с фоном страницы.\n */\nexport const areaThumbClass = 'pointer-events-none absolute h-[var(--gr-color-picker-area-thumb-size,0.875rem)] w-[var(--gr-color-picker-area-thumb-size,0.875rem)] -translate-x-1/2 -translate-y-1/2 rounded-[var(--gr-radius-full)] border-2 border-[var(--gr-color-picker-area-thumb-border,#fff)] shadow-[0_0_0_1px_var(--gr-color-picker-area-thumb-ring,rgba(0,0,0,0.45))]'\n\n/** Оба поля осей: доступны диктору и клавиатуре, но не видны. */\nexport const areaInputClass = 'sr-only'\n\n/** Пипетка стоит в одном ряду с полем hex и повторяет его высоту. */\nexport const eyedropperClass = 'inline-flex shrink-0 items-center justify-center rounded-[var(--gr-radius-control)] border border-[var(--gr-brd)] bg-[var(--gr-bg)] text-[var(--gr-fg)] transition-colors duration-[var(--gr-duration-fast)] hover:border-[var(--gr-primary)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] disabled:cursor-not-allowed disabled:border-[var(--gr-brd)] disabled:bg-[var(--gr-muted)] disabled:text-[var(--gr-disabled-fg)]'\n\nexport const eyedropperSizeBySize: Record<GrColorPickerSize, string> = {\n  xs: 'h-7 w-7',\n  sm: 'h-8 w-8',\n  md: 'h-10 w-10',\n  lg: 'h-11 w-11',\n}\n\nexport const eyedropperIconClass = 'h-4 w-4 shrink-0'\n\n/** Поле hex и пипетка стоят рядом: поле тянется, кнопка держит свою ширину. */\nexport const hexRowClass = 'flex items-center gap-2'\nexport const hexFieldClass = 'min-w-0 flex-1'\n\nexport const rowClass = 'grid grid-cols-[1.25rem_minmax(0,1fr)_2.75rem] items-center gap-2'\nexport const rowLabelClass = 'text-[var(--gr-muted-fg)]'\nexport const rowValueClass = 'text-right text-[var(--gr-muted-fg)] tabular-nums'\n\nexport const presetsGridClass = 'flex flex-wrap gap-1.5'\nexport const presetBaseClass = 'relative h-5 w-5 shrink-0 overflow-hidden rounded-[var(--gr-radius-sm)] border border-[color-mix(in_srgb,var(--gr-fg)_18%,transparent)] transition-shadow duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\nexport const presetSelectedClass = 'ring-2 ring-[var(--gr-primary)] ring-offset-1 ring-offset-[var(--gr-popover)]'\n\nexport function grColorPickerTriggerClass(options: {\n  size: GrColorPickerSize\n  disabled: boolean\n  invalid: boolean\n}): string {\n  return [\n    triggerBaseClass,\n    triggerSizeClassBySize[options.size],\n    options.disabled ? triggerDisabledClass : triggerEnabledClass,\n    options.invalid ? triggerInvalidClass : '',\n  ].filter(Boolean).join(' ')\n}\n\nexport function grColorPickerPanelClass(size: GrColorPickerSize): string {\n  return [panelBaseClass, panelSizeClassBySize[size]].join(' ')\n}\n\nexport function grColorPickerPresetClass(selected: boolean): string {\n  return [presetBaseClass, selected ? presetSelectedClass : ''].filter(Boolean).join(' ')\n}\n\nexport function grColorPickerAreaClass(options: {\n  size: GrColorPickerSize\n  locked: boolean\n}): string {\n  return [\n    areaBaseClass,\n    areaHeightBySize[options.size],\n    options.locked ? areaDisabledClass : areaEnabledClass,\n  ].join(' ')\n}\n\nexport function grColorPickerEyedropperClass(size: GrColorPickerSize): string {\n  return [eyedropperClass, eyedropperSizeBySize[size]].join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  areaBaseClass,\n  areaHeightBySize,\n  areaDisabledClass,\n  areaEnabledClass,\n  areaInputClass,\n  areaThumbClass,\n  eyedropperClass,\n  eyedropperIconClass,\n  eyedropperSizeBySize,\n  hexFieldClass,\n  hexRowClass,\n  panelBaseClass,\n  panelSizeClassBySize,\n  presetBaseClass,\n  presetSelectedClass,\n  presetsGridClass,\n  previewClass,\n  rowClass,\n  rowLabelClass,\n  rowValueClass,\n  swatchBaseClass,\n  swatchFillClass,\n  triggerBaseClass,\n  triggerDisabledClass,\n  triggerEnabledClass,\n  triggerInvalidClass,\n  triggerSizeClassBySize,\n  triggerSwatchSizeBySize,\n  triggerValueClass,\n} from './grColorPickerStyles'\n\n// Классы из вычисляемых мап и литералов `.ts`-хелпера UnoCSS сканом не находит.\n//\n// `checkerClass` сюда не входит намеренно: это класс-маркер под собственный\n// `<style>` компонента, а не утилита — CSS из него не генерируется, и гейт\n// `documentedConfig` справедливо на такой записи падает.\nexport const grColorPickerSafelist = [...new Set([\n  ...Object.values(triggerSizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(triggerSwatchSizeBySize).flatMap(splitClassTokens),\n  ...Object.values(panelSizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(areaHeightBySize).flatMap(splitClassTokens),\n  ...Object.values(eyedropperSizeBySize).flatMap(splitClassTokens),\n  ...splitClassTokens(triggerBaseClass),\n  ...splitClassTokens(triggerDisabledClass),\n  ...splitClassTokens(triggerEnabledClass),\n  ...splitClassTokens(triggerInvalidClass),\n  ...splitClassTokens(triggerValueClass),\n  ...splitClassTokens(swatchBaseClass),\n  ...splitClassTokens(swatchFillClass),\n  ...splitClassTokens(panelBaseClass),\n  ...splitClassTokens(previewClass),\n  ...splitClassTokens(areaBaseClass),\n  ...splitClassTokens(areaEnabledClass),\n  ...splitClassTokens(areaDisabledClass),\n  ...splitClassTokens(areaThumbClass),\n  ...splitClassTokens(areaInputClass),\n  ...splitClassTokens(eyedropperClass),\n  ...splitClassTokens(eyedropperIconClass),\n  ...splitClassTokens(hexRowClass),\n  ...splitClassTokens(hexFieldClass),\n  ...splitClassTokens(rowClass),\n  ...splitClassTokens(rowLabelClass),\n  ...splitClassTokens(rowValueClass),\n  ...splitClassTokens(presetsGridClass),\n  ...splitClassTokens(presetBaseClass),\n  ...splitClassTokens(presetSelectedClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grColorPickerSafelist } from './safelist'\n\nexport const grColorPickerConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrColorPicker',\n  // Панель, слайдеры и поле рендерятся этим компонентом, поэтому их safelist\n  // обязан приехать вместе с ним: иначе у гранулярного импорта панель встанет\n  // без стилей, а сборка останется зелёной.\n  dependencies: ['GrPopover', 'GrSlider', 'GrInput'],\n  safelist: grColorPickerSafelist,\n})\n"],"mappings":";;;;;;;AAQA,IAAa,yBAA4D;CACvE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,0BAA6D;CACxE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,uBAA0D;CACrE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,mBAAmB;;AAGhC,IAAa,uBAAuB;AACpC,IAAa,sBAAsB;AACnC,IAAa,sBAAsB;AAEnC,IAAa,oBAAoB;;;;;AAMjC,IAAa,eAAe;AAE5B,IAAa,kBAAkB;;AAG/B,IAAa,kBAAkB;AAE/B,IAAa,iBAAiB;AAE9B,IAAa,eAAe;;;;;AAU5B,IAAa,mBAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;AAQA,IAAa,gBAAgB;AAE7B,IAAa,mBAAmB;AAChC,IAAa,oBAAoB;;;;;;;;;;;AAYjC,IAAa,iBAAiB;;AAG9B,IAAa,iBAAiB;;AAG9B,IAAa,kBAAkB;AAE/B,IAAa,uBAA0D;CACrE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,sBAAsB;;AAGnC,IAAa,cAAc;AAC3B,IAAa,gBAAgB;AAE7B,IAAa,WAAW;AACxB,IAAa,gBAAgB;AAC7B,IAAa,gBAAgB;AAE7B,IAAa,mBAAmB;AAChC,IAAa,kBAAkB;AAC/B,IAAa,sBAAsB;AAEnC,SAAgB,0BAA0B,SAI/B;CACT,OAAO;EACL;EACA,uBAAuB,QAAQ;EAC/B,QAAQ,WAAW,uBAAuB;EAC1C,QAAQ,UAAU,sBAAsB;CAC1C,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B;AAEA,SAAgB,wBAAwB,MAAiC;CACvE,OAAO,CAAC,gBAAgB,qBAAqB,KAAK,CAAC,CAAC,KAAK,GAAG;AAC9D;AAEA,SAAgB,yBAAyB,UAA2B;CAClE,OAAO,CAAC,iBAAiB,WAAW,sBAAsB,EAAE,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AACxF;AAEA,SAAgB,uBAAuB,SAG5B;CACT,OAAO;EACL;EACA,iBAAiB,QAAQ;EACzB,QAAQ,SAAS,oBAAoB;CACvC,CAAC,CAAC,KAAK,GAAG;AACZ;AAEA,SAAgB,6BAA6B,MAAiC;CAC5E,OAAO,CAAC,iBAAiB,qBAAqB,KAAK,CAAC,CAAC,KAAK,GAAG;AAC/D;;;ACnHA,IAAa,wBAAwB,CAAC,mBAAG,IAAI,IAAI;CAC/C,GAAG,OAAO,OAAO,sBAAsB,CAAC,CAAC,QAAQ,gBAAgB;CACjE,GAAG,OAAO,OAAO,uBAAuB,CAAC,CAAC,QAAQ,gBAAgB;CAClE,GAAG,OAAO,OAAO,oBAAoB,CAAC,CAAC,QAAQ,gBAAgB;CAC/D,GAAG,OAAO,OAAO,gBAAgB,CAAC,CAAC,QAAQ,gBAAgB;CAC3D,GAAG,OAAO,OAAO,oBAAoB,CAAC,CAAC,QAAQ,gBAAgB;CAC/D,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,WAAW;CAC/B,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,QAAQ;CAC5B,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,mBAAmB;AACzC,CAAC,CAAC;;;AChEF,IAAa,sBAAsB,wBAAwB,YAAY,KAAK;CAC1E,MAAM;CAIN,cAAc;EAAC;EAAa;EAAY;CAAS;CACjD,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-B5SBUa6u.js → config-B7qZqiUB.js}

@@ -28,6 +28,33 @@ var SWIPE_THRESHOLD_RATIO = .25;
 function swipeOpacity(offset, threshold) {
 	return Math.max(0, 1 - Math.abs(offset) / (threshold * 2));
 }
+/**
+* Куда растёт свёрнутая стопка: от своего угла вглубь экрана. У верхних углов
+* карточки уходят вниз, у нижних — вверх. Иначе стопка вылезала бы за край.
+*/
+var STACK_DIRECTION = {
+	"top-right": 1,
+	"top-left": 1,
+	"bottom-right": -1,
+	"bottom-left": -1
+};
+/**
+* Насколько глубоко карточка лежит в стопке: `0` — передняя.
+*
+* Передняя всегда ближайшая к своему углу, а колонка отрисовывается сверху
+* вниз: у верхних углов край держит первый тост, у нижних — последний.
+*/
+function stackDepth(index, count, placement) {
+	return STACK_DIRECTION[placement] === 1 ? index : count - 1 - index;
+}
+/**
+* Трансформ свёрнутой карточки. Считается в CSS, а не в JS, чтобы шаг стопки
+* оставался настраиваемым темой: значения приходят из токенов, а арифметику
+* делает `calc`.
+*/
+function collapsedTransform(depth, placement) {
+	return `translateY(calc(var(--gr-toaster-stack-peek, 12px) * ${depth * STACK_DIRECTION[placement]})) scale(calc(1 - var(--gr-toaster-stack-scale, 0.05) * ${depth}))`;
+}
 //#endregion
 //#region src/components/GrToaster/safelist.ts
 var grToasterSafelist = [...new Set(Object.values(PLACEMENT_CLASS).flatMap(splitClassTokens))];
@@ -39,4 +66,4 @@ var grToasterConfig = defineGranularComponent(import.meta.url, {
 	safelist: grToasterSafelist
 });
 //#endregion
-export { SWIPE_THRESHOLD_RATIO as a, SWIPE_DIRECTION as i, grToasterSafelist as n, swipeOpacity as o, PLACEMENT_CLASS as r, grToasterConfig as t };
+export { SWIPE_THRESHOLD_RATIO as a, swipeOpacity as c, SWIPE_DIRECTION as i, grToasterSafelist as n, collapsedTransform as o, PLACEMENT_CLASS as r, stackDepth as s, grToasterConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-B7qZqiUB.js","names":[],"sources":["../../src/components/GrToaster/grToasterStyles.ts","../../src/components/GrToaster/safelist.ts","../../src/components/GrToaster/config.ts"],"sourcesContent":["export type GrToasterPlacement = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'\n\n// Классы позиционирования контейнера по углам экрана.\n// Вынесены в отдельный модуль, чтобы быть единственным источником истины\n// для шаблона `GrToaster.vue` и для safelist.\nexport const PLACEMENT_CLASS: Record<GrToasterPlacement, string> = {\n  'top-right': 'right-4 top-4',\n  'top-left': 'left-4 top-4',\n  'bottom-right': 'right-4 bottom-4',\n  'bottom-left': 'left-4 bottom-4',\n}\n\n/**\n * Куда смахивается тост: к своему краю экрана. Стек у правого края уходит\n * вправо, у левого — влево; смахивание «вглубь экрана» читалось бы как попытка\n * достать что-то из-под тоста, а не выбросить его.\n */\nexport const SWIPE_DIRECTION: Record<GrToasterPlacement, 1 | -1> = {\n  'top-right': 1,\n  'bottom-right': 1,\n  'top-left': -1,\n  'bottom-left': -1,\n}\n\n/** Доля ширины тоста, после которой отпускание закрывает, а не возвращает. */\nexport const SWIPE_THRESHOLD_RATIO = 0.25\n\n/** Нижняя граница порога: на узком стеке четверть ширины слишком мала. */\nexport const SWIPE_THRESHOLD_MIN_PX = 56\n\n/**\n * Сопротивление движению не в свою сторону. Жест остаётся живым — тост едет за\n * пальцем, — но закрыть его «наоборот» нельзя: это была бы вторая, неочевидная\n * дорога к тому же действию.\n */\nexport const SWIPE_RESISTANCE = 4\n\n/**\n * Куда уезжает отпущенный тост. Заведомо дальше своей ширины: он должен уйти\n * за край экрана, а не остановиться на полпути.\n */\nexport const SWIPE_FLY_OUT_PX = 600\n\n/**\n * Смещение, на котором тост становится полностью прозрачным, — вдвое дальше\n * порога. К моменту закрытия он уже наполовину растворён, и уход не выглядит\n * мгновенным исчезновением.\n */\nexport function swipeOpacity(offset: number, threshold: number): number {\n  return Math.max(0, 1 - Math.abs(offset) / (threshold * 2))\n}\n\n/**\n * Куда растёт свёрнутая стопка: от своего угла вглубь экрана. У верхних углов\n * карточки уходят вниз, у нижних — вверх. Иначе стопка вылезала бы за край.\n */\nexport const STACK_DIRECTION: Record<GrToasterPlacement, 1 | -1> = {\n  'top-right': 1,\n  'top-left': 1,\n  'bottom-right': -1,\n  'bottom-left': -1,\n}\n\n/** Зазор между тостами в развёрнутой колонке; парен классу `gap-3` в шаблоне. */\nexport const STACK_GAP_PX = 12\n\n/**\n * Сколько карточек выглядывает из-под передней. Дальние держатся в DOM ради\n * скринридера, но не показываются: четвёртый край в стопке уже не читается как\n * глубина, а выглядит грязью у кромки.\n */\nexport const STACK_PEEK_DEPTH = 2\n\n/**\n * Насколько глубоко карточка лежит в стопке: `0` — передняя.\n *\n * Передняя всегда ближайшая к своему углу, а колонка отрисовывается сверху\n * вниз: у верхних углов край держит первый тост, у нижних — последний.\n */\nexport function stackDepth(index: number, count: number, placement: GrToasterPlacement): number {\n  return STACK_DIRECTION[placement] === 1 ? index : count - 1 - index\n}\n\n/**\n * Трансформ свёрнутой карточки. Считается в CSS, а не в JS, чтобы шаг стопки\n * оставался настраиваемым темой: значения приходят из токенов, а арифметику\n * делает `calc`.\n */\nexport function collapsedTransform(depth: number, placement: GrToasterPlacement): string {\n  const shift = depth * STACK_DIRECTION[placement]\n\n  return `translateY(calc(var(--gr-toaster-stack-peek, 12px) * ${shift})) `\n    + `scale(calc(1 - var(--gr-toaster-stack-scale, 0.05) * ${depth}))`\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport { PLACEMENT_CLASS } from './grToasterStyles'\n\n// В safelist попадают только те классы, которые приходят в шаблон динамически\n// (через `:class`/`PLACEMENT_CLASS`). Литералы из шаблона (`class=\"...\"`)\n// UnoCSS находит статическим сканом и дублировать их здесь не нужно.\nexport const grToasterSafelist = [...new Set(\n  Object.values(PLACEMENT_CLASS).flatMap(splitClassTokens),\n)]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grToasterSafelist } from './safelist'\n\nexport const grToasterConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrToaster',\n  dependencies: ['GrButton', 'GrIcon'],\n  safelist: grToasterSafelist,\n})\n"],"mappings":";;;AAKA,IAAa,kBAAsD;CACjE,aAAa;CACb,YAAY;CACZ,gBAAgB;CAChB,eAAe;AACjB;;;;;;AAOA,IAAa,kBAAsD;CACjE,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,eAAe;AACjB;;AAGA,IAAa,wBAAwB;;;;;;AAuBrC,SAAgB,aAAa,QAAgB,WAA2B;CACtE,OAAO,KAAK,IAAI,GAAG,IAAI,KAAK,IAAI,MAAM,KAAK,YAAY,EAAE;AAC3D;;;;;AAMA,IAAa,kBAAsD;CACjE,aAAa;CACb,YAAY;CACZ,gBAAgB;CAChB,eAAe;AACjB;;;;;;;AAkBA,SAAgB,WAAW,OAAe,OAAe,WAAuC;CAC9F,OAAO,gBAAgB,eAAe,IAAI,QAAQ,QAAQ,IAAI;AAChE;;;;;;AAOA,SAAgB,mBAAmB,OAAe,WAAuC;CAGvF,OAAO,wDAFO,QAAQ,gBAAgB,WAE+B,0DACT,MAAM;AACpE;;;ACvFA,IAAa,oBAAoB,CAAC,GAAG,IAAI,IACvC,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB,CACzD,CAAC;;;ACJD,IAAa,kBAAkB,wBAAwB,YAAY,KAAK;CACtE,MAAM;CACN,cAAc,CAAC,YAAY,QAAQ;CACnC,UAAU;AACZ,CAAC"}

package/dist/chunks/config-BBrPUEye.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BBrPUEye.js","names":[],"sources":["../../src/components/GrTabsWithPanels/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grTabsWithPanelsConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTabsWithPanels',\n  dependencies: ['GrTabPanels', 'GrTabs'],\n})\n"],"mappings":";;AAEA,IAAa,yBAAyB,wBAAwB,YAAY,KAAK;CAC7E,MAAM;CACN,cAAc,CAAC,eAAe,QAAQ;AACxC,CAAC"}

package/dist/chunks/config-BBtBQE3s.js

@@ -0,0 +1,108 @@
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrOtpInput/grOtpInputStyles.ts
+/**
+* `w-fit` тут не украшение. Гридовый или флексовый родитель **блокифицирует**
+* `inline-flex`, и ряд растягивался на всю колонку: сами ячейки оставались на
+* месте, а невидимое поле поверх них ловило клики далеко справа от кода.
+*/
+var rootBaseClass = "relative inline-flex w-fit items-center";
+var rootGaps = {
+	xs: "gap-1",
+	sm: "gap-1.5",
+	md: "gap-2",
+	lg: "gap-2"
+};
+/**
+* Настоящее поле лежит **поверх** ряда ячеек и невидимо: текст, каретка и
+* подсветка выделения прозрачны, всё видимое рисуют ячейки.
+*
+* Оно остаётся полноценным `<input>`, и потому даром достаются вставка,
+* автозаполнение кода из SMS, отмена, выделение и вся каретка со стрелками —
+* см. `docs/components/GrOtpInput.md`.
+*
+* `z-index` не нужен: поле позиционировано, ячейки — нет, а позиционированный
+* элемент и так красится поверх статичных соседей. Литерал слоя тут был бы
+* лишней записью в шкале `docs/z-index.md`.
+*/
+var fieldClass = "absolute inset-0 w-full cursor-text bg-transparent text-transparent [caret-color:transparent] outline-none selection:bg-transparent disabled:cursor-not-allowed";
+var cellBaseClass = "relative inline-flex shrink-0 items-center justify-center rounded-[var(--gr-radius-control)] border [font-variant-numeric:tabular-nums] transition-colors duration-[var(--gr-duration-fast)]";
+/**
+* Сторона ячейки повторяет высоту `GrInput` на той же ступени: код стоит в
+* форме рядом с полями, и ряд обязан садиться с ними в одну линию.
+*
+* Через хук, а не классом-числом: квадратная ячейка — решение оформления, и
+* макет вправе сделать её шире.
+*/
+var cellSizes = {
+	xs: "h-[var(--gr-otp-input-cell-size,1.75rem)] w-[var(--gr-otp-input-cell-size,1.75rem)] text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]",
+	sm: "h-[var(--gr-otp-input-cell-size,2rem)] w-[var(--gr-otp-input-cell-size,2rem)] text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]",
+	md: "h-[var(--gr-otp-input-cell-size,2.5rem)] w-[var(--gr-otp-input-cell-size,2.5rem)] text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]",
+	lg: "h-[var(--gr-otp-input-cell-size,2.75rem)] w-[var(--gr-otp-input-cell-size,2.75rem)] text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-lg)]"
+};
+var cellIdleClass = "border-[var(--gr-brd)] bg-[var(--gr-bg)] text-[var(--gr-fg)]";
+/** Активная ячейка — та, в которой стоит каретка, и только пока поле в фокусе. */
+var cellActiveClass = "border-[var(--gr-otp-input-active-brd,var(--gr-primary))] ring-2 ring-[var(--gr-ring)]";
+/**
+* Вердикт валидации красится своей ролью, а не декоративным `danger`: тема
+* вправе развести подсветку по решению разработчика и ошибку формы.
+*/
+var cellInvalidClass = "border-[var(--gr-invalid-brd)] bg-[var(--gr-bg)] text-[var(--gr-fg)]";
+var cellInvalidActiveClass = "ring-2 ring-[var(--gr-invalid-ring)]";
+/**
+* Недоступность гасится фоном, а не `opacity`: прозрачность разбавляет
+* выверенные на AA токены текста и роняет контраст кода.
+*/
+var cellDisabledClass = "border-[var(--gr-disabled-brd)] bg-[var(--gr-disabled-bg)] text-[var(--gr-disabled-fg)]";
+var placeholderClass = "text-[var(--gr-muted-fg)]";
+/**
+* Каретка рисуется своей, потому что настоящая скрыта вместе с текстом.
+* Мигание — CSS-анимация, значит подчиняется глобальному клампу движения
+* пакета (`docs/motion.md`), а не собственному таймеру.
+*/
+var caretClass = "pointer-events-none absolute h-[1em] w-px bg-[var(--gr-otp-input-caret,var(--gr-primary))]";
+var separatorClass = "select-none px-0.5 text-[var(--gr-muted-fg)]";
+function grOtpInputRootClass(size) {
+	return [rootBaseClass, rootGaps[size]].join(" ");
+}
+function grOtpInputCellClass(options) {
+	const tokens = [cellBaseClass, cellSizes[options.size]];
+	if (options.disabled) tokens.push(cellDisabledClass);
+	else if (options.invalid) tokens.push(cellInvalidClass, options.active ? cellInvalidActiveClass : "");
+	else tokens.push(cellIdleClass, options.active ? cellActiveClass : "");
+	return tokens.filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/components/GrOtpInput/safelist.ts
+var grOtpInputClassTokens = {
+	root: [...splitClassTokens(rootBaseClass), ...Object.values(rootGaps).flatMap(splitClassTokens)],
+	field: splitClassTokens(fieldClass),
+	cell: [
+		...splitClassTokens(cellBaseClass),
+		...Object.values(cellSizes).flatMap(splitClassTokens),
+		...splitClassTokens(cellIdleClass),
+		...splitClassTokens(cellActiveClass),
+		...splitClassTokens(cellInvalidClass),
+		...splitClassTokens(cellInvalidActiveClass),
+		...splitClassTokens(cellDisabledClass)
+	],
+	decoration: [
+		...splitClassTokens(placeholderClass),
+		...splitClassTokens(caretClass),
+		...splitClassTokens(separatorClass)
+	]
+};
+var grOtpInputSafelist = [.../* @__PURE__ */ new Set([
+	...grOtpInputClassTokens.root,
+	...grOtpInputClassTokens.field,
+	...grOtpInputClassTokens.cell,
+	...grOtpInputClassTokens.decoration
+])];
+//#endregion
+//#region src/components/GrOtpInput/config.ts
+var grOtpInputConfig = defineGranularComponent(import.meta.url, {
+	name: "GrOtpInput",
+	safelist: grOtpInputSafelist
+});
+//#endregion
+export { grOtpInputCellClass as a, separatorClass as c, fieldClass as i, grOtpInputSafelist as n, grOtpInputRootClass as o, caretClass as r, placeholderClass as s, grOtpInputConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BBtBQE3s.js","names":[],"sources":["../../src/components/GrOtpInput/grOtpInputStyles.ts","../../src/components/GrOtpInput/safelist.ts","../../src/components/GrOtpInput/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nexport type GrOtpInputSize = GrComponentSize\n\n/**\n * `w-fit` тут не украшение. Гридовый или флексовый родитель **блокифицирует**\n * `inline-flex`, и ряд растягивался на всю колонку: сами ячейки оставались на\n * месте, а невидимое поле поверх них ловило клики далеко справа от кода.\n */\nexport const rootBaseClass = 'relative inline-flex w-fit items-center'\n\nexport const rootGaps: Record<GrOtpInputSize, string> = {\n  xs: 'gap-1',\n  sm: 'gap-1.5',\n  md: 'gap-2',\n  lg: 'gap-2',\n}\n\n/**\n * Настоящее поле лежит **поверх** ряда ячеек и невидимо: текст, каретка и\n * подсветка выделения прозрачны, всё видимое рисуют ячейки.\n *\n * Оно остаётся полноценным `<input>`, и потому даром достаются вставка,\n * автозаполнение кода из SMS, отмена, выделение и вся каретка со стрелками —\n * см. `docs/components/GrOtpInput.md`.\n *\n * `z-index` не нужен: поле позиционировано, ячейки — нет, а позиционированный\n * элемент и так красится поверх статичных соседей. Литерал слоя тут был бы\n * лишней записью в шкале `docs/z-index.md`.\n */\nexport const fieldClass = 'absolute inset-0 w-full cursor-text bg-transparent text-transparent [caret-color:transparent] outline-none selection:bg-transparent disabled:cursor-not-allowed'\n\nexport const cellBaseClass = 'relative inline-flex shrink-0 items-center justify-center rounded-[var(--gr-radius-control)] border [font-variant-numeric:tabular-nums] transition-colors duration-[var(--gr-duration-fast)]'\n\n/**\n * Сторона ячейки повторяет высоту `GrInput` на той же ступени: код стоит в\n * форме рядом с полями, и ряд обязан садиться с ними в одну линию.\n *\n * Через хук, а не классом-числом: квадратная ячейка — решение оформления, и\n * макет вправе сделать её шире.\n */\nexport const cellSizes: Record<GrOtpInputSize, string> = {\n  xs: 'h-[var(--gr-otp-input-cell-size,1.75rem)] w-[var(--gr-otp-input-cell-size,1.75rem)] text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]',\n  sm: 'h-[var(--gr-otp-input-cell-size,2rem)] w-[var(--gr-otp-input-cell-size,2rem)] text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]',\n  md: 'h-[var(--gr-otp-input-cell-size,2.5rem)] w-[var(--gr-otp-input-cell-size,2.5rem)] text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]',\n  lg: 'h-[var(--gr-otp-input-cell-size,2.75rem)] w-[var(--gr-otp-input-cell-size,2.75rem)] text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-lg)]',\n}\n\nexport const cellIdleClass = 'border-[var(--gr-brd)] bg-[var(--gr-bg)] text-[var(--gr-fg)]'\n\n/** Активная ячейка — та, в которой стоит каретка, и только пока поле в фокусе. */\nexport const cellActiveClass = 'border-[var(--gr-otp-input-active-brd,var(--gr-primary))] ring-2 ring-[var(--gr-ring)]'\n\n/**\n * Вердикт валидации красится своей ролью, а не декоративным `danger`: тема\n * вправе развести подсветку по решению разработчика и ошибку формы.\n */\nexport const cellInvalidClass = 'border-[var(--gr-invalid-brd)] bg-[var(--gr-bg)] text-[var(--gr-fg)]'\n\nexport const cellInvalidActiveClass = 'ring-2 ring-[var(--gr-invalid-ring)]'\n\n/**\n * Недоступность гасится фоном, а не `opacity`: прозрачность разбавляет\n * выверенные на AA токены текста и роняет контраст кода.\n */\nexport const cellDisabledClass = 'border-[var(--gr-disabled-brd)] bg-[var(--gr-disabled-bg)] text-[var(--gr-disabled-fg)]'\n\nexport const placeholderClass = 'text-[var(--gr-muted-fg)]'\n\n/**\n * Каретка рисуется своей, потому что настоящая скрыта вместе с текстом.\n * Мигание — CSS-анимация, значит подчиняется глобальному клампу движения\n * пакета (`docs/motion.md`), а не собственному таймеру.\n */\nexport const caretClass = 'pointer-events-none absolute h-[1em] w-px bg-[var(--gr-otp-input-caret,var(--gr-primary))]'\n\nexport const separatorClass = 'select-none px-0.5 text-[var(--gr-muted-fg)]'\n\nexport function grOtpInputRootClass(size: GrOtpInputSize): string {\n  return [rootBaseClass, rootGaps[size]].join(' ')\n}\n\ntype GrOtpInputCellClassOptions = {\n  size: GrOtpInputSize\n  active: boolean\n  invalid: boolean\n  disabled: boolean\n}\n\nexport function grOtpInputCellClass(options: GrOtpInputCellClassOptions): string {\n  const tokens = [cellBaseClass, cellSizes[options.size]]\n\n  if (options.disabled)\n    tokens.push(cellDisabledClass)\n  else if (options.invalid)\n    tokens.push(cellInvalidClass, options.active ? cellInvalidActiveClass : '')\n  else\n    tokens.push(cellIdleClass, options.active ? cellActiveClass : '')\n\n  return tokens.filter(Boolean).join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  caretClass,\n  cellActiveClass,\n  cellBaseClass,\n  cellDisabledClass,\n  cellIdleClass,\n  cellInvalidActiveClass,\n  cellInvalidClass,\n  cellSizes,\n  fieldClass,\n  placeholderClass,\n  rootBaseClass,\n  rootGaps,\n  separatorClass,\n} from './grOtpInputStyles'\n\nexport const grOtpInputClassTokens = {\n  root: [...splitClassTokens(rootBaseClass), ...Object.values(rootGaps).flatMap(splitClassTokens)],\n  field: splitClassTokens(fieldClass),\n  cell: [\n    ...splitClassTokens(cellBaseClass),\n    ...Object.values(cellSizes).flatMap(splitClassTokens),\n    ...splitClassTokens(cellIdleClass),\n    ...splitClassTokens(cellActiveClass),\n    ...splitClassTokens(cellInvalidClass),\n    ...splitClassTokens(cellInvalidActiveClass),\n    ...splitClassTokens(cellDisabledClass),\n  ],\n  decoration: [\n    ...splitClassTokens(placeholderClass),\n    ...splitClassTokens(caretClass),\n    ...splitClassTokens(separatorClass),\n  ],\n} as const\n\nexport const grOtpInputSafelist = [...new Set([\n  ...grOtpInputClassTokens.root,\n  ...grOtpInputClassTokens.field,\n  ...grOtpInputClassTokens.cell,\n  ...grOtpInputClassTokens.decoration,\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grOtpInputSafelist } from './safelist'\n\nexport const grOtpInputConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrOtpInput',\n  safelist: grOtpInputSafelist,\n})\n"],"mappings":";;;;;;;;AASA,IAAa,gBAAgB;AAE7B,IAAa,WAA2C;CACtD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;;;;;;;AAcA,IAAa,aAAa;AAE1B,IAAa,gBAAgB;;;;;;;;AAS7B,IAAa,YAA4C;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,gBAAgB;;AAG7B,IAAa,kBAAkB;;;;;AAM/B,IAAa,mBAAmB;AAEhC,IAAa,yBAAyB;;;;;AAMtC,IAAa,oBAAoB;AAEjC,IAAa,mBAAmB;;;;;;AAOhC,IAAa,aAAa;AAE1B,IAAa,iBAAiB;AAE9B,SAAgB,oBAAoB,MAA8B;CAChE,OAAO,CAAC,eAAe,SAAS,KAAK,CAAC,CAAC,KAAK,GAAG;AACjD;AASA,SAAgB,oBAAoB,SAA6C;CAC/E,MAAM,SAAS,CAAC,eAAe,UAAU,QAAQ,KAAK;CAEtD,IAAI,QAAQ,UACV,OAAO,KAAK,iBAAiB;MAC1B,IAAI,QAAQ,SACf,OAAO,KAAK,kBAAkB,QAAQ,SAAS,yBAAyB,EAAE;MAE1E,OAAO,KAAK,eAAe,QAAQ,SAAS,kBAAkB,EAAE;CAElE,OAAO,OAAO,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AACxC;;;ACnFA,IAAa,wBAAwB;CACnC,MAAM,CAAC,GAAG,iBAAiB,aAAa,GAAG,GAAG,OAAO,OAAO,QAAQ,CAAC,CAAC,QAAQ,gBAAgB,CAAC;CAC/F,OAAO,iBAAiB,UAAU;CAClC,MAAM;EACJ,GAAG,iBAAiB,aAAa;EACjC,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;EACpD,GAAG,iBAAiB,aAAa;EACjC,GAAG,iBAAiB,eAAe;EACnC,GAAG,iBAAiB,gBAAgB;EACpC,GAAG,iBAAiB,sBAAsB;EAC1C,GAAG,iBAAiB,iBAAiB;CACvC;CACA,YAAY;EACV,GAAG,iBAAiB,gBAAgB;EACpC,GAAG,iBAAiB,UAAU;EAC9B,GAAG,iBAAiB,cAAc;CACpC;AACF;AAEA,IAAa,qBAAqB,CAAC,mBAAG,IAAI,IAAI;CAC5C,GAAG,sBAAsB;CACzB,GAAG,sBAAsB;CACzB,GAAG,sBAAsB;CACzB,GAAG,sBAAsB;AAC3B,CAAC,CAAC;;;ACrCF,IAAa,mBAAmB,wBAAwB,YAAY,KAAK;CACvE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-CT4lP6S4.js → config-BOCzHqWh.js}

@@ -1,6 +1,6 @@
 import { n as splitClassTokens, t as flattenTransitionTokens } from "./classTokens-8v2XC74x.js";
-import { n as panelPopTransition } from "./overlayPanelSurface-BKeMhRx4.js";
-import { a as overlayOriginClassByPlacement } from "./grPopoverStyles-CYAeO3Ov.js";
+import { t as panelPopTransition } from "./overlayTransition-C0FDMx7Q.js";
+import { a as overlayOriginClassByPlacement } from "./grPopoverStyles-CncEkiPu.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrDropdown/safelist.ts
 var grDropdownSafelist = [.../* @__PURE__ */ new Set([

package/dist/chunks/{config-CT4lP6S4.js.map → config-BOCzHqWh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"config-CT4lP6S4.js","names":[],"sources":["../../src/components/GrDropdown/safelist.ts","../../src/components/GrDropdown/config.ts"],"sourcesContent":["import { flattenTransitionTokens, splitClassTokens } from '../shared/classTokens'\nimport { overlayOriginClassByPlacement } from '../shared/overlayOrigin'\nimport { panelPopTransition } from '../shared/overlayTransition'\nimport {\n  dropdownContentBaseClass,\n} from './grDropdownStyles'\n\n// И динамические токены (`resolvedPlacement`), и литералы отделки панели:\n// `grDropdownStyles.ts` уезжает в общий `dist/chunks/`, вне области скана\n// компонента — гейт `src/__tests__/safelist.test.ts`.\nexport const grDropdownSafelist = [...new Set([\n  ...Object.values(overlayOriginClassByPlacement).flatMap(splitClassTokens),\n  ...splitClassTokens(dropdownContentBaseClass),\n  // Набор перехода панели общий на пять компонентов и живёт безадресным\n  // модулем в `shared/`: в `dist` он лежит в общем чанке, который пресет не\n  // сканирует, поэтому объявить его обязан каждый потребитель.\n  ...flattenTransitionTokens(panelPopTransition),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grDropdownSafelist } from './safelist'\n\nexport const grDropdownConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDropdown',\n  safelist: grDropdownSafelist,\n  // Панель, слой и портал рисует `GrPopover`: без ребра графа потребитель,\n  // выбравший одно меню, получил бы панель без поверхности и без фона.\n  dependencies: ['GrPopover'],\n})\n"],"mappings":";;;;;AAUA,IAAa,qBAAqB,CAAC,mBAAG,IAAI,IAAI;CAC5C,GAAG,OAAO,OAAO,6BAA6B,CAAC,CAAC,QAAQ,gBAAgB;CACxE,GAAG,iBAAA,KAAyC;CAI5C,GAAG,wBAAwB,kBAAkB;AAC/C,CAAC,CAAC;;;ACbF,IAAa,mBAAmB,wBAAwB,YAAY,KAAK;CACvE,MAAM;CACN,UAAU;CAGV,cAAc,CAAC,WAAW;AAC5B,CAAC"}
+{"version":3,"file":"config-BOCzHqWh.js","names":[],"sources":["../../src/components/GrDropdown/safelist.ts","../../src/components/GrDropdown/config.ts"],"sourcesContent":["import { flattenTransitionTokens, splitClassTokens } from '../shared/classTokens'\nimport { overlayOriginClassByPlacement } from '../shared/overlayOrigin'\nimport { panelPopTransition } from '../shared/overlayTransition'\nimport {\n  dropdownContentBaseClass,\n} from './grDropdownStyles'\n\n// И динамические токены (`resolvedPlacement`), и литералы отделки панели:\n// `grDropdownStyles.ts` уезжает в общий `dist/chunks/`, вне области скана\n// компонента — гейт `src/__tests__/safelist.test.ts`.\nexport const grDropdownSafelist = [...new Set([\n  ...Object.values(overlayOriginClassByPlacement).flatMap(splitClassTokens),\n  ...splitClassTokens(dropdownContentBaseClass),\n  // Набор перехода панели общий на пять компонентов и живёт безадресным\n  // модулем в `shared/`: в `dist` он лежит в общем чанке, который пресет не\n  // сканирует, поэтому объявить его обязан каждый потребитель.\n  ...flattenTransitionTokens(panelPopTransition),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grDropdownSafelist } from './safelist'\n\nexport const grDropdownConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDropdown',\n  safelist: grDropdownSafelist,\n  // Панель, слой и портал рисует `GrPopover`: без ребра графа потребитель,\n  // выбравший одно меню, получил бы панель без поверхности и без фона.\n  dependencies: ['GrPopover'],\n})\n"],"mappings":";;;;;AAUA,IAAa,qBAAqB,CAAC,mBAAG,IAAI,IAAI;CAC5C,GAAG,OAAO,OAAO,6BAA6B,CAAC,CAAC,QAAQ,gBAAgB;CACxE,GAAG,iBAAA,KAAyC;CAI5C,GAAG,wBAAwB,kBAAkB;AAC/C,CAAC,CAAC;;;ACbF,IAAa,mBAAmB,wBAAwB,YAAY,KAAK;CACvE,MAAM;CACN,UAAU;CAGV,cAAc,CAAC,WAAW;AAC5B,CAAC"}

package/dist/chunks/{config-iemgzS4x.js → config-BP1ktzwh.js}

@@ -1,28 +1,6 @@
 import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
+import { n as panelWidths, t as panelSizes } from "./grTooltipStyles-CtbGEEGV.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
-//#region src/components/GrTooltip/grTooltipStyles.ts
-/** Панель подсказки: кегль и внутренние поля. */
-var panelSizes = {
-	xs: "px-1.5 py-0.5 text-[length:var(--gr-control-text-3xs)] leading-[var(--gr-control-leading-3xs)]",
-	sm: "px-2 py-1 text-[length:var(--gr-control-text-2xs)] leading-[var(--gr-control-leading-2xs)]",
-	md: "px-2 py-1 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]",
-	lg: "px-3 py-1.5 text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]"
-};
-/** Ширина панели растёт вместе с кеглем — иначе на `lg` строка рвётся втрое. */
-var panelWidths = {
-	xs: "max-w-[220px]",
-	sm: "max-w-[260px]",
-	md: "max-w-[280px]",
-	lg: "max-w-[340px]"
-};
-/** Дефолтный триггер — иконка info из шкалы `GrIcon` (`xs…lg` → `14…20px`). */
-var triggerIconSizes = {
-	xs: "xs",
-	sm: "xs",
-	md: "sm",
-	lg: "md"
-};
-//#endregion
 //#region src/components/GrTooltip/safelist.ts
 var grTooltipSafelist = [.../* @__PURE__ */ new Set([...Object.values(panelSizes).flatMap(splitClassTokens), ...Object.values(panelWidths).flatMap(splitClassTokens)])];
 //#endregion
@@ -42,4 +20,4 @@ var grTooltipConfig = defineGranularComponent(import.meta.url, {
 	safelist: grTooltipSafelist
 });
 //#endregion
-export { triggerIconSizes as a, panelWidths as i, grTooltipSafelist as n, panelSizes as r, grTooltipConfig as t };
+export { grTooltipSafelist as n, grTooltipConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BP1ktzwh.js","names":[],"sources":["../../src/components/GrTooltip/safelist.ts","../../src/components/GrTooltip/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport { panelSizes, panelWidths } from './grTooltipStyles'\n\nexport const grTooltipSafelist = [...new Set([\n  ...Object.values(panelSizes).flatMap(splitClassTokens),\n  ...Object.values(panelWidths).flatMap(splitClassTokens),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grTooltipSafelist } from './safelist'\n\nexport const grTooltipConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTooltip',\n  /**\n   * Слой панели задаёт `useFloating` → `floatingLayerZIndex`: имя приходит\n   * параметром, а `var()` собирается в рантайме (`overlayStack.ts`). В\n   * исходниках `var(--gr-z-*)` не встречается, статический скан их не видит.\n   *\n   * `gr-z-modal` — из ветки `calc(var(--gr-z-modal) + N)`: панель, открытая\n   * внутри модалки, встаёт над ней.\n   */\n  dynamicTokens: ['gr-z-tooltip', 'gr-z-modal'],\n  dependencies: ['GrIcon'],\n  safelist: grTooltipSafelist,\n})\n"],"mappings":";;;;AAGA,IAAa,oBAAoB,CAAC,mBAAG,IAAI,IAAI,CAC3C,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB,GACrD,GAAG,OAAO,OAAO,WAAW,CAAC,CAAC,QAAQ,gBAAgB,CACxD,CAAC,CAAC;;;ACFF,IAAa,kBAAkB,wBAAwB,YAAY,KAAK;CACtE,MAAM;;;;;;;;;CASN,eAAe,CAAC,gBAAgB,YAAY;CAC5C,cAAc,CAAC,QAAQ;CACvB,UAAU;AACZ,CAAC"}

package/dist/chunks/config-BTxmdRzT.js

@@ -0,0 +1,28 @@
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
+import { a as handleDisabledClass, c as listClass, d as rowFocusClass, f as rowGrabbedClass, i as handleClass, l as rowDisabledClass, n as dividedClass, o as indicatorAfterClass, p as rowLayoutClass, r as emptyClass, s as indicatorBeforeClass, t as contentClass, u as rowDraggingClass } from "./grSortableListStyles-CxieDmpe.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrSortableList/safelist.ts
+var grSortableListSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(listClass).flatMap(splitClassTokens),
+	...splitClassTokens(rowLayoutClass),
+	...splitClassTokens(rowFocusClass),
+	...splitClassTokens(rowDraggingClass),
+	...splitClassTokens(rowGrabbedClass),
+	...splitClassTokens(rowDisabledClass),
+	...splitClassTokens(dividedClass),
+	...splitClassTokens(emptyClass),
+	...splitClassTokens(handleClass),
+	...splitClassTokens(handleDisabledClass),
+	...splitClassTokens(contentClass),
+	...splitClassTokens(indicatorBeforeClass),
+	...splitClassTokens(indicatorAfterClass)
+])];
+//#endregion
+//#region src/components/GrSortableList/config.ts
+var grSortableListConfig = defineGranularComponent(import.meta.url, {
+	name: "GrSortableList",
+	safelist: grSortableListSafelist,
+	dependencies: ["GrCard"]
+});
+//#endregion
+export { grSortableListSafelist as n, grSortableListConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BTxmdRzT.js","names":[],"sources":["../../src/components/GrSortableList/safelist.ts","../../src/components/GrSortableList/config.ts"],"sourcesContent":["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":";;;;AAiBA,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,YAAY,KAAK;CAC3E,MAAM;CACN,UAAU;CACV,cAAc,CAAC,QAAQ;AACzB,CAAC"}

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

@@ -21,15 +21,19 @@ var deltaRootClass = "inline-flex items-baseline tabular-nums";
 * оказывается мельче окружающих слов.
 *
 * Дефолт `GrValue` рассчитан на плитку, где величина крупная и приписке есть
-* куда уменьшаться. Здесь он переопределяется — ровно теми же токенами, что
-* доступны потребителю.
+* куда уменьшаться. Здесь он переопределяется.
+*
+* **Переопределение ссылается на свои хуки, а не задаёт значение.** Стиль
+* применяется инлайном, а инлайн бьёт любой CSS потребителя: напиши тут
+* `currentColor` — и вернуть приглушённый суффикс у дельты стало бы нечем.
+* Ссылка на `--gr-delta-suffix-*` оставляет решение за тем, кто его задал.
 *
 * `currentColor` и `1em`, а не `inherit`: у пользовательского свойства
 * `inherit` значит «наследовать саму переменную», то есть ничего.
 */
 var deltaValueStyle = {
-	"--gr-value-suffix-color": "currentColor",
-	"--gr-value-suffix-size": "1em"
+	"--gr-value-suffix-color": "var(--gr-delta-suffix-color, currentColor)",
+	"--gr-value-suffix-size": "var(--gr-delta-suffix-size, 1em)"
 };
 /** Суффикс — единица измерения, и от числа он отбивается: «−15 %», «120 мс». */
 /**
@@ -39,8 +43,11 @@ var deltaValueStyle = {
 * пиксельная лестница оставила бы стрелку 14-пиксельной внутри заголовка.
 * Чуть меньше единицы: стрелка декоративна, и равный вес спорил бы с самим
 * числом.
+*
+* Отбивка **логическая** (`me-`), как у приписок `GrValue`: физический
+* `margin-right` в RTL поставил бы стрелку зазором не с той стороны.
 */
-var deltaArrowClass = "mr-0.5 self-center shrink-0 h-[0.875em] w-[0.875em]";
+var deltaArrowClass = "me-[var(--gr-delta-arrow-gap,0.125rem)] self-center shrink-0 h-[var(--gr-delta-arrow-size,0.875em)] w-[var(--gr-delta-arrow-size,0.875em)]";
 var deltaToneClass = {
 	success: "text-[var(--gr-success-text)]",
 	danger: "text-[var(--gr-danger-text)]",

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-Bk52xd5l.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 * применяется инлайном, а инлайн бьёт любой CSS потребителя: напиши тут\n * `currentColor` — и вернуть приглушённый суффикс у дельты стало бы нечем.\n * Ссылка на `--gr-delta-suffix-*` оставляет решение за тем, кто его задал.\n *\n * `currentColor` и `1em`, а не `inherit`: у пользовательского свойства\n * `inherit` значит «наследовать саму переменную», то есть ничего.\n */\nexport const deltaValueStyle: Record<string, string> = {\n  '--gr-value-suffix-color': 'var(--gr-delta-suffix-color, currentColor)',\n  '--gr-value-suffix-size': 'var(--gr-delta-suffix-size, 1em)',\n}\n\n/** Суффикс — единица измерения, и от числа он отбивается: «−15 %», «120 мс». */\n\n/**\n * Стрелка выравнивается по строке, а не по базовой линии: у svg её нет.\n *\n * Размер — в `em`, потому что на ступени `md` кегля у величины нет вовсе:\n * пиксельная лестница оставила бы стрелку 14-пиксельной внутри заголовка.\n * Чуть меньше единицы: стрелка декоративна, и равный вес спорил бы с самим\n * числом.\n *\n * Отбивка **логическая** (`me-`), как у приписок `GrValue`: физический\n * `margin-right` в RTL поставил бы стрелку зазором не с той стороны.\n */\nexport const deltaArrowClass = 'me-[var(--gr-delta-arrow-gap,0.125rem)] self-center shrink-0 h-[var(--gr-delta-arrow-size,0.875em)] w-[var(--gr-delta-arrow-size,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;;;;;;;;;;;;;;;;;AAkB9B,IAAa,kBAA0C;CACrD,2BAA2B;CAC3B,0BAA0B;AAC5B;;;;;;;;;;;;;AAeA,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;;;ACjEA,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,YAAY,KAAK;CACpE,MAAM;CACN,cAAc,CAAC,SAAS;CACxB,UAAU;AACZ,CAAC"}