@feugene/granularity 0.12.0 → 0.16.0

package/dist/chunks/config-Cw6TDzWv2.js

@@ -0,0 +1,72 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrTimeline/grTimelineStyles.ts
+/**
+* Отступ **под** пунктом, а не `gap` контейнера: отрезок оси растёт до низа
+* пункта, и промежуток, которого пункт не занимает, разорвал бы линию.
+*/
+var densityPadding = {
+	regular: "pb-5",
+	compact: "pb-3"
+};
+/**
+* Заливка маркера. У тона `neutral` одноимённой роли в палитре нет — его вес
+* это приглушённый текст, поэтому точка красится `--gr-muted-fg`.
+*/
+var markerFilledToneClass = {
+	neutral: "bg-[var(--gr-muted-fg)]",
+	primary: "bg-[var(--gr-primary)]",
+	success: "bg-[var(--gr-success)]",
+	warning: "bg-[var(--gr-warning)]",
+	danger: "bg-[var(--gr-danger)]",
+	info: "bg-[var(--gr-info)]",
+	slate: "bg-[var(--gr-slate)]",
+	azure: "bg-[var(--gr-azure)]"
+};
+/** Полая точка: обводка тоном, середина — фон страницы, чтобы ось не просвечивала. */
+var markerOutlinedToneClass = {
+	neutral: "bg-[var(--gr-bg)] border-[var(--gr-muted-fg)]",
+	primary: "bg-[var(--gr-bg)] border-[var(--gr-primary)]",
+	success: "bg-[var(--gr-bg)] border-[var(--gr-success)]",
+	warning: "bg-[var(--gr-bg)] border-[var(--gr-warning)]",
+	danger: "bg-[var(--gr-bg)] border-[var(--gr-danger)]",
+	info: "bg-[var(--gr-bg)] border-[var(--gr-info)]",
+	slate: "bg-[var(--gr-bg)] border-[var(--gr-slate)]",
+	azure: "bg-[var(--gr-bg)] border-[var(--gr-azure)]"
+};
+var markerBaseClass = "block shrink-0 rounded-[var(--gr-radius-full)]";
+var timeClass = "text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-normal)] text-[var(--gr-muted-fg)] [font-variant-numeric:tabular-nums]";
+var titleClass = "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-normal)] font-600 text-[var(--gr-fg)]";
+var descriptionClass = "mt-0.5 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-normal)] text-[var(--gr-muted-fg)]";
+var groupTitleClass = "text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-normal)] font-600 uppercase tracking-wide text-[var(--gr-muted-fg)]";
+var emptyClass = "py-6 text-center text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-normal)] text-[var(--gr-muted-fg)]";
+var loadingRowClass = "flex items-center gap-3 pb-5";
+function grTimelineDensityClass(density) {
+	return densityPadding[density];
+}
+function grTimelineMarkerClass(tone, variant) {
+	return `${markerBaseClass} ${variant === "filled" ? markerFilledToneClass[tone] : markerOutlinedToneClass[tone]}`;
+}
+//#endregion
+//#region src/components/GrTimeline/safelist.ts
+var grTimelineSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(densityPadding).flatMap(splitClassTokens),
+	...Object.values(markerFilledToneClass).flatMap(splitClassTokens),
+	...Object.values(markerOutlinedToneClass).flatMap(splitClassTokens),
+	...splitClassTokens(markerBaseClass),
+	...splitClassTokens(timeClass),
+	...splitClassTokens(titleClass),
+	...splitClassTokens(descriptionClass),
+	...splitClassTokens(groupTitleClass),
+	...splitClassTokens(emptyClass),
+	...splitClassTokens(loadingRowClass)
+])];
+//#endregion
+//#region src/components/GrTimeline/config.ts
+var grTimelineConfig = defineGranularComponent(import.meta.url, {
+	name: "GrTimeline",
+	safelist: grTimelineSafelist,
+	dependencies: ["GrSkeleton"]
+});
+//#endregion
+export { grTimelineDensityClass as a, loadingRowClass as c, emptyClass as i, timeClass as l, grTimelineSafelist as n, grTimelineMarkerClass as o, descriptionClass as r, groupTitleClass as s, grTimelineConfig as t, titleClass as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-Cw6TDzWv2.js","names":[],"sources":["../../src/components/GrTimeline/grTimelineStyles.ts","../../src/components/GrTimeline/safelist.ts","../../src/components/GrTimeline/config.ts"],"sourcesContent":["import type { GrTone } from '../shared/tones'\n\nexport type GrTimelineTone = GrTone\n\n/** Плотность вертикальных отступов пункта — та же ось, что `density` у `GrListItem`. */\nexport const GR_TIMELINE_DENSITIES = ['regular', 'compact'] as const\nexport type GrTimelineDensity = typeof GR_TIMELINE_DENSITIES[number]\n\n/**\n * `stacked` — одна ось слева; `time` — метка времени отдельной колонкой слева от\n * оси; `alternate` — пункты попеременно по обе стороны центральной оси.\n */\nexport const GR_TIMELINE_LAYOUTS = ['stacked', 'time', 'alternate'] as const\nexport type GrTimelineLayout = typeof GR_TIMELINE_LAYOUTS[number]\n\nexport const GR_TIMELINE_ORIENTATIONS = ['vertical', 'horizontal'] as const\nexport type GrTimelineOrientation = typeof GR_TIMELINE_ORIENTATIONS[number]\n\n/** Заполненная точка — событие случилось; полая — запланировано. */\nexport const GR_TIMELINE_MARKER_VARIANTS = ['filled', 'outlined'] as const\nexport type GrTimelineMarkerVariant = typeof GR_TIMELINE_MARKER_VARIANTS[number]\n\n/**\n * Отступ **под** пунктом, а не `gap` контейнера: отрезок оси растёт до низа\n * пункта, и промежуток, которого пункт не занимает, разорвал бы линию.\n */\nexport const densityPadding: Record<GrTimelineDensity, string> = {\n  regular: 'pb-5',\n  compact: 'pb-3',\n}\n\n/**\n * Заливка маркера. У тона `neutral` одноимённой роли в палитре нет — его вес\n * это приглушённый текст, поэтому точка красится `--gr-muted-fg`.\n */\nexport const markerFilledToneClass: Record<GrTimelineTone, string> = {\n  neutral: 'bg-[var(--gr-muted-fg)]',\n  primary: 'bg-[var(--gr-primary)]',\n  success: 'bg-[var(--gr-success)]',\n  warning: 'bg-[var(--gr-warning)]',\n  danger: 'bg-[var(--gr-danger)]',\n  info: 'bg-[var(--gr-info)]',\n  slate: 'bg-[var(--gr-slate)]',\n  azure: 'bg-[var(--gr-azure)]',\n}\n\n/** Полая точка: обводка тоном, середина — фон страницы, чтобы ось не просвечивала. */\nexport const markerOutlinedToneClass: Record<GrTimelineTone, string> = {\n  neutral: 'bg-[var(--gr-bg)] border-[var(--gr-muted-fg)]',\n  primary: 'bg-[var(--gr-bg)] border-[var(--gr-primary)]',\n  success: 'bg-[var(--gr-bg)] border-[var(--gr-success)]',\n  warning: 'bg-[var(--gr-bg)] border-[var(--gr-warning)]',\n  danger: 'bg-[var(--gr-bg)] border-[var(--gr-danger)]',\n  info: 'bg-[var(--gr-bg)] border-[var(--gr-info)]',\n  slate: 'bg-[var(--gr-bg)] border-[var(--gr-slate)]',\n  azure: 'bg-[var(--gr-bg)] border-[var(--gr-azure)]',\n}\n\nexport const markerBaseClass = 'block shrink-0 rounded-[var(--gr-radius-full)]'\n\nexport const timeClass = 'text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-normal)] text-[var(--gr-muted-fg)] [font-variant-numeric:tabular-nums]'\n\nexport const titleClass = 'text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-normal)] font-600 text-[var(--gr-fg)]'\n\nexport const descriptionClass = 'mt-0.5 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-normal)] text-[var(--gr-muted-fg)]'\n\nexport const groupTitleClass = 'text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-normal)] font-600 uppercase tracking-wide text-[var(--gr-muted-fg)]'\n\nexport const emptyClass = 'py-6 text-center text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-normal)] text-[var(--gr-muted-fg)]'\n\nexport const loadingRowClass = 'flex items-center gap-3 pb-5'\n\nexport function grTimelineDensityClass(density: GrTimelineDensity): string {\n  return densityPadding[density]\n}\n\nexport function grTimelineMarkerClass(\n  tone: GrTimelineTone,\n  variant: GrTimelineMarkerVariant,\n): string {\n  const toneClass = variant === 'filled'\n    ? markerFilledToneClass[tone]\n    : markerOutlinedToneClass[tone]\n\n  return `${markerBaseClass} ${toneClass}`\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  densityPadding,\n  descriptionClass,\n  emptyClass,\n  groupTitleClass,\n  loadingRowClass,\n  markerBaseClass,\n  markerFilledToneClass,\n  markerOutlinedToneClass,\n  timeClass,\n  titleClass,\n} from './grTimelineStyles'\n\nexport const grTimelineSafelist = [...new Set([\n  ...Object.values(densityPadding).flatMap(splitClassTokens),\n  ...Object.values(markerFilledToneClass).flatMap(splitClassTokens),\n  ...Object.values(markerOutlinedToneClass).flatMap(splitClassTokens),\n  ...splitClassTokens(markerBaseClass),\n  ...splitClassTokens(timeClass),\n  ...splitClassTokens(titleClass),\n  ...splitClassTokens(descriptionClass),\n  ...splitClassTokens(groupTitleClass),\n  ...splitClassTokens(emptyClass),\n  ...splitClassTokens(loadingRowClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grTimelineSafelist } from './safelist'\n\nexport const grTimelineConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTimeline',\n  safelist: grTimelineSafelist,\n  dependencies: ['GrSkeleton'],\n})\n"],"mappings":";;;;;;;AA0BA,IAAa,iBAAoD;CAC/D,SAAS;CACT,SAAS;AACX;;;;;AAMA,IAAa,wBAAwD;CACnE,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;AACT;;AAGA,IAAa,0BAA0D;CACrE,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;AACT;AAEA,IAAa,kBAAkB;AAE/B,IAAa,YAAY;AAEzB,IAAa,aAAa;AAE1B,IAAa,mBAAmB;AAEhC,IAAa,kBAAkB;AAE/B,IAAa,aAAa;AAE1B,IAAa,kBAAkB;AAE/B,SAAgB,uBAAuB,SAAoC;CACzE,OAAO,eAAe;AACxB;AAEA,SAAgB,sBACd,MACA,SACQ;CAKR,OAAO,GAAG,gBAAgB,GAJR,YAAY,WAC1B,sBAAsB,QACtB,wBAAwB;AAG9B;;;ACvEA,IAAa,qBAAqB,CAAC,mBAAG,IAAI,IAAI;CAC5C,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;CACzD,GAAG,OAAO,OAAO,qBAAqB,CAAC,CAAC,QAAQ,gBAAgB;CAChE,GAAG,OAAO,OAAO,uBAAuB,CAAC,CAAC,QAAQ,gBAAgB;CAClE,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,SAAS;CAC7B,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,eAAe;AACrC,CAAC,CAAC;;;ACrBF,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,MAAM;CACN,UAAU;CACV,cAAc,CAAC,YAAY;AAC7B,CAAC"}

package/dist/chunks/config-Cwd3yjRw.js

@@ -0,0 +1,41 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { C as selectSizeClassBySize, S as selectOptionWidthClass, _ as selectOptionActiveClass, a as grSelectLinkNativeLabelDisabledClass, b as selectOptionEnabledClass, f as invalidBorderClass, g as selectLinkVariantClassByVariant, h as selectLinkSizeClassBySize, m as selectLinkNativeLabelVariantClassByVariant, n as defaultBaseClass, o as grSelectLinkNativeLabelFocusClass, p as linkBaseClass, r as grSelectLinkNativeLabelBaseClass, s as grSelectLinkNativeOverlayClass, t as borderClassByState, u as grSelectPanelClasses, v as selectOptionBaseClass, x as selectOptionLinkWidthClass, y as selectOptionDisabledClass } from "./grSelectStyles-eTz4uPMP.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrSelect/safelist.ts
+var grSelectSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(borderClassByState).flatMap(splitClassTokens),
+	...splitClassTokens(invalidBorderClass),
+	...Object.values(selectSizeClassBySize).flatMap(splitClassTokens),
+	...splitClassTokens(defaultBaseClass),
+	...splitClassTokens(linkBaseClass),
+	...splitClassTokens(grSelectLinkNativeOverlayClass),
+	...splitClassTokens(grSelectLinkNativeLabelBaseClass),
+	...splitClassTokens(grSelectLinkNativeLabelDisabledClass),
+	...splitClassTokens(grSelectLinkNativeLabelFocusClass),
+	...splitClassTokens(grSelectPanelClasses),
+	...Object.values(selectLinkSizeClassBySize).flatMap(splitClassTokens),
+	...Object.values(selectLinkVariantClassByVariant).flatMap(splitClassTokens),
+	...Object.values(selectLinkNativeLabelVariantClassByVariant).flatMap(splitClassTokens),
+	...splitClassTokens("no-underline underline underline-offset-4 hover:underline hover:underline-offset-4 peer-hover:underline peer-hover:underline-offset-4"),
+	...splitClassTokens("disabled:cursor-not-allowed disabled:text-[var(--gr-muted-fg)] disabled:no-underline"),
+	...splitClassTokens("disabled:cursor-not-allowed disabled:bg-[var(--gr-muted)] disabled:text-[var(--gr-muted-fg)]"),
+	...splitClassTokens(selectOptionBaseClass),
+	...splitClassTokens(selectOptionWidthClass),
+	...splitClassTokens(selectOptionLinkWidthClass),
+	...splitClassTokens(selectOptionEnabledClass),
+	...splitClassTokens(selectOptionActiveClass),
+	...splitClassTokens(selectOptionDisabledClass),
+	...splitClassTokens("appearance-none pr-9"),
+	...splitClassTokens("inline-flex items-center gap-1 text-left"),
+	...splitClassTokens("flex items-center justify-between text-left"),
+	...splitClassTokens("block min-w-full w-max whitespace-nowrap")
+])];
+//#endregion
+//#region src/components/GrSelect/config.ts
+var grSelectConfig = defineGranularComponent(import.meta.url, {
+	name: "GrSelect",
+	dependencies: ["GrBadge", "GrInput"],
+	safelist: grSelectSafelist
+});
+//#endregion
+export { grSelectSafelist as n, grSelectConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-Cwd3yjRw.js","names":[],"sources":["../../src/components/GrSelect/safelist.ts","../../src/components/GrSelect/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  borderClassByState,\n  defaultBaseClass,\n  grSelectLinkNativeLabelBaseClass,\n  grSelectLinkNativeLabelDisabledClass,\n  grSelectLinkNativeLabelFocusClass,\n  grSelectLinkNativeOverlayClass,\n  grSelectPanelClasses,\n  invalidBorderClass,\n  linkBaseClass,\n  selectOptionActiveClass,\n  selectOptionBaseClass,\n  selectOptionDisabledClass,\n  selectOptionEnabledClass,\n  selectOptionLinkWidthClass,\n  selectOptionWidthClass,\n  selectLinkNativeLabelVariantClassByVariant,\n  selectLinkSizeClassBySize,\n  selectLinkVariantClassByVariant,\n  selectSizeClassBySize,\n} from './grSelectStyles'\n\n// Всё, что живёт в `grSelectStyles.ts`: и вычисляемые мапы, и строковые литералы\n// оболочки, link-режима, native-overlay и панели. Хелпер уезжает в общий\n// `dist/chunks/`, вне области скана компонента — гейт `src/__tests__/safelist.test.ts`.\nexport const grSelectSafelist = [...new Set([\n  ...Object.values(borderClassByState).flatMap(splitClassTokens),\n  ...splitClassTokens(invalidBorderClass),\n  ...Object.values(selectSizeClassBySize).flatMap(splitClassTokens),\n  ...splitClassTokens(defaultBaseClass),\n  ...splitClassTokens(linkBaseClass),\n  ...splitClassTokens(grSelectLinkNativeOverlayClass),\n  ...splitClassTokens(grSelectLinkNativeLabelBaseClass),\n  ...splitClassTokens(grSelectLinkNativeLabelDisabledClass),\n  ...splitClassTokens(grSelectLinkNativeLabelFocusClass),\n  ...splitClassTokens(grSelectPanelClasses),\n  ...Object.values(selectLinkSizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(selectLinkVariantClassByVariant).flatMap(splitClassTokens),\n  ...Object.values(selectLinkNativeLabelVariantClassByVariant).flatMap(splitClassTokens),\n  ...splitClassTokens('no-underline underline underline-offset-4 hover:underline hover:underline-offset-4 peer-hover:underline peer-hover:underline-offset-4'),\n  ...splitClassTokens('disabled:cursor-not-allowed disabled:text-[var(--gr-muted-fg)] disabled:no-underline'),\n  ...splitClassTokens('disabled:cursor-not-allowed disabled:bg-[var(--gr-muted)] disabled:text-[var(--gr-muted-fg)]'),\n  ...splitClassTokens(selectOptionBaseClass),\n  ...splitClassTokens(selectOptionWidthClass),\n  ...splitClassTokens(selectOptionLinkWidthClass),\n  ...splitClassTokens(selectOptionEnabledClass),\n  ...splitClassTokens(selectOptionActiveClass),\n  ...splitClassTokens(selectOptionDisabledClass),\n  ...splitClassTokens('appearance-none pr-9'),\n  ...splitClassTokens('inline-flex items-center gap-1 text-left'),\n  ...splitClassTokens('flex items-center justify-between text-left'),\n  ...splitClassTokens('block min-w-full w-max whitespace-nowrap'),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grSelectSafelist } from './safelist'\n\nexport const grSelectConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSelect',\n  dependencies: ['GrBadge', 'GrInput'],\n  safelist: grSelectSafelist,\n})"],"mappings":";;;;AA0BA,IAAa,mBAAmB,CAAC,mBAAG,IAAI,IAAI;CAC1C,GAAG,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;CAC7D,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,OAAO,OAAO,qBAAqB,CAAC,CAAC,QAAQ,gBAAgB;CAChE,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,8BAA8B;CAClD,GAAG,iBAAiB,gCAAgC;CACpD,GAAG,iBAAiB,oCAAoC;CACxD,GAAG,iBAAiB,iCAAiC;CACrD,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,OAAO,OAAO,yBAAyB,CAAC,CAAC,QAAQ,gBAAgB;CACpE,GAAG,OAAO,OAAO,+BAA+B,CAAC,CAAC,QAAQ,gBAAgB;CAC1E,GAAG,OAAO,OAAO,0CAA0C,CAAC,CAAC,QAAQ,gBAAgB;CACrF,GAAG,iBAAiB,uIAAuI;CAC3J,GAAG,iBAAiB,sFAAsF;CAC1G,GAAG,iBAAiB,8FAA8F;CAClH,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,0BAA0B;CAC9C,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,uBAAuB;CAC3C,GAAG,iBAAiB,yBAAyB;CAC7C,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,0CAA0C;CAC9D,GAAG,iBAAiB,6CAA6C;CACjE,GAAG,iBAAiB,0CAA0C;AAChE,CAAC,CAAC;;;ACjDF,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,WAAW,SAAS;CACnC,UAAU;AACZ,CAAC"}

package/dist/chunks/config-D3_g2KIn.js

@@ -0,0 +1,120 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrBottomNav/grBottomNavStyles.ts
+/**
+* Брейкпоинт, начиная с которого панель скрывается. `none` — видна всегда:
+* киоск и PWA нижнюю навигацию не прячут.
+*/
+var GR_BOTTOM_NAV_HIDE_ABOVE = [
+	"sm",
+	"md",
+	"lg",
+	"none"
+];
+/** Прижата к нижней кромке экрана или лежит обычным блоком в потоке. */
+var GR_BOTTOM_NAV_POSITIONS = ["fixed", "static"];
+var rootBase = "border-t border-[var(--gr-brd)] bg-[var(--gr-bg)] px-2 pb-[env(safe-area-inset-bottom)]";
+var rootPositionClass = {
+	fixed: "fixed bottom-0 left-0 right-0 z-[var(--gr-z-bottom-nav)]",
+	static: "relative w-full"
+};
+var rootHideAboveClass = {
+	sm: "sm:hidden",
+	md: "md:hidden",
+	lg: "lg:hidden",
+	none: ""
+};
+var listClass = "flex items-center justify-around";
+/**
+* Размерная шкала панели: высота полосы, глиф и кегль подписи.
+*
+* Что тянуть у панели фиксированной высоты — вопрос неочевидный, и ответ здесь
+* ограничен снизу доступностью: **тач-таргет пункта не может стать меньше
+* 44×44** (WCAG 2.5.5). Поэтому ступень ужимает полосу и содержимое, а сам
+* пункт остаётся тем же прямоугольником под палец — `min-w-[44px]
+* min-h-[44px]` в `itemBase` вне шкалы намеренно.
+*
+* `md` совпадает с историческим видом панели: без пропа не меняется ничего.
+*/
+var listSizes = {
+	xs: "h-12",
+	sm: "h-14",
+	md: "h-14",
+	lg: "h-16"
+};
+var itemTextSizes = {
+	xs: "text-[length:var(--gr-text-2xs)]",
+	sm: "text-[length:var(--gr-text-2xs)]",
+	md: "text-[length:var(--gr-text-xs)]",
+	lg: "text-[length:var(--gr-text-sm)]"
+};
+var itemIconSizes = {
+	xs: "h-4 w-4",
+	sm: "h-5 w-5",
+	md: "h-5 w-5",
+	lg: "h-6 w-6"
+};
+var itemBase = "relative min-w-[44px] min-h-[44px] px-3 py-1 rounded-[var(--gr-radius-md)] flex flex-col items-center justify-center gap-0.5 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+/**
+* Активный пункт несёт три отличия сразу — подложку, вес и цвет. Одного цвета
+* мало: он не виден при монохромном зрении и не существует для диктора
+* (`aria-current` закрывает вторую половину задачи).
+*/
+var itemActiveClass = "bg-[var(--gr-muted)] font-600 text-[var(--gr-primary-text)]";
+var itemIdleClass = "font-500 text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)]";
+/** Недоступный пункт гасится токеном: `opacity` разбавляет выверенные на AA цвета. */
+var itemDisabledClass = "cursor-not-allowed font-500 text-[var(--gr-disabled-fg)]";
+var itemIconClass = "block shrink-0";
+var itemLabelClass = "max-w-full truncate leading-none";
+/**
+* Бейдж висит поверх правого верхнего угла пункта. Своя разметка, а не
+* `GrBadgeWrap`: зависимость притащила бы потребителю чужой CSS ради кружка.
+*/
+var itemBadgeClass = "absolute top-0.5 right-1 min-w-4 h-4 px-1 rounded-[var(--gr-radius-full)] bg-[var(--gr-danger)] text-[var(--gr-danger-fg)] text-[length:var(--gr-text-2xs)] font-700 inline-flex items-center justify-center";
+function grBottomNavRootClass(options) {
+	return [
+		rootBase,
+		rootPositionClass[options.position],
+		rootHideAboveClass[options.hideAbove]
+	].filter(Boolean).join(" ");
+}
+function grBottomNavListClass(size) {
+	return [listClass, listSizes[size]].join(" ");
+}
+function grBottomNavIconClass(size) {
+	return [itemIconClass, itemIconSizes[size]].join(" ");
+}
+function grBottomNavItemClass(options) {
+	const state = options.disabled ? itemDisabledClass : options.active ? itemActiveClass : itemIdleClass;
+	return [
+		itemBase,
+		itemTextSizes[options.size],
+		state
+	].join(" ");
+}
+//#endregion
+//#region src/components/GrBottomNav/safelist.ts
+var grBottomNavSafelist = [.../* @__PURE__ */ new Set([
+	...splitClassTokens(rootBase),
+	...splitClassTokens(listClass),
+	...splitClassTokens(itemBase),
+	...splitClassTokens(itemActiveClass),
+	...splitClassTokens(itemIdleClass),
+	...splitClassTokens(itemDisabledClass),
+	...splitClassTokens(itemIconClass),
+	...splitClassTokens(itemLabelClass),
+	...splitClassTokens(itemBadgeClass),
+	...Object.values(listSizes).flatMap(splitClassTokens),
+	...Object.values(itemTextSizes).flatMap(splitClassTokens),
+	...Object.values(itemIconSizes).flatMap(splitClassTokens),
+	...Object.values(rootPositionClass).flatMap(splitClassTokens),
+	...Object.values(rootHideAboveClass).flatMap(splitClassTokens)
+])];
+//#endregion
+//#region src/components/GrBottomNav/config.ts
+var grBottomNavConfig = defineGranularComponent(import.meta.url, {
+	name: "GrBottomNav",
+	safelist: grBottomNavSafelist
+});
+//#endregion
+export { grBottomNavIconClass as a, grBottomNavRootClass as c, GR_BOTTOM_NAV_POSITIONS as i, itemBadgeClass as l, grBottomNavSafelist as n, grBottomNavItemClass as o, GR_BOTTOM_NAV_HIDE_ABOVE as r, grBottomNavListClass as s, grBottomNavConfig as t, itemLabelClass as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-D3_g2KIn.js","names":[],"sources":["../../src/components/GrBottomNav/grBottomNavStyles.ts","../../src/components/GrBottomNav/safelist.ts","../../src/components/GrBottomNav/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\n/**\n * Брейкпоинт, начиная с которого панель скрывается. `none` — видна всегда:\n * киоск и PWA нижнюю навигацию не прячут.\n */\nexport const GR_BOTTOM_NAV_HIDE_ABOVE = ['sm', 'md', 'lg', 'none'] as const\nexport type GrBottomNavHideAbove = typeof GR_BOTTOM_NAV_HIDE_ABOVE[number]\n\n/** Прижата к нижней кромке экрана или лежит обычным блоком в потоке. */\nexport const GR_BOTTOM_NAV_POSITIONS = ['fixed', 'static'] as const\nexport type GrBottomNavPosition = typeof GR_BOTTOM_NAV_POSITIONS[number]\n\nexport const rootBase = 'border-t border-[var(--gr-brd)] bg-[var(--gr-bg)] px-2 pb-[env(safe-area-inset-bottom)]'\n\nexport const rootPositionClass: Record<GrBottomNavPosition, string> = {\n  fixed: 'fixed bottom-0 left-0 right-0 z-[var(--gr-z-bottom-nav)]',\n  static: 'relative w-full',\n}\n\nexport const rootHideAboveClass: Record<GrBottomNavHideAbove, string> = {\n  sm: 'sm:hidden',\n  md: 'md:hidden',\n  lg: 'lg:hidden',\n  none: '',\n}\n\nexport const listClass = 'flex items-center justify-around'\n\n/**\n * Размерная шкала панели: высота полосы, глиф и кегль подписи.\n *\n * Что тянуть у панели фиксированной высоты — вопрос неочевидный, и ответ здесь\n * ограничен снизу доступностью: **тач-таргет пункта не может стать меньше\n * 44×44** (WCAG 2.5.5). Поэтому ступень ужимает полосу и содержимое, а сам\n * пункт остаётся тем же прямоугольником под палец — `min-w-[44px]\n * min-h-[44px]` в `itemBase` вне шкалы намеренно.\n *\n * `md` совпадает с историческим видом панели: без пропа не меняется ничего.\n */\nexport const listSizes: Record<GrComponentSize, string> = {\n  xs: 'h-12',\n  sm: 'h-14',\n  md: 'h-14',\n  lg: 'h-16',\n}\n\nexport const itemTextSizes: Record<GrComponentSize, string> = {\n  xs: 'text-[length:var(--gr-text-2xs)]',\n  sm: 'text-[length:var(--gr-text-2xs)]',\n  md: 'text-[length:var(--gr-text-xs)]',\n  lg: 'text-[length:var(--gr-text-sm)]',\n}\n\nexport const itemIconSizes: Record<GrComponentSize, string> = {\n  xs: 'h-4 w-4',\n  sm: 'h-5 w-5',\n  md: 'h-5 w-5',\n  lg: 'h-6 w-6',\n}\n\nexport const itemBase = 'relative min-w-[44px] min-h-[44px] px-3 py-1 rounded-[var(--gr-radius-md)] flex flex-col items-center justify-center gap-0.5 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\n/**\n * Активный пункт несёт три отличия сразу — подложку, вес и цвет. Одного цвета\n * мало: он не виден при монохромном зрении и не существует для диктора\n * (`aria-current` закрывает вторую половину задачи).\n */\nexport const itemActiveClass = 'bg-[var(--gr-muted)] font-600 text-[var(--gr-primary-text)]'\nexport const itemIdleClass = 'font-500 text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)]'\n\n/** Недоступный пункт гасится токеном: `opacity` разбавляет выверенные на AA цвета. */\nexport const itemDisabledClass = 'cursor-not-allowed font-500 text-[var(--gr-disabled-fg)]'\n\nexport const itemIconClass = 'block shrink-0'\nexport const itemLabelClass = 'max-w-full truncate leading-none'\n\n/**\n * Бейдж висит поверх правого верхнего угла пункта. Своя разметка, а не\n * `GrBadgeWrap`: зависимость притащила бы потребителю чужой CSS ради кружка.\n */\nexport const itemBadgeClass = 'absolute top-0.5 right-1 min-w-4 h-4 px-1 rounded-[var(--gr-radius-full)] bg-[var(--gr-danger)] text-[var(--gr-danger-fg)] text-[length:var(--gr-text-2xs)] font-700 inline-flex items-center justify-center'\n\nexport function grBottomNavRootClass(options: {\n  position: GrBottomNavPosition\n  hideAbove: GrBottomNavHideAbove\n}): string {\n  return [rootBase, rootPositionClass[options.position], rootHideAboveClass[options.hideAbove]]\n    .filter(Boolean)\n    .join(' ')\n}\n\nexport function grBottomNavListClass(size: GrComponentSize): string {\n  return [listClass, listSizes[size]].join(' ')\n}\n\nexport function grBottomNavIconClass(size: GrComponentSize): string {\n  return [itemIconClass, itemIconSizes[size]].join(' ')\n}\n\nexport function grBottomNavItemClass(options: {\n  active: boolean\n  disabled: boolean\n  size: GrComponentSize\n}): string {\n  const state = options.disabled\n    ? itemDisabledClass\n    : options.active ? itemActiveClass : itemIdleClass\n\n  return [itemBase, itemTextSizes[options.size], state].join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  itemActiveClass,\n  itemBadgeClass,\n  itemBase,\n  itemDisabledClass,\n  itemIconClass,\n  itemIconSizes,\n  itemIdleClass,\n  itemLabelClass,\n  itemTextSizes,\n  listClass,\n  listSizes,\n  rootBase,\n  rootHideAboveClass,\n  rootPositionClass,\n} from './grBottomNavStyles'\n\nexport const grBottomNavSafelist = [...new Set([\n  ...splitClassTokens(rootBase),\n  ...splitClassTokens(listClass),\n  ...splitClassTokens(itemBase),\n  ...splitClassTokens(itemActiveClass),\n  ...splitClassTokens(itemIdleClass),\n  ...splitClassTokens(itemDisabledClass),\n  ...splitClassTokens(itemIconClass),\n  ...splitClassTokens(itemLabelClass),\n  ...splitClassTokens(itemBadgeClass),\n  ...Object.values(listSizes).flatMap(splitClassTokens),\n  ...Object.values(itemTextSizes).flatMap(splitClassTokens),\n  ...Object.values(itemIconSizes).flatMap(splitClassTokens),\n  ...Object.values(rootPositionClass).flatMap(splitClassTokens),\n  ...Object.values(rootHideAboveClass).flatMap(splitClassTokens),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grBottomNavSafelist } from './safelist'\n\nexport const grBottomNavConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrBottomNav',\n  safelist: grBottomNavSafelist,\n})\n"],"mappings":";;;;;;;AAMA,IAAa,2BAA2B;CAAC;CAAM;CAAM;CAAM;AAAM;;AAIjE,IAAa,0BAA0B,CAAC,SAAS,QAAQ;AAGzD,IAAa,WAAW;AAExB,IAAa,oBAAyD;CACpE,OAAO;CACP,QAAQ;AACV;AAEA,IAAa,qBAA2D;CACtE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR;AAEA,IAAa,YAAY;;;;;;;;;;;;AAazB,IAAa,YAA6C;CACxD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,gBAAiD;CAC5D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,gBAAiD;CAC5D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,WAAW;;;;;;AAOxB,IAAa,kBAAkB;AAC/B,IAAa,gBAAgB;;AAG7B,IAAa,oBAAoB;AAEjC,IAAa,gBAAgB;AAC7B,IAAa,iBAAiB;;;;;AAM9B,IAAa,iBAAiB;AAE9B,SAAgB,qBAAqB,SAG1B;CACT,OAAO;EAAC;EAAU,kBAAkB,QAAQ;EAAW,mBAAmB,QAAQ;CAAU,CAAC,CAC1F,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;AACb;AAEA,SAAgB,qBAAqB,MAA+B;CAClE,OAAO,CAAC,WAAW,UAAU,KAAK,CAAC,CAAC,KAAK,GAAG;AAC9C;AAEA,SAAgB,qBAAqB,MAA+B;CAClE,OAAO,CAAC,eAAe,cAAc,KAAK,CAAC,CAAC,KAAK,GAAG;AACtD;AAEA,SAAgB,qBAAqB,SAI1B;CACT,MAAM,QAAQ,QAAQ,WAClB,oBACA,QAAQ,SAAS,kBAAkB;CAEvC,OAAO;EAAC;EAAU,cAAc,QAAQ;EAAO;CAAK,CAAC,CAAC,KAAK,GAAG;AAChE;;;AC5FA,IAAa,sBAAsB,CAAC,mBAAG,IAAI,IAAI;CAC7C,GAAG,iBAAiB,QAAQ;CAC5B,GAAG,iBAAiB,SAAS;CAC7B,GAAG,iBAAiB,QAAQ;CAC5B,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,cAAc;CAClC,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,GAAG,OAAO,OAAO,aAAa,CAAC,CAAC,QAAQ,gBAAgB;CACxD,GAAG,OAAO,OAAO,aAAa,CAAC,CAAC,QAAQ,gBAAgB;CACxD,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,GAAG,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;AAC/D,CAAC,CAAC;;;AC7BF,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK;CACxE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/config-D6W1rnlp.js

