@feugene/granularity 0.11.0 → 0.13.0

package/dist/GrBadge.css

@@ -1 +1 @@
-.gr-badge__label[data-v-c44afbc8]{align-items:center;min-height:1lh;display:flex}.gr-badge__text[data-v-c44afbc8]{text-box-trim:trim-both;text-box-edge:cap alphabetic;text-box:trim-both cap alphabetic;display:block}
+.gr-badge__label[data-v-39b6bab2]{align-items:center;min-height:1lh;display:flex}.gr-badge__text[data-v-39b6bab2]{text-box-trim:trim-both;text-box-edge:cap alphabetic;text-box:trim-both cap alphabetic;display:block}

package/dist/GrFormFile.css

@@ -1 +1 @@
-[data-gr-form-file].gr-dropzone--over[data-v-ff219d2a]{outline:2px solid var(--ring);outline-offset:2px}
+[data-gr-form-file].gr-dropzone--over[data-v-e96c4b59]{outline:2px solid var(--gr-ring);outline-offset:2px}

package/dist/GrToaster.css

@@ -1 +1 @@
-.gr-toast-progress[data-v-2b201c4e]{animation-name:gr-toast-progress-2b201c4e;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes gr-toast-progress-2b201c4e{0%{transform:scaleX(1)}to{transform:scaleX(0)}}
+.gr-toast-progress[data-v-9cb2a65b]{animation-name:gr-toast-progress-9cb2a65b;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes gr-toast-progress-9cb2a65b{0%{transform:scaleX(1)}to{transform:scaleX(0)}}

package/dist/GrTree.css

@@ -1 +1 @@
-.gr-tree[data-v-e05489c9]{--gr-tree-gap:2px;--gr-tree-children-pl:10px;--gr-tree-row-min-height:28px;--gr-tree-row-radius:8px;--gr-tree-row-pr:8px;--gr-tree-row-color:var(--fg);--gr-tree-row-hover-bg:color-mix(in srgb, var(--primary,#000) 10%, transparent);--gr-tree-row-current-bg:color-mix(in srgb, var(--primary,#000) 5%, transparent);--gr-tree-row-current-hover-bg:color-mix(in srgb, var(--primary,#000) 16%, transparent);--gr-tree-drag-handle-size:24px;--gr-tree-drag-handle-mr:0;--gr-tree-drag-handle-radius:6px;--gr-tree-drag-handle-color:inherit;--gr-tree-drag-handle-opacity:.55;--gr-tree-drag-handle-hover-bg:color-mix(in srgb, var(--muted,#000) 22%, transparent);--gr-tree-drag-handle-hover-color:var(--gr-tree-drag-handle-color);--gr-tree-drag-handle-hover-opacity:.9;--gr-tree-drag-handle-disabled-opacity:.25;--gr-tree-toggle-size:24px;--gr-tree-toggle-mr:0;--gr-tree-toggle-radius:6px;--gr-tree-toggle-color:inherit;--gr-tree-toggle-hover-bg:color-mix(in srgb, var(--muted,#000) 25%, transparent);--gr-tree-toggle-hover-color:var(--gr-tree-toggle-color);--gr-tree-icon-size:16px;--gr-tree-content-gap:8px;--gr-tree-branch-line-default-color:var(--gr-tree-row-current-bg);--gr-tree-branch-line-width:2px;gap:var(--gr-tree-gap);flex-direction:column;display:flex}.gr-tree__children[data-v-e05489c9]{gap:var(--gr-tree-gap);flex-direction:column;display:flex}.gr-tree__children-wrap[data-v-e05489c9]{--gr-tree-branch-line-color:var(--gr-tree-branch-line-default-color);gap:var(--gr-tree-gap);padding-left:var(--gr-tree-children-pl,10px);border-left:var(--gr-tree-branch-line-width) solid transparent;flex-direction:column;display:flex}.gr-tree__children-wrap--with-branch[data-v-e05489c9]{border-left-color:var(--gr-tree-branch-line-color,var(--gr-tree-branch-line-default-color))}.gr-tree__row[data-v-e05489c9]{min-height:var(--gr-tree-row-min-height);border-radius:var(--gr-tree-row-radius);padding-right:var(--gr-tree-row-pr);cursor:default;user-select:none;color:var(--gr-tree-row-color);outline:none;align-items:center;display:flex;position:relative}.gr-tree__row[data-v-e05489c9]:hover{background:var(--gr-tree-row-hover-bg)}.gr-tree__row--current[data-v-e05489c9]{background:var(--gr-tree-row-current-bg)}.gr-tree__row--current[data-v-e05489c9]:hover{background:var(--gr-tree-row-current-hover-bg)}.gr-tree__row--matched .gr-tree__label[data-v-e05489c9]{font-weight:600}.gr-tree__drag-handle[data-v-e05489c9]{width:var(--gr-tree-drag-handle-size);height:var(--gr-tree-drag-handle-size);margin-right:var(--gr-tree-drag-handle-mr);border-radius:var(--gr-tree-drag-handle-radius);color:var(--gr-tree-drag-handle-color);cursor:grab;visibility:hidden;pointer-events:none;opacity:0;justify-content:center;align-items:center;display:inline-flex}.gr-tree__drag-handle--visible[data-v-e05489c9]{visibility:visible;pointer-events:auto;opacity:var(--gr-tree-drag-handle-opacity)}.gr-tree__drag-handle[data-v-e05489c9]:hover{background:var(--gr-tree-drag-handle-hover-bg);color:var(--gr-tree-drag-handle-hover-color);opacity:var(--gr-tree-drag-handle-hover-opacity)}.gr-tree__drag-handle[data-v-e05489c9]:active{cursor:grabbing}.gr-tree__drag-handle--disabled[data-v-e05489c9]{cursor:default;opacity:var(--gr-tree-drag-handle-disabled-opacity)}.gr-tree__drag-icon[data-v-e05489c9]{width:var(--gr-tree-icon-size);height:var(--gr-tree-icon-size)}.gr-tree__toggle[data-v-e05489c9]{width:var(--gr-tree-toggle-size);height:var(--gr-tree-toggle-size);margin-right:var(--gr-tree-toggle-mr);border-radius:var(--gr-tree-toggle-radius);color:var(--gr-tree-toggle-color);justify-content:center;align-items:center;display:inline-flex}.gr-tree__toggle[data-v-e05489c9]:hover{background:var(--gr-tree-toggle-hover-bg);color:var(--gr-tree-toggle-hover-color)}.gr-tree__toggle-icon[data-v-e05489c9]{width:var(--gr-tree-icon-size);height:var(--gr-tree-icon-size);transition:transform .12s}.gr-tree__toggle-icon--expanded[data-v-e05489c9]{transform:rotate(90deg)}.gr-tree__toggle-spacer[data-v-e05489c9]{width:var(--gr-tree-toggle-size);height:var(--gr-tree-toggle-size);margin-right:var(--gr-tree-toggle-mr);display:inline-block}.gr-tree__content[data-v-e05489c9]{align-items:center;gap:var(--gr-tree-content-gap);min-width:0;display:flex}.gr-tree__label[data-v-e05489c9]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gr-tree__row--drop-inner[data-v-e05489c9]{outline:2px solid color-mix(in srgb, var(--primary,#000) 40%, transparent)}.gr-tree__row--drop-prev[data-v-e05489c9]:before,.gr-tree__row--drop-next[data-v-e05489c9]:after{content:"";background:color-mix(in srgb, var(--primary,#000) 55%, transparent);height:2px;position:absolute;left:8px;right:8px}.gr-tree__row--drop-prev[data-v-e05489c9]:before{top:2px}.gr-tree__row--drop-next[data-v-e05489c9]:after{bottom:2px}
+.gr-tree[data-v-f13e1d8d]{--gr-tree-gap:2px;--gr-tree-children-pl:10px;--gr-tree-row-min-height:28px;--gr-tree-row-radius:8px;--gr-tree-row-pr:8px;--gr-tree-row-color:var(--gr-fg);--gr-tree-row-hover-bg:color-mix(in srgb, var(--gr-primary,#000) 10%, transparent);--gr-tree-row-current-bg:color-mix(in srgb, var(--gr-primary,#000) 5%, transparent);--gr-tree-row-current-hover-bg:color-mix(in srgb, var(--gr-primary,#000) 16%, transparent);--gr-tree-drag-handle-size:24px;--gr-tree-drag-handle-mr:0;--gr-tree-drag-handle-radius:6px;--gr-tree-drag-handle-color:inherit;--gr-tree-drag-handle-opacity:.55;--gr-tree-drag-handle-hover-bg:color-mix(in srgb, var(--gr-muted,#000) 22%, transparent);--gr-tree-drag-handle-hover-color:var(--gr-tree-drag-handle-color);--gr-tree-drag-handle-hover-opacity:.9;--gr-tree-drag-handle-disabled-opacity:.25;--gr-tree-toggle-size:24px;--gr-tree-toggle-mr:0;--gr-tree-toggle-radius:6px;--gr-tree-toggle-color:inherit;--gr-tree-toggle-hover-bg:color-mix(in srgb, var(--gr-muted,#000) 25%, transparent);--gr-tree-toggle-hover-color:var(--gr-tree-toggle-color);--gr-tree-icon-size:16px;--gr-tree-content-gap:8px;--gr-tree-branch-line-default-color:var(--gr-tree-row-current-bg);--gr-tree-branch-line-width:2px;gap:var(--gr-tree-gap);flex-direction:column;display:flex}.gr-tree__children[data-v-f13e1d8d]{gap:var(--gr-tree-gap);flex-direction:column;display:flex}.gr-tree__children-wrap[data-v-f13e1d8d]{--gr-tree-branch-line-color:var(--gr-tree-branch-line-default-color);gap:var(--gr-tree-gap);padding-left:var(--gr-tree-children-pl,10px);border-left:var(--gr-tree-branch-line-width) solid transparent;flex-direction:column;display:flex}.gr-tree__children-wrap--with-branch[data-v-f13e1d8d]{border-left-color:var(--gr-tree-branch-line-color,var(--gr-tree-branch-line-default-color))}.gr-tree__row[data-v-f13e1d8d]{min-height:var(--gr-tree-row-min-height);border-radius:var(--gr-tree-row-radius);padding-right:var(--gr-tree-row-pr);cursor:default;user-select:none;color:var(--gr-tree-row-color);outline:none;align-items:center;display:flex;position:relative}.gr-tree__row[data-v-f13e1d8d]:hover{background:var(--gr-tree-row-hover-bg)}[data-gr-tree-node][data-v-f13e1d8d]{outline:none}[data-gr-tree-node]:focus-visible>.gr-tree__row[data-v-f13e1d8d]{outline:2px solid var(--gr-primary,#000);outline-offset:-2px}.gr-tree__row--current[data-v-f13e1d8d]{background:var(--gr-tree-row-current-bg)}.gr-tree__row--current[data-v-f13e1d8d]:hover{background:var(--gr-tree-row-current-hover-bg)}.gr-tree__row--matched .gr-tree__label[data-v-f13e1d8d]{font-weight:600}.gr-tree__drag-handle[data-v-f13e1d8d]{width:var(--gr-tree-drag-handle-size);height:var(--gr-tree-drag-handle-size);margin-right:var(--gr-tree-drag-handle-mr);border-radius:var(--gr-tree-drag-handle-radius);color:var(--gr-tree-drag-handle-color);cursor:grab;visibility:hidden;pointer-events:none;opacity:0;justify-content:center;align-items:center;display:inline-flex}.gr-tree__drag-handle--visible[data-v-f13e1d8d]{visibility:visible;pointer-events:auto;opacity:var(--gr-tree-drag-handle-opacity)}.gr-tree__drag-handle[data-v-f13e1d8d]:hover{background:var(--gr-tree-drag-handle-hover-bg);color:var(--gr-tree-drag-handle-hover-color);opacity:var(--gr-tree-drag-handle-hover-opacity)}.gr-tree__drag-handle[data-v-f13e1d8d]:active{cursor:grabbing}.gr-tree__drag-handle--disabled[data-v-f13e1d8d]{cursor:default;opacity:var(--gr-tree-drag-handle-disabled-opacity)}.gr-tree__drag-icon[data-v-f13e1d8d]{width:var(--gr-tree-icon-size);height:var(--gr-tree-icon-size)}.gr-tree__toggle[data-v-f13e1d8d]{width:var(--gr-tree-toggle-size);height:var(--gr-tree-toggle-size);margin-right:var(--gr-tree-toggle-mr);border-radius:var(--gr-tree-toggle-radius);color:var(--gr-tree-toggle-color);justify-content:center;align-items:center;display:inline-flex}.gr-tree__toggle[data-v-f13e1d8d]:hover{background:var(--gr-tree-toggle-hover-bg);color:var(--gr-tree-toggle-hover-color)}.gr-tree__toggle-icon[data-v-f13e1d8d]{width:var(--gr-tree-icon-size);height:var(--gr-tree-icon-size);transition:transform .12s}.gr-tree__toggle-icon--expanded[data-v-f13e1d8d]{transform:rotate(90deg)}.gr-tree__toggle-spacer[data-v-f13e1d8d]{width:var(--gr-tree-toggle-size);height:var(--gr-tree-toggle-size);margin-right:var(--gr-tree-toggle-mr);display:inline-block}.gr-tree__content[data-v-f13e1d8d]{align-items:center;gap:var(--gr-tree-content-gap);min-width:0;display:flex}.gr-tree__label[data-v-f13e1d8d]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gr-tree__row--drop-inner[data-v-f13e1d8d]{outline:2px solid color-mix(in srgb, var(--gr-primary,#000) 40%, transparent)}.gr-tree__row--drop-prev[data-v-f13e1d8d]:before,.gr-tree__row--drop-next[data-v-f13e1d8d]:after{content:"";background:color-mix(in srgb, var(--gr-primary,#000) 55%, transparent);height:2px;position:absolute;left:8px;right:8px}.gr-tree__row--drop-prev[data-v-f13e1d8d]:before{top:2px}.gr-tree__row--drop-next[data-v-f13e1d8d]:after{bottom:2px}

package/dist/chunks/{config-ClhKPJvg.js → config-23WtUiAL.js}

@@ -14,7 +14,7 @@ var inputSizeClassBySize = {
 	lg: "text-[16px]"
 };
 var wrapperBorderClassByState = {
-	default: "border-[var(--brd)]",
+	default: "border-[var(--gr-brd)]",
 	success: "border-[var(--gr-success)] focus-within:ring-[var(--gr-success)]",
 	warning: "border-[var(--gr-warning)] focus-within:ring-[var(--gr-warning)]",
 	danger: "border-[var(--gr-danger)] focus-within:ring-[var(--gr-danger)]"

package/dist/chunks/config-23WtUiAL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-23WtUiAL.js","names":[],"sources":["../../src/components/GrInputTag/grInputTagStyles.ts","../../src/components/GrInputTag/safelist.ts","../../src/components/GrInputTag/config.ts"],"sourcesContent":["import type { GrInputSize } from '../GrInput/GrInput.vue'\nexport type GrInputTagSize = GrInputSize\nexport type GrInputTagState = 'default' | 'success' | 'warning' | 'danger'\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}\nexport const inputSizeClassBySize: Record<GrInputTagSize, string> = {\n  xs: 'text-[12px]',\n  sm: 'text-[13px]',\n  md: 'text-[14px]',\n  lg: 'text-[16px]',\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}\nexport function grInputTagWrapperClass(options: { size: GrInputTagSize, state: GrInputTagState, invalid: boolean, disabled: boolean }): string {\n  return [\n    wrapperSizeClassBySize[options.size],\n    options.invalid ? wrapperBorderClassByState.danger : wrapperBorderClassByState[options.state],\n    options.disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-text',\n  ].join(' ')\n}\nexport function grInputTagInputClass(size: GrInputTagSize): string {\n  return inputSizeClassBySize[size]\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  inputSizeClassBySize,\n  wrapperBorderClassByState,\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('opacity-50 cursor-not-allowed'),\n  ...splitClassTokens('cursor-text'),\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: ['GrBadge', 'GrIcon', 'GrInput'],\n  safelist: grInputTagSafelist,\n})"],"mappings":";;;AAGA,IAAa,yBAAyD;CACpE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AACA,IAAa,uBAAuD;CAClE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AACA,IAAa,4BAA6D;CACxE,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;AACV;AACA,SAAgB,uBAAuB,SAAwG;CAC7I,OAAO;EACL,uBAAuB,QAAQ;EAC/B,QAAQ,UAAU,0BAA0B,SAAS,0BAA0B,QAAQ;EACvF,QAAQ,WAAW,kCAAkC;CACvD,CAAC,CAAC,KAAK,GAAG;AACZ;AACA,SAAgB,qBAAqB,MAA8B;CACjE,OAAO,qBAAqB;AAC9B;;;ACvBA,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,+BAA+B;CACnD,GAAG,iBAAiB,aAAa;AACnC,CAAC,CAAC;;;ACTF,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,MAAM;CACN,cAAc;EAAC;EAAW;EAAU;CAAS;CAC7C,UAAU;AACZ,CAAC"}

package/dist/chunks/config-8Pcutu1j.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-8Pcutu1j.js","names":[],"sources":["../../src/components/GrSkeleton/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grSkeletonConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSkeleton',\n})\n"],"mappings":";;AAEA,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK,EACvE,MAAM,aACR,CAAC"}

package/dist/chunks/{config-1uSYl98Y.js → config-B0i5r8kH.js}

@@ -2,7 +2,7 @@ import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrTextarea/grTextareaStyles.ts
 var borderClassByState = {
-	default: "border-[var(--brd)]",
+	default: "border-[var(--gr-brd)]",
 	success: "border-[var(--gr-success)] focus-visible:ring-[var(--gr-success)]",
 	warning: "border-[var(--gr-warning)] focus-visible:ring-[var(--gr-warning)]",
 	danger: "border-[var(--gr-danger)] focus-visible:ring-[var(--gr-danger)]"

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-B0i5r8kH.js","names":[],"sources":["../../src/components/GrTextarea/grTextareaStyles.ts","../../src/components/GrTextarea/safelist.ts","../../src/components/GrTextarea/config.ts"],"sourcesContent":["export type GrTextareaState = 'default' | 'success' | 'warning' | 'danger'\n\nexport const borderClassByState: Record<GrTextareaState, string> = {\n  default: 'border-[var(--gr-brd)]',\n  success: 'border-[var(--gr-success)] focus-visible:ring-[var(--gr-success)]',\n  warning: 'border-[var(--gr-warning)] focus-visible:ring-[var(--gr-warning)]',\n  danger: 'border-[var(--gr-danger)] focus-visible:ring-[var(--gr-danger)]',\n}\n\nexport function grTextareaClass(options: { state: GrTextareaState, invalid: boolean }): string {\n  return options.invalid ? borderClassByState.danger : borderClassByState[options.state]\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport { borderClassByState } from './grTextareaStyles'\n\nexport const grTextareaSafelist = [...new Set([\n  ...Object.values(borderClassByState).flatMap(splitClassTokens),\n])]\n","import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport { grTextareaSafelist } from './safelist'\n\nexport const grTextareaConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTextarea',\n  safelist: grTextareaSafelist,\n})"],"mappings":";;;AAEA,IAAa,qBAAsD;CACjE,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;AACV;AAEA,SAAgB,gBAAgB,SAA+D;CAC7F,OAAO,QAAQ,UAAU,mBAAmB,SAAS,mBAAmB,QAAQ;AAClF;;;ACRA,IAAa,qBAAqB,CAAC,mBAAG,IAAI,IAAI,CAC5C,GAAG,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB,CAC/D,CAAC,CAAC;;;ACDF,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-BOlr7qw7.js → config-B5Rknzkd.js}

@@ -2,61 +2,55 @@ import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrLink/grLinkStyles.ts
 var baseRootClass = "inline-flex items-center gap-1 rounded-[6px] transition-colors duration-150";
-var focusRingClass = "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]";
+var focusRingClass = "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
 var sizeClassBySize = {
 	sm: "text-[13px]",
 	md: "text-[14px]",
 	lg: "text-[16px]"
 };
 var colorClass = "text-[var(--gr-link-color)] visited:text-[var(--gr-link-color)] hover:text-[var(--gr-link-color-hover)] active:text-[var(--gr-link-color-active)]";
+/**
+* Пары «цвет / hover / active» на каждый тон из ролей темы.
+*
+* Ссылка — это ТЕКСТ на фоне страницы, поэтому тона берутся из `-text`, а не
+* из насыщенного `--gr-{tone}`: последний под текст не рассчитан
+* (`--gr-success` на `--gr-bg` — 2.2:1). Готовых `-text-hover/-active` в
+* системе нет, поэтому они выводятся тем же приёмом, что и `--gr-{tone}-hover`
+* в `tokens.css` — подмесом `--gr-fg`. В светлой теме это делает ссылку темнее
+* при наведении, в тёмной — светлее, то есть в обеих контраст растёт.
+*/
+function toneTextColors(tone) {
+	const base = `var(--gr-${tone}-text)`;
+	return {
+		base,
+		hover: `color-mix(in srgb, ${base} 92%, var(--gr-fg))`,
+		active: `color-mix(in srgb, ${base} 84%, var(--gr-fg))`
+	};
+}
 var linkToneColors = {
 	primary: {
-		base: "var(--primary)",
-		hover: "var(--primary-hover)",
-		active: "var(--primary-active)"
+		base: "var(--gr-primary)",
+		hover: "var(--gr-primary-hover)",
+		active: "var(--gr-primary-active)"
 	},
 	neutral: {
-		base: "var(--fg)",
-		hover: "var(--primary)",
-		active: "var(--primary-active)"
-	},
-	success: {
-		base: "var(--gr-success)",
-		hover: "var(--gr-success-hover)",
-		active: "var(--gr-success-active)"
-	},
-	warning: {
-		base: "var(--gr-warning)",
-		hover: "var(--gr-warning-hover)",
-		active: "var(--gr-warning-active)"
-	},
-	danger: {
-		base: "var(--gr-danger)",
-		hover: "var(--gr-danger-hover)",
-		active: "var(--gr-danger-active)"
-	},
-	info: {
-		base: "var(--gr-info)",
-		hover: "var(--gr-info-hover)",
-		active: "var(--gr-info-active)"
-	},
-	slate: {
-		base: "var(--gr-slate)",
-		hover: "var(--gr-slate-hover)",
-		active: "var(--gr-slate-active)"
+		base: "var(--gr-fg)",
+		hover: "var(--gr-primary)",
+		active: "var(--gr-primary-active)"
 	},
-	azure: {
-		base: "var(--gr-azure)",
-		hover: "var(--gr-azure-hover)",
-		active: "var(--gr-azure-active)"
-	}
+	success: toneTextColors("success"),
+	warning: toneTextColors("warning"),
+	danger: toneTextColors("danger"),
+	info: toneTextColors("info"),
+	slate: toneTextColors("slate"),
+	azure: toneTextColors("azure")
 };
 /** Инлайновые CSS-переменные цвета для текущей комбинации `tone` × `variant`. */
 function grLinkColorStyle(options) {
 	if (options.disabled) return {};
 	const colors = linkToneColors[options.tone] ?? linkToneColors.primary;
 	if (options.variant === "muted") return {
-		"--gr-link-color": "var(--muted-fg)",
+		"--gr-link-color": "var(--gr-muted-fg)",
 		"--gr-link-color-hover": colors.base,
 		"--gr-link-color-active": colors.active
 	};
@@ -66,7 +60,7 @@ function grLinkColorStyle(options) {
 		"--gr-link-color-active": colors.active
 	};
 }
-var disabledStateClass = "cursor-not-allowed opacity-60 text-[var(--muted-fg)]";
+var disabledStateClass = "cursor-not-allowed opacity-60 text-[var(--gr-muted-fg)]";
 var UNDERLINE_VALUES = [
 	"auto",
 	"always",

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-B5Rknzkd.js","names":[],"sources":["../../src/components/GrLink/grLinkStyles.ts","../../src/components/GrLink/safelist.ts","../../src/components/GrLink/config.ts"],"sourcesContent":["import { GR_TONES, type GrTone } from '../shared/tones'\n\n/**\n * Архитектура цвета GrLink (согласована с остальной GR, ср. GrButton):\n *\n * - `tone` — семантический ЦВЕТ из общей палитры `GrTone`\n *   (`primary | neutral | success | warning | danger | info | slate | azure`).\n * - `variant` — уровень акцента (СТРУКТУРА), независимый от цвета:\n *   - `default` — текст окрашен в `tone` в покое, `tone-hover`/`tone-active` при\n *     наведении/нажатии (обычная акцентная ссылка);\n *   - `muted` — приглушённый текст (`--gr-muted-fg`) в покое, окрашивается в `tone`\n *     при наведении (вторичные/inline-ссылки в плотных областях).\n *\n * Раньше `variant` смешивал цвет и акцент (`primary/default/muted/muted-primary/danger`).\n * Теперь это ортогональные оси: `tone` × `variant`.\n */\nexport type GrLinkTone = GrTone\nexport type GrLinkVariant = 'default' | 'muted'\nexport type GrLinkUnderline = 'auto' | 'always' | 'none'\nexport type GrLinkSize = 'sm' | 'md' | 'lg'\n\n// Базовые классы корневого элемента (`<a>`/`<span>`). Вынесены сюда,\n// чтобы быть единственным источником истины как для шаблона, так и для safelist.\nexport const baseRootClass = 'inline-flex items-center gap-1 rounded-[6px] transition-colors duration-150'\nexport const focusRingClass = 'focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport const sizeClassBySize: Record<GrLinkSize, string> = {\n  sm: 'text-[13px]',\n  md: 'text-[14px]',\n  lg: 'text-[16px]',\n}\n\n// Цвет управляется CSS-переменными (как трек в GrSwitch): один набор классов\n// вместо class-эксплозии 8 тонов × 3 состояния. Safelist остаётся крошечным.\nexport const colorClass = 'text-[var(--gr-link-color)] visited:text-[var(--gr-link-color)] hover:text-[var(--gr-link-color-hover)] active:text-[var(--gr-link-color-active)]'\n\ntype GrLinkToneColors = { base: string, hover: string, active: string }\n\n/**\n * Пары «цвет / hover / active» на каждый тон из ролей темы.\n *\n * Ссылка — это ТЕКСТ на фоне страницы, поэтому тона берутся из `-text`, а не\n * из насыщенного `--gr-{tone}`: последний под текст не рассчитан\n * (`--gr-success` на `--gr-bg` — 2.2:1). Готовых `-text-hover/-active` в\n * системе нет, поэтому они выводятся тем же приёмом, что и `--gr-{tone}-hover`\n * в `tokens.css` — подмесом `--gr-fg`. В светлой теме это делает ссылку темнее\n * при наведении, в тёмной — светлее, то есть в обеих контраст растёт.\n */\nfunction toneTextColors(tone: string): GrLinkToneColors {\n  const base = `var(--gr-${tone}-text)`\n\n  return {\n    base,\n    hover: `color-mix(in srgb, ${base} 92%, var(--gr-fg))`,\n    active: `color-mix(in srgb, ${base} 84%, var(--gr-fg))`,\n  }\n}\n\nexport const linkToneColors: Record<GrLinkTone, GrLinkToneColors> = {\n  primary: { base: 'var(--gr-primary)', hover: 'var(--gr-primary-hover)', active: 'var(--gr-primary-active)' },\n  // Нейтральная ссылка: читаемый `--gr-fg` в покое, акцент `--gr-primary` при наведении.\n  neutral: { base: 'var(--gr-fg)', hover: 'var(--gr-primary)', active: 'var(--gr-primary-active)' },\n  success: toneTextColors('success'),\n  warning: toneTextColors('warning'),\n  danger: toneTextColors('danger'),\n  info: toneTextColors('info'),\n  slate: toneTextColors('slate'),\n  azure: toneTextColors('azure'),\n}\n\n/** Инлайновые CSS-переменные цвета для текущей комбинации `tone` × `variant`. */\nexport function grLinkColorStyle(options: { tone: GrLinkTone, variant: GrLinkVariant, disabled: boolean }): Record<string, string> {\n  if (options.disabled) return {}\n\n  const colors = linkToneColors[options.tone] ?? linkToneColors.primary\n\n  if (options.variant === 'muted') {\n    return {\n      '--gr-link-color': 'var(--gr-muted-fg)',\n      '--gr-link-color-hover': colors.base,\n      '--gr-link-color-active': colors.active,\n    }\n  }\n\n  return {\n    '--gr-link-color': colors.base,\n    '--gr-link-color-hover': colors.hover,\n    '--gr-link-color-active': colors.active,\n  }\n}\n\nexport const disabledStateClass = 'cursor-not-allowed opacity-60 text-[var(--gr-muted-fg)]'\n\nconst UNDERLINE_VALUES: readonly GrLinkUnderline[] = ['auto', 'always', 'none']\n\nfunction underlineClass(underline: GrLinkUnderline, disabled: boolean): string {\n  if (disabled) return 'no-underline'\n  if (underline === 'always') return 'underline underline-offset-4'\n  if (underline === 'none') return 'no-underline'\n  return 'no-underline hover:underline hover:underline-offset-4'\n}\n\n// Derived from `underlineClass` so that there is a single source of truth:\n// any change/extension of the underline logic is automatically reflected\n// in the safelist without manual updates.\nexport const underlineClasses: readonly string[] = [...new Set(\n  UNDERLINE_VALUES.flatMap(u => [underlineClass(u, false), underlineClass(u, true)]),\n)]\n\nexport function grLinkClass(options: { size: GrLinkSize, underline: GrLinkUnderline, disabled: boolean }): string {\n  return [\n    sizeClassBySize[options.size],\n    underlineClass(options.underline, options.disabled),\n    options.disabled ? disabledStateClass : colorClass,\n  ]\n    .filter(Boolean)\n    .join(' ')\n}\n\n// Реэкспорт палитры тонов для потребителей/демо.\nexport { GR_TONES }\n","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  safelist: grLinkSafelist,\n})"],"mappings":";;;AAuBA,IAAa,gBAAgB;AAC7B,IAAa,iBAAiB;AAE9B,IAAa,kBAA8C;CACzD,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAIA,IAAa,aAAa;;;;;;;;;;;AAc1B,SAAS,eAAe,MAAgC;CACtD,MAAM,OAAO,YAAY,KAAK;CAE9B,OAAO;EACL;EACA,OAAO,sBAAsB,KAAK;EAClC,QAAQ,sBAAsB,KAAK;CACrC;AACF;AAEA,IAAa,iBAAuD;CAClE,SAAS;EAAE,MAAM;EAAqB,OAAO;EAA2B,QAAQ;CAA2B;CAE3G,SAAS;EAAE,MAAM;EAAgB,OAAO;EAAqB,QAAQ;CAA2B;CAChG,SAAS,eAAe,SAAS;CACjC,SAAS,eAAe,SAAS;CACjC,QAAQ,eAAe,QAAQ;CAC/B,MAAM,eAAe,MAAM;CAC3B,OAAO,eAAe,OAAO;CAC7B,OAAO,eAAe,OAAO;AAC/B;;AAGA,SAAgB,iBAAiB,SAAkG;CACjI,IAAI,QAAQ,UAAU,OAAO,CAAC;CAE9B,MAAM,SAAS,eAAe,QAAQ,SAAS,eAAe;CAE9D,IAAI,QAAQ,YAAY,SACtB,OAAO;EACL,mBAAmB;EACnB,yBAAyB,OAAO;EAChC,0BAA0B,OAAO;CACnC;CAGF,OAAO;EACL,mBAAmB,OAAO;EAC1B,yBAAyB,OAAO;EAChC,0BAA0B,OAAO;CACnC;AACF;AAEA,IAAa,qBAAqB;AAElC,IAAM,mBAA+C;CAAC;CAAQ;CAAU;AAAM;AAE9E,SAAS,eAAe,WAA4B,UAA2B;CAC7E,IAAI,UAAU,OAAO;CACrB,IAAI,cAAc,UAAU,OAAO;CACnC,IAAI,cAAc,QAAQ,OAAO;CACjC,OAAO;AACT;AAKA,IAAa,mBAAsC,CAAC,GAAG,IAAI,IACzD,iBAAiB,SAAQ,MAAK,CAAC,eAAe,GAAG,KAAK,GAAG,eAAe,GAAG,IAAI,CAAC,CAAC,CACnF,CAAC;AAED,SAAgB,YAAY,SAAsF;CAChH,OAAO;EACL,gBAAgB,QAAQ;EACxB,eAAe,QAAQ,WAAW,QAAQ,QAAQ;EAClD,QAAQ,WAAW,qBAAqB;CAC1C,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;AACb;;;AC3GA,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,UAAU;AACZ,CAAC"}

package/dist/chunks/config-B7W9VlZ7.js

@@ -0,0 +1,5 @@
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrConfigProvider/config.ts
+var grConfigProviderConfig = defineGranularComponent(import.meta.url, { name: "GrConfigProvider" });
+//#endregion
+export { grConfigProviderConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-B7W9VlZ7.js","names":[],"sources":["../../src/components/GrConfigProvider/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grConfigProviderConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrConfigProvider',\n})\n"],"mappings":";;AAEA,IAAa,yBAAyB,wBAAwB,OAAO,KAAK,KAAK,EAC7E,MAAM,mBACR,CAAC"}

package/dist/chunks/config-BDSHekVC.js

@@ -0,0 +1,84 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrStatistic/grStatisticStyles.ts
+/**
+* Кастомизация через CSS-переменные:
+*
+* - `--gr-statistic-value-color` — цвет значения (по умолчанию — из `tone`).
+* - `--gr-statistic-title-color` — цвет подписи показателя.
+*/
+var statisticTitleSizeBySize = {
+	sm: "text-[11px]",
+	md: "text-[12px]",
+	lg: "text-[13px]"
+};
+var statisticValueSizeBySize = {
+	sm: "text-[20px] leading-7",
+	md: "text-[28px] leading-9",
+	lg: "text-[36px] leading-tight"
+};
+var statisticAffixSizeBySize = {
+	sm: "text-[13px]",
+	md: "text-[16px]",
+	lg: "text-[20px]"
+};
+var statisticPlaceholderHeightBySize = {
+	sm: "28px",
+	md: "36px",
+	lg: "44px"
+};
+var statisticTrendSizeBySize = {
+	sm: "text-[11px]",
+	md: "text-[12px]",
+	lg: "text-[13px]"
+};
+var statisticValueClassByTone = {
+	neutral: "text-[var(--gr-statistic-value-color,var(--gr-fg))]",
+	primary: "text-[var(--gr-statistic-value-color,var(--gr-primary))]",
+	success: "text-[var(--gr-statistic-value-color,var(--gr-success-text))]",
+	warning: "text-[var(--gr-statistic-value-color,var(--gr-warning-text))]",
+	danger: "text-[var(--gr-statistic-value-color,var(--gr-danger-text))]",
+	info: "text-[var(--gr-statistic-value-color,var(--gr-info-text))]",
+	slate: "text-[var(--gr-statistic-value-color,var(--gr-slate-text))]",
+	azure: "text-[var(--gr-statistic-value-color,var(--gr-azure-text))]"
+};
+var statisticTrendClassByTrend = {
+	up: "text-[var(--gr-success-text)]",
+	down: "text-[var(--gr-danger-text)]",
+	flat: "text-[var(--gr-muted-fg)]"
+};
+var statisticTrendIconByTrend = {
+	up: "i-lucide-trending-up",
+	down: "i-lucide-trending-down",
+	flat: "i-lucide-minus"
+};
+var statisticTitleClass = "font-medium tracking-wide text-[var(--gr-statistic-title-color,var(--gr-muted-fg))]";
+function statisticValueClass(options) {
+	return [
+		"font-semibold [font-variant-numeric:tabular-nums]",
+		statisticValueSizeBySize[options.size],
+		statisticValueClassByTone[options.tone]
+	].join(" ");
+}
+//#endregion
+//#region src/components/GrStatistic/safelist.ts
+var grStatisticSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(statisticTitleSizeBySize).flatMap(splitClassTokens),
+	...Object.values(statisticValueSizeBySize).flatMap(splitClassTokens),
+	...Object.values(statisticAffixSizeBySize).flatMap(splitClassTokens),
+	...Object.values(statisticTrendSizeBySize).flatMap(splitClassTokens),
+	...Object.values(statisticValueClassByTone).flatMap(splitClassTokens),
+	...Object.values(statisticTrendClassByTrend).flatMap(splitClassTokens),
+	...Object.values(statisticTrendIconByTrend).flatMap(splitClassTokens),
+	...splitClassTokens(statisticTitleClass),
+	...splitClassTokens("font-semibold [font-variant-numeric:tabular-nums]")
+])];
+//#endregion
+//#region src/components/GrStatistic/config.ts
+var grStatisticConfig = defineGranularComponent(import.meta.url, {
+	name: "GrStatistic",
+	safelist: grStatisticSafelist,
+	dependencies: ["GrSkeleton"]
+});
+//#endregion
+export { statisticTitleClass as a, statisticTrendIconByTrend as c, statisticPlaceholderHeightBySize as i, statisticTrendSizeBySize as l, grStatisticSafelist as n, statisticTitleSizeBySize as o, statisticAffixSizeBySize as r, statisticTrendClassByTrend as s, grStatisticConfig as t, statisticValueClass as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BDSHekVC.js","names":[],"sources":["../../src/components/GrStatistic/grStatisticStyles.ts","../../src/components/GrStatistic/safelist.ts","../../src/components/GrStatistic/config.ts"],"sourcesContent":["import type { GrTone } from '../shared/tones'\n\nexport type GrStatisticSize = 'sm' | 'md' | 'lg'\nexport type GrStatisticTone = GrTone\n/** Направление динамики показателя. */\nexport type GrStatisticTrend = 'up' | 'down' | 'flat'\n\n/**\n * Кастомизация через CSS-переменные:\n *\n * - `--gr-statistic-value-color` — цвет значения (по умолчанию — из `tone`).\n * - `--gr-statistic-title-color` — цвет подписи показателя.\n */\n\nexport const statisticTitleSizeBySize: Record<GrStatisticSize, string> = {\n  sm: 'text-[11px]',\n  md: 'text-[12px]',\n  lg: 'text-[13px]',\n}\n\nexport const statisticValueSizeBySize: Record<GrStatisticSize, string> = {\n  sm: 'text-[20px] leading-7',\n  md: 'text-[28px] leading-9',\n  lg: 'text-[36px] leading-tight',\n}\n\nexport const statisticAffixSizeBySize: Record<GrStatisticSize, string> = {\n  sm: 'text-[13px]',\n  md: 'text-[16px]',\n  lg: 'text-[20px]',\n}\n\n// Высота плейсхолдера загрузки повторяет строку значения — блок не «прыгает».\n// Значение отдаётся в `GrSkeleton` пропом, поэтому это px, а не класс.\nexport const statisticPlaceholderHeightBySize: Record<GrStatisticSize, string> = {\n  sm: '28px',\n  md: '36px',\n  lg: '44px',\n}\n\nexport const statisticTrendSizeBySize: Record<GrStatisticSize, string> = {\n  sm: 'text-[11px]',\n  md: 'text-[12px]',\n  lg: 'text-[13px]',\n}\n\n// Цвет значения по тону. `neutral` наследует основной цвет текста.\n//\n// Тона берутся из `-text`, а не из насыщенного `--gr-{tone}`: значение — это\n// ТЕКСТ на фоне страницы, а насыщенный тон для этого не предназначен\n// (`--gr-success` на `--gr-bg` — 2.2:1, ниже даже послабления 3:1 для крупного\n// текста). `-text` — ровно роль «тон как текст».\nexport const statisticValueClassByTone: Record<GrStatisticTone, string> = {\n  neutral: 'text-[var(--gr-statistic-value-color,var(--gr-fg))]',\n  primary: 'text-[var(--gr-statistic-value-color,var(--gr-primary))]',\n  success: 'text-[var(--gr-statistic-value-color,var(--gr-success-text))]',\n  warning: 'text-[var(--gr-statistic-value-color,var(--gr-warning-text))]',\n  danger: 'text-[var(--gr-statistic-value-color,var(--gr-danger-text))]',\n  info: 'text-[var(--gr-statistic-value-color,var(--gr-info-text))]',\n  slate: 'text-[var(--gr-statistic-value-color,var(--gr-slate-text))]',\n  azure: 'text-[var(--gr-statistic-value-color,var(--gr-azure-text))]',\n}\n\n// Строка динамики: рост — успех, падение — опасность, без изменений — приглушённый.\nexport const statisticTrendClassByTrend: Record<GrStatisticTrend, string> = {\n  up: 'text-[var(--gr-success-text)]',\n  down: 'text-[var(--gr-danger-text)]',\n  flat: 'text-[var(--gr-muted-fg)]',\n}\n\nexport const statisticTrendIconByTrend: Record<GrStatisticTrend, string> = {\n  up: 'i-lucide-trending-up',\n  down: 'i-lucide-trending-down',\n  flat: 'i-lucide-minus',\n}\n\nexport const statisticTitleClass = 'font-medium tracking-wide text-[var(--gr-statistic-title-color,var(--gr-muted-fg))]'\n\nexport function statisticValueClass(options: { size: GrStatisticSize, tone: GrStatisticTone }): string {\n  return [\n    'font-semibold [font-variant-numeric:tabular-nums]',\n    statisticValueSizeBySize[options.size],\n    statisticValueClassByTone[options.tone],\n  ].join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  statisticAffixSizeBySize,\n  statisticTitleClass,\n  statisticTitleSizeBySize,\n  statisticTrendClassByTrend,\n  statisticTrendIconByTrend,\n  statisticTrendSizeBySize,\n  statisticValueClassByTone,\n  statisticValueSizeBySize,\n} from './grStatisticStyles'\n\n// Классы из вычисляемых мап (size/tone/trend) UnoCSS сканом не находит — только safelist.\nexport const grStatisticSafelist = [...new Set([\n  ...Object.values(statisticTitleSizeBySize).flatMap(splitClassTokens),\n  ...Object.values(statisticValueSizeBySize).flatMap(splitClassTokens),\n  ...Object.values(statisticAffixSizeBySize).flatMap(splitClassTokens),\n  ...Object.values(statisticTrendSizeBySize).flatMap(splitClassTokens),\n  ...Object.values(statisticValueClassByTone).flatMap(splitClassTokens),\n  ...Object.values(statisticTrendClassByTrend).flatMap(splitClassTokens),\n  // Иконки динамики приходят из мапы — как классы-маски их тоже надо сгенерировать.\n  ...Object.values(statisticTrendIconByTrend).flatMap(splitClassTokens),\n  // Литералы из grStatisticStyles.ts (подпись + типографика значения).\n  ...splitClassTokens(statisticTitleClass),\n  ...splitClassTokens('font-semibold [font-variant-numeric:tabular-nums]'),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grStatisticSafelist } from './safelist'\n\nexport const grStatisticConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrStatistic',\n  safelist: grStatisticSafelist,\n  dependencies: ['GrSkeleton'],\n})\n"],"mappings":";;;;;;;;;AAcA,IAAa,2BAA4D;CACvE,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,2BAA4D;CACvE,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,2BAA4D;CACvE,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAIA,IAAa,mCAAoE;CAC/E,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,2BAA4D;CACvE,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAQA,IAAa,4BAA6D;CACxE,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;AACT;AAGA,IAAa,6BAA+D;CAC1E,IAAI;CACJ,MAAM;CACN,MAAM;AACR;AAEA,IAAa,4BAA8D;CACzE,IAAI;CACJ,MAAM;CACN,MAAM;AACR;AAEA,IAAa,sBAAsB;AAEnC,SAAgB,oBAAoB,SAAmE;CACrG,OAAO;EACL;EACA,yBAAyB,QAAQ;EACjC,0BAA0B,QAAQ;CACpC,CAAC,CAAC,KAAK,GAAG;AACZ;;;ACvEA,IAAa,sBAAsB,CAAC,mBAAG,IAAI,IAAI;CAC7C,GAAG,OAAO,OAAO,wBAAwB,CAAC,CAAC,QAAQ,gBAAgB;CACnE,GAAG,OAAO,OAAO,wBAAwB,CAAC,CAAC,QAAQ,gBAAgB;CACnE,GAAG,OAAO,OAAO,wBAAwB,CAAC,CAAC,QAAQ,gBAAgB;CACnE,GAAG,OAAO,OAAO,wBAAwB,CAAC,CAAC,QAAQ,gBAAgB;CACnE,GAAG,OAAO,OAAO,yBAAyB,CAAC,CAAC,QAAQ,gBAAgB;CACpE,GAAG,OAAO,OAAO,0BAA0B,CAAC,CAAC,QAAQ,gBAAgB;CAErE,GAAG,OAAO,OAAO,yBAAyB,CAAC,CAAC,QAAQ,gBAAgB;CAEpE,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,mDAAmD;AACzE,CAAC,CAAC;;;ACrBF,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK;CACxE,MAAM;CACN,UAAU;CACV,cAAc,CAAC,YAAY;AAC7B,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BLHqZhy-.js","names":[],"sources":["../../src/components/GrTabs/config.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nexport const grTabsConfig = defineGranularComponent(import.meta.url, {\n    name: 'GrTabs',\n})\n"],"mappings":";;AAEA,IAAa,eAAe,wBAAwB,OAAO,KAAK,KAAK,EACjE,MAAM,SACV,CAAC"}

package/dist/chunks/{config-eYLZYOUS2.js → config-BMKNHFMD2.js}

@@ -12,7 +12,7 @@ var indicatorVariantClassMap = {
 	pills: "border border-[var(--gr-segmented-indicator-brd)] bg-[var(--gr-segmented-indicator-bg)] shadow-[var(--gr-segmented-indicator-shadow)]",
 	button: "border border-[var(--gr-segmented-indicator-brd)] bg-[var(--gr-segmented-indicator-bg)] shadow-[var(--gr-segmented-indicator-shadow)]"
 };
-var itemBaseClass = "group/segmented-item relative z-[1] inline-flex min-h-[var(--gr-segmented-min-height)] min-w-0 items-center justify-center gap-2 rounded-[calc(var(--gr-segmented-radius)-var(--gr-segmented-padding))] px-[var(--gr-segmented-item-px)] py-[var(--gr-segmented-item-py)] text-[length:var(--gr-segmented-font-size)] leading-[var(--gr-segmented-line-height)] font-[var(--gr-segmented-font-weight)] text-[var(--gr-segmented-item-color)] transition-colors duration-150 select-none focus:outline-none focus-visible:shadow-[0_0_0_2px_var(--ring),0_0_0_4px_var(--bg)]";
+var itemBaseClass = "group/segmented-item relative z-[1] inline-flex min-h-[var(--gr-segmented-min-height)] min-w-0 items-center justify-center gap-2 rounded-[calc(var(--gr-segmented-radius)-var(--gr-segmented-padding))] px-[var(--gr-segmented-item-px)] py-[var(--gr-segmented-item-py)] text-[length:var(--gr-segmented-font-size)] leading-[var(--gr-segmented-line-height)] font-[var(--gr-segmented-font-weight)] text-[var(--gr-segmented-item-color)] transition-colors duration-150 select-none focus:outline-none focus-visible:shadow-[0_0_0_2px_var(--gr-ring),0_0_0_4px_var(--gr-bg)]";
 var itemVariantClassMap = {
 	pills: "",
 	button: ""
@@ -67,26 +67,26 @@ var rootSizeStyles = {
 };
 var rootVariantStyles = {
 	pills: {
-		"--gr-segmented-track-bg": "var(--muted)",
-		"--gr-segmented-track-brd": "var(--brd)",
+		"--gr-segmented-track-bg": "var(--gr-muted)",
+		"--gr-segmented-track-brd": "var(--gr-brd)",
 		"--gr-segmented-track-shadow": "none",
-		"--gr-segmented-indicator-bg": "var(--card)",
-		"--gr-segmented-indicator-brd": "color-mix(in srgb, var(--card) 84%, var(--brd) 16%)",
+		"--gr-segmented-indicator-bg": "var(--gr-card)",
+		"--gr-segmented-indicator-brd": "color-mix(in srgb, var(--gr-card) 84%, var(--gr-brd) 16%)",
 		"--gr-segmented-indicator-shadow": "var(--gr-shadow-1), var(--gr-segmented-indicator-highlight-shadow, 0 0 0 0 transparent)",
-		"--gr-segmented-item-color": "var(--muted-fg)",
-		"--gr-segmented-item-selected-color": "var(--fg)",
-		"--gr-segmented-item-hover-color": "var(--fg)"
+		"--gr-segmented-item-color": "var(--gr-muted-fg)",
+		"--gr-segmented-item-selected-color": "var(--gr-fg)",
+		"--gr-segmented-item-hover-color": "var(--gr-fg)"
 	},
 	button: {
-		"--gr-segmented-track-bg": "var(--card)",
-		"--gr-segmented-track-brd": "var(--brd)",
+		"--gr-segmented-track-bg": "var(--gr-card)",
+		"--gr-segmented-track-brd": "var(--gr-brd)",
 		"--gr-segmented-track-shadow": "var(--gr-shadow-1)",
-		"--gr-segmented-indicator-bg": "var(--primary)",
-		"--gr-segmented-indicator-brd": "color-mix(in srgb, var(--primary) 88%, var(--brd) 12%)",
+		"--gr-segmented-indicator-bg": "var(--gr-primary)",
+		"--gr-segmented-indicator-brd": "color-mix(in srgb, var(--gr-primary) 88%, var(--gr-brd) 12%)",
 		"--gr-segmented-indicator-shadow": "var(--gr-shadow-2)",
-		"--gr-segmented-item-color": "var(--muted-fg)",
-		"--gr-segmented-item-selected-color": "var(--primary-fg)",
-		"--gr-segmented-item-hover-color": "var(--fg)"
+		"--gr-segmented-item-color": "var(--gr-muted-fg)",
+		"--gr-segmented-item-selected-color": "var(--gr-primary-fg)",
+		"--gr-segmented-item-hover-color": "var(--gr-fg)"
 	}
 };
 function grSegmentedRootClass(options) {

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BMKNHFMD2.js","names":[],"sources":["../../src/components/GrSegmented/grSegmentedStyles.ts","../../src/components/GrSegmented/safelist.ts","../../src/components/GrSegmented/config.ts"],"sourcesContent":["import type { Component } from 'vue'\nexport type GrSegmentedVariant = 'pills' | 'button'\nexport type GrSegmentedSize = 'xs' | 'sm' | 'md' | 'lg'\nexport type GrSegmentedValue = string | number\nexport type GrSegmentedOption = {\n  value: GrSegmentedValue\n  label?: string\n  icon?: Component\n  disabled?: boolean\n}\nexport const rootBaseClass =\n  'relative inline-grid min-w-0 grid-flow-col items-stretch rounded-[var(--gr-segmented-radius)] p-[var(--gr-segmented-padding)] transition-colors duration-150'\nexport const rootVariantClassMap: Record<GrSegmentedVariant, string> = {\n  pills: 'border border-[var(--gr-segmented-track-brd)] bg-[var(--gr-segmented-track-bg)] text-[var(--gr-segmented-item-color)]',\n  button: 'border border-[var(--gr-segmented-track-brd)] bg-[var(--gr-segmented-track-bg)] text-[var(--gr-segmented-item-color)] shadow-[var(--gr-segmented-track-shadow)]',\n}\nexport const rootBlockClass = 'w-full'\nexport const indicatorBaseClass =\n  'pointer-events-none absolute left-0 top-0 rounded-[calc(var(--gr-segmented-radius)-var(--gr-segmented-padding))] transition-[transform,width,height,opacity] ease-out'\nexport const indicatorVariantClassMap: Record<GrSegmentedVariant, string> = {\n  pills:  'border border-[var(--gr-segmented-indicator-brd)] bg-[var(--gr-segmented-indicator-bg)] shadow-[var(--gr-segmented-indicator-shadow)]',\n  button: 'border border-[var(--gr-segmented-indicator-brd)] bg-[var(--gr-segmented-indicator-bg)] shadow-[var(--gr-segmented-indicator-shadow)]',\n}\nexport const itemBaseClass =\n  'group/segmented-item relative z-[1] inline-flex min-h-[var(--gr-segmented-min-height)] min-w-0 items-center justify-center gap-2 rounded-[calc(var(--gr-segmented-radius)-var(--gr-segmented-padding))] px-[var(--gr-segmented-item-px)] py-[var(--gr-segmented-item-py)] text-[length:var(--gr-segmented-font-size)] leading-[var(--gr-segmented-line-height)] font-[var(--gr-segmented-font-weight)] text-[var(--gr-segmented-item-color)] transition-colors duration-150 select-none focus:outline-none focus-visible:shadow-[0_0_0_2px_var(--gr-ring),0_0_0_4px_var(--gr-bg)]'\nexport const itemVariantClassMap: Record<GrSegmentedVariant, string> = {\n  pills: '',\n  button: '',\n}\nexport const itemSelectedClass = 'text-[var(--gr-segmented-item-selected-color)]'\nexport const itemDisabledClass = 'cursor-not-allowed opacity-50'\nexport const itemEnabledClass = 'cursor-pointer hover:text-[var(--gr-segmented-item-hover-color)]'\nexport const itemLabelClass = 'truncate'\nexport const itemIconClass = 'h-4 w-4 shrink-0'\nexport const iconOnlyClass = 'gap-0'\nconst rootSizeStyles: Record<GrSegmentedSize, Record<string, string>> = {\n  xs: {\n    '--gr-segmented-radius': '9999px',\n    '--gr-segmented-padding': '4px',\n    '--gr-segmented-item-px': '10px',\n    '--gr-segmented-item-py': '4px',\n    '--gr-segmented-font-size': '0.75rem',\n    '--gr-segmented-line-height': '1rem',\n    '--gr-segmented-font-weight': '600',\n    '--gr-segmented-min-height': '24px',\n  },\n  sm: {\n    '--gr-segmented-radius': '9999px',\n    '--gr-segmented-padding': '4px',\n    '--gr-segmented-item-px': '12px',\n    '--gr-segmented-item-py': '6px',\n    '--gr-segmented-font-size': '0.75rem',\n    '--gr-segmented-line-height': '1rem',\n    '--gr-segmented-font-weight': '600',\n    '--gr-segmented-min-height': '28px',\n  },\n  md: {\n    '--gr-segmented-radius': '9999px',\n    '--gr-segmented-padding': '4px',\n    '--gr-segmented-item-px': '14px',\n    '--gr-segmented-item-py': '8px',\n    '--gr-segmented-font-size': '0.875rem',\n    '--gr-segmented-line-height': '1.25rem',\n    '--gr-segmented-font-weight': '600',\n    '--gr-segmented-min-height': '40px',\n  },\n  lg: {\n    '--gr-segmented-radius': '9999px',\n    '--gr-segmented-padding': '4px',\n    '--gr-segmented-item-px': '16px',\n    '--gr-segmented-item-py': '10px',\n    '--gr-segmented-font-size': '0.9375rem',\n    '--gr-segmented-line-height': '1.25rem',\n    '--gr-segmented-font-weight': '600',\n    '--gr-segmented-min-height': '46px',\n  },\n}\nconst rootVariantStyles: Record<GrSegmentedVariant, Record<string, string>> = {\n  pills: {\n    '--gr-segmented-track-bg': 'var(--gr-muted)',\n    '--gr-segmented-track-brd': 'var(--gr-brd)',\n    '--gr-segmented-track-shadow': 'none',\n    '--gr-segmented-indicator-bg': 'var(--gr-card)',\n    '--gr-segmented-indicator-brd': 'color-mix(in srgb, var(--gr-card) 84%, var(--gr-brd) 16%)',\n    '--gr-segmented-indicator-shadow': 'var(--gr-shadow-1), var(--gr-segmented-indicator-highlight-shadow, 0 0 0 0 transparent)',\n    '--gr-segmented-item-color': 'var(--gr-muted-fg)',\n    '--gr-segmented-item-selected-color': 'var(--gr-fg)',\n    '--gr-segmented-item-hover-color': 'var(--gr-fg)',\n  },\n  button: {\n    '--gr-segmented-track-bg': 'var(--gr-card)',\n    '--gr-segmented-track-brd': 'var(--gr-brd)',\n    '--gr-segmented-track-shadow': 'var(--gr-shadow-1)',\n    '--gr-segmented-indicator-bg': 'var(--gr-primary)',\n    '--gr-segmented-indicator-brd': 'color-mix(in srgb, var(--gr-primary) 88%, var(--gr-brd) 12%)',\n    '--gr-segmented-indicator-shadow': 'var(--gr-shadow-2)',\n    '--gr-segmented-item-color': 'var(--gr-muted-fg)',\n    '--gr-segmented-item-selected-color': 'var(--gr-primary-fg)',\n    '--gr-segmented-item-hover-color': 'var(--gr-fg)',\n  },\n}\nexport function grSegmentedRootClass(options: { variant: GrSegmentedVariant, block: boolean, disabled: boolean }): string {\n  return [\n    rootBaseClass,\n    rootVariantClassMap[options.variant],\n    options.block ? rootBlockClass : '',\n    options.disabled ? 'opacity-70' : '',\n  ].filter(Boolean).join(' ')\n}\nexport function grSegmentedRootStyle(options: { variant: GrSegmentedVariant, size: GrSegmentedSize }): Record<string, string> {\n  return {\n    ...rootSizeStyles[options.size],\n    ...rootVariantStyles[options.variant],\n  }\n}\nexport function grSegmentedIndicatorClass(variant: GrSegmentedVariant): string {\n  return [indicatorBaseClass, indicatorVariantClassMap[variant]].join(' ')\n}\nexport function grSegmentedItemClass(options: {\n  variant: GrSegmentedVariant\n  selected: boolean\n  disabled: boolean\n  iconOnly: boolean\n}): string {\n  return [\n    itemBaseClass,\n    itemVariantClassMap[options.variant],\n    options.selected ? itemSelectedClass : '',\n    options.disabled ? itemDisabledClass : itemEnabledClass,\n    options.iconOnly ? iconOnlyClass : '',\n  ].filter(Boolean).join(' ')\n}\nexport const grSegmentedItemLabelClass = itemLabelClass\nexport const grSegmentedItemIconClass = itemIconClass\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  iconOnlyClass,\n  indicatorBaseClass,\n  indicatorVariantClassMap,\n  itemBaseClass,\n  itemDisabledClass,\n  itemEnabledClass,\n  itemIconClass,\n  itemLabelClass,\n  itemSelectedClass,\n  itemVariantClassMap,\n  rootBaseClass,\n  rootBlockClass,\n  rootVariantClassMap,\n} from './grSegmentedStyles'\n\nexport const grSegmentedClassTokens = {\n  rootBaseClass: splitClassTokens(rootBaseClass),\n  rootVariantClassMap: Object.values(rootVariantClassMap).flatMap(splitClassTokens),\n  rootBlockClass: splitClassTokens(rootBlockClass),\n  indicatorBaseClass: splitClassTokens(indicatorBaseClass),\n  indicatorVariantClassMap: Object.values(indicatorVariantClassMap).flatMap(splitClassTokens),\n  itemBaseClass: splitClassTokens(itemBaseClass),\n  itemVariantClassMap: Object.values(itemVariantClassMap).flatMap(splitClassTokens),\n  itemSelectedClass: splitClassTokens(itemSelectedClass),\n  itemDisabledClass: splitClassTokens(itemDisabledClass),\n  itemEnabledClass: splitClassTokens(itemEnabledClass),\n  itemLabelClass: splitClassTokens(itemLabelClass),\n  itemIconClass: splitClassTokens(itemIconClass),\n  iconOnlyClass: splitClassTokens(iconOnlyClass),\n  extra: splitClassTokens('opacity-70'),\n} as const\n\nexport const grSegmentedSafelist = [...new Set([\n  ...grSegmentedClassTokens.rootBaseClass,\n  ...grSegmentedClassTokens.rootVariantClassMap,\n  ...grSegmentedClassTokens.rootBlockClass,\n  ...grSegmentedClassTokens.indicatorBaseClass,\n  ...grSegmentedClassTokens.indicatorVariantClassMap,\n  ...grSegmentedClassTokens.itemBaseClass,\n  ...grSegmentedClassTokens.itemVariantClassMap,\n  ...grSegmentedClassTokens.itemSelectedClass,\n  ...grSegmentedClassTokens.itemDisabledClass,\n  ...grSegmentedClassTokens.itemEnabledClass,\n  ...grSegmentedClassTokens.itemLabelClass,\n  ...grSegmentedClassTokens.itemIconClass,\n  ...grSegmentedClassTokens.iconOnlyClass,\n  ...grSegmentedClassTokens.extra,\n])]\n","import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport {grSegmentedSafelist} from './safelist'\n\nexport const grSegmentedConfig = defineGranularComponent(import.meta.url, {\n    name: 'GrSegmented',\n    safelist: grSegmentedSafelist,\n    tokenDefinitions: {\n        light: {\n            selector: ':root',\n            tokens: {'gr-segmented-indicator-highlight-shadow': '0 0 0 0 transparent'}\n        },\n        dark: {\n            selector: '.dark',\n            tokens: {'gr-segmented-indicator-highlight-shadow': '0 0 0 1px rgba(248, 250, 252, 0.08)'}\n        },\n    }\n})"],"mappings":";;;AAUA,IAAa,gBACX;AACF,IAAa,sBAA0D;CACrE,OAAO;CACP,QAAQ;AACV;AACA,IAAa,iBAAiB;AAC9B,IAAa,qBACX;AACF,IAAa,2BAA+D;CAC1E,OAAQ;CACR,QAAQ;AACV;AACA,IAAa,gBACX;AACF,IAAa,sBAA0D;CACrE,OAAO;CACP,QAAQ;AACV;AACA,IAAa,oBAAoB;AACjC,IAAa,oBAAoB;AACjC,IAAa,mBAAmB;AAChC,IAAa,iBAAiB;AAC9B,IAAa,gBAAgB;AAC7B,IAAa,gBAAgB;AAC7B,IAAM,iBAAkE;CACtE,IAAI;EACF,yBAAyB;EACzB,0BAA0B;EAC1B,0BAA0B;EAC1B,0BAA0B;EAC1B,4BAA4B;EAC5B,8BAA8B;EAC9B,8BAA8B;EAC9B,6BAA6B;CAC/B;CACA,IAAI;EACF,yBAAyB;EACzB,0BAA0B;EAC1B,0BAA0B;EAC1B,0BAA0B;EAC1B,4BAA4B;EAC5B,8BAA8B;EAC9B,8BAA8B;EAC9B,6BAA6B;CAC/B;CACA,IAAI;EACF,yBAAyB;EACzB,0BAA0B;EAC1B,0BAA0B;EAC1B,0BAA0B;EAC1B,4BAA4B;EAC5B,8BAA8B;EAC9B,8BAA8B;EAC9B,6BAA6B;CAC/B;CACA,IAAI;EACF,yBAAyB;EACzB,0BAA0B;EAC1B,0BAA0B;EAC1B,0BAA0B;EAC1B,4BAA4B;EAC5B,8BAA8B;EAC9B,8BAA8B;EAC9B,6BAA6B;CAC/B;AACF;AACA,IAAM,oBAAwE;CAC5E,OAAO;EACL,2BAA2B;EAC3B,4BAA4B;EAC5B,+BAA+B;EAC/B,+BAA+B;EAC/B,gCAAgC;EAChC,mCAAmC;EACnC,6BAA6B;EAC7B,sCAAsC;EACtC,mCAAmC;CACrC;CACA,QAAQ;EACN,2BAA2B;EAC3B,4BAA4B;EAC5B,+BAA+B;EAC/B,+BAA+B;EAC/B,gCAAgC;EAChC,mCAAmC;EACnC,6BAA6B;EAC7B,sCAAsC;EACtC,mCAAmC;CACrC;AACF;AACA,SAAgB,qBAAqB,SAAqF;CACxH,OAAO;EACL;EACA,oBAAoB,QAAQ;EAC5B,QAAQ,QAAQ,iBAAiB;EACjC,QAAQ,WAAW,eAAe;CACpC,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B;AACA,SAAgB,qBAAqB,SAAyF;CAC5H,OAAO;EACL,GAAG,eAAe,QAAQ;EAC1B,GAAG,kBAAkB,QAAQ;CAC/B;AACF;AACA,SAAgB,0BAA0B,SAAqC;CAC7E,OAAO,CAAC,oBAAoB,yBAAyB,QAAQ,CAAC,CAAC,KAAK,GAAG;AACzE;AACA,SAAgB,qBAAqB,SAK1B;CACT,OAAO;EACL;EACA,oBAAoB,QAAQ;EAC5B,QAAQ,WAAW,oBAAoB;EACvC,QAAQ,WAAW,oBAAoB;EACvC,QAAQ,WAAW,gBAAgB;CACrC,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B;AACA,IAAa,4BAA4B;AACzC,IAAa,2BAA2B;;;ACpHxC,IAAa,yBAAyB;CACpC,eAAe,iBAAiB,aAAa;CAC7C,qBAAqB,OAAO,OAAO,mBAAmB,CAAC,CAAC,QAAQ,gBAAgB;CAChF,gBAAgB,iBAAiB,cAAc;CAC/C,oBAAoB,iBAAiB,kBAAkB;CACvD,0BAA0B,OAAO,OAAO,wBAAwB,CAAC,CAAC,QAAQ,gBAAgB;CAC1F,eAAe,iBAAiB,aAAa;CAC7C,qBAAqB,OAAO,OAAO,mBAAmB,CAAC,CAAC,QAAQ,gBAAgB;CAChF,mBAAmB,iBAAiB,iBAAiB;CACrD,mBAAmB,iBAAiB,iBAAiB;CACrD,kBAAkB,iBAAiB,gBAAgB;CACnD,gBAAgB,iBAAiB,cAAc;CAC/C,eAAe,iBAAiB,aAAa;CAC7C,eAAe,iBAAiB,aAAa;CAC7C,OAAO,iBAAiB,YAAY;AACtC;AAEA,IAAa,sBAAsB,CAAC,mBAAG,IAAI,IAAI;CAC7C,GAAG,uBAAuB;CAC1B,GAAG,uBAAuB;CAC1B,GAAG,uBAAuB;CAC1B,GAAG,uBAAuB;CAC1B,GAAG,uBAAuB;CAC1B,GAAG,uBAAuB;CAC1B,GAAG,uBAAuB;CAC1B,GAAG,uBAAuB;CAC1B,GAAG,uBAAuB;CAC1B,GAAG,uBAAuB;CAC1B,GAAG,uBAAuB;CAC1B,GAAG,uBAAuB;CAC1B,GAAG,uBAAuB;CAC1B,GAAG,uBAAuB;AAC5B,CAAC,CAAC;;;AC7CF,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK;CACtE,MAAM;CACN,UAAU;CACV,kBAAkB;EACd,OAAO;GACH,UAAU;GACV,QAAQ,EAAC,2CAA2C,sBAAqB;EAC7E;EACA,MAAM;GACF,UAAU;GACV,QAAQ,EAAC,2CAA2C,sCAAqC;EAC7F;CACJ;AACJ,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BUHuGBik2.js","names":[],"sources":["../../src/components/GrPromptDialog/config.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nexport const grPromptDialogConfig = defineGranularComponent(import.meta.url, {\n    name: 'GrPromptDialog',\n    dependencies: ['GrButton', 'GrDialog', 'GrFormField', 'GrInput'],\n})"],"mappings":";;AAEA,IAAa,uBAAuB,wBAAwB,OAAO,KAAK,KAAK;CACzE,MAAM;CACN,cAAc;EAAC;EAAY;EAAY;EAAe;CAAS;AACnE,CAAC"}

package/dist/chunks/config-BWiPnygb.js

@@ -0,0 +1,5 @@
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrDivider/config.ts
+var grDividerConfig = defineGranularComponent(import.meta.url, { name: "GrDivider" });
+//#endregion
+export { grDividerConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BWiPnygb.js","names":[],"sources":["../../src/components/GrDivider/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grDividerConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDivider',\n})\n"],"mappings":";;AAEA,IAAa,kBAAkB,wBAAwB,OAAO,KAAK,KAAK,EACtE,MAAM,YACR,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BX1JTrkV.js","names":[],"sources":["../../src/components/GrDialogService/config.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nexport const grDialogServiceConfig = defineGranularComponent(import.meta.url, {\n    name: 'GrDialogServiceHost',\n    dependencies: ['GrButton', 'GrDialog', 'GrConfirmDialog', 'GrPromptDialog', 'GrResponseErrorBanner'],\n})\n"],"mappings":";;AAEA,IAAa,wBAAwB,wBAAwB,OAAO,KAAK,KAAK;CAC1E,MAAM;CACN,cAAc;EAAC;EAAY;EAAY;EAAmB;EAAkB;CAAuB;AACvG,CAAC"}

package/dist/chunks/config-BZFUM3Ky.js

@@ -0,0 +1,75 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrSlider/grSliderStyles.ts
+/**
+* Кастомизация через CSS-переменные (можно задать на самом слайдере или любом
+* предке — inline `style`, класс, тема). Значение по умолчанию — второй аргумент
+* `var(--name, default)`, поэтому переопределять можно точечно:
+*
+* - `--gr-slider-rail`         — цвет фона дорожки (неактивная часть).
+* - `--gr-slider-fill`         — цвет активной (заполненной) части.
+* - `--gr-slider-thumb-bg`     — заливка бегунка.
+* - `--gr-slider-thumb-border` — цвет окантовки бегунка (по умолчанию = fill).
+* - `--gr-slider-thumb-size`   — диаметр бегунка (по умолчанию — из `size`).
+* - `--gr-slider-track-height` — толщина дорожки (по умолчанию — из `size`).
+*/
+var sliderTrackHeightBySize = {
+	sm: "h-[var(--gr-slider-track-height,0.25rem)]",
+	md: "h-[var(--gr-slider-track-height,0.375rem)]",
+	lg: "h-[var(--gr-slider-track-height,0.5rem)]"
+};
+var sliderThumbSizeBySize = {
+	sm: "h-[var(--gr-slider-thumb-size,0.875rem)] w-[var(--gr-slider-thumb-size,0.875rem)]",
+	md: "h-[var(--gr-slider-thumb-size,1rem)] w-[var(--gr-slider-thumb-size,1rem)]",
+	lg: "h-[var(--gr-slider-thumb-size,1.25rem)] w-[var(--gr-slider-thumb-size,1.25rem)]"
+};
+var sliderPaddingBySize = {
+	sm: "py-1.5",
+	md: "py-2",
+	lg: "py-2.5"
+};
+var sliderRailClass = "absolute inset-0 rounded-full bg-[var(--gr-slider-rail,color-mix(in_srgb,var(--gr-muted)_45%,transparent))]";
+var sliderFillClass = "absolute top-0 bottom-0 rounded-full bg-[var(--gr-slider-fill,var(--gr-primary))]";
+var sliderThumbBaseClass = "absolute top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-[var(--gr-slider-thumb-border,var(--gr-slider-fill,var(--gr-primary)))] bg-[var(--gr-slider-thumb-bg,var(--gr-bg))] ring-1 ring-[color-mix(in_srgb,var(--gr-fg)_22%,transparent)] shadow-[var(--gr-shadow-1)] transition-[box-shadow,transform] duration-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-offset-1 focus-visible:ring-offset-[var(--gr-bg)]";
+function sliderThumbClass(options) {
+	return [
+		sliderThumbBaseClass,
+		sliderThumbSizeBySize[options.size],
+		options.disabled ? "cursor-not-allowed" : "cursor-grab active:cursor-grabbing hover:scale-110"
+	].join(" ");
+}
+var sliderTooltipClass = "pointer-events-none absolute bottom-full left-1/2 mb-2 -translate-x-1/2 whitespace-nowrap rounded-[6px] bg-[var(--gr-fg)] px-1.5 py-0.5 text-[11px] font-medium leading-tight text-[var(--gr-bg)] shadow-[var(--gr-shadow-2)]";
+var sliderMarkTickClass = "absolute top-1/2 h-1.5 w-1.5 -translate-x-1/2 -translate-y-1/2 rounded-full bg-[var(--gr-bg)] ring-1 ring-[var(--gr-brd)]";
+var sliderMarkLabelClass = "absolute top-full mt-2.5 whitespace-nowrap text-[11px] leading-none text-[var(--gr-muted-fg)]";
+function sliderMarkLabelClassFor(pct) {
+	return `${sliderMarkLabelClass} ${pct <= .5 ? "translate-x-0" : pct >= 99.5 ? "-translate-x-full" : "-translate-x-1/2"}`;
+}
+function sliderRootClass(options) {
+	return [
+		"relative w-full select-none",
+		sliderPaddingBySize[options.size],
+		options.hasMarks ? "mb-7" : "",
+		options.disabled ? "opacity-50" : ""
+	].filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/components/GrSlider/safelist.ts
+var grSliderSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(sliderTrackHeightBySize).flatMap(splitClassTokens),
+	...Object.values(sliderThumbSizeBySize).flatMap(splitClassTokens),
+	...Object.values(sliderPaddingBySize).flatMap(splitClassTokens),
+	...splitClassTokens("cursor-not-allowed cursor-grab active:cursor-grabbing hover:scale-110 opacity-50"),
+	...splitClassTokens("ring-1 ring-[color-mix(in_srgb,var(--gr-fg)_22%,transparent)] mb-7 mt-2.5 whitespace-nowrap translate-x-0 -translate-x-1/2 -translate-x-full"),
+	...splitClassTokens("bg-[var(--gr-slider-rail,color-mix(in_srgb,var(--gr-muted)_45%,transparent))]"),
+	...splitClassTokens("bg-[var(--gr-slider-fill,var(--gr-primary))]"),
+	...splitClassTokens("bg-[var(--gr-slider-thumb-bg,var(--gr-bg))]"),
+	...splitClassTokens("border-[var(--gr-slider-thumb-border,var(--gr-slider-fill,var(--gr-primary)))]")
+])];
+//#endregion
+//#region src/components/GrSlider/config.ts
+var grSliderConfig = defineGranularComponent(import.meta.url, {
+	name: "GrSlider",
+	safelist: grSliderSafelist
+});
+//#endregion
+export { sliderMarkTickClass as a, sliderThumbClass as c, sliderMarkLabelClassFor as i, sliderTooltipClass as l, grSliderSafelist as n, sliderRailClass as o, sliderFillClass as r, sliderRootClass as s, grSliderConfig as t, sliderTrackHeightBySize as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BZFUM3Ky.js","names":[],"sources":["../../src/components/GrSlider/grSliderStyles.ts","../../src/components/GrSlider/safelist.ts","../../src/components/GrSlider/config.ts"],"sourcesContent":["export type GrSliderSize = 'sm' | 'md' | 'lg'\n/** Значение: число (single) или кортеж `[lo, hi]` (range при `range=true`). */\nexport type GrSliderModelValue = number | [number, number]\n/** Метка деления: словарь `value → label` или просто массив значений (label = значение). */\nexport type GrSliderMarks = Record<number, string> | number[]\n\n/**\n * Кастомизация через CSS-переменные (можно задать на самом слайдере или любом\n * предке — inline `style`, класс, тема). Значение по умолчанию — второй аргумент\n * `var(--name, default)`, поэтому переопределять можно точечно:\n *\n * - `--gr-slider-rail`         — цвет фона дорожки (неактивная часть).\n * - `--gr-slider-fill`         — цвет активной (заполненной) части.\n * - `--gr-slider-thumb-bg`     — заливка бегунка.\n * - `--gr-slider-thumb-border` — цвет окантовки бегунка (по умолчанию = fill).\n * - `--gr-slider-thumb-size`   — диаметр бегунка (по умолчанию — из `size`).\n * - `--gr-slider-track-height` — толщина дорожки (по умолчанию — из `size`).\n */\n\n// Высота дорожки (rail/fill) по размеру — дефолт для `--gr-slider-track-height`.\nexport const sliderTrackHeightBySize: Record<GrSliderSize, string> = {\n  sm: 'h-[var(--gr-slider-track-height,0.25rem)]',\n  md: 'h-[var(--gr-slider-track-height,0.375rem)]',\n  lg: 'h-[var(--gr-slider-track-height,0.5rem)]',\n}\n\n// Размер «бегунка» (thumb) по размеру — дефолт для `--gr-slider-thumb-size`.\nexport const sliderThumbSizeBySize: Record<GrSliderSize, string> = {\n  sm: 'h-[var(--gr-slider-thumb-size,0.875rem)] w-[var(--gr-slider-thumb-size,0.875rem)]',\n  md: 'h-[var(--gr-slider-thumb-size,1rem)] w-[var(--gr-slider-thumb-size,1rem)]',\n  lg: 'h-[var(--gr-slider-thumb-size,1.25rem)] w-[var(--gr-slider-thumb-size,1.25rem)]',\n}\n\n// Вертикальный отступ обёртки, чтобы thumb не обрезался краями дорожки.\nexport const sliderPaddingBySize: Record<GrSliderSize, string> = {\n  sm: 'py-1.5',\n  md: 'py-2',\n  lg: 'py-2.5',\n}\n\nexport const sliderRailClass = 'absolute inset-0 rounded-full bg-[var(--gr-slider-rail,color-mix(in_srgb,var(--gr-muted)_45%,transparent))]'\nexport const sliderFillClass = 'absolute top-0 bottom-0 rounded-full bg-[var(--gr-slider-fill,var(--gr-primary))]'\n\n// Окантовка бегунка: цветной border (по умолчанию = fill) + тонкая контрастная\n// обводка (`ring`), чтобы бегунок не сливался ни с фоном страницы, ни с заливкой.\nexport const sliderThumbBaseClass = 'absolute top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-[var(--gr-slider-thumb-border,var(--gr-slider-fill,var(--gr-primary)))] bg-[var(--gr-slider-thumb-bg,var(--gr-bg))] ring-1 ring-[color-mix(in_srgb,var(--gr-fg)_22%,transparent)] shadow-[var(--gr-shadow-1)] transition-[box-shadow,transform] duration-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-offset-1 focus-visible:ring-offset-[var(--gr-bg)]'\n\nexport function sliderThumbClass(options: { size: GrSliderSize, disabled: boolean }): string {\n  return [\n    sliderThumbBaseClass,\n    sliderThumbSizeBySize[options.size],\n    options.disabled ? 'cursor-not-allowed' : 'cursor-grab active:cursor-grabbing hover:scale-110',\n  ].join(' ')\n}\n\nexport const sliderTooltipClass = 'pointer-events-none absolute bottom-full left-1/2 mb-2 -translate-x-1/2 whitespace-nowrap rounded-[6px] bg-[var(--gr-fg)] px-1.5 py-0.5 text-[11px] font-medium leading-tight text-[var(--gr-bg)] shadow-[var(--gr-shadow-2)]'\n\nexport const sliderMarkTickClass = 'absolute top-1/2 h-1.5 w-1.5 -translate-x-1/2 -translate-y-1/2 rounded-full bg-[var(--gr-bg)] ring-1 ring-[var(--gr-brd)]'\n// Подписи меток уводим под дорожку (`top-full` + отступ, ниже бегунка) и запрещаем\n// перенос (`whitespace-nowrap`) — иначе крайняя подпись рвётся по буквам.\nexport const sliderMarkLabelClass = 'absolute top-full mt-2.5 whitespace-nowrap text-[11px] leading-none text-[var(--gr-muted-fg)]'\n\n// Выравнивание подписи по позиции: центр для внутренних меток, а крайние (0% и\n// 100%) прижимаем внутрь, чтобы они не вылезали за края дорожки и не обрезались.\nexport function sliderMarkLabelClassFor(pct: number): string {\n  const align = pct <= 0.5 ? 'translate-x-0' : pct >= 99.5 ? '-translate-x-full' : '-translate-x-1/2'\n  return `${sliderMarkLabelClass} ${align}`\n}\n\nexport function sliderRootClass(options: { size: GrSliderSize, disabled: boolean, hasMarks?: boolean }): string {\n  return [\n    'relative w-full select-none',\n    sliderPaddingBySize[options.size],\n    // Резервируем место под подписи меток, чтобы они не наезжали на соседний контент.\n    options.hasMarks ? 'mb-7' : '',\n    options.disabled ? 'opacity-50' : '',\n  ]\n    .filter(Boolean)\n    .join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  sliderPaddingBySize,\n  sliderThumbSizeBySize,\n  sliderTrackHeightBySize,\n} from './grSliderStyles'\n\n// Правило (как в GrSelect/GrAutocomplete): статические литералы из шаблона UnoCSS\n// находит сканом; в safelist кладём только классы из вычисляемых мап.\nexport const grSliderSafelist = [...new Set([\n  ...Object.values(sliderTrackHeightBySize).flatMap(splitClassTokens),\n  ...Object.values(sliderThumbSizeBySize).flatMap(splitClassTokens),\n  ...Object.values(sliderPaddingBySize).flatMap(splitClassTokens),\n  ...splitClassTokens('cursor-not-allowed cursor-grab active:cursor-grabbing hover:scale-110 opacity-50'),\n  // Обводка бегунка + резерв места под подписи меток (whitespace-nowrap не даёт им рваться).\n  // translate-* — выравнивание подписей: центр / прижать к левому / к правому краю.\n  ...splitClassTokens('ring-1 ring-[color-mix(in_srgb,var(--gr-fg)_22%,transparent)] mb-7 mt-2.5 whitespace-nowrap translate-x-0 -translate-x-1/2 -translate-x-full'),\n  // Кастомизируемые через CSS-переменные цвета: заливка, дорожка, заливка/окантовка бегунка.\n  // Держим в safelist явно — статические литералы из grSliderStyles.ts попадают в общий\n  // dist-chunk и ненадёжно сканируются granularContent.\n  ...splitClassTokens('bg-[var(--gr-slider-rail,color-mix(in_srgb,var(--gr-muted)_45%,transparent))]'),\n  ...splitClassTokens('bg-[var(--gr-slider-fill,var(--gr-primary))]'),\n  ...splitClassTokens('bg-[var(--gr-slider-thumb-bg,var(--gr-bg))]'),\n  ...splitClassTokens('border-[var(--gr-slider-thumb-border,var(--gr-slider-fill,var(--gr-primary)))]'),\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":";;;;;;;;;;;;;;;AAoBA,IAAa,0BAAwD;CACnE,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAGA,IAAa,wBAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAGA,IAAa,sBAAoD;CAC/D,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,kBAAkB;AAC/B,IAAa,kBAAkB;AAI/B,IAAa,uBAAuB;AAEpC,SAAgB,iBAAiB,SAA4D;CAC3F,OAAO;EACL;EACA,sBAAsB,QAAQ;EAC9B,QAAQ,WAAW,uBAAuB;CAC5C,CAAC,CAAC,KAAK,GAAG;AACZ;AAEA,IAAa,qBAAqB;AAElC,IAAa,sBAAsB;AAGnC,IAAa,uBAAuB;AAIpC,SAAgB,wBAAwB,KAAqB;CAE3D,OAAO,GAAG,qBAAqB,GADjB,OAAO,KAAM,kBAAkB,OAAO,OAAO,sBAAsB;AAEnF;AAEA,SAAgB,gBAAgB,SAAgF;CAC9G,OAAO;EACL;EACA,oBAAoB,QAAQ;EAE5B,QAAQ,WAAW,SAAS;EAC5B,QAAQ,WAAW,eAAe;CACpC,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;AACb;;;ACtEA,IAAa,mBAAmB,CAAC,mBAAG,IAAI,IAAI;CAC1C,GAAG,OAAO,OAAO,uBAAuB,CAAC,CAAC,QAAQ,gBAAgB;CAClE,GAAG,OAAO,OAAO,qBAAqB,CAAC,CAAC,QAAQ,gBAAgB;CAChE,GAAG,OAAO,OAAO,mBAAmB,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,GAAG,iBAAiB,kFAAkF;CAGtG,GAAG,iBAAiB,8IAA8I;CAIlK,GAAG,iBAAiB,+EAA+E;CACnG,GAAG,iBAAiB,8CAA8C;CAClE,GAAG,iBAAiB,6CAA6C;CACjE,GAAG,iBAAiB,gFAAgF;AACtG,CAAC,CAAC;;;ACpBF,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-DUcu1D68.js → config-BmNT0Fmx.js}

@@ -19,8 +19,8 @@ function grDrawerPanelClass(options) {
 	return [
 		panelSideClass[options.side],
 		panelWidthBySize[options.size],
-		"border-[var(--brd)]",
-		"bg-[var(--card)] text-[var(--card-fg)]",
+		"border-[var(--gr-brd)]",
+		"bg-[var(--gr-card)] text-[var(--gr-card-fg)]",
 		"shadow-[var(--gr-shadow-2)] outline-none"
 	].join(" ");
 }

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BmNT0Fmx.js","names":[],"sources":["../../src/components/GrDrawer/grDrawerStyles.ts","../../src/components/GrDrawer/safelist.ts","../../src/components/GrDrawer/config.ts"],"sourcesContent":["export type GrDrawerSide = 'left' | 'right'\nexport type GrDrawerSize = 'sm' | 'md' | 'lg' | 'full'\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  full: 'w-[100vw]',\n}\n\nexport const panelSideClass: Record<GrDrawerSide, string> = {\n  left: 'left-0 border-r',\n  right: 'right-0 border-l',\n}\n\nexport const panelTransitionClass: Record<GrDrawerSide, string> = {\n  left: '-translate-x-full',\n  right: 'translate-x-full',\n}\n\nexport function grDrawerPanelClass(options: { side: GrDrawerSide, size: GrDrawerSize }): string {\n  return [\n    panelSideClass[options.side],\n    panelWidthBySize[options.size],\n    'border-[var(--gr-brd)]',\n    'bg-[var(--gr-card)] text-[var(--gr-card-fg)]',\n    'shadow-[var(--gr-shadow-2)] outline-none',\n  ].join(' ')\n}\n\nexport function grDrawerPanelEnterFrom(side: GrDrawerSide): string {\n  return panelTransitionClass[side]\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  panelSideClass,\n  panelTransitionClass,\n  panelWidthBySize,\n} from './grDrawerStyles'\n\n// Safelist содержит только динамические токены, выбираемые в рантайме через\n// ключи (`side`/`size`). Литералы, прописанные статически в шаблоне и в функции\n// `grDrawerPanelClass`, UnoCSS находит сканом и здесь не дублируются.\nexport const grDrawerSafelist = [...new Set([\n  ...Object.values(panelSideClass).flatMap(splitClassTokens),\n  ...Object.values(panelWidthBySize).flatMap(splitClassTokens),\n  ...Object.values(panelTransitionClass).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":";;;AAGA,IAAa,mBAAiD;CAC5D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR;AAEA,IAAa,iBAA+C;CAC1D,MAAM;CACN,OAAO;AACT;AAEA,IAAa,uBAAqD;CAChE,MAAM;CACN,OAAO;AACT;AAEA,SAAgB,mBAAmB,SAA6D;CAC9F,OAAO;EACL,eAAe,QAAQ;EACvB,iBAAiB,QAAQ;EACzB;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;AACZ;AAEA,SAAgB,uBAAuB,MAA4B;CACjE,OAAO,qBAAqB;AAC9B;;;ACtBA,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,oBAAoB,CAAC,CAAC,QAAQ,gBAAgB;AACjE,CAAC,CAAC;;;ACXF,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,YAAY,QAAQ;CACnC,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-C49QUoJL.js → config-BvVq2gbd.js}

@@ -1,5 +1,5 @@
 import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
-import { a as widthClassByWidth, i as originClassByPlacement } from "./grDropdownStyles-B_-DKytw.js";
+import { a as widthClassByWidth, i as originClassByPlacement } from "./grDropdownStyles-HBPkghVr.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrDropdown/safelist.ts
 var grDropdownSafelist = [.../* @__PURE__ */ new Set([...Object.values(widthClassByWidth).flatMap(splitClassTokens), ...Object.values(originClassByPlacement).flatMap((v) => splitClassTokens(v ?? ""))])];

package/dist/chunks/{config-C49QUoJL.js.map → config-BvVq2gbd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"config-C49QUoJL.js","names":[],"sources":["../../src/components/GrDropdown/safelist.ts","../../src/components/GrDropdown/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  originClassByPlacement,\n  widthClassByWidth,\n} from './grDropdownStyles'\n\n// В safelist кладём только динамические токены, выбираемые по ключам в рантайме\n// (`width`/`resolvedPlacement`). Литералы content-класса (`rounded-*`, `border`,\n// `bg-*` и пр.) прописаны статически в исходнике `grDropdownStyles.ts` и находятся\n// UnoCSS'ом сканом.\nexport const grDropdownSafelist = [...new Set([\n  ...Object.values(widthClassByWidth).flatMap(splitClassTokens),\n  ...Object.values(originClassByPlacement).flatMap(v => splitClassTokens(v ?? '')),\n])]\n","import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport { grDropdownSafelist } from './safelist'\n\nexport const grDropdownConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDropdown',\n  safelist: grDropdownSafelist,\n})"],"mappings":";;;;AAUA,IAAa,qBAAqB,CAAC,mBAAG,IAAI,IAAI,CAC5C,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB,GAC5D,GAAG,OAAO,OAAO,sBAAsB,CAAC,CAAC,SAAQ,MAAK,iBAAiB,KAAK,EAAE,CAAC,CACjF,CAAC,CAAC;;;ACTF,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,MAAM;CACN,UAAU;AACZ,CAAC"}
+{"version":3,"file":"config-BvVq2gbd.js","names":[],"sources":["../../src/components/GrDropdown/safelist.ts","../../src/components/GrDropdown/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  originClassByPlacement,\n  widthClassByWidth,\n} from './grDropdownStyles'\n\n// В safelist кладём только динамические токены, выбираемые по ключам в рантайме\n// (`width`/`resolvedPlacement`). Литералы content-класса (`rounded-*`, `border`,\n// `bg-*` и пр.) прописаны статически в исходнике `grDropdownStyles.ts` и находятся\n// UnoCSS'ом сканом.\nexport const grDropdownSafelist = [...new Set([\n  ...Object.values(widthClassByWidth).flatMap(splitClassTokens),\n  ...Object.values(originClassByPlacement).flatMap(v => splitClassTokens(v ?? '')),\n])]\n","import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport { grDropdownSafelist } from './safelist'\n\nexport const grDropdownConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDropdown',\n  safelist: grDropdownSafelist,\n})"],"mappings":";;;;AAUA,IAAa,qBAAqB,CAAC,mBAAG,IAAI,IAAI,CAC5C,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB,GAC5D,GAAG,OAAO,OAAO,sBAAsB,CAAC,CAAC,SAAQ,MAAK,iBAAiB,KAAK,EAAE,CAAC,CACjF,CAAC,CAAC;;;ACTF,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-CrG1XiE7.js → config-C4hJxXDa.js}

@@ -1,15 +1,15 @@
 import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
-import { n as grButtonBaseClass, r as grButtonClass } from "./grButtonStyles-C7Yga_Q1.js";
-import { n as grButtonSafelist } from "./safelist-Do2RtzLB.js";
+import { n as grButtonBaseClass, r as grButtonClass } from "./grButtonStyles-DRBgDmOp.js";
+import { n as grButtonSafelist } from "./safelist-BvO8HPnE.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrRadio/grRadioStyles.ts
 var grRadioDisabledClass = "opacity-50 cursor-not-allowed";
 var grRadioEnabledClass = "cursor-pointer";
 var grRadioRootDisabledClass = "cursor-not-allowed opacity-70";
 var grRadioRootEnabledClass = "cursor-pointer";
-var grRadioControlCheckedClass = "border-[var(--primary)] bg-[color-mix(in_srgb,var(--primary)_10%,var(--bg))]";
-var grRadioControlUncheckedClass = "border-[var(--brd)] bg-[var(--bg)]";
-var grRadioDotCheckedClass = "bg-[var(--primary)] opacity-100 scale-100";
+var grRadioControlCheckedClass = "border-[var(--gr-primary)] bg-[color-mix(in_srgb,var(--gr-primary)_10%,var(--gr-bg))]";
+var grRadioControlUncheckedClass = "border-[var(--gr-brd)] bg-[var(--gr-bg)]";
+var grRadioDotCheckedClass = "bg-[var(--gr-primary)] opacity-100 scale-100";
 var grRadioDotUncheckedClass = "bg-transparent opacity-0 scale-75";
 var grRadioDotBaseClass = "h-[6px] w-[6px] rounded-full transition-[transform,opacity,background-color] duration-150";
 function grRadioButtonClass(options) {