@feugene/granularity 0.13.0 → 0.18.0

package/dist/chunks/config-BoNR7_PD2.js

@@ -0,0 +1,140 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrSwitch/grSwitchStyles.ts
+var rootBase = "inline-flex items-center gap-2 select-none disabled:cursor-not-allowed";
+/** `start` разворачивает ряд, а не меняет порядок узлов: DOM-порядок читает диктор. */
+var rootLabelPositions = {
+	start: "flex-row-reverse",
+	end: ""
+};
+var trackBase = "relative inline-flex shrink-0 items-center rounded-[var(--gr-radius-full)] border border-[var(--gr-switch-track-brd)] transition-colors duration-[var(--gr-duration-fast)]";
+var trackSizes = {
+	xs: "h-4 w-7",
+	sm: "h-5 w-9",
+	md: "h-6 w-11",
+	lg: "h-7 w-14"
+};
+var thumbBase = "inline-flex shrink-0 items-center justify-center rounded-[var(--gr-radius-full)] bg-[var(--gr-card)] shadow-[var(--gr-shadow-1)] transition-transform duration-[var(--gr-duration-fast)]";
+var thumbSizes = {
+	xs: "h-3 w-3",
+	sm: "h-4 w-4",
+	md: "h-5 w-5",
+	lg: "h-6 w-6"
+};
+/** Спиннер загрузки живёт в бегунке, поэтому мельче его на ступень. */
+var thumbSpinnerSizes = {
+	xs: "h-2 w-2",
+	sm: "h-2.5 w-2.5",
+	md: "h-3 w-3",
+	lg: "h-4 w-4"
+};
+var thumbSpinnerBase = "animate-spin text-[var(--gr-muted-fg)]";
+/**
+* Сдвиг бегунка по горизонтали.
+*
+* Бегунок — обычный флекс-ребёнок дорожки, поэтому сдвиг отсчитывается от её
+* **content-box**, а он на 2px уже внешнего размера: рамка по 1px с каждой
+* стороны. Отсюда и весь расчёт.
+*
+* Зазор по вертикали задан геометрией и равен 1px на всех ступенях
+* (`(content-height − thumb) / 2`, дорожка центрирует бегунок сама). Значит и по
+* горизонтали он обязан быть 1px: иначе бегунок в покое выглядит вдавленным
+* внутрь, а в крайнем положении прижатым к краю — именно так и было, зазоры
+* расходились на 1–2px у `xs`, `sm` и `lg`.
+*
+* | ступень | дорожка | content | бегунок | покой | крайнее |
+* | --- | --- | --- | --- | --- | --- |
+* | `xs` | 28 | 26 | 12 | 1 | 13 |
+* | `sm` | 36 | 34 | 16 | 1 | 17 |
+* | `md` | 44 | 42 | 20 | 1 | 21 |
+* | `lg` | 56 | 54 | 24 | 1 | 29 |
+*
+* Крайнее положение — `content − thumb − зазор`. Гейт на эту арифметику живёт в
+* `__tests__/GrSwitch.test.ts`: он считает её заново из `trackSizes`/`thumbSizes`,
+* поэтому смена любой ступени размера сразу покажет разъехавшийся зазор.
+*/
+var thumbTranslations = {
+	xs: {
+		checked: "translate-x-[13px]",
+		unchecked: "translate-x-[1px]"
+	},
+	sm: {
+		checked: "translate-x-[17px]",
+		unchecked: "translate-x-[1px]"
+	},
+	md: {
+		checked: "translate-x-[21px]",
+		unchecked: "translate-x-[1px]"
+	},
+	lg: {
+		checked: "translate-x-[29px]",
+		unchecked: "translate-x-[1px]"
+	}
+};
+var labelBase = "text-[var(--gr-muted-fg)]";
+/**
+* Недоступность гасится токеном, а не `opacity`: прозрачность разбавляет
+* выверенные на AA токены текста и роняет контраст подписи.
+*/
+var labelDisabledClass = "text-[var(--gr-disabled-fg)]";
+var labelSizes = {
+	xs: "text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	sm: "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
+	md: "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
+	lg: "text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]"
+};
+function grSwitchRootClass(labelPosition) {
+	return [rootBase, rootLabelPositions[labelPosition]].filter(Boolean).join(" ");
+}
+function grSwitchTrackClass(size) {
+	return [trackBase, trackSizes[size]].join(" ");
+}
+function grSwitchThumbClass(options) {
+	return [
+		thumbBase,
+		thumbSizes[options.size],
+		thumbTranslations[options.size][options.checked ? "checked" : "unchecked"]
+	].join(" ");
+}
+function grSwitchSpinnerClass(size) {
+	return [thumbSpinnerBase, thumbSpinnerSizes[size]].join(" ");
+}
+function grSwitchLabelClass(size, disabled = false) {
+	return [disabled ? labelDisabledClass : labelBase, labelSizes[size]].join(" ");
+}
+//#endregion
+//#region src/components/GrSwitch/safelist.ts
+var grSwitchClassTokens = {
+	rootBase: splitClassTokens(rootBase),
+	rootLabelPositions: Object.values(rootLabelPositions).flatMap(splitClassTokens),
+	trackBase: splitClassTokens(trackBase),
+	trackSizes: Object.values(trackSizes).flatMap(splitClassTokens),
+	thumbBase: splitClassTokens(thumbBase),
+	thumbSizes: Object.values(thumbSizes).flatMap(splitClassTokens),
+	thumbSpinner: [...splitClassTokens(thumbSpinnerBase), ...Object.values(thumbSpinnerSizes).flatMap(splitClassTokens)],
+	thumbTranslations: Object.values(thumbTranslations).flatMap(({ checked, unchecked }) => {
+		return [...splitClassTokens(checked), ...splitClassTokens(unchecked)];
+	}),
+	labelBase: [...splitClassTokens(labelBase), ...splitClassTokens(labelDisabledClass)],
+	labelSizes: Object.values(labelSizes).flatMap(splitClassTokens)
+};
+var grSwitchSafelist = [.../* @__PURE__ */ new Set([
+	...grSwitchClassTokens.rootBase,
+	...grSwitchClassTokens.rootLabelPositions,
+	...grSwitchClassTokens.trackBase,
+	...grSwitchClassTokens.trackSizes,
+	...grSwitchClassTokens.thumbBase,
+	...grSwitchClassTokens.thumbSizes,
+	...grSwitchClassTokens.thumbSpinner,
+	...grSwitchClassTokens.thumbTranslations,
+	...grSwitchClassTokens.labelBase,
+	...grSwitchClassTokens.labelSizes
+])];
+//#endregion
+//#region src/components/GrSwitch/config.ts
+var grSwitchConfig = defineGranularComponent(import.meta.url, {
+	name: "GrSwitch",
+	safelist: grSwitchSafelist
+});
+//#endregion
+export { grSwitchSpinnerClass as a, grSwitchRootClass as i, grSwitchSafelist as n, grSwitchThumbClass as o, grSwitchLabelClass as r, grSwitchTrackClass as s, grSwitchConfig as t };

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

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

