@feugene/granularity 0.13.0 → 0.16.0

package/README.md

@@ -38,6 +38,7 @@ strategies.
   - `@feugene/granularity/components/<ComponentName>/styles.css` — `foundation` plus styles for a specific component and its dependencies;
 - low-level foundation exports: `@feugene/granularity/styles/tokens.css`, `@feugene/granularity/styles/base.css`, `@feugene/granularity/styles/themes/light.css`, `@feugene/granularity/styles/themes/dark.css`;
 - package-level API: `@feugene/granularity/directives`, `@feugene/granularity/fileValidation`;
+- design tokens as data: `@feugene/granularity/tokens` (typed registry) and the raw `@feugene/granularity/tokens/*.json` source the CSS is generated from;
 - two `UnoCSS` integration scenarios:
     - `@feugene/granularity/uno` — browser-safe preset;
     - `@feugene/granularity/uno-node` — node-oriented preset with CSS/preflight helpers.
@@ -45,9 +46,15 @@ strategies.
 ## Quick start
 
 ```bash
-yarn add @feugene/granularity vue
+yarn add @feugene/granularity vue @headlessui/vue @floating-ui/dom
 ```
 
+`@headlessui/vue` and `@floating-ui/dom` are required peer dependencies, not bundled ones. The
+overlay components (`GrModal`, `GrDrawer`, `GrDialog`, `GrImageViewer`) are built on HeadlessUI, and
+positioning (`GrDropdown`, `GrSelect`, `GrAutocomplete`, `GrTreeSelect`, `GrTooltip`) on floating-ui. Keeping them
+external means an application that already uses either one ends up with a single copy — and a single
+focus trap, whose behaviour would otherwise differ between versions.
+
 If the application uses `UnoCSS`:
 
 ```bash
@@ -70,6 +77,12 @@ If you need a more precise CSS setup, use `@feugene/granularity/foundation.css`
 - [`docs/README.md`](./docs/README.md) — overview and documentation map
 - [`docs/installation.md`](./docs/installation.md) — installation, public entrypoints, and adoption strategies
 - [`docs/styling.md`](./docs/styling.md) — style layers, themes, and import order
+- [`docs/tokens.md`](./docs/tokens.md) — design token reference (generated from `tokens/*.json`)
+- [`docs/theming.md`](./docs/theming.md) — building a custom theme (roles, contrast rules, wiring)
+- [`docs/keyboard.md`](./docs/keyboard.md) — keyboard contract per component
+- [`docs/overlays.md`](./docs/overlays.md) — overlay contract: portal, layer stack, Esc, `inert`, focus
+- [`docs/z-index.md`](./docs/z-index.md) — layering scale
+- [`docs/ssr.md`](./docs/ssr.md) — server-side rendering contract
 - [`docs/unocss.md`](./docs/unocss.md) — `UnoCSS` integration
 - [`docs/localization.md`](./docs/localization.md) — how the package plugs into application localization
 - [`docs/directives.md`](./docs/directives.md) — package-level directives

package/dist/chunks/adapter-CAOxmn2G.js.map

@@ -1 +1 @@
-{"version":3,"file":"adapter-CAOxmn2G.js","names":[],"sources":["../../src/i18n/adapter.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue'\n\nexport type GranularityI18nParams = Record<string, unknown>\n\nexport type GranularityI18nAdapter = {\n  t: (key: string, params?: GranularityI18nParams) => string\n  locale?: Readonly<Ref<string>>\n  syncLocale?: (locale: string) => void | Promise<void>\n}\n\nexport const GRANULARITY_I18N_KEY: InjectionKey<GranularityI18nAdapter | null> = Symbol.for(\"@feugene/granularity\")"],"mappings":";AAUA,IAAa,uBAAoE,OAAO,IAAI,sBAAsB"}
+{"version":3,"file":"adapter-CAOxmn2G.js","names":[],"sources":["../../src/i18n/adapter.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue'\n\nexport type GranularityI18nParams = Record<string, unknown>\n\nexport type GranularityI18nAdapter = {\n  /**\n   * Перевод по ключу.\n   *\n   * Множественное число, форматирование чисел, дат и валют — целиком на стороне\n   * переводчика: формы живут в самом сообщении\n   * (`one:{n} файл | few:{n} файла | many:{n} файлов`), и какую выбрать, решает\n   * он по параметру. Так устроены `@feugene/fint-i18n` и `vue-i18n`; `i18next`\n   * читает `count`, поэтому пакет передаёт оба имени.\n   *\n   * Своей реализации ничего из этого в пакете нет и не должно быть: дублировать\n   * `Intl` в UI-библиотеке значит однажды разойтись с приложением в правилах.\n   * Без подключённого адаптера компонент показывает встроенный английский\n   * fallback как есть — одной формой и без форматирования.\n   */\n  t: (key: string, params?: GranularityI18nParams) => string\n  /**\n   * Есть ли перевод для ключа. Необязателен — но если адаптер его умеет, пакет\n   * спрашивает именно так.\n   *\n   * Без него «перевода нет» приходится выводить из `t(key) === key`, а это\n   * враньё на словаре, где значение совпадает с ключом (технические словари\n   * кодов и идентификаторов). Такой ключ считался бы отсутствующим, и вместо\n   * перевода показался бы встроенный английский fallback.\n   */\n  te?: (key: string) => boolean\n  locale?: Readonly<Ref<string>>\n  syncLocale?: (locale: string) => void | Promise<void>\n}\n\nexport const GRANULARITY_I18N_KEY: InjectionKey<GranularityI18nAdapter | null> = Symbol.for(\"@feugene/granularity\")"],"mappings":";AAkCA,IAAa,uBAAoE,OAAO,IAAI,sBAAsB"}