@@ -0,0 +1,26 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { a as hintBaseClass, c as labelInlineClass, d as rootColumnClass, f as rootRowClass, i as fieldGaps, l as labelTexts, n as errorBaseClass, o as hintTexts, r as errorTexts, s as labelBaseClass, t as controlColumnClass, u as requiredMarkClass } from "./grFormFieldStyles-BkeZHIw0.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrFormField/safelist.ts
+var grFormFieldSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(fieldGaps).flatMap(splitClassTokens),
+	...Object.values(labelTexts).flatMap(splitClassTokens),
+	...Object.values(hintTexts).flatMap(splitClassTokens),
+	...Object.values(errorTexts).flatMap(splitClassTokens),
+	...splitClassTokens(labelBaseClass),
+	...splitClassTokens(hintBaseClass),
+	...splitClassTokens(errorBaseClass),
+	...splitClassTokens(requiredMarkClass),
+	...splitClassTokens(rootColumnClass),
+	...splitClassTokens(rootRowClass),
+	...splitClassTokens(labelInlineClass),
+	...splitClassTokens(controlColumnClass)
+])];
+//#endregion
+//#region src/components/GrFormField/config.ts
+var grFormFieldConfig = defineGranularComponent(import.meta.url, {
+	name: "GrFormField",
+	safelist: grFormFieldSafelist
+});
+//#endregion
+export { grFormFieldSafelist as n, grFormFieldConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-D6W1rnlp.js","names":[],"sources":["../../src/components/GrFormField/safelist.ts","../../src/components/GrFormField/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\n\nimport {\n  controlColumnClass,\n  errorBaseClass,\n  errorTexts,\n  fieldGaps,\n  hintBaseClass,\n  hintTexts,\n  labelBaseClass,\n  labelInlineClass,\n  labelTexts,\n  requiredMarkClass,\n  rootColumnClass,\n  rootRowClass,\n} from './grFormFieldStyles'\n\nexport const grFormFieldSafelist = [...new Set([\n  ...Object.values(fieldGaps).flatMap(splitClassTokens),\n  ...Object.values(labelTexts).flatMap(splitClassTokens),\n  ...Object.values(hintTexts).flatMap(splitClassTokens),\n  ...Object.values(errorTexts).flatMap(splitClassTokens),\n  ...splitClassTokens(labelBaseClass),\n  ...splitClassTokens(hintBaseClass),\n  ...splitClassTokens(errorBaseClass),\n  ...splitClassTokens(requiredMarkClass),\n  ...splitClassTokens(rootColumnClass),\n  ...splitClassTokens(rootRowClass),\n  ...splitClassTokens(labelInlineClass),\n  ...splitClassTokens(controlColumnClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grFormFieldSafelist } from './safelist'\n\nexport const grFormFieldConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrFormField',\n  safelist: grFormFieldSafelist,\n})\n"],"mappings":";;;;AAiBA,IAAa,sBAAsB,CAAC,mBAAG,IAAI,IAAI;CAC7C,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CACrD,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CACrD,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,kBAAkB;AACxC,CAAC,CAAC;;;AC1BF,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK;CACxE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/config-D8tSR2uS.js

@@ -0,0 +1,103 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrStatistic/grStatisticStyles.ts
+/**
+* Кастомизация через CSS-переменные:
+*
+* - `--gr-statistic-value-color` — цвет значения (по умолчанию — из `tone`).
+* - `--gr-statistic-title-color` — цвет подписи показателя.
+*/
+var statisticTitleSizeBySize = {
+	xs: "text-[length:var(--gr-text-2xs)]",
+	sm: "text-[length:var(--gr-text-xs)]",
+	md: "text-[length:var(--gr-text-xs)]",
+	lg: "text-[length:var(--gr-text-sm)]"
+};
+var statisticValueSizeBySize = {
+	xs: "text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]",
+	sm: "text-[length:var(--gr-text-xl)] leading-[var(--gr-leading-xl)]",
+	md: "text-[length:var(--gr-text-3xl)] leading-[var(--gr-leading-3xl)]",
+	lg: "text-[length:var(--gr-text-4xl)] leading-tight"
+};
+var statisticAffixSizeBySize = {
+	xs: "text-[length:var(--gr-text-xs)]",
+	sm: "text-[length:var(--gr-text-xs)]",
+	md: "text-[length:var(--gr-text-base)]",
+	lg: "text-[length:var(--gr-text-xl)]"
+};
+var statisticPlaceholderHeightBySize = {
+	xs: "22px",
+	sm: "28px",
+	md: "36px",
+	lg: "44px"
+};
+var statisticTrendSizeBySize = {
+	xs: "text-[length:var(--gr-text-2xs)]",
+	sm: "text-[length:var(--gr-text-xs)]",
+	md: "text-[length:var(--gr-text-xs)]",
+	lg: "text-[length:var(--gr-text-sm)]"
+};
+var statisticValueClassByTone = {
+	neutral: "text-[var(--gr-statistic-value-color,var(--gr-fg))]",
+	primary: "text-[var(--gr-statistic-value-color,var(--gr-primary))]",
+	success: "text-[var(--gr-statistic-value-color,var(--gr-success-text))]",
+	warning: "text-[var(--gr-statistic-value-color,var(--gr-warning-text))]",
+	danger: "text-[var(--gr-statistic-value-color,var(--gr-danger-text))]",
+	info: "text-[var(--gr-statistic-value-color,var(--gr-info-text))]",
+	slate: "text-[var(--gr-statistic-value-color,var(--gr-slate-text))]",
+	azure: "text-[var(--gr-statistic-value-color,var(--gr-azure-text))]"
+};
+var statisticTrendClassByTrend = {
+	up: "text-[var(--gr-success-text)]",
+	down: "text-[var(--gr-danger-text)]",
+	flat: "text-[var(--gr-muted-fg)]"
+};
+var statisticTrendIconByTrend = {
+	up: "i-lucide-trending-up",
+	down: "i-lucide-trending-down",
+	flat: "i-lucide-minus"
+};
+var statisticTitleClass = "font-medium tracking-wide text-[var(--gr-statistic-title-color,var(--gr-muted-fg))]";
+var statisticRootBase = "flex items-start gap-3 text-left";
+/**
+* Показатель-ссылка или показатель-кнопка. Своей заливки не получает: плитка
+* дашборда обычно уже лежит в `GrCard`, и вторая поверхность спорила бы с ней.
+* Видимость интерактивности держат курсор, фокус-кольцо и подсветка подписи.
+*/
+var statisticRootInteractiveClass = "w-full cursor-pointer rounded-[var(--gr-radius-md)] transition-colors hover:bg-[var(--gr-muted)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+function statisticRootClass(options) {
+	return [statisticRootBase, options.interactive ? statisticRootInteractiveClass : ""].filter(Boolean).join(" ");
+}
+/** `tabular-nums` держит ширину строки при переборе чисел и при смене значения. */
+var statisticValueTypographyClass = "font-semibold [font-variant-numeric:tabular-nums]";
+function statisticValueClass(options) {
+	return [
+		statisticValueTypographyClass,
+		statisticValueSizeBySize[options.size],
+		statisticValueClassByTone[options.tone]
+	].join(" ");
+}
+//#endregion
+//#region src/components/GrStatistic/safelist.ts
+var grStatisticSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(statisticTitleSizeBySize).flatMap(splitClassTokens),
+	...Object.values(statisticValueSizeBySize).flatMap(splitClassTokens),
+	...Object.values(statisticAffixSizeBySize).flatMap(splitClassTokens),
+	...Object.values(statisticTrendSizeBySize).flatMap(splitClassTokens),
+	...Object.values(statisticValueClassByTone).flatMap(splitClassTokens),
+	...Object.values(statisticTrendClassByTrend).flatMap(splitClassTokens),
+	...Object.values(statisticTrendIconByTrend).flatMap(splitClassTokens),
+	...splitClassTokens(statisticRootBase),
+	...splitClassTokens(statisticRootInteractiveClass),
+	...splitClassTokens(statisticTitleClass),
+	...splitClassTokens(statisticValueTypographyClass)
+])];
+//#endregion
+//#region src/components/GrStatistic/config.ts
+var grStatisticConfig = defineGranularComponent(import.meta.url, {
+	name: "GrStatistic",
+	safelist: grStatisticSafelist,
+	dependencies: ["GrSkeleton"]
+});
+//#endregion
+export { statisticRootClass as a, statisticTrendClassByTrend as c, statisticValueClass as d, statisticPlaceholderHeightBySize as i, statisticTrendIconByTrend as l, grStatisticSafelist as n, statisticTitleClass as o, statisticAffixSizeBySize as r, statisticTitleSizeBySize as s, grStatisticConfig as t, statisticTrendSizeBySize as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-D8tSR2uS.js","names":[],"sources":["../../src/components/GrStatistic/grStatisticStyles.ts","../../src/components/GrStatistic/safelist.ts","../../src/components/GrStatistic/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nimport type { GrTone } from '../shared/tones'\n\nexport type GrStatisticSize = GrComponentSize\nexport type GrStatisticTone = GrTone\n/** Направление динамики показателя. */\nexport type GrStatisticTrend = 'up' | 'down' | 'flat'\n\n/**\n * Кастомизация через CSS-переменные:\n *\n * - `--gr-statistic-value-color` — цвет значения (по умолчанию — из `tone`).\n * - `--gr-statistic-title-color` — цвет подписи показателя.\n */\n\nexport const statisticTitleSizeBySize: Record<GrStatisticSize, string> = {\n  xs: 'text-[length:var(--gr-text-2xs)]',\n  sm: 'text-[length:var(--gr-text-xs)]',\n  md: 'text-[length:var(--gr-text-xs)]',\n  lg: 'text-[length:var(--gr-text-sm)]',\n}\n\nexport const statisticValueSizeBySize: Record<GrStatisticSize, string> = {\n  xs: 'text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]',\n  sm: 'text-[length:var(--gr-text-xl)] leading-[var(--gr-leading-xl)]',\n  md: 'text-[length:var(--gr-text-3xl)] leading-[var(--gr-leading-3xl)]',\n  lg: 'text-[length:var(--gr-text-4xl)] leading-tight',\n}\n\nexport const statisticAffixSizeBySize: Record<GrStatisticSize, string> = {\n  xs: 'text-[length:var(--gr-text-xs)]',\n  sm: 'text-[length:var(--gr-text-xs)]',\n  md: 'text-[length:var(--gr-text-base)]',\n  lg: 'text-[length:var(--gr-text-xl)]',\n}\n\n// Высота плейсхолдера загрузки повторяет строку значения — блок не «прыгает».\n// Значение отдаётся в `GrSkeleton` пропом, поэтому это px, а не класс.\nexport const statisticPlaceholderHeightBySize: Record<GrStatisticSize, string> = {\n  xs: '22px',\n  sm: '28px',\n  md: '36px',\n  lg: '44px',\n}\n\nexport const statisticTrendSizeBySize: Record<GrStatisticSize, string> = {\n  xs: 'text-[length:var(--gr-text-2xs)]',\n  sm: 'text-[length:var(--gr-text-xs)]',\n  md: 'text-[length:var(--gr-text-xs)]',\n  lg: 'text-[length:var(--gr-text-sm)]',\n}\n\n// Цвет значения по тону. `neutral` наследует основной цвет текста.\n//\n// Тона берутся из `-text`, а не из насыщенного `--gr-{tone}`: значение — это\n// ТЕКСТ на фоне страницы, а насыщенный тон для этого не предназначен\n// (`--gr-success` на `--gr-bg` — 2.2:1, ниже даже послабления 3:1 для крупного\n// текста). `-text` — ровно роль «тон как текст».\nexport const statisticValueClassByTone: Record<GrStatisticTone, string> = {\n  neutral: 'text-[var(--gr-statistic-value-color,var(--gr-fg))]',\n  primary: 'text-[var(--gr-statistic-value-color,var(--gr-primary))]',\n  success: 'text-[var(--gr-statistic-value-color,var(--gr-success-text))]',\n  warning: 'text-[var(--gr-statistic-value-color,var(--gr-warning-text))]',\n  danger: 'text-[var(--gr-statistic-value-color,var(--gr-danger-text))]',\n  info: 'text-[var(--gr-statistic-value-color,var(--gr-info-text))]',\n  slate: 'text-[var(--gr-statistic-value-color,var(--gr-slate-text))]',\n  azure: 'text-[var(--gr-statistic-value-color,var(--gr-azure-text))]',\n}\n\n// Строка динамики: рост — успех, падение — опасность, без изменений — приглушённый.\nexport const statisticTrendClassByTrend: Record<GrStatisticTrend, string> = {\n  up: 'text-[var(--gr-success-text)]',\n  down: 'text-[var(--gr-danger-text)]',\n  flat: 'text-[var(--gr-muted-fg)]',\n}\n\nexport const statisticTrendIconByTrend: Record<GrStatisticTrend, string> = {\n  up: 'i-lucide-trending-up',\n  down: 'i-lucide-trending-down',\n  flat: 'i-lucide-minus',\n}\n\nexport const statisticTitleClass = 'font-medium tracking-wide text-[var(--gr-statistic-title-color,var(--gr-muted-fg))]'\n\nexport const statisticRootBase = 'flex items-start gap-3 text-left'\n\n/**\n * Показатель-ссылка или показатель-кнопка. Своей заливки не получает: плитка\n * дашборда обычно уже лежит в `GrCard`, и вторая поверхность спорила бы с ней.\n * Видимость интерактивности держат курсор, фокус-кольцо и подсветка подписи.\n */\nexport const statisticRootInteractiveClass = 'w-full cursor-pointer rounded-[var(--gr-radius-md)] transition-colors hover:bg-[var(--gr-muted)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport function statisticRootClass(options: { interactive: boolean }): string {\n  return [\n    statisticRootBase,\n    options.interactive ? statisticRootInteractiveClass : '',\n  ].filter(Boolean).join(' ')\n}\n\n/** `tabular-nums` держит ширину строки при переборе чисел и при смене значения. */\nexport const statisticValueTypographyClass = 'font-semibold [font-variant-numeric:tabular-nums]'\n\nexport function statisticValueClass(options: { size: GrStatisticSize, tone: GrStatisticTone }): string {\n  return [\n    statisticValueTypographyClass,\n    statisticValueSizeBySize[options.size],\n    statisticValueClassByTone[options.tone],\n  ].join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  statisticAffixSizeBySize,\n  statisticRootBase,\n  statisticRootInteractiveClass,\n  statisticTitleClass,\n  statisticTitleSizeBySize,\n  statisticTrendClassByTrend,\n  statisticTrendIconByTrend,\n  statisticTrendSizeBySize,\n  statisticValueClassByTone,\n  statisticValueSizeBySize,\n  statisticValueTypographyClass,\n} from './grStatisticStyles'\n\n// Классы из вычисляемых мап (size/tone/trend) UnoCSS сканом не находит — только safelist.\nexport const grStatisticSafelist = [...new Set([\n  ...Object.values(statisticTitleSizeBySize).flatMap(splitClassTokens),\n  ...Object.values(statisticValueSizeBySize).flatMap(splitClassTokens),\n  ...Object.values(statisticAffixSizeBySize).flatMap(splitClassTokens),\n  ...Object.values(statisticTrendSizeBySize).flatMap(splitClassTokens),\n  ...Object.values(statisticValueClassByTone).flatMap(splitClassTokens),\n  ...Object.values(statisticTrendClassByTrend).flatMap(splitClassTokens),\n  // Иконки динамики приходят из мапы — как классы-маски их тоже надо сгенерировать.\n  ...Object.values(statisticTrendIconByTrend).flatMap(splitClassTokens),\n  // Литералы из grStatisticStyles.ts (корень, подпись, типографика значения).\n  ...splitClassTokens(statisticRootBase),\n  ...splitClassTokens(statisticRootInteractiveClass),\n  ...splitClassTokens(statisticTitleClass),\n  ...splitClassTokens(statisticValueTypographyClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grStatisticSafelist } from './safelist'\n\nexport const grStatisticConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrStatistic',\n  safelist: grStatisticSafelist,\n  dependencies: ['GrSkeleton'],\n})\n"],"mappings":";;;;;;;;;AAgBA,IAAa,2BAA4D;CACvE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,2BAA4D;CACvE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,2BAA4D;CACvE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAIA,IAAa,mCAAoE;CAC/E,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,2BAA4D;CACvE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAQA,IAAa,4BAA6D;CACxE,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;AACT;AAGA,IAAa,6BAA+D;CAC1E,IAAI;CACJ,MAAM;CACN,MAAM;AACR;AAEA,IAAa,4BAA8D;CACzE,IAAI;CACJ,MAAM;CACN,MAAM;AACR;AAEA,IAAa,sBAAsB;AAEnC,IAAa,oBAAoB;;;;;;AAOjC,IAAa,gCAAgC;AAE7C,SAAgB,mBAAmB,SAA2C;CAC5E,OAAO,CACL,mBACA,QAAQ,cAAc,gCAAgC,EACxD,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B;;AAGA,IAAa,gCAAgC;AAE7C,SAAgB,oBAAoB,SAAmE;CACrG,OAAO;EACL;EACA,yBAAyB,QAAQ;EACjC,0BAA0B,QAAQ;CACpC,CAAC,CAAC,KAAK,GAAG;AACZ;;;AC9FA,IAAa,sBAAsB,CAAC,mBAAG,IAAI,IAAI;CAC7C,GAAG,OAAO,OAAO,wBAAwB,CAAC,CAAC,QAAQ,gBAAgB;CACnE,GAAG,OAAO,OAAO,wBAAwB,CAAC,CAAC,QAAQ,gBAAgB;CACnE,GAAG,OAAO,OAAO,wBAAwB,CAAC,CAAC,QAAQ,gBAAgB;CACnE,GAAG,OAAO,OAAO,wBAAwB,CAAC,CAAC,QAAQ,gBAAgB;CACnE,GAAG,OAAO,OAAO,yBAAyB,CAAC,CAAC,QAAQ,gBAAgB;CACpE,GAAG,OAAO,OAAO,0BAA0B,CAAC,CAAC,QAAQ,gBAAgB;CAErE,GAAG,OAAO,OAAO,yBAAyB,CAAC,CAAC,QAAQ,gBAAgB;CAEpE,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,6BAA6B;CACjD,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,6BAA6B;AACnD,CAAC,CAAC;;;AC1BF,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK;CACxE,MAAM;CACN,UAAU;CACV,cAAc,CAAC,YAAY;AAC7B,CAAC"}

package/dist/chunks/config-D94Z9po52.js

@@ -0,0 +1,126 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrDrawer/grDrawerStyles.ts
+function grDrawerAxis(side) {
+	return side === "left" || side === "right" ? "horizontal" : "vertical";
+}
+var DEFAULT_GR_DRAWER_HEADER_CONFIG = {
+	paddingX: "px-5",
+	paddingY: "py-4",
+	bordered: true
+};
+var DEFAULT_GR_DRAWER_BODY_CONFIG = {
+	paddingX: "px-5",
+	paddingY: "py-5",
+	bordered: false
+};
+var DEFAULT_GR_DRAWER_FOOTER_CONFIG = {
+	paddingX: "px-5",
+	paddingY: "py-4",
+	bordered: true
+};
+function resolveGrDrawerSectionConfig(config, defaults) {
+	return {
+		paddingX: config?.paddingX ?? defaults.paddingX,
+		paddingY: config?.paddingY ?? defaults.paddingY,
+		bordered: config?.bordered ?? defaults.bordered
+	};
+}
+/** Слой модального класса — тот же, что у `GrModal`: бэкдроп, фокус, scroll-lock. */
+var rootClass = "fixed inset-0 z-[var(--gr-z-modal)]";
+/**
+* Немодальная панель обязана пропускать клики мимо себя: корень растянут на весь
+* экран ради позиционирования, и без этого «немодальный» режим гасил бы всю
+* страницу — ровно то, чего он должен избегать. Панель кликабельность себе
+* возвращает.
+*/
+var rootPassThroughClass = "pointer-events-none";
+var panelInteractiveClass = "pointer-events-auto";
+var overlayClass = "fixed inset-0 bg-[var(--gr-overlay-bg)]";
+/** Ширина панели для боковых сторон. */
+var panelWidthBySize = {
+	sm: "w-[360px] max-w-[90vw]",
+	md: "w-[420px] max-w-[92vw]",
+	lg: "w-[560px] max-w-[94vw]",
+	xl: "w-[720px] max-w-[96vw]",
+	full: "w-[100vw]"
+};
+/** Высота панели для верхней и нижней сторон — та же шкала, но по своей оси. */
+var panelHeightBySize = {
+	sm: "h-[280px] max-h-[90vh]",
+	md: "h-[360px] max-h-[92vh]",
+	lg: "h-[480px] max-h-[94vh]",
+	xl: "h-[640px] max-h-[96vh]",
+	full: "h-[100vh]"
+};
+var panelSizeByAxis = {
+	horizontal: panelWidthBySize,
+	vertical: panelHeightBySize
+};
+/**
+* Позиция панели. Растяжка по поперечной оси живёт здесь же: у боковой панели
+* это `inset-y-0`, у верхней и нижней — `inset-x-0`, и держать их в разметке
+* значило бы иметь в шаблоне половину стороны.
+*/
+var panelSideClass = {
+	left: "inset-y-0 left-0 border-r",
+	right: "inset-y-0 right-0 border-l",
+	top: "inset-x-0 top-0 border-b",
+	bottom: "inset-x-0 bottom-0 border-t"
+};
+var panelTransitionClass = {
+	left: "-translate-x-full",
+	right: "translate-x-full",
+	top: "-translate-y-full",
+	bottom: "translate-y-full"
+};
+var panelBaseClass = "fixed flex flex-col border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] outline-none";
+var headerBorderClass = "border-b border-[var(--gr-brd)]";
+var footerBorderClass = "border-t border-[var(--gr-brd)]";
+var titleClass = "text-[length:var(--gr-text-sm)] font-700 min-w-0 truncate";
+/** Скрытый заголовок: имя слоя есть даже там, где шапки на экране нет. */
+var srOnlyTitleClass = "sr-only";
+function grDrawerPanelClass(options) {
+	const axis = grDrawerAxis(options.side);
+	return [
+		panelBaseClass,
+		panelInteractiveClass,
+		panelSideClass[options.side],
+		options.hasCustomLength ? "" : panelSizeByAxis[axis][options.size]
+	].filter(Boolean).join(" ");
+}
+function grDrawerPanelEnterFrom(side) {
+	return panelTransitionClass[side];
+}
+//#endregion
+//#region src/components/GrDrawer/safelist.ts
+var sectionDefaults = [
+	DEFAULT_GR_DRAWER_HEADER_CONFIG,
+	DEFAULT_GR_DRAWER_BODY_CONFIG,
+	DEFAULT_GR_DRAWER_FOOTER_CONFIG
+].flatMap((config) => [config.paddingX, config.paddingY]);
+var grDrawerSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(panelSideClass).flatMap(splitClassTokens),
+	...Object.values(panelWidthBySize).flatMap(splitClassTokens),
+	...Object.values(panelHeightBySize).flatMap(splitClassTokens),
+	...Object.values(panelTransitionClass).flatMap(splitClassTokens),
+	...splitClassTokens(panelBaseClass),
+	...splitClassTokens(panelInteractiveClass),
+	...splitClassTokens(rootClass),
+	...splitClassTokens(rootPassThroughClass),
+	...splitClassTokens(overlayClass),
+	...splitClassTokens(headerBorderClass),
+	...splitClassTokens(footerBorderClass),
+	...splitClassTokens(titleClass),
+	...splitClassTokens(srOnlyTitleClass),
+	...sectionDefaults.flatMap(splitClassTokens)
+])];
+//#endregion
+//#region src/components/GrDrawer/config.ts
+var grDrawerConfig = defineGranularComponent(import.meta.url, {
+	name: "GrDrawer",
+	dependencies: ["GrButton", "GrIcon"],
+	safelist: grDrawerSafelist
+});
+//#endregion
+export { DEFAULT_GR_DRAWER_HEADER_CONFIG as a, grDrawerPanelClass as c, overlayClass as d, resolveGrDrawerSectionConfig as f, titleClass as g, srOnlyTitleClass as h, DEFAULT_GR_DRAWER_FOOTER_CONFIG as i, grDrawerPanelEnterFrom as l, rootPassThroughClass as m, grDrawerSafelist as n, footerBorderClass as o, rootClass as p, DEFAULT_GR_DRAWER_BODY_CONFIG as r, grDrawerAxis as s, grDrawerConfig as t, headerBorderClass as u };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"config-DBmdgoVf.js","names":[],"sources":["../../src/components/GrButtonGroup/config.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nexport const grButtonGroupConfig = defineGranularComponent(import.meta.url, {\n    name: 'GrButtonGroup',\n})"],"mappings":";;AAEA,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK,EACxE,MAAM,gBACV,CAAC"}
+{"version":3,"file":"config-DBmdgoVf.js","names":[],"sources":["../../src/components/GrButtonGroup/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grButtonGroupConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrButtonGroup',\n})\n"],"mappings":";;AAEA,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK,EAC1E,MAAM,gBACR,CAAC"}