package/dist/chunks/config-Bpt9Xbxm.js

@@ -0,0 +1,49 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrNavbar/grNavbarStyles.ts
+/**
+* Кастомизация через CSS-переменные:
+*
+* - `--gr-navbar-height` — высота панели (по умолчанию `56px`).
+*/
+var navbarBaseClass = "h-[var(--gr-navbar-height,56px)] border-b border-[var(--gr-brd)] bg-[var(--gr-bg)] flex items-center gap-4 px-4 sm:px-6";
+/**
+* Прилипшая шапка идёт слоем ниже якорных панелей: она обязана перекрывать
+* контент, но не выпадашки, тултипы и модалки — иначе открытый список уезжал бы
+* под неё.
+*/
+var navbarStickyClass = "sticky top-0 z-[var(--gr-z-navbar)]";
+var navbarSideClass = "flex min-w-0 items-center gap-3";
+/**
+* Центрировать содержимое относительно панели можно только когда боковые зоны
+* делят остаток поровну: у центра с одним `flex-1` середина считается от
+* остатка, а не от панели, и уезжает вслед за более широким боком.
+*/
+var navbarSideGrowClass = "flex-1";
+var navbarRightAlignClass = "justify-end";
+var navbarCenterClass = "flex min-w-0 flex-1 items-center justify-center gap-3";
+var navbarTitleClass = "text-[length:var(--gr-text-sm)] font-700";
+function grNavbarRootClass(sticky) {
+	return [navbarBaseClass, sticky ? navbarStickyClass : ""].filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/components/GrNavbar/safelist.ts
+var grNavbarSafelist = [.../* @__PURE__ */ new Set([
+	...splitClassTokens(navbarBaseClass),
+	...splitClassTokens(navbarStickyClass),
+	...splitClassTokens(navbarSideClass),
+	...splitClassTokens(navbarSideGrowClass),
+	...splitClassTokens(navbarRightAlignClass),
+	...splitClassTokens("ml-auto"),
+	...splitClassTokens(navbarCenterClass),
+	...splitClassTokens(navbarTitleClass)
+])];
+//#endregion
+//#region src/components/GrNavbar/config.ts
+var grNavbarConfig = defineGranularComponent(import.meta.url, {
+	name: "GrNavbar",
+	dependencies: ["GrButton", "GrIcon"],
+	safelist: grNavbarSafelist
+});
+//#endregion
+export { navbarRightAlignClass as a, navbarTitleClass as c, navbarCenterClass as i, grNavbarSafelist as n, navbarSideClass as o, grNavbarRootClass as r, navbarSideGrowClass as s, grNavbarConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-Bpt9Xbxm.js","names":[],"sources":["../../src/components/GrNavbar/grNavbarStyles.ts","../../src/components/GrNavbar/safelist.ts","../../src/components/GrNavbar/config.ts"],"sourcesContent":["/**\n * Кастомизация через CSS-переменные:\n *\n * - `--gr-navbar-height` — высота панели (по умолчанию `56px`).\n */\nexport const navbarBaseClass = 'h-[var(--gr-navbar-height,56px)] border-b border-[var(--gr-brd)] bg-[var(--gr-bg)] flex items-center gap-4 px-4 sm:px-6'\n\n/**\n * Прилипшая шапка идёт слоем ниже якорных панелей: она обязана перекрывать\n * контент, но не выпадашки, тултипы и модалки — иначе открытый список уезжал бы\n * под неё.\n */\nexport const navbarStickyClass = 'sticky top-0 z-[var(--gr-z-navbar)]'\n\nexport const navbarSideClass = 'flex min-w-0 items-center gap-3'\n\n/**\n * Центрировать содержимое относительно панели можно только когда боковые зоны\n * делят остаток поровну: у центра с одним `flex-1` середина считается от\n * остатка, а не от панели, и уезжает вслед за более широким боком.\n */\nexport const navbarSideGrowClass = 'flex-1'\nexport const navbarRightAlignClass = 'justify-end'\n\nexport const navbarCenterClass = 'flex min-w-0 flex-1 items-center justify-center gap-3'\n\nexport const navbarTitleClass = 'text-[length:var(--gr-text-sm)] font-700'\n\nexport function grNavbarRootClass(sticky: boolean): string {\n  return [navbarBaseClass, sticky ? navbarStickyClass : ''].filter(Boolean).join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  navbarBaseClass,\n  navbarCenterClass,\n  navbarRightAlignClass,\n  navbarSideClass,\n  navbarSideGrowClass,\n  navbarStickyClass,\n  navbarTitleClass,\n} from './grNavbarStyles'\n\nexport const grNavbarSafelist = [...new Set([\n  ...splitClassTokens(navbarBaseClass),\n  ...splitClassTokens(navbarStickyClass),\n  ...splitClassTokens(navbarSideClass),\n  ...splitClassTokens(navbarSideGrowClass),\n  ...splitClassTokens(navbarRightAlignClass),\n  ...splitClassTokens('ml-auto'),\n  ...splitClassTokens(navbarCenterClass),\n  ...splitClassTokens(navbarTitleClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grNavbarSafelist } from './safelist'\n\nexport const grNavbarConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrNavbar',\n  dependencies: ['GrButton', 'GrIcon'],\n  safelist: grNavbarSafelist,\n})\n"],"mappings":";;;;;;;;AAKA,IAAa,kBAAkB;;;;;;AAO/B,IAAa,oBAAoB;AAEjC,IAAa,kBAAkB;;;;;;AAO/B,IAAa,sBAAsB;AACnC,IAAa,wBAAwB;AAErC,IAAa,oBAAoB;AAEjC,IAAa,mBAAmB;AAEhC,SAAgB,kBAAkB,QAAyB;CACzD,OAAO,CAAC,iBAAiB,SAAS,oBAAoB,EAAE,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AACpF;;;ACnBA,IAAa,mBAAmB,CAAC,mBAAG,IAAI,IAAI;CAC1C,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,SAAS;CAC7B,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,gBAAgB;AACtC,CAAC,CAAC;;;AChBF,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,YAAY,QAAQ;CACnC,UAAU;AACZ,CAAC"}

package/dist/chunks/config-BqFjr3tN.js

@@ -0,0 +1,131 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { a as grButtonClass, i as grButtonBaseClass, o as sizes } from "./grButtonStyles-B_-YRE__.js";
+import { t as grButtonSafelist } from "./safelist-CudBLyAD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrRadio/grRadioStyles.ts
+var grRadioEnabledClass = "cursor-pointer";
+/**
+* Отключённая кнопка-радио гасится, но НЕ теряет состояние: в отключённой
+* группе всё равно должно быть видно, что выбрано. Поэтому не отдаём вид
+* `GrButton`-у (его disabled состояние-слепой), а держим свою пару.
+*/
+var grRadioButtonDisabledClass = "cursor-not-allowed bg-transparent text-[var(--gr-muted-fg)] border border-[var(--gr-brd)]";
+var grRadioButtonDisabledCheckedClass = "cursor-not-allowed bg-[var(--gr-muted)] text-[var(--gr-fg)] border border-[var(--gr-muted-fg)]";
+/**
+* Отключённый переключатель гасится токенами, а не `opacity`: прозрачность
+* разбавляет выверенные на AA цвета текста.
+*/
+var grRadioRootDisabledClass = "cursor-not-allowed text-[var(--gr-muted-fg)]";
+var grRadioRootEnabledClass = "cursor-pointer";
+/** Только для чтения: значение видно и читается, но курсор не обещает клика. */
+var grRadioRootReadonlyClass = "cursor-default";
+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 grRadioControlDisabledClass = "border-[var(--gr-brd)] bg-[var(--gr-muted)]";
+var grRadioControlInvalidClass = "border-[var(--gr-danger)] bg-[var(--gr-bg)]";
+var grRadioDotCheckedClass = "bg-[var(--gr-primary)] opacity-100 scale-100";
+var grRadioDotUncheckedClass = "bg-transparent opacity-0 scale-75";
+var grRadioDotDisabledClass = "bg-[var(--gr-muted-fg)] opacity-100 scale-100";
+var grRadioDotBaseClass = "rounded-[var(--gr-radius-full)] transition-[transform,opacity,background-color] duration-[var(--gr-duration-fast)]";
+/**
+* Ступени `radiobox`: коробка, точка и кегли подписи с описанием.
+*
+* До этого коробка была зашита `h-4 w-4` в шаблоне, а кегли — фиксированным
+* `--gr-text-sm`: вариант `radiobox` не масштабировался вовсе, хотя `size` у
+* компонента был и работал для варианта `button`. Ступени согласованы с высотой
+* кнопки (`grButtonStyles.sizes`: 28/32/40/44) — радио стоит в тех же формах.
+*/
+var grRadioControlSizes = {
+	xs: "h-3.5 w-3.5",
+	sm: "h-4 w-4",
+	md: "h-5 w-5",
+	lg: "h-6 w-6"
+};
+var grRadioDotSizes = {
+	xs: "h-[5px] w-[5px]",
+	sm: "h-[6px] w-[6px]",
+	md: "h-2 w-2",
+	lg: "h-2.5 w-2.5"
+};
+var grRadioLabelTexts = {
+	xs: "text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	sm: "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
+	md: "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
+	lg: "text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]"
+};
+var grRadioDescriptionSizes = {
+	xs: "text-[length:var(--gr-text-2xs)] text-[var(--gr-muted-fg)]",
+	sm: "text-[length:var(--gr-text-xs)] text-[var(--gr-muted-fg)]",
+	md: "text-[length:var(--gr-text-xs)] text-[var(--gr-muted-fg)]",
+	lg: "text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]"
+};
+/** Выбранный вариант выделяется текстом, а не только точкой. */
+var grRadioLabelCheckedColorClass = "text-[var(--gr-fg)] font-500";
+var grRadioLabelColorClass = "text-[var(--gr-muted-fg)]";
+function grRadioLabelClassFor(size, checked) {
+	return [grRadioLabelTexts[size], checked ? grRadioLabelCheckedColorClass : grRadioLabelColorClass].join(" ");
+}
+var grRadioLabelSizes = grRadioLabelTexts;
+function grRadioButtonClass(options) {
+	if (options.disabled) return [
+		grButtonBaseClass,
+		sizes[options.size],
+		options.checked ? grRadioButtonDisabledCheckedClass : grRadioButtonDisabledClass
+	].join(" ");
+	return [
+		grButtonBaseClass,
+		grButtonClass({
+			variant: options.checked ? options.selectedButtonVariant : options.buttonVariant,
+			tone: options.checked ? options.selectedButtonTone : options.buttonTone,
+			size: options.size,
+			square: false
+		}),
+		options.readonly ? grRadioRootReadonlyClass : grRadioEnabledClass
+	].join(" ");
+}
+function grRadioRootClass(options) {
+	if (options.disabled) return grRadioRootDisabledClass;
+	return options.readonly ? grRadioRootReadonlyClass : grRadioRootEnabledClass;
+}
+function grRadioControlClass(options) {
+	const state = options.disabled ? grRadioControlDisabledClass : options.invalid && !options.checked ? grRadioControlInvalidClass : options.checked ? grRadioControlCheckedClass : grRadioControlUncheckedClass;
+	return [grRadioControlSizes[options.size], state].join(" ");
+}
+function grRadioDotClass(options) {
+	if (!options.checked) return grRadioDotUncheckedClass;
+	return options.disabled ? grRadioDotDisabledClass : grRadioDotCheckedClass;
+}
+//#endregion
+//#region src/components/GrRadio/safelist.ts
+var grRadioSafelist = [.../* @__PURE__ */ new Set([
+	...grButtonSafelist,
+	...splitClassTokens(grRadioEnabledClass),
+	...splitClassTokens(grRadioButtonDisabledClass),
+	...splitClassTokens(grRadioButtonDisabledCheckedClass),
+	...splitClassTokens(grRadioRootDisabledClass),
+	...splitClassTokens(grRadioRootEnabledClass),
+	...splitClassTokens(grRadioRootReadonlyClass),
+	...splitClassTokens(grRadioControlCheckedClass),
+	...splitClassTokens(grRadioControlUncheckedClass),
+	...splitClassTokens(grRadioControlDisabledClass),
+	...splitClassTokens(grRadioControlInvalidClass),
+	...splitClassTokens(grRadioDotCheckedClass),
+	...splitClassTokens(grRadioDotUncheckedClass),
+	...splitClassTokens(grRadioDotDisabledClass),
+	...splitClassTokens(grRadioDotBaseClass),
+	...Object.values(grRadioControlSizes).flatMap(splitClassTokens),
+	...Object.values(grRadioDotSizes).flatMap(splitClassTokens),
+	...Object.values(grRadioLabelSizes).flatMap(splitClassTokens),
+	...Object.values(grRadioDescriptionSizes).flatMap(splitClassTokens),
+	...splitClassTokens(grRadioLabelColorClass),
+	...splitClassTokens(grRadioLabelCheckedColorClass)
+])];
+//#endregion
+//#region src/components/GrRadio/config.ts
+var grRadioConfig = defineGranularComponent(import.meta.url, {
+	name: "GrRadio",
+	dependencies: ["GrButton"],
+	safelist: grRadioSafelist
+});
+//#endregion
+export { grRadioDescriptionSizes as a, grRadioDotSizes as c, grRadioControlClass as i, grRadioLabelClassFor as l, grRadioSafelist as n, grRadioDotBaseClass as o, grRadioButtonClass as r, grRadioDotClass as s, grRadioConfig as t, grRadioRootClass as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BqFjr3tN.js","names":[],"sources":["../../src/components/GrRadio/grRadioStyles.ts","../../src/components/GrRadio/safelist.ts","../../src/components/GrRadio/config.ts"],"sourcesContent":["import {\n  grButtonBaseClass,\n  grButtonClass,\n  sizes as grButtonSizes,\n  type GrButtonSize,\n  type GrButtonTone,\n  type GrButtonVariant,\n} from '../GrButton/grButtonStyles'\n\nexport type GrRadioVariant = 'radiobox' | 'button'\n\nexport const grRadioEnabledClass = 'cursor-pointer'\n\n/**\n * Отключённая кнопка-радио гасится, но НЕ теряет состояние: в отключённой\n * группе всё равно должно быть видно, что выбрано. Поэтому не отдаём вид\n * `GrButton`-у (его disabled состояние-слепой), а держим свою пару.\n */\nexport const grRadioButtonDisabledClass = 'cursor-not-allowed bg-transparent text-[var(--gr-muted-fg)] border border-[var(--gr-brd)]'\nexport const grRadioButtonDisabledCheckedClass = 'cursor-not-allowed bg-[var(--gr-muted)] text-[var(--gr-fg)] border border-[var(--gr-muted-fg)]'\n\n/**\n * Отключённый переключатель гасится токенами, а не `opacity`: прозрачность\n * разбавляет выверенные на AA цвета текста.\n */\nexport const grRadioRootDisabledClass = 'cursor-not-allowed text-[var(--gr-muted-fg)]'\nexport const grRadioRootEnabledClass = 'cursor-pointer'\n/** Только для чтения: значение видно и читается, но курсор не обещает клика. */\nexport const grRadioRootReadonlyClass = 'cursor-default'\n\nexport const grRadioControlCheckedClass = 'border-[var(--gr-primary)] bg-[color-mix(in_srgb,var(--gr-primary)_10%,var(--gr-bg))]'\nexport const grRadioControlUncheckedClass = 'border-[var(--gr-brd)] bg-[var(--gr-bg)]'\nexport const grRadioControlDisabledClass = 'border-[var(--gr-brd)] bg-[var(--gr-muted)]'\nexport const grRadioControlInvalidClass = 'border-[var(--gr-danger)] bg-[var(--gr-bg)]'\n\nexport const grRadioDotCheckedClass = 'bg-[var(--gr-primary)] opacity-100 scale-100'\nexport const grRadioDotUncheckedClass = 'bg-transparent opacity-0 scale-75'\nexport const grRadioDotDisabledClass = 'bg-[var(--gr-muted-fg)] opacity-100 scale-100'\n// Базовые классы «точки» внутри radiobox — нестандартный transition. Вынесены сюда,\n// чтобы `safelist` гарантировал их присутствие в сборке даже при tree-shaking шаблона.\nexport const grRadioDotBaseClass = 'rounded-[var(--gr-radius-full)] transition-[transform,opacity,background-color] duration-[var(--gr-duration-fast)]'\n\n/**\n * Ступени `radiobox`: коробка, точка и кегли подписи с описанием.\n *\n * До этого коробка была зашита `h-4 w-4` в шаблоне, а кегли — фиксированным\n * `--gr-text-sm`: вариант `radiobox` не масштабировался вовсе, хотя `size` у\n * компонента был и работал для варианта `button`. Ступени согласованы с высотой\n * кнопки (`grButtonStyles.sizes`: 28/32/40/44) — радио стоит в тех же формах.\n */\nexport const grRadioControlSizes: Record<GrButtonSize, 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 grRadioDotSizes: Record<GrButtonSize, string> = {\n  xs: 'h-[5px] w-[5px]',\n  sm: 'h-[6px] w-[6px]',\n  md: 'h-2 w-2',\n  lg: 'h-2.5 w-2.5',\n}\n\nconst grRadioLabelTexts: Record<GrButtonSize, string> = {\n  xs: 'text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  sm: 'text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  md: 'text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  lg: 'text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]',\n}\n\nexport const grRadioDescriptionSizes: Record<GrButtonSize, string> = {\n  xs: 'text-[length:var(--gr-text-2xs)] text-[var(--gr-muted-fg)]',\n  sm: 'text-[length:var(--gr-text-xs)] text-[var(--gr-muted-fg)]',\n  md: 'text-[length:var(--gr-text-xs)] text-[var(--gr-muted-fg)]',\n  lg: 'text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]',\n}\n\n/** Выбранный вариант выделяется текстом, а не только точкой. */\nexport const grRadioLabelCheckedColorClass = 'text-[var(--gr-fg)] font-500'\nexport const grRadioLabelColorClass = 'text-[var(--gr-muted-fg)]'\n\nexport function grRadioLabelClassFor(size: GrButtonSize, checked: boolean): string {\n  return [\n    grRadioLabelTexts[size],\n    checked ? grRadioLabelCheckedColorClass : grRadioLabelColorClass,\n  ].join(' ')\n}\n\nexport const grRadioLabelSizes = grRadioLabelTexts\n\nexport function grRadioButtonClass(options: {\n  checked: boolean\n  disabled: boolean\n  readonly: boolean\n  size: GrButtonSize\n  buttonVariant: GrButtonVariant\n  buttonTone: GrButtonTone\n  selectedButtonVariant: GrButtonVariant\n  selectedButtonTone: GrButtonTone\n}): string {\n  if (options.disabled) {\n    return [\n      grButtonBaseClass,\n      grButtonSizes[options.size],\n      options.checked ? grRadioButtonDisabledCheckedClass : grRadioButtonDisabledClass,\n    ].join(' ')\n  }\n\n  const variant = options.checked ? options.selectedButtonVariant : options.buttonVariant\n  const tone = options.checked ? options.selectedButtonTone : options.buttonTone\n\n  return [\n    grButtonBaseClass,\n    grButtonClass({\n      variant,\n      tone,\n      size: options.size,\n      square: false,\n    }),\n    options.readonly ? grRadioRootReadonlyClass : grRadioEnabledClass,\n  ].join(' ')\n}\n\nexport function grRadioRootClass(options: { disabled: boolean, readonly: boolean }): string {\n  if (options.disabled) return grRadioRootDisabledClass\n  return options.readonly ? grRadioRootReadonlyClass : grRadioRootEnabledClass\n}\n\nexport function grRadioControlClass(options: {\n  checked: boolean\n  disabled: boolean\n  invalid: boolean\n  size: GrButtonSize\n}): string {\n  const state = options.disabled\n    ? grRadioControlDisabledClass\n    : options.invalid && !options.checked\n      ? grRadioControlInvalidClass\n      : options.checked ? grRadioControlCheckedClass : grRadioControlUncheckedClass\n\n  return [grRadioControlSizes[options.size], state].join(' ')\n}\n\nexport function grRadioDotClass(options: { checked: boolean, disabled: boolean }): string {\n  if (!options.checked)\n    return grRadioDotUncheckedClass\n\n  return options.disabled ? grRadioDotDisabledClass : grRadioDotCheckedClass\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport { grButtonSafelist } from '../GrButton/safelist'\nimport {\n  grRadioButtonDisabledCheckedClass,\n  grRadioButtonDisabledClass,\n  grRadioControlCheckedClass,\n  grRadioControlDisabledClass,\n  grRadioControlInvalidClass,\n  grRadioControlUncheckedClass,\n  grRadioControlSizes,\n  grRadioDescriptionSizes,\n  grRadioDotBaseClass,\n  grRadioDotSizes,\n  grRadioDotCheckedClass,\n  grRadioDotDisabledClass,\n  grRadioDotUncheckedClass,\n  grRadioEnabledClass,\n  grRadioLabelCheckedColorClass,\n  grRadioLabelColorClass,\n  grRadioLabelSizes,\n  grRadioRootDisabledClass,\n  grRadioRootReadonlyClass,\n  grRadioRootEnabledClass,\n} from './grRadioStyles'\n\nexport const grRadioSafelist = [...new Set([\n  ...grButtonSafelist,\n  ...splitClassTokens(grRadioEnabledClass),\n  ...splitClassTokens(grRadioButtonDisabledClass),\n  ...splitClassTokens(grRadioButtonDisabledCheckedClass),\n  ...splitClassTokens(grRadioRootDisabledClass),\n  ...splitClassTokens(grRadioRootEnabledClass),\n  ...splitClassTokens(grRadioRootReadonlyClass),\n  ...splitClassTokens(grRadioControlCheckedClass),\n  ...splitClassTokens(grRadioControlUncheckedClass),\n  ...splitClassTokens(grRadioControlDisabledClass),\n  ...splitClassTokens(grRadioControlInvalidClass),\n  ...splitClassTokens(grRadioDotCheckedClass),\n  ...splitClassTokens(grRadioDotUncheckedClass),\n  ...splitClassTokens(grRadioDotDisabledClass),\n  ...splitClassTokens(grRadioDotBaseClass),\n  ...Object.values(grRadioControlSizes).flatMap(splitClassTokens),\n  ...Object.values(grRadioDotSizes).flatMap(splitClassTokens),\n  ...Object.values(grRadioLabelSizes).flatMap(splitClassTokens),\n  ...Object.values(grRadioDescriptionSizes).flatMap(splitClassTokens),\n  ...splitClassTokens(grRadioLabelColorClass),\n  ...splitClassTokens(grRadioLabelCheckedColorClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grRadioSafelist } from './safelist'\n\nexport const grRadioConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrRadio',\n  dependencies: ['GrButton'],\n  safelist: grRadioSafelist,\n})"],"mappings":";;;;;AAWA,IAAa,sBAAsB;;;;;;AAOnC,IAAa,6BAA6B;AAC1C,IAAa,oCAAoC;;;;;AAMjD,IAAa,2BAA2B;AACxC,IAAa,0BAA0B;;AAEvC,IAAa,2BAA2B;AAExC,IAAa,6BAA6B;AAC1C,IAAa,+BAA+B;AAC5C,IAAa,8BAA8B;AAC3C,IAAa,6BAA6B;AAE1C,IAAa,yBAAyB;AACtC,IAAa,2BAA2B;AACxC,IAAa,0BAA0B;AAGvC,IAAa,sBAAsB;;;;;;;;;AAUnC,IAAa,sBAAoD;CAC/D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,kBAAgD;CAC3D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAM,oBAAkD;CACtD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,0BAAwD;CACnE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,gCAAgC;AAC7C,IAAa,yBAAyB;AAEtC,SAAgB,qBAAqB,MAAoB,SAA0B;CACjF,OAAO,CACL,kBAAkB,OAClB,UAAU,gCAAgC,sBAC5C,CAAC,CAAC,KAAK,GAAG;AACZ;AAEA,IAAa,oBAAoB;AAEjC,SAAgB,mBAAmB,SASxB;CACT,IAAI,QAAQ,UACV,OAAO;EACL;EACA,MAAc,QAAQ;EACtB,QAAQ,UAAU,oCAAoC;CACxD,CAAC,CAAC,KAAK,GAAG;CAMZ,OAAO;EACL;EACA,cAAc;GACZ,SANY,QAAQ,UAAU,QAAQ,wBAAwB,QAAQ;GAOtE,MANS,QAAQ,UAAU,QAAQ,qBAAqB,QAAQ;GAOhE,MAAM,QAAQ;GACd,QAAQ;EACV,CAAC;EACD,QAAQ,WAAW,2BAA2B;CAChD,CAAC,CAAC,KAAK,GAAG;AACZ;AAEA,SAAgB,iBAAiB,SAA2D;CAC1F,IAAI,QAAQ,UAAU,OAAO;CAC7B,OAAO,QAAQ,WAAW,2BAA2B;AACvD;AAEA,SAAgB,oBAAoB,SAKzB;CACT,MAAM,QAAQ,QAAQ,WAClB,8BACA,QAAQ,WAAW,CAAC,QAAQ,UAC1B,6BACA,QAAQ,UAAU,6BAA6B;CAErD,OAAO,CAAC,oBAAoB,QAAQ,OAAO,KAAK,CAAC,CAAC,KAAK,GAAG;AAC5D;AAEA,SAAgB,gBAAgB,SAA0D;CACxF,IAAI,CAAC,QAAQ,SACX,OAAO;CAET,OAAO,QAAQ,WAAW,0BAA0B;AACtD;;;AC5HA,IAAa,kBAAkB,CAAC,mBAAG,IAAI,IAAI;CACzC,GAAG;CACH,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,0BAA0B;CAC9C,GAAG,iBAAiB,iCAAiC;CACrD,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,uBAAuB;CAC3C,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,0BAA0B;CAC9C,GAAG,iBAAiB,4BAA4B;CAChD,GAAG,iBAAiB,2BAA2B;CAC/C,GAAG,iBAAiB,0BAA0B;CAC9C,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,uBAAuB;CAC3C,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,OAAO,OAAO,mBAAmB,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,GAAG,OAAO,OAAO,uBAAuB,CAAC,CAAC,QAAQ,gBAAgB;CAClE,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,6BAA6B;AACnD,CAAC,CAAC;;;AC3CF,IAAa,gBAAgB,wBAAwB,OAAO,KAAK,KAAK;CACpE,MAAM;CACN,cAAc,CAAC,UAAU;CACzB,UAAU;AACZ,CAAC"}

package/dist/chunks/config-BsPDQ0dS.js

@@ -0,0 +1,97 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrColorPicker/grColorPickerStyles.ts
+/**
+* Триггер повторяет геометрию поля ввода: пикер чаще всего стоит в форме рядом
+* с `GrInput`, и своя лестница высот выдала бы его из ряда.
+*/
+var triggerSizeClassBySize = {
+	xs: "h-7 px-2 gap-1.5 text-[length:var(--gr-control-text-xs)]",
+	sm: "h-8 px-2.5 gap-2 text-[length:var(--gr-control-text-sm)]",
+	md: "h-10 px-3 gap-2 text-[length:var(--gr-control-text-md)]",
+	lg: "h-11 px-4 gap-2.5 text-[length:var(--gr-control-text-lg)]"
+};
+/** Образец в триггере: квадрат со стороной чуть меньше высоты поля. */
+var triggerSwatchSizeBySize = {
+	xs: "h-3.5 w-3.5",
+	sm: "h-4 w-4",
+	md: "h-5 w-5",
+	lg: "h-6 w-6"
+};
+var panelSizeClassBySize = {
+	xs: "w-56 gap-2 text-[length:var(--gr-control-text-xs)]",
+	sm: "w-60 gap-2.5 text-[length:var(--gr-control-text-sm)]",
+	md: "w-64 gap-3 text-[length:var(--gr-control-text-md)]",
+	lg: "w-72 gap-3 text-[length:var(--gr-control-text-lg)]"
+};
+var 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)]";
+/** Недоступное поле гасится токенами, а не `opacity`: прозрачность роняет контраст подписи. */
+var triggerDisabledClass = "cursor-not-allowed border-[var(--gr-brd)] bg-[var(--gr-muted)] text-[var(--gr-disabled-fg)]";
+var triggerEnabledClass = "cursor-pointer hover:border-[var(--gr-primary)]";
+var triggerInvalidClass = "border-[var(--gr-invalid-brd)] focus-visible:ring-[var(--gr-invalid-ring)]";
+var triggerValueClass = "min-w-0 flex-1 truncate text-left tabular-nums";
+/**
+* Шахматка под прозрачным цветом. Живёт классом-маркером, а сами клетки рисует
+* `<style>` компонента: два `conic-gradient` в утилите не выражаются.
+*/
+var checkerClass = "gr-color-picker-checker";
+var swatchBaseClass = "relative shrink-0 overflow-hidden rounded-[var(--gr-radius-sm)] border border-[color-mix(in_srgb,var(--gr-fg)_18%,transparent)]";
+/** Заливка образца лежит поверх шахматки отдельным слоем. */
+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 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";
+var presetsGridClass = "flex flex-wrap gap-1.5";
+var 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)]";
+var presetSelectedClass = "ring-2 ring-[var(--gr-primary)] ring-offset-1 ring-offset-[var(--gr-popover)]";
+function grColorPickerTriggerClass(options) {
+	return [
+		triggerBaseClass,
+		triggerSizeClassBySize[options.size],
+		options.disabled ? triggerDisabledClass : triggerEnabledClass,
+		options.invalid ? triggerInvalidClass : ""
+	].filter(Boolean).join(" ");
+}
+function grColorPickerPanelClass(size) {
+	return [panelBaseClass, panelSizeClassBySize[size]].join(" ");
+}
+function grColorPickerPresetClass(selected) {
+	return [presetBaseClass, selected ? presetSelectedClass : ""].filter(Boolean).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),
+	...splitClassTokens(triggerBaseClass),
+	...splitClassTokens(triggerDisabledClass),
+	...splitClassTokens(triggerEnabledClass),
+	...splitClassTokens(triggerInvalidClass),
+	...splitClassTokens(triggerValueClass),
+	...splitClassTokens(swatchBaseClass),
+	...splitClassTokens(swatchFillClass),
+	...splitClassTokens(panelBaseClass),
+	...splitClassTokens(previewClass),
+	...splitClassTokens(rowClass),
+	...splitClassTokens(rowLabelClass),
+	...splitClassTokens(rowValueClass),
+	...splitClassTokens(presetsGridClass),
+	...splitClassTokens(presetBaseClass),
+	...splitClassTokens(presetSelectedClass)
+])];
+//#endregion
+//#region src/components/GrColorPicker/config.ts
+var grColorPickerConfig = defineGranularComponent(import.meta.url, {
+	name: "GrColorPicker",
+	dependencies: [
+		"GrPopover",
+		"GrSlider",
+		"GrInput"
+	],
+	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 };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BsPDQ0dS.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)]',\n  sm: 'h-8 px-2.5 gap-2 text-[length:var(--gr-control-text-sm)]',\n  md: 'h-10 px-3 gap-2 text-[length:var(--gr-control-text-md)]',\n  lg: 'h-11 px-4 gap-2.5 text-[length:var(--gr-control-text-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)]',\n  sm: 'w-60 gap-2.5 text-[length:var(--gr-control-text-sm)]',\n  md: 'w-64 gap-3 text-[length:var(--gr-control-text-md)]',\n  lg: 'w-72 gap-3 text-[length:var(--gr-control-text-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\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","import { splitClassTokens } from '../shared/classTokens'\nimport {\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  ...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(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;AAE5B,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;;;ACtDA,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,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,QAAQ;CAC5B,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,mBAAmB;AACzC,CAAC,CAAC;;;AC1CF,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK;CAC1E,MAAM;CAIN,cAAc;EAAC;EAAa;EAAY;CAAS;CACjD,UAAU;AACZ,CAAC"}

package/dist/chunks/config-BsuDM3Hb.js

@@ -0,0 +1,55 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrList/grListStyles.ts
+/**
+* Классы `GrList`/`GrListItem`.
+*
+* Единственный источник правды для шаблонов и safelist: до этого карта
+* плотности жила в SFC, а её копия — строковыми литералами прямо в `config.ts`,
+* и разойтись они могли молча.
+*/
+var densityPadding = {
+	compact: "px-4 py-2",
+	regular: "px-4 py-3"
+};
+var itemLayoutClass = "flex items-start justify-between gap-4";
+/** Интерактивная строка занимает всю ширину пункта — кликабельна вся, а не текст. */
+var itemInteractiveClass = "w-full text-left transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-inset";
+var itemHoverClass = "cursor-pointer hover:bg-[var(--gr-muted)]";
+/**
+* Заблокированная строка гасится фоном и цветом, а не `opacity`: прозрачность
+* разбавляет выверенные на AA токены текста.
+*/
+var itemDisabledClass = "cursor-not-allowed bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]";
+var dividedClass = "divide-y divide-[var(--gr-brd)]";
+var emptyClass = "px-4 py-6 text-center text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]";
+/** Заголовок и описание строки. Оба нужны обеим веткам пункта — интерактивной и обычной. */
+var itemTitleClass = "text-[length:var(--gr-text-sm)] font-700";
+var itemDescriptionClass = "mt-0.5 text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]";
+var loadingRowClass = "px-4 py-3";
+function grListItemPaddingClass(density) {
+	return densityPadding[density];
+}
+//#endregion
+//#region src/components/GrList/safelist.ts
+var grListSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(densityPadding).flatMap(splitClassTokens),
+	...splitClassTokens(itemLayoutClass),
+	...splitClassTokens(itemTitleClass),
+	...splitClassTokens(itemDescriptionClass),
+	...splitClassTokens(itemInteractiveClass),
+	...splitClassTokens(itemHoverClass),
+	...splitClassTokens(itemDisabledClass),
+	...splitClassTokens(dividedClass),
+	...splitClassTokens(emptyClass),
+	...splitClassTokens(loadingRowClass)
+])];
+//#endregion
+//#region src/components/GrList/config.ts
+var grListConfig = defineGranularComponent(import.meta.url, {
+	name: "GrList",
+	safelist: grListSafelist,
+	dependencies: ["GrCard", "GrSkeleton"]
+});
+//#endregion
+export { grListItemPaddingClass as a, itemHoverClass as c, itemTitleClass as d, loadingRowClass as f, emptyClass as i, itemInteractiveClass as l, grListSafelist as n, itemDescriptionClass as o, dividedClass as r, itemDisabledClass as s, grListConfig as t, itemLayoutClass as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BsuDM3Hb.js","names":[],"sources":["../../src/components/GrList/grListStyles.ts","../../src/components/GrList/safelist.ts","../../src/components/GrList/config.ts"],"sourcesContent":["export type GrListItemDensity = 'compact' | 'regular'\n\n/**\n * Классы `GrList`/`GrListItem`.\n *\n * Единственный источник правды для шаблонов и safelist: до этого карта\n * плотности жила в SFC, а её копия — строковыми литералами прямо в `config.ts`,\n * и разойтись они могли молча.\n */\n\nexport const densityPadding: Record<GrListItemDensity, string> = {\n  compact: 'px-4 py-2',\n  regular: 'px-4 py-3',\n}\n\nexport const itemLayoutClass = 'flex items-start justify-between gap-4'\n\n/** Интерактивная строка занимает всю ширину пункта — кликабельна вся, а не текст. */\nexport const itemInteractiveClass = 'w-full text-left transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-inset'\n\nexport const itemHoverClass = 'cursor-pointer hover:bg-[var(--gr-muted)]'\n\n/**\n * Заблокированная строка гасится фоном и цветом, а не `opacity`: прозрачность\n * разбавляет выверенные на AA токены текста.\n */\nexport const itemDisabledClass = 'cursor-not-allowed bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]'\n\nexport const dividedClass = 'divide-y divide-[var(--gr-brd)]'\n\nexport const emptyClass = 'px-4 py-6 text-center text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]'\n\n/** Заголовок и описание строки. Оба нужны обеим веткам пункта — интерактивной и обычной. */\nexport const itemTitleClass = 'text-[length:var(--gr-text-sm)] font-700'\nexport const itemDescriptionClass = 'mt-0.5 text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]'\n\nexport const loadingRowClass = 'px-4 py-3'\n\nexport function grListItemPaddingClass(density: GrListItemDensity): string {\n  return densityPadding[density]\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  densityPadding,\n  dividedClass,\n  emptyClass,\n  itemDescriptionClass,\n  itemDisabledClass,\n  itemHoverClass,\n  itemInteractiveClass,\n  itemLayoutClass,\n  itemTitleClass,\n  loadingRowClass,\n} from './grListStyles'\n\nexport const grListSafelist = [...new Set([\n  ...Object.values(densityPadding).flatMap(splitClassTokens),\n  ...splitClassTokens(itemLayoutClass),\n  ...splitClassTokens(itemTitleClass),\n  ...splitClassTokens(itemDescriptionClass),\n  ...splitClassTokens(itemInteractiveClass),\n  ...splitClassTokens(itemHoverClass),\n  ...splitClassTokens(itemDisabledClass),\n  ...splitClassTokens(dividedClass),\n  ...splitClassTokens(emptyClass),\n  ...splitClassTokens(loadingRowClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grListSafelist } from './safelist'\n\nexport const grListConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrList',\n  safelist: grListSafelist,\n  dependencies: ['GrCard', 'GrSkeleton'],\n})\n"],"mappings":";;;;;;;;;;AAUA,IAAa,iBAAoD;CAC/D,SAAS;CACT,SAAS;AACX;AAEA,IAAa,kBAAkB;;AAG/B,IAAa,uBAAuB;AAEpC,IAAa,iBAAiB;;;;;AAM9B,IAAa,oBAAoB;AAEjC,IAAa,eAAe;AAE5B,IAAa,aAAa;;AAG1B,IAAa,iBAAiB;AAC9B,IAAa,uBAAuB;AAEpC,IAAa,kBAAkB;AAE/B,SAAgB,uBAAuB,SAAoC;CACzE,OAAO,eAAe;AACxB;;;AC1BA,IAAa,iBAAiB,CAAC,mBAAG,IAAI,IAAI;CACxC,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;CACzD,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,eAAe;AACrC,CAAC,CAAC;;;ACrBF,IAAa,eAAe,wBAAwB,OAAO,KAAK,KAAK;CACnE,MAAM;CACN,UAAU;CACV,cAAc,CAAC,UAAU,YAAY;AACvC,CAAC"}

package/dist/chunks/config-BtXRpAtq.js

@@ -0,0 +1,48 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { _ as shellPaddingBySize, a as overlayTransition, c as panelHeightBySize, d as panelSectionClass, f as panelTransition, g as shellByScroll, h as shellBase, i as overlay, l as panelOverflowByScroll, m as root, o as panelBase, p as panelWidthBySize, r as layoutByScroll, s as panelBodyScrollClass, u as panelRadiusBySize } from "./grModalStyles-EZfuEiw_.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrModal/safelist.ts
+function flattenTransition(stages) {
+	return Object.values(stages).flatMap(splitClassTokens);
+}
+var grModalClassTokens = {
+	root: splitClassTokens(root),
+	shell: [
+		...splitClassTokens(shellBase),
+		...Object.values(shellPaddingBySize).flatMap(splitClassTokens),
+		...Object.values(shellByScroll).flatMap(splitClassTokens)
+	],
+	layout: Object.values(layoutByScroll).flatMap(splitClassTokens),
+	overlay: splitClassTokens(overlay),
+	overlayTransition: flattenTransition(overlayTransition),
+	panelBase: [
+		...splitClassTokens(panelBase),
+		...Object.values(panelOverflowByScroll).flatMap(splitClassTokens),
+		...splitClassTokens(panelBodyScrollClass),
+		...splitClassTokens(panelSectionClass)
+	],
+	panelTransition: flattenTransition(panelTransition),
+	panelWidth: Object.values(panelWidthBySize).flatMap(splitClassTokens),
+	panelRadius: Object.values(panelRadiusBySize).flatMap(splitClassTokens),
+	panelHeight: Object.values(panelHeightBySize).flatMap((v) => splitClassTokens(v ?? ""))
+};
+var grModalSafelist = [.../* @__PURE__ */ new Set([
+	...grModalClassTokens.root,
+	...grModalClassTokens.shell,
+	...grModalClassTokens.layout,
+	...grModalClassTokens.overlay,
+	...grModalClassTokens.overlayTransition,
+	...grModalClassTokens.panelBase,
+	...grModalClassTokens.panelTransition,
+	...grModalClassTokens.panelWidth,
+	...grModalClassTokens.panelRadius,
+	...grModalClassTokens.panelHeight
+])];
+//#endregion
+//#region src/components/GrModal/config.ts
+var grModalConfig = defineGranularComponent(import.meta.url, {
+	name: "GrModal",
+	safelist: grModalSafelist
+});
+//#endregion
+export { grModalSafelist as n, grModalConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BtXRpAtq.js","names":[],"sources":["../../src/components/GrModal/safelist.ts","../../src/components/GrModal/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  layoutByScroll,\n  overlay,\n  overlayTransition,\n  panelBase,\n  panelBodyScrollClass,\n  panelHeightBySize,\n  panelSectionClass,\n  panelOverflowByScroll,\n  panelRadiusBySize,\n  panelTransition,\n  panelWidthBySize,\n  root,\n  shellBase,\n  shellByScroll,\n  shellPaddingBySize,\n} from './grModalStyles'\n\ntype GrModalClassTokens = {\n  root: readonly string[]\n  shell: readonly string[]\n  layout: readonly string[]\n  overlay: readonly string[]\n  overlayTransition: readonly string[]\n  panelBase: readonly string[]\n  panelTransition: readonly string[]\n  panelWidth: readonly string[]\n  panelRadius: readonly string[]\n  panelHeight: readonly string[]\n}\n\nfunction flattenTransition(stages: Record<string, string>): string[] {\n  return Object.values(stages).flatMap(splitClassTokens)\n}\n\nexport const grModalClassTokens: GrModalClassTokens = {\n  root: splitClassTokens(root),\n  shell: [\n    ...splitClassTokens(shellBase),\n    ...Object.values(shellPaddingBySize).flatMap(splitClassTokens),\n    ...Object.values(shellByScroll).flatMap(splitClassTokens),\n  ],\n  layout: Object.values(layoutByScroll).flatMap(splitClassTokens),\n  overlay: splitClassTokens(overlay),\n  overlayTransition: flattenTransition(overlayTransition),\n  panelBase: [\n    ...splitClassTokens(panelBase),\n    ...Object.values(panelOverflowByScroll).flatMap(splitClassTokens),\n    ...splitClassTokens(panelBodyScrollClass),\n    ...splitClassTokens(panelSectionClass),\n  ],\n  panelTransition: flattenTransition(panelTransition),\n  panelWidth: Object.values(panelWidthBySize).flatMap(splitClassTokens),\n  panelRadius: Object.values(panelRadiusBySize).flatMap(splitClassTokens),\n  panelHeight: Object.values(panelHeightBySize).flatMap(v => splitClassTokens(v ?? '')),\n}\n\nexport const grModalSafelist = [...new Set([\n  ...grModalClassTokens.root,\n  ...grModalClassTokens.shell,\n  ...grModalClassTokens.layout,\n  ...grModalClassTokens.overlay,\n  ...grModalClassTokens.overlayTransition,\n  ...grModalClassTokens.panelBase,\n  ...grModalClassTokens.panelTransition,\n  ...grModalClassTokens.panelWidth,\n  ...grModalClassTokens.panelRadius,\n  ...grModalClassTokens.panelHeight,\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grModalSafelist } from './safelist'\n\nexport const grModalConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrModal',\n  safelist: grModalSafelist,\n})"],"mappings":";;;;AAgCA,SAAS,kBAAkB,QAA0C;CACnE,OAAO,OAAO,OAAO,MAAM,CAAC,CAAC,QAAQ,gBAAgB;AACvD;AAEA,IAAa,qBAAyC;CACpD,MAAM,iBAAiB,IAAI;CAC3B,OAAO;EACL,GAAG,iBAAiB,SAAS;EAC7B,GAAG,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;EAC7D,GAAG,OAAO,OAAO,aAAa,CAAC,CAAC,QAAQ,gBAAgB;CAC1D;CACA,QAAQ,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,SAAS,iBAAiB,OAAO;CACjC,mBAAmB,kBAAkB,iBAAiB;CACtD,WAAW;EACT,GAAG,iBAAiB,SAAS;EAC7B,GAAG,OAAO,OAAO,qBAAqB,CAAC,CAAC,QAAQ,gBAAgB;EAChE,GAAG,iBAAiB,oBAAoB;EACxC,GAAG,iBAAiB,iBAAiB;CACvC;CACA,iBAAiB,kBAAkB,eAAe;CAClD,YAAY,OAAO,OAAO,gBAAgB,CAAC,CAAC,QAAQ,gBAAgB;CACpE,aAAa,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CACtE,aAAa,OAAO,OAAO,iBAAiB,CAAC,CAAC,SAAQ,MAAK,iBAAiB,KAAK,EAAE,CAAC;AACtF;AAEA,IAAa,kBAAkB,CAAC,mBAAG,IAAI,IAAI;CACzC,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;CACtB,GAAG,mBAAmB;AACxB,CAAC,CAAC;;;ACjEF,IAAa,gBAAgB,wBAAwB,OAAO,KAAK,KAAK;CACpE,MAAM;CACN,UAAU;AACZ,CAAC"}