package/dist/chunks/check-BZI24Qs4.js

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

package/dist/chunks/check-BZI24Qs4.js.map

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

package/dist/chunks/chevron-down-CQS2OG_s.js

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

package/dist/chunks/chevron-down-CQS2OG_s.js.map

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

package/dist/chunks/chevron-right-BfqMVpbB.js

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

package/dist/chunks/chevron-right-BfqMVpbB.js.map

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

package/dist/chunks/config-06SQjBx0.js

@@ -0,0 +1,96 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrBadgeWrap/grBadgeWrapStyles.ts
+/** Угол, в котором висит бейдж. */
+var GR_BADGE_WRAP_PLACEMENTS = [
+	"top-right",
+	"top-left",
+	"bottom-right",
+	"bottom-left"
+];
+var rootClass = "relative inline-flex";
+/**
+* Смещение бейджа — точки кастомизации: подвинуть его можно темой или инлайном,
+* не переопределяя классы снаружи. Дефолты повторяют прежние `-top-2 -right-2`.
+*/
+var placementClass = {
+	"top-right": "top-[var(--gr-badge-wrap-offset-y,-0.5rem)] right-[var(--gr-badge-wrap-offset-x,-0.5rem)]",
+	"top-left": "top-[var(--gr-badge-wrap-offset-y,-0.5rem)] left-[var(--gr-badge-wrap-offset-x,-0.5rem)]",
+	"bottom-right": "bottom-[var(--gr-badge-wrap-offset-y,-0.5rem)] right-[var(--gr-badge-wrap-offset-x,-0.5rem)]",
+	"bottom-left": "bottom-[var(--gr-badge-wrap-offset-y,-0.5rem)] left-[var(--gr-badge-wrap-offset-x,-0.5rem)]"
+};
+/** У точки смещение меньше: она вдвое мельче счётчика. */
+var dotPlacementClass = {
+	"top-right": "top-[var(--gr-badge-wrap-offset-y,-0.25rem)] right-[var(--gr-badge-wrap-offset-x,-0.25rem)]",
+	"top-left": "top-[var(--gr-badge-wrap-offset-y,-0.25rem)] left-[var(--gr-badge-wrap-offset-x,-0.25rem)]",
+	"bottom-right": "bottom-[var(--gr-badge-wrap-offset-y,-0.25rem)] right-[var(--gr-badge-wrap-offset-x,-0.25rem)]",
+	"bottom-left": "bottom-[var(--gr-badge-wrap-offset-y,-0.25rem)] left-[var(--gr-badge-wrap-offset-x,-0.25rem)]"
+};
+var dotBaseClass = "absolute h-2 w-2 rounded-[var(--gr-radius-full)]";
+var countBaseClass = "absolute min-w-5 h-5 px-1 rounded-[var(--gr-radius-full)] text-[length:var(--gr-text-2xs)] font-700 inline-flex items-center justify-center";
+/**
+* Заливка — насыщенная роль тона, текст из `-fg`, а не из белого литерала: тот не
+* переживает смену темы.
+*
+* Вес намеренно не такой, как у filled-`GrBadge` (тот в светлой теме уехал на
+* `-solid`): точка и счётчик лежат **поверх чужого элемента**, и порог у них свой
+* — 3:1 к фону страницы, чтобы метку было видно на аватаре и на иконке. Заливка
+* кнопочного веса читалась бы там как вторая кнопка.
+*
+* Карта своя, а не импорт из `GrBadge`: чужая карта означала бы зависимость от
+* компонента и его CSS ради двух классов.
+*/
+var toneClass = {
+	neutral: "bg-[var(--gr-fg)] text-[var(--gr-bg)]",
+	primary: "bg-[var(--gr-primary)] text-[var(--gr-primary-fg)]",
+	success: "bg-[var(--gr-success)] text-[var(--gr-success-fg)]",
+	warning: "bg-[var(--gr-warning)] text-[var(--gr-warning-fg)]",
+	danger: "bg-[var(--gr-danger)] text-[var(--gr-danger-fg)]",
+	info: "bg-[var(--gr-info)] text-[var(--gr-info-fg)]",
+	slate: "bg-[var(--gr-slate)] text-[var(--gr-slate-fg)]",
+	azure: "bg-[var(--gr-azure)] text-[var(--gr-azure-fg)]"
+};
+/**
+* Видимый текст счётчика: число больше порога сворачивается в «{max}+», иначе
+* бейдж расползается и ломает соседей. Озвучивается при этом настоящее
+* значение — «99 плюс» пользователю ничего не говорит.
+*/
+function formatBadgeValue(value, max) {
+	if (max === void 0 || typeof value !== "number") return String(value);
+	return value > max ? `${max}+` : String(value);
+}
+/**
+* Стоит ли отмечать анимацией переход счётчика из `prev` в `next`.
+* `undefined` означает «счётчика на экране нет».
+*
+* Отмечается только прибавление: появление счётчика и рост числа — события,
+* о которых пользователь ещё не знает. Убыль — наоборот, след его собственного
+* действия («прочитал»), и подсвечивать её значит мигать бейджем на каждом
+* прочитанном письме.
+*
+* У строкового значения порядка нет, поэтому любая его смена считается событием.
+*/
+function isBadgeWrapPulse(prev, next) {
+	if (next === void 0) return false;
+	if (prev === void 0) return true;
+	if (typeof prev === "number" && typeof next === "number") return next > prev;
+	return prev !== next;
+}
+//#endregion
+//#region src/components/GrBadgeWrap/safelist.ts
+var grBadgeWrapSafelist = [.../* @__PURE__ */ new Set([
+	...splitClassTokens(rootClass),
+	...splitClassTokens(dotBaseClass),
+	...splitClassTokens(countBaseClass),
+	...Object.values(placementClass).flatMap(splitClassTokens),
+	...Object.values(dotPlacementClass).flatMap(splitClassTokens),
+	...Object.values(toneClass).flatMap(splitClassTokens)
+])];
+//#endregion
+//#region src/components/GrBadgeWrap/config.ts
+var grBadgeWrapConfig = defineGranularComponent(import.meta.url, {
+	name: "GrBadgeWrap",
+	safelist: grBadgeWrapSafelist
+});
+//#endregion
+export { dotBaseClass as a, isBadgeWrapPulse as c, toneClass as d, countBaseClass as i, placementClass as l, grBadgeWrapSafelist as n, dotPlacementClass as o, GR_BADGE_WRAP_PLACEMENTS as r, formatBadgeValue as s, grBadgeWrapConfig as t, rootClass as u };

package/dist/chunks/config-06SQjBx0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-06SQjBx0.js","names":[],"sources":["../../src/components/GrBadgeWrap/grBadgeWrapStyles.ts","../../src/components/GrBadgeWrap/safelist.ts","../../src/components/GrBadgeWrap/config.ts"],"sourcesContent":["import type { GrTone } from '../shared/tones'\n\nexport type GrBadgeWrapTone = GrTone\n\n/** Угол, в котором висит бейдж. */\nexport const GR_BADGE_WRAP_PLACEMENTS = ['top-right', 'top-left', 'bottom-right', 'bottom-left'] as const\nexport type GrBadgeWrapPlacement = typeof GR_BADGE_WRAP_PLACEMENTS[number]\n\nexport const rootClass = 'relative inline-flex'\n\n/**\n * Смещение бейджа — точки кастомизации: подвинуть его можно темой или инлайном,\n * не переопределяя классы снаружи. Дефолты повторяют прежние `-top-2 -right-2`.\n */\nexport const placementClass: Record<GrBadgeWrapPlacement, string> = {\n  'top-right': 'top-[var(--gr-badge-wrap-offset-y,-0.5rem)] right-[var(--gr-badge-wrap-offset-x,-0.5rem)]',\n  'top-left': 'top-[var(--gr-badge-wrap-offset-y,-0.5rem)] left-[var(--gr-badge-wrap-offset-x,-0.5rem)]',\n  'bottom-right': 'bottom-[var(--gr-badge-wrap-offset-y,-0.5rem)] right-[var(--gr-badge-wrap-offset-x,-0.5rem)]',\n  'bottom-left': 'bottom-[var(--gr-badge-wrap-offset-y,-0.5rem)] left-[var(--gr-badge-wrap-offset-x,-0.5rem)]',\n}\n\n/** У точки смещение меньше: она вдвое мельче счётчика. */\nexport const dotPlacementClass: Record<GrBadgeWrapPlacement, string> = {\n  'top-right': 'top-[var(--gr-badge-wrap-offset-y,-0.25rem)] right-[var(--gr-badge-wrap-offset-x,-0.25rem)]',\n  'top-left': 'top-[var(--gr-badge-wrap-offset-y,-0.25rem)] left-[var(--gr-badge-wrap-offset-x,-0.25rem)]',\n  'bottom-right': 'bottom-[var(--gr-badge-wrap-offset-y,-0.25rem)] right-[var(--gr-badge-wrap-offset-x,-0.25rem)]',\n  'bottom-left': 'bottom-[var(--gr-badge-wrap-offset-y,-0.25rem)] left-[var(--gr-badge-wrap-offset-x,-0.25rem)]',\n}\n\nexport const dotBaseClass = 'absolute h-2 w-2 rounded-[var(--gr-radius-full)]'\n\nexport const countBaseClass = 'absolute min-w-5 h-5 px-1 rounded-[var(--gr-radius-full)] text-[length:var(--gr-text-2xs)] font-700 inline-flex items-center justify-center'\n\n/**\n * Заливка — насыщенная роль тона, текст из `-fg`, а не из белого литерала: тот не\n * переживает смену темы.\n *\n * Вес намеренно не такой, как у filled-`GrBadge` (тот в светлой теме уехал на\n * `-solid`): точка и счётчик лежат **поверх чужого элемента**, и порог у них свой\n * — 3:1 к фону страницы, чтобы метку было видно на аватаре и на иконке. Заливка\n * кнопочного веса читалась бы там как вторая кнопка.\n *\n * Карта своя, а не импорт из `GrBadge`: чужая карта означала бы зависимость от\n * компонента и его CSS ради двух классов.\n */\nexport const toneClass: Record<GrBadgeWrapTone, string> = {\n  neutral: 'bg-[var(--gr-fg)] text-[var(--gr-bg)]',\n  primary: 'bg-[var(--gr-primary)] text-[var(--gr-primary-fg)]',\n  success: 'bg-[var(--gr-success)] text-[var(--gr-success-fg)]',\n  warning: 'bg-[var(--gr-warning)] text-[var(--gr-warning-fg)]',\n  danger: 'bg-[var(--gr-danger)] text-[var(--gr-danger-fg)]',\n  info: 'bg-[var(--gr-info)] text-[var(--gr-info-fg)]',\n  slate: 'bg-[var(--gr-slate)] text-[var(--gr-slate-fg)]',\n  azure: 'bg-[var(--gr-azure)] text-[var(--gr-azure-fg)]',\n}\n\n/**\n * Видимый текст счётчика: число больше порога сворачивается в «{max}+», иначе\n * бейдж расползается и ломает соседей. Озвучивается при этом настоящее\n * значение — «99 плюс» пользователю ничего не говорит.\n */\nexport function formatBadgeValue(value: string | number, max?: number): string {\n  if (max === undefined || typeof value !== 'number') return String(value)\n  return value > max ? `${max}+` : String(value)\n}\n\n/**\n * Стоит ли отмечать анимацией переход счётчика из `prev` в `next`.\n * `undefined` означает «счётчика на экране нет».\n *\n * Отмечается только прибавление: появление счётчика и рост числа — события,\n * о которых пользователь ещё не знает. Убыль — наоборот, след его собственного\n * действия («прочитал»), и подсвечивать её значит мигать бейджем на каждом\n * прочитанном письме.\n *\n * У строкового значения порядка нет, поэтому любая его смена считается событием.\n */\nexport function isBadgeWrapPulse(\n  prev: string | number | undefined,\n  next: string | number | undefined,\n): boolean {\n  if (next === undefined) return false\n  if (prev === undefined) return true\n  if (typeof prev === 'number' && typeof next === 'number') return next > prev\n  return prev !== next\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  countBaseClass,\n  dotBaseClass,\n  dotPlacementClass,\n  placementClass,\n  rootClass,\n  toneClass,\n} from './grBadgeWrapStyles'\n\nexport const grBadgeWrapSafelist = [...new Set([\n  ...splitClassTokens(rootClass),\n  ...splitClassTokens(dotBaseClass),\n  ...splitClassTokens(countBaseClass),\n  ...Object.values(placementClass).flatMap(splitClassTokens),\n  ...Object.values(dotPlacementClass).flatMap(splitClassTokens),\n  ...Object.values(toneClass).flatMap(splitClassTokens),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grBadgeWrapSafelist } from './safelist'\n\nexport const grBadgeWrapConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrBadgeWrap',\n  safelist: grBadgeWrapSafelist,\n})\n"],"mappings":";;;;AAKA,IAAa,2BAA2B;CAAC;CAAa;CAAY;CAAgB;AAAa;AAG/F,IAAa,YAAY;;;;;AAMzB,IAAa,iBAAuD;CAClE,aAAa;CACb,YAAY;CACZ,gBAAgB;CAChB,eAAe;AACjB;;AAGA,IAAa,oBAA0D;CACrE,aAAa;CACb,YAAY;CACZ,gBAAgB;CAChB,eAAe;AACjB;AAEA,IAAa,eAAe;AAE5B,IAAa,iBAAiB;;;;;;;;;;;;;AAc9B,IAAa,YAA6C;CACxD,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;AACT;;;;;;AAOA,SAAgB,iBAAiB,OAAwB,KAAsB;CAC7E,IAAI,QAAQ,KAAA,KAAa,OAAO,UAAU,UAAU,OAAO,OAAO,KAAK;CACvE,OAAO,QAAQ,MAAM,GAAG,IAAI,KAAK,OAAO,KAAK;AAC/C;;;;;;;;;;;;AAaA,SAAgB,iBACd,MACA,MACS;CACT,IAAI,SAAS,KAAA,GAAW,OAAO;CAC/B,IAAI,SAAS,KAAA,GAAW,OAAO;CAC/B,IAAI,OAAO,SAAS,YAAY,OAAO,SAAS,UAAU,OAAO,OAAO;CACxE,OAAO,SAAS;AAClB;;;AC3EA,IAAa,sBAAsB,CAAC,mBAAG,IAAI,IAAI;CAC7C,GAAG,iBAAiB,SAAS;CAC7B,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,cAAc;CAClC,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;CACzD,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;AACtD,CAAC,CAAC;;;ACbF,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK;CACxE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/config-A-bBiotF.js

@@ -0,0 +1,12 @@
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrConfirmDialog/config.ts
+var grConfirmDialogConfig = defineGranularComponent(import.meta.url, {
+	name: "GrConfirmDialog",
+	dependencies: [
+		"GrButton",
+		"GrDialog",
+		"GrResponseErrorBanner"
+	]
+});
+//#endregion
+export { grConfirmDialogConfig as t };

package/dist/chunks/config-A-bBiotF.js.map

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

package/dist/chunks/config-B-g6lT19.js

@@ -0,0 +1,19 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { a as keyBaseClass, n as comboGaps, o as keySizes, s as separatorClass, t as comboBaseClass } from "./grKbdStyles-DAoxiytu.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrKbd/safelist.ts
+var grKbdSafelist = [.../* @__PURE__ */ new Set([
+	...splitClassTokens(keyBaseClass),
+	...Object.values(keySizes).flatMap(splitClassTokens),
+	...splitClassTokens(comboBaseClass),
+	...Object.values(comboGaps).flatMap(splitClassTokens),
+	...splitClassTokens(separatorClass)
+])];
+//#endregion
+//#region src/components/GrKbd/config.ts
+var grKbdConfig = defineGranularComponent(import.meta.url, {
+	name: "GrKbd",
+	safelist: grKbdSafelist
+});
+//#endregion
+export { grKbdSafelist as n, grKbdConfig as t };

package/dist/chunks/config-B-g6lT19.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-B-g6lT19.js","names":[],"sources":["../../src/components/GrKbd/safelist.ts","../../src/components/GrKbd/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport { comboBaseClass, comboGaps, keyBaseClass, keySizes, separatorClass } from './grKbdStyles'\n\nexport const grKbdSafelist = [...new Set([\n  ...splitClassTokens(keyBaseClass),\n  ...Object.values(keySizes).flatMap(splitClassTokens),\n  ...splitClassTokens(comboBaseClass),\n  ...Object.values(comboGaps).flatMap(splitClassTokens),\n  ...splitClassTokens(separatorClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grKbdSafelist } from './safelist'\n\nexport const grKbdConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrKbd',\n  safelist: grKbdSafelist,\n})\n"],"mappings":";;;;AAGA,IAAa,gBAAgB,CAAC,mBAAG,IAAI,IAAI;CACvC,GAAG,iBAAiB,YAAY;CAChC,GAAG,OAAO,OAAO,QAAQ,CAAC,CAAC,QAAQ,gBAAgB;CACnD,GAAG,iBAAiB,cAAc;CAClC,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,GAAG,iBAAiB,cAAc;AACpC,CAAC,CAAC;;;ACLF,IAAa,cAAc,wBAAwB,OAAO,KAAK,KAAK;CAClE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/config-B-iNaGdw.js

@@ -0,0 +1,199 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrSegmented/grSegmentedStyles.ts
+/** Направление ряда сегментов. Вертикаль — боковые фильтры. */
+var GR_SEGMENTED_ORIENTATIONS = ["horizontal", "vertical"];
+var rootBaseClass = "relative inline-grid min-w-0 items-stretch rounded-[var(--gr-segmented-radius)] p-[var(--gr-segmented-padding)] transition-colors duration-[var(--gr-duration-fast)]";
+/** Направление потока: остальную раскладку задают `gridTemplate*` в стиле корня. */
+var rootOrientationClassMap = {
+	horizontal: "grid-flow-col",
+	vertical: "grid-flow-row"
+};
+var rootVariantClassMap = {
+	pills: "border border-[var(--gr-segmented-track-brd)] bg-[var(--gr-segmented-track-bg)] text-[var(--gr-segmented-item-color)]",
+	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)]"
+};
+var rootBlockClass = "w-full";
+var rootDisabledClass = "text-[var(--gr-disabled-fg)]";
+var indicatorBaseClass = "pointer-events-none absolute left-0 top-0 rounded-[calc(var(--gr-segmented-radius)-var(--gr-segmented-padding))] transition-[transform,width,height,opacity] ease-[var(--gr-ease-out)]";
+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-[var(--gr-duration-fast)] 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: ""
+};
+var itemSelectedClass = "text-[var(--gr-segmented-item-selected-color)]";
+/**
+* Недоступный сегмент гасится токеном, а не `opacity`: прозрачность разбавляет
+* выверенные на AA токены текста и роняет контраст подписи.
+*/
+var itemDisabledClass = "cursor-not-allowed text-[var(--gr-disabled-fg)]";
+var itemEnabledClass = "cursor-pointer hover:text-[var(--gr-segmented-item-hover-color)]";
+var itemLabelClass = "truncate";
+var itemIconClass = "h-4 w-4 shrink-0";
+var itemSpinnerClass = "h-4 w-4 shrink-0 animate-spin";
+var iconOnlyClass = "gap-0";
+var rootSizeStyles = {
+	xs: {
+		"--gr-segmented-radius": "9999px",
+		"--gr-segmented-padding": "4px",
+		"--gr-segmented-item-px": "10px",
+		"--gr-segmented-item-py": "4px",
+		"--gr-segmented-font-size": "0.75rem",
+		"--gr-segmented-line-height": "1rem",
+		"--gr-segmented-font-weight": "600",
+		"--gr-segmented-min-height": "24px"
+	},
+	sm: {
+		"--gr-segmented-radius": "9999px",
+		"--gr-segmented-padding": "4px",
+		"--gr-segmented-item-px": "12px",
+		"--gr-segmented-item-py": "6px",
+		"--gr-segmented-font-size": "0.75rem",
+		"--gr-segmented-line-height": "1rem",
+		"--gr-segmented-font-weight": "600",
+		"--gr-segmented-min-height": "28px"
+	},
+	md: {
+		"--gr-segmented-radius": "9999px",
+		"--gr-segmented-padding": "4px",
+		"--gr-segmented-item-px": "14px",
+		"--gr-segmented-item-py": "8px",
+		"--gr-segmented-font-size": "0.875rem",
+		"--gr-segmented-line-height": "1.25rem",
+		"--gr-segmented-font-weight": "600",
+		"--gr-segmented-min-height": "40px"
+	},
+	lg: {
+		"--gr-segmented-radius": "9999px",
+		"--gr-segmented-padding": "4px",
+		"--gr-segmented-item-px": "16px",
+		"--gr-segmented-item-py": "10px",
+		"--gr-segmented-font-size": "0.9375rem",
+		"--gr-segmented-line-height": "1.25rem",
+		"--gr-segmented-font-weight": "600",
+		"--gr-segmented-min-height": "46px"
+	}
+};
+var rootVariantStyles = {
+	pills: {
+		"--gr-segmented-track-bg": "var(--gr-muted)",
+		"--gr-segmented-track-brd": "var(--gr-brd)",
+		"--gr-segmented-track-shadow": "none",
+		"--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(--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(--gr-card)",
+		"--gr-segmented-track-brd": "var(--gr-brd)",
+		"--gr-segmented-track-shadow": "var(--gr-shadow-1)",
+		"--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(--gr-muted-fg)",
+		"--gr-segmented-item-selected-color": "var(--gr-primary-fg)",
+		"--gr-segmented-item-hover-color": "var(--gr-fg)"
+	}
+};
+function grSegmentedRootClass(options) {
+	return [
+		rootBaseClass,
+		rootOrientationClassMap[options.orientation],
+		rootVariantClassMap[options.variant],
+		options.block ? rootBlockClass : "",
+		options.disabled ? rootDisabledClass : ""
+	].filter(Boolean).join(" ");
+}
+/**
+* Радиус дорожки в вертикали — пилюля **одной строки**, а не всей колонки.
+* `9999px` выверен под короткий горизонтальный ряд; на высокой колонке он
+* превращает дорожку в эллипс. Формула повторяет высоту сегмента, поэтому
+* скругление у колонки ровно такое же, как у ряда, и сегменты внутри остаются
+* пилюлями: они считают свой радиус от этого же значения.
+*/
+var verticalRadiusStyle = { "--gr-segmented-radius": "calc(var(--gr-segmented-min-height) / 2 + var(--gr-segmented-padding))" };
+function grSegmentedRootStyle(options) {
+	return {
+		...rootSizeStyles[options.size],
+		...rootVariantStyles[options.variant],
+		...options.orientation === "vertical" ? verticalRadiusStyle : {}
+	};
+}
+function grSegmentedIndicatorClass(variant) {
+	return [indicatorBaseClass, indicatorVariantClassMap[variant]].join(" ");
+}
+function grSegmentedItemClass(options) {
+	return [
+		itemBaseClass,
+		itemVariantClassMap[options.variant],
+		options.selected ? itemSelectedClass : "",
+		options.disabled ? itemDisabledClass : itemEnabledClass,
+		options.iconOnly ? iconOnlyClass : ""
+	].filter(Boolean).join(" ");
+}
+var grSegmentedItemLabelClass = itemLabelClass;
+var grSegmentedItemIconClass = itemIconClass;
+var grSegmentedItemSpinnerClass = itemSpinnerClass;
+//#endregion
+//#region src/components/GrSegmented/safelist.ts
+var grSegmentedClassTokens = {
+	rootBaseClass: splitClassTokens(rootBaseClass),
+	rootOrientationClassMap: Object.values(rootOrientationClassMap).flatMap(splitClassTokens),
+	rootVariantClassMap: Object.values(rootVariantClassMap).flatMap(splitClassTokens),
+	rootBlockClass: splitClassTokens(rootBlockClass),
+	rootDisabledClass: splitClassTokens(rootDisabledClass),
+	indicatorBaseClass: splitClassTokens(indicatorBaseClass),
+	indicatorVariantClassMap: Object.values(indicatorVariantClassMap).flatMap(splitClassTokens),
+	itemBaseClass: splitClassTokens(itemBaseClass),
+	itemVariantClassMap: Object.values(itemVariantClassMap).flatMap(splitClassTokens),
+	itemSelectedClass: splitClassTokens(itemSelectedClass),
+	itemDisabledClass: splitClassTokens(itemDisabledClass),
+	itemEnabledClass: splitClassTokens(itemEnabledClass),
+	itemLabelClass: splitClassTokens(itemLabelClass),
+	itemIconClass: splitClassTokens(itemIconClass),
+	itemSpinnerClass: splitClassTokens(itemSpinnerClass),
+	iconOnlyClass: splitClassTokens(iconOnlyClass)
+};
+var grSegmentedSafelist = [.../* @__PURE__ */ new Set([
+	...grSegmentedClassTokens.rootBaseClass,
+	...grSegmentedClassTokens.rootOrientationClassMap,
+	...grSegmentedClassTokens.rootVariantClassMap,
+	...grSegmentedClassTokens.rootBlockClass,
+	...grSegmentedClassTokens.rootDisabledClass,
+	...grSegmentedClassTokens.indicatorBaseClass,
+	...grSegmentedClassTokens.indicatorVariantClassMap,
+	...grSegmentedClassTokens.itemBaseClass,
+	...grSegmentedClassTokens.itemVariantClassMap,
+	...grSegmentedClassTokens.itemSelectedClass,
+	...grSegmentedClassTokens.itemDisabledClass,
+	...grSegmentedClassTokens.itemEnabledClass,
+	...grSegmentedClassTokens.itemLabelClass,
+	...grSegmentedClassTokens.itemIconClass,
+	...grSegmentedClassTokens.itemSpinnerClass,
+	...grSegmentedClassTokens.iconOnlyClass
+])];
+//#endregion
+//#region src/components/GrSegmented/config.ts
+var grSegmentedConfig = defineGranularComponent(import.meta.url, {
+	name: "GrSegmented",
+	safelist: grSegmentedSafelist,
+	tokenDefinitions: {
+		light: {
+			selector: ":root",
+			tokens: { "gr-segmented-indicator-highlight-shadow": "0 0 0 0 transparent" }
+		},
+		dark: {
+			selector: ".dark",
+			tokens: { "gr-segmented-indicator-highlight-shadow": "0 0 0 1px rgba(248, 250, 252, 0.08)" }
+		}
+	}
+});
+//#endregion
+export { grSegmentedItemClass as a, grSegmentedItemSpinnerClass as c, grSegmentedIndicatorClass as i, grSegmentedRootClass as l, grSegmentedSafelist as n, grSegmentedItemIconClass as o, GR_SEGMENTED_ORIENTATIONS as r, grSegmentedItemLabelClass as s, grSegmentedConfig as t, grSegmentedRootStyle as u };

package/dist/chunks/config-B-iNaGdw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-B-iNaGdw.js","names":[],"sources":["../../src/components/GrSegmented/grSegmentedStyles.ts","../../src/components/GrSegmented/safelist.ts","../../src/components/GrSegmented/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nimport type { Component } from 'vue'\nexport type GrSegmentedVariant = 'pills' | 'button'\nexport type GrSegmentedSize = GrComponentSize\n\n/** Направление ряда сегментов. Вертикаль — боковые фильтры. */\nexport const GR_SEGMENTED_ORIENTATIONS = ['horizontal', 'vertical'] as const\nexport type GrSegmentedOrientation = typeof GR_SEGMENTED_ORIENTATIONS[number]\nexport type GrSegmentedValue = string | number\nexport type GrSegmentedOption = {\n  value: GrSegmentedValue\n  label?: string\n  icon?: Component\n  disabled?: boolean\n  /**\n   * Сегмент занят: вместо иконки крутится спиннер, выбор не принимается.\n   * От `disabled` отличается смыслом — сегмент доступен, но сейчас работает.\n   */\n  loading?: boolean\n  /**\n   * Доступное имя сегмента. Обязательно для icon-only опций: иконка декоративна\n   * (`aria-hidden`), и без этого у сегмента нет имени вовсе — скринридер объявит\n   * пустую кнопку. Когда есть `label`, имя берётся из него, и поле не нужно.\n   */\n  ariaLabel?: string\n}\nexport const rootBaseClass =\n  'relative inline-grid min-w-0 items-stretch rounded-[var(--gr-segmented-radius)] p-[var(--gr-segmented-padding)] transition-colors duration-[var(--gr-duration-fast)]'\n\n/** Направление потока: остальную раскладку задают `gridTemplate*` в стиле корня. */\nexport const rootOrientationClassMap: Record<GrSegmentedOrientation, string> = {\n  horizontal: 'grid-flow-col',\n  vertical: 'grid-flow-row',\n}\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 rootDisabledClass = 'text-[var(--gr-disabled-fg)]'\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-[var(--gr-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-[var(--gr-duration-fast)] 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)]'\n/**\n * Недоступный сегмент гасится токеном, а не `opacity`: прозрачность разбавляет\n * выверенные на AA токены текста и роняет контраст подписи.\n */\nexport const itemDisabledClass = 'cursor-not-allowed text-[var(--gr-disabled-fg)]'\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 itemSpinnerClass = 'h-4 w-4 shrink-0 animate-spin'\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: {\n  variant: GrSegmentedVariant\n  orientation: GrSegmentedOrientation\n  block: boolean\n  disabled: boolean\n}): string {\n  return [\n    rootBaseClass,\n    rootOrientationClassMap[options.orientation],\n    rootVariantClassMap[options.variant],\n    options.block ? rootBlockClass : '',\n    options.disabled ? rootDisabledClass : '',\n  ].filter(Boolean).join(' ')\n}\n/**\n * Радиус дорожки в вертикали — пилюля **одной строки**, а не всей колонки.\n * `9999px` выверен под короткий горизонтальный ряд; на высокой колонке он\n * превращает дорожку в эллипс. Формула повторяет высоту сегмента, поэтому\n * скругление у колонки ровно такое же, как у ряда, и сегменты внутри остаются\n * пилюлями: они считают свой радиус от этого же значения.\n */\nconst verticalRadiusStyle = {\n  '--gr-segmented-radius': 'calc(var(--gr-segmented-min-height) / 2 + var(--gr-segmented-padding))',\n}\n\nexport function grSegmentedRootStyle(options: {\n  variant: GrSegmentedVariant\n  size: GrSegmentedSize\n  orientation: GrSegmentedOrientation\n}): Record<string, string> {\n  return {\n    ...rootSizeStyles[options.size],\n    ...rootVariantStyles[options.variant],\n    ...(options.orientation === 'vertical' ? verticalRadiusStyle : {}),\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\nexport const grSegmentedItemSpinnerClass = itemSpinnerClass\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  iconOnlyClass,\n  indicatorBaseClass,\n  indicatorVariantClassMap,\n  itemBaseClass,\n  itemDisabledClass,\n  itemEnabledClass,\n  itemIconClass,\n  itemLabelClass,\n  itemSpinnerClass,\n  itemSelectedClass,\n  itemVariantClassMap,\n  rootBaseClass,\n  rootBlockClass,\n  rootDisabledClass,\n  rootOrientationClassMap,\n  rootVariantClassMap,\n} from './grSegmentedStyles'\n\nexport const grSegmentedClassTokens = {\n  rootBaseClass: splitClassTokens(rootBaseClass),\n  rootOrientationClassMap: Object.values(rootOrientationClassMap).flatMap(splitClassTokens),\n  rootVariantClassMap: Object.values(rootVariantClassMap).flatMap(splitClassTokens),\n  rootBlockClass: splitClassTokens(rootBlockClass),\n  rootDisabledClass: splitClassTokens(rootDisabledClass),\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  itemSpinnerClass: splitClassTokens(itemSpinnerClass),\n  iconOnlyClass: splitClassTokens(iconOnlyClass),\n} as const\n\nexport const grSegmentedSafelist = [...new Set([\n  ...grSegmentedClassTokens.rootBaseClass,\n  ...grSegmentedClassTokens.rootOrientationClassMap,\n  ...grSegmentedClassTokens.rootVariantClassMap,\n  ...grSegmentedClassTokens.rootBlockClass,\n  ...grSegmentedClassTokens.rootDisabledClass,\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.itemSpinnerClass,\n  ...grSegmentedClassTokens.iconOnlyClass,\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":"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"}

package/dist/chunks/config-B84z1aos.js

@@ -0,0 +1,19 @@
+import { t as grButtonSafelist } from "./safelist-CudBLyAD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrButton/config.ts
+var grButtonConfig = defineGranularComponent(import.meta.url, {
+	name: "GrButton",
+	safelist: grButtonSafelist,
+	tokenDefinitionsRef: {
+		light: {
+			url: "./themes/light.css",
+			selector: ":root"
+		},
+		dark: {
+			url: "./themes/dark.css",
+			as: ".dark, [data-theme=\"dark\"]"
+		}
+	}
+});
+//#endregion
+export { grButtonConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-B84z1aos.js","names":[],"sources":["../../src/components/GrButton/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\nimport { grButtonSafelist } from './safelist'\n\nexport const grButtonConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrButton',\n  safelist: grButtonSafelist,\n  tokenDefinitionsRef: {\n    light: { url: './themes/light.css', selector: ':root' },\n    dark: { url: './themes/dark.css', as: '.dark, [data-theme=\"dark\"]' },\n  },\n})\n"],"mappings":";;;AAGA,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,UAAU;CACV,qBAAqB;EACnB,OAAO;GAAE,KAAK;GAAsB,UAAU;EAAQ;EACtD,MAAM;GAAE,KAAK;GAAqB,IAAI;EAA6B;CACrE;AACF,CAAC"}

package/dist/chunks/config-BE6n20np.js

@@ -0,0 +1,27 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrSplitter/grSplitterStyles.ts
+/**
+* Классы `GrSplitter`. Геометрия (толщина полосы, зона захвата, курсоры)
+* зависит от ориентации и от состояния жеста, поэтому живёт в собственном
+* `<style>` компонента, а не в утилитах.
+*/
+var rootClass = "grid h-full w-full";
+/** Без `min-*: 0` содержимое панели распирает грид-трек и ломает раскладку. */
+var paneClass = "min-h-0 min-w-0";
+var separatorClass = "relative [touch-action:none] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-inset";
+//#endregion
+//#region src/components/GrSplitter/safelist.ts
+var grSplitterSafelist = [.../* @__PURE__ */ new Set([
+	...splitClassTokens(rootClass),
+	...splitClassTokens(paneClass),
+	...splitClassTokens(separatorClass)
+])];
+//#endregion
+//#region src/components/GrSplitter/config.ts
+var grSplitterConfig = defineGranularComponent(import.meta.url, {
+	name: "GrSplitter",
+	safelist: grSplitterSafelist
+});
+//#endregion
+export { separatorClass as a, rootClass as i, grSplitterSafelist as n, paneClass as r, grSplitterConfig as t };

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

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