@feugene/granularity 0.19.0 → 0.20.0

package/README.md

@@ -43,6 +43,14 @@ strategies.
     - `@feugene/granularity/uno` — browser-safe preset;
     - `@feugene/granularity/uno-node` — node-oriented preset with CSS/preflight helpers.
 
+## Limitations
+
+**RTL is not supported.** Components lay themselves out with physical directions (`pl-`/`pr-`,
+`ml-`/`mr-`, `left-`/`right-`), and `dir="rtl"` is not read anywhere: a right-to-left document will
+render mirrored padding, offsets and floating panels. This is a deliberate decision for the `1.x`
+line — moving to logical properties changes how every component looks, which is a visual breaking
+change and belongs in a major release, not a patch. See [`docs/styling.md`](./docs/styling.md).
+
 ## Quick start
 
 ```bash

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

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

package/dist/chunks/{config-06SQjBx0.js → config-B4w5gBD0.js}

@@ -1,13 +1,6 @@
 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";
 /**
 * Смещение бейджа — точки кастомизации: подвинуть его можно темой или инлайном,
@@ -93,4 +86,4 @@ var grBadgeWrapConfig = defineGranularComponent(import.meta.url, {
 	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 };
+export { dotPlacementClass as a, placementClass as c, dotBaseClass as i, rootClass as l, grBadgeWrapSafelist as n, formatBadgeValue as o, countBaseClass as r, isBadgeWrapPulse as s, grBadgeWrapConfig as t, toneClass as u };

package/dist/chunks/{config-06SQjBx0.js.map → config-B4w5gBD0.js.map}

@@ -1 +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"}
+{"version":3,"file":"config-B4w5gBD0.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":";;;AAQA,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-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"}

package/dist/chunks/{config-B-iNaGdw.js → config-BEVBsvni.js}

@@ -1,8 +1,6 @@
 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 = {
@@ -196,4 +194,4 @@ var grSegmentedConfig = defineGranularComponent(import.meta.url, {
 	}
 });
 //#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 };
+export { grSegmentedItemIconClass as a, grSegmentedRootClass as c, grSegmentedItemClass as i, grSegmentedRootStyle as l, grSegmentedSafelist as n, grSegmentedItemLabelClass as o, grSegmentedIndicatorClass as r, grSegmentedItemSpinnerClass as s, grSegmentedConfig as t };

package/dist/chunks/{config-B-iNaGdw.js.map → config-BEVBsvni.js.map}

@@ -1 +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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"}
+{"version":3,"file":"config-BEVBsvni.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-BKvX0q10.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-BKvX0q10.js","names":[],"sources":["../../src/components/GrDropdownMenu/grDropdownMenuStyles.ts","../../src/components/GrDropdownMenu/safelist.ts","../../src/components/GrDropdownMenu/config.ts"],"sourcesContent":["export type GrDropdownMenuItemAlign = 'left' | 'center' | 'right'\nexport type GrDropdownMenuItemVariant = 'default' | 'danger'\nexport type GrDropdownMenuHeaderAlign = GrDropdownMenuItemAlign\nexport type GrDropdownMenuColumnAlign = GrDropdownMenuItemAlign\nexport type GrDropdownMenuColumnsCount = 2 | 3 | 4\n\nexport const alignClass: Record<GrDropdownMenuItemAlign, string> = {\n  left: 'justify-start text-left',\n  center: 'justify-center text-center',\n  right: 'justify-end text-right',\n}\n\nexport const textAlignClass: Record<GrDropdownMenuHeaderAlign, string> = {\n  left: 'text-left',\n  center: 'text-center',\n  right: 'text-right',\n}\n\nexport const colsClass: Record<GrDropdownMenuColumnsCount, string> = {\n  2: 'grid-cols-2',\n  3: 'grid-cols-3',\n  4: 'grid-cols-4',\n}\n\nexport const itemBaseClass = 'w-full min-h-10 px-4 py-2.5 flex items-center gap-2 text-[length:var(--gr-text-sm)] transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\n// Насыщенный тон как цвет текста запрещён — для текста есть `-text`-роль.\nexport const itemVariantClass: Record<GrDropdownMenuItemVariant, string> = {\n  default: 'text-[var(--gr-fg)]',\n  danger: 'text-[var(--gr-danger-text)]',\n}\n\nexport const itemInteractiveClass = 'cursor-pointer hover:bg-[var(--gr-accent)] hover:text-[var(--gr-accent-fg)]'\n\n// Disabled гасится фоном, а не `opacity`: прозрачность разбавляет выверенные на\n// AA токены текста. `pointer-events-none` оставлен — он же гасит hover.\nexport const itemDisabledClass = 'cursor-not-allowed pointer-events-none bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]'\n\nexport const itemIndicatorClass = 'h-3.5 w-3.5 shrink-0'\nexport const itemShortcutClass = 'ml-auto pl-4 text-[length:var(--gr-text-xs)] text-[var(--gr-muted-fg)]'\n\nexport const headerClass = 'px-4 py-2 text-[length:var(--gr-text-xs)] tracking-wide text-[var(--gr-muted-fg)]'\n\nexport const listBaseClass = 'w-full'\nexport const dividersClass = 'divide-y divide-[var(--gr-brd)]'\nexport const borderTopClass = 'border-t border-[var(--gr-brd)]'\nexport const borderBottomClass = 'border-b border-[var(--gr-brd)]'\n\nexport const columnsBaseClass = 'w-full grid divide-x divide-[var(--gr-brd)]'\nexport const columnBaseClass = 'px-3 py-2 flex items-center'\n\nexport const dividerClass = 'border-t border-[var(--gr-brd)]'\nexport const dividerInsetClass = 'mx-2'\n\nexport function grDropdownMenuItemClass(options: {\n  align: GrDropdownMenuItemAlign\n  variant: GrDropdownMenuItemVariant\n  disabled: boolean\n}): string {\n  return [\n    itemBaseClass,\n    alignClass[options.align],\n    options.disabled ? itemDisabledClass : itemVariantClass[options.variant],\n    options.disabled ? '' : itemInteractiveClass,\n  ].filter(Boolean).join(' ')\n}\n\nexport function grDropdownMenuListClass(options: {\n  dividers: boolean\n  borderTop: boolean\n  borderBottom: boolean\n}): string {\n  return [\n    listBaseClass,\n    options.dividers ? dividersClass : '',\n    options.borderTop ? borderTopClass : '',\n    options.borderBottom ? borderBottomClass : '',\n  ].filter(Boolean).join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\n\nimport {\n    alignClass,\n    borderBottomClass,\n    borderTopClass,\n    colsClass,\n    columnBaseClass,\n    columnsBaseClass,\n    dividerClass,\n    dividerInsetClass,\n    dividersClass,\n    headerClass,\n    itemBaseClass,\n    itemDisabledClass,\n    itemIndicatorClass,\n    itemInteractiveClass,\n    itemShortcutClass,\n    itemVariantClass,\n    listBaseClass,\n    textAlignClass,\n} from './grDropdownMenuStyles'\n\n/**\n * Классы каталога живут в `.ts`-хелпере, а его бандлер волен вынести в общий\n * `dist/chunks/` — вне области скана компонента. Симптом промаха тут особенно\n * незаметный: размеры пунктов на месте, а выравнивание, колонки и цвета\n * пропали. Гейт — `src/__tests__/safelist.test.ts`.\n */\nexport const grDropdownMenuSafelist = [...new Set([\n    ...Object.values(alignClass).flatMap(splitClassTokens),\n    ...Object.values(textAlignClass).flatMap(splitClassTokens),\n    ...Object.values(colsClass).flatMap(splitClassTokens),\n    ...Object.values(itemVariantClass).flatMap(splitClassTokens),\n    ...splitClassTokens(itemBaseClass),\n    ...splitClassTokens(itemInteractiveClass),\n    ...splitClassTokens(itemDisabledClass),\n    ...splitClassTokens(itemIndicatorClass),\n    ...splitClassTokens(itemShortcutClass),\n    ...splitClassTokens(headerClass),\n    ...splitClassTokens(listBaseClass),\n    ...splitClassTokens(dividersClass),\n    ...splitClassTokens(borderTopClass),\n    ...splitClassTokens(borderBottomClass),\n    ...splitClassTokens(columnsBaseClass),\n    ...splitClassTokens(columnBaseClass),\n    ...splitClassTokens(dividerClass),\n    ...splitClassTokens(dividerInsetClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grDropdownMenuSafelist } from './safelist'\n\nexport const grDropdownMenuConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDropdownMenu',\n  dependencies: ['GrDropdown'],\n  safelist: grDropdownMenuSafelist,\n})\n"],"mappings":";;;AAMA,IAAa,aAAsD;CACjE,MAAM;CACN,QAAQ;CACR,OAAO;AACT;AAEA,IAAa,iBAA4D;CACvE,MAAM;CACN,QAAQ;CACR,OAAO;AACT;AAEA,IAAa,YAAwD;CACnE,GAAG;CACH,GAAG;CACH,GAAG;AACL;AAEA,IAAa,gBAAgB;AAG7B,IAAa,mBAA8D;CACzE,SAAS;CACT,QAAQ;AACV;AAEA,IAAa,uBAAuB;AAIpC,IAAa,oBAAoB;AAEjC,IAAa,qBAAqB;AAClC,IAAa,oBAAoB;AAEjC,IAAa,cAAc;AAE3B,IAAa,gBAAgB;AAC7B,IAAa,gBAAgB;AAC7B,IAAa,iBAAiB;AAC9B,IAAa,oBAAoB;AAEjC,IAAa,mBAAmB;AAChC,IAAa,kBAAkB;AAE/B,IAAa,eAAe;AAC5B,IAAa,oBAAoB;AAEjC,SAAgB,wBAAwB,SAI7B;CACT,OAAO;EACL;EACA,WAAW,QAAQ;EACnB,QAAQ,WAAW,oBAAoB,iBAAiB,QAAQ;EAChE,QAAQ,WAAW,KAAK;CAC1B,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B;AAEA,SAAgB,wBAAwB,SAI7B;CACT,OAAO;EACL;EACA,QAAQ,WAAW,gBAAgB;EACnC,QAAQ,YAAY,iBAAiB;EACrC,QAAQ,eAAe,oBAAoB;CAC7C,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B;;;;;;;;;ACjDA,IAAa,yBAAyB,CAAC,mBAAG,IAAI,IAAI;CAC9C,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CACrD,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;CACzD,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,GAAG,OAAO,OAAO,gBAAgB,CAAC,CAAC,QAAQ,gBAAgB;CAC3D,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,WAAW;CAC/B,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,iBAAiB;AACzC,CAAC,CAAC;;;AC5CF,IAAa,uBAAuB,wBAAwB,OAAO,KAAK,KAAK;CAC3E,MAAM;CACN,cAAc,CAAC,YAAY;CAC3B,UAAU;AACZ,CAAC"}

package/dist/chunks/config-BTCOJO5z.js

@@ -0,0 +1,37 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { t as grButtonSafelist } from "./safelist-CudBLyAD.js";
+import { C as grRadioRootDisabledClass, T as grRadioRootReadonlyClass, _ as grRadioEnabledClass, b as grRadioLabelColorClass, c as grRadioControlSizes, d as grRadioDotBaseClass, f as grRadioDotCheckedClass, g as grRadioDotUncheckedClass, h as grRadioDotSizes, i as grRadioControlCheckedClass, l as grRadioControlUncheckedClass, m as grRadioDotDisabledClass, n as grRadioButtonDisabledCheckedClass, o as grRadioControlDisabledClass, r as grRadioButtonDisabledClass, s as grRadioControlInvalidClass, u as grRadioDescriptionSizes, v as grRadioLabelCheckedColorClass, w as grRadioRootEnabledClass, x as grRadioLabelSizes } from "./grRadioStyles-BTjGNhtU.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrRadio/safelist.ts
+var grRadioSafelist = [.../* @__PURE__ */ new Set([
+	...grButtonSafelist,
+	...splitClassTokens(grRadioEnabledClass),
+	...splitClassTokens(grRadioButtonDisabledClass),
+	...splitClassTokens(grRadioButtonDisabledCheckedClass),
+	...splitClassTokens(grRadioRootDisabledClass),
+	...splitClassTokens(grRadioRootEnabledClass),
+	...splitClassTokens(grRadioRootReadonlyClass),
+	...splitClassTokens(grRadioControlCheckedClass),
+	...splitClassTokens(grRadioControlUncheckedClass),
+	...splitClassTokens(grRadioControlDisabledClass),
+	...splitClassTokens(grRadioControlInvalidClass),
+	...splitClassTokens(grRadioDotCheckedClass),
+	...splitClassTokens(grRadioDotUncheckedClass),
+	...splitClassTokens(grRadioDotDisabledClass),
+	...splitClassTokens(grRadioDotBaseClass),
+	...Object.values(grRadioControlSizes).flatMap(splitClassTokens),
+	...Object.values(grRadioDotSizes).flatMap(splitClassTokens),
+	...Object.values(grRadioLabelSizes).flatMap(splitClassTokens),
+	...Object.values(grRadioDescriptionSizes).flatMap(splitClassTokens),
+	...splitClassTokens(grRadioLabelColorClass),
+	...splitClassTokens(grRadioLabelCheckedColorClass)
+])];
+//#endregion
+//#region src/components/GrRadio/config.ts
+var grRadioConfig = defineGranularComponent(import.meta.url, {
+	name: "GrRadio",
+	dependencies: ["GrButton"],
+	safelist: grRadioSafelist
+});
+//#endregion
+export { grRadioSafelist as n, grRadioConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BTCOJO5z.js","names":[],"sources":["../../src/components/GrRadio/safelist.ts","../../src/components/GrRadio/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport { grButtonSafelist } from '../GrButton/safelist'\nimport {\n  grRadioButtonDisabledCheckedClass,\n  grRadioButtonDisabledClass,\n  grRadioControlCheckedClass,\n  grRadioControlDisabledClass,\n  grRadioControlInvalidClass,\n  grRadioControlUncheckedClass,\n  grRadioControlSizes,\n  grRadioDescriptionSizes,\n  grRadioDotBaseClass,\n  grRadioDotSizes,\n  grRadioDotCheckedClass,\n  grRadioDotDisabledClass,\n  grRadioDotUncheckedClass,\n  grRadioEnabledClass,\n  grRadioLabelCheckedColorClass,\n  grRadioLabelColorClass,\n  grRadioLabelSizes,\n  grRadioRootDisabledClass,\n  grRadioRootReadonlyClass,\n  grRadioRootEnabledClass,\n} from './grRadioStyles'\n\nexport const grRadioSafelist = [...new Set([\n  ...grButtonSafelist,\n  ...splitClassTokens(grRadioEnabledClass),\n  ...splitClassTokens(grRadioButtonDisabledClass),\n  ...splitClassTokens(grRadioButtonDisabledCheckedClass),\n  ...splitClassTokens(grRadioRootDisabledClass),\n  ...splitClassTokens(grRadioRootEnabledClass),\n  ...splitClassTokens(grRadioRootReadonlyClass),\n  ...splitClassTokens(grRadioControlCheckedClass),\n  ...splitClassTokens(grRadioControlUncheckedClass),\n  ...splitClassTokens(grRadioControlDisabledClass),\n  ...splitClassTokens(grRadioControlInvalidClass),\n  ...splitClassTokens(grRadioDotCheckedClass),\n  ...splitClassTokens(grRadioDotUncheckedClass),\n  ...splitClassTokens(grRadioDotDisabledClass),\n  ...splitClassTokens(grRadioDotBaseClass),\n  ...Object.values(grRadioControlSizes).flatMap(splitClassTokens),\n  ...Object.values(grRadioDotSizes).flatMap(splitClassTokens),\n  ...Object.values(grRadioLabelSizes).flatMap(splitClassTokens),\n  ...Object.values(grRadioDescriptionSizes).flatMap(splitClassTokens),\n  ...splitClassTokens(grRadioLabelColorClass),\n  ...splitClassTokens(grRadioLabelCheckedColorClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grRadioSafelist } from './safelist'\n\nexport const grRadioConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrRadio',\n  dependencies: ['GrButton'],\n  safelist: grRadioSafelist,\n})"],"mappings":";;;;;AAyBA,IAAa,kBAAkB,CAAC,mBAAG,IAAI,IAAI;CACzC,GAAG;CACH,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,0BAA0B;CAC9C,GAAG,iBAAiB,iCAAiC;CACrD,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,uBAAuB;CAC3C,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,0BAA0B;CAC9C,GAAG,iBAAiB,4BAA4B;CAChD,GAAG,iBAAiB,2BAA2B;CAC/C,GAAG,iBAAiB,0BAA0B;CAC9C,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,uBAAuB;CAC3C,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,OAAO,OAAO,mBAAmB,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,GAAG,OAAO,OAAO,uBAAuB,CAAC,CAAC,QAAQ,gBAAgB;CAClE,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,6BAA6B;AACnD,CAAC,CAAC;;;AC3CF,IAAa,gBAAgB,wBAAwB,OAAO,KAAK,KAAK;CACpE,MAAM;CACN,cAAc,CAAC,UAAU;CACzB,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-Rw9OyW702.js → config-BfsBepkH2.js}

@@ -1,10 +1,6 @@
 import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrSidebar/grSidebarStyles.ts
-/** Сторона экрана, к которой прижата панель. */
-var GR_SIDEBAR_POSITIONS = ["left", "right"];
-/** Лендмарк корня: навигация или дополняющий блок (фильтры, справка). */
-var GR_SIDEBAR_LANDMARKS = ["complementary", "navigation"];
 var rootBase = "flex flex-col bg-[var(--gr-sidebar)] text-[var(--gr-sidebar-fg)] transition-[width] duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]";
 /** Граница отделяет панель от контента, поэтому уезжает на внутреннюю сторону. */
 var rootPositions = {
@@ -84,4 +80,4 @@ var grSidebarConfig = defineGranularComponent(import.meta.url, {
 	safelist: grSidebarSafelist
 });
 //#endregion
-export { contentBase as a, grSidebarRootClass as c, headerBase as d, itemBadgeClass as f, titleClass as h, GR_SIDEBAR_POSITIONS as i, groupCollapsedClass as l, subtitleClass as m, grSidebarSafelist as n, grSidebarCollapseDirection as o, itemLetterClass as p, GR_SIDEBAR_LANDMARKS as r, grSidebarItemClass as s, grSidebarConfig as t, groupLabelClass as u };
+export { grSidebarItemClass as a, groupLabelClass as c, itemLetterClass as d, subtitleClass as f, grSidebarCollapseDirection as i, headerBase as l, grSidebarSafelist as n, grSidebarRootClass as o, titleClass as p, contentBase as r, groupCollapsedClass as s, grSidebarConfig as t, itemBadgeClass as u };

package/dist/chunks/{config-Rw9OyW702.js.map → config-BfsBepkH2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"config-Rw9OyW702.js","names":[],"sources":["../../src/components/GrSidebar/grSidebarStyles.ts","../../src/components/GrSidebar/safelist.ts","../../src/components/GrSidebar/config.ts"],"sourcesContent":["/** Сторона экрана, к которой прижата панель. */\nexport const GR_SIDEBAR_POSITIONS = ['left', 'right'] as const\nexport type GrSidebarPosition = typeof GR_SIDEBAR_POSITIONS[number]\n\n/** Лендмарк корня: навигация или дополняющий блок (фильтры, справка). */\nexport const GR_SIDEBAR_LANDMARKS = ['complementary', 'navigation'] as const\nexport type GrSidebarLandmark = typeof GR_SIDEBAR_LANDMARKS[number]\n\nexport const rootBase = 'flex flex-col bg-[var(--gr-sidebar)] text-[var(--gr-sidebar-fg)] transition-[width] duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]'\n\n/** Граница отделяет панель от контента, поэтому уезжает на внутреннюю сторону. */\nexport const rootPositions: Record<GrSidebarPosition, string> = {\n  left: 'border-r border-[var(--gr-sidebar-brd)]',\n  right: 'border-l border-[var(--gr-sidebar-brd)]',\n}\n\nexport const headerBase = 'flex items-center gap-2 border-b border-[var(--gr-sidebar-brd)] px-3 py-4'\n\nexport const titleClass = 'truncate text-[length:var(--gr-text-lg)] font-700'\nexport const subtitleClass = 'truncate text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]'\n\n/**\n * Скроллящийся блок обязан быть достижим с клавиатуры, поэтому он остановка\n * `Tab` с видимым кольцом: без него панель с текстовым содержимым не\n * проскроллить вовсе.\n */\nexport const contentBase = 'flex-1 overflow-y-auto focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--gr-ring)]'\n\nexport const itemBase = 'relative flex w-full items-center rounded-[var(--gr-radius-md)] text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport const itemCollapsedClass = 'justify-center px-0 py-2'\nexport const itemExpandedClass = 'gap-3 px-3 py-2'\n\n/**\n * Недоступный пункт гасится токеном, а не `opacity`: прозрачность разбавляет\n * выверенные на AA токены текста.\n */\nexport const itemDisabledClass = 'cursor-not-allowed text-[var(--gr-disabled-fg)]'\nexport const itemActiveClass = 'bg-[var(--gr-muted)] font-600 text-[var(--gr-fg)]'\nexport const itemIdleClass = 'text-[var(--gr-sidebar-fg)] hover:bg-[color-mix(in_srgb,var(--gr-sidebar-fg)_8%,transparent)]'\n\nexport const itemLetterClass = 'text-[length:var(--gr-text-xs)] font-700 leading-none'\nexport const itemBadgeClass = 'shrink-0 rounded-[var(--gr-radius-full)] bg-[color-mix(in_srgb,var(--gr-sidebar-fg)_12%,transparent)] px-1.5 py-0.5 text-[length:var(--gr-text-2xs)] font-600'\n\nexport const groupLabelClass = 'px-3 pb-1 pt-3 text-[length:var(--gr-text-2xs)] font-700 [text-transform:uppercase] tracking-wide text-[var(--gr-muted-fg)]'\n\n/**\n * В свёрнутой панели заголовка секции нет — иначе он не помещается. Границы\n * между группами берёт на себя линия: без неё иконки соседних секций сливаются\n * в один столбец.\n */\nexport const groupCollapsedClass = 'mt-2 border-t border-[var(--gr-sidebar-brd)] pt-2'\n\nexport function grSidebarRootClass(position: GrSidebarPosition): string {\n  return [rootBase, rootPositions[position]].join(' ')\n}\n\n/**\n * Куда указывает шеврон кнопки тогла: всегда в ту сторону, куда уедет панель.\n * У правой панели «свернуть» — это стрелка вправо.\n */\nexport function grSidebarCollapseDirection(\n  position: GrSidebarPosition,\n  collapsed: boolean,\n): GrSidebarPosition {\n  const toRight = (position === 'right') !== collapsed\n  return toRight ? 'right' : 'left'\n}\n\nexport function grSidebarItemClass(options: {\n  collapsed: boolean\n  disabled: boolean\n  active: boolean\n}): string {\n  return [\n    itemBase,\n    options.collapsed ? itemCollapsedClass : itemExpandedClass,\n    options.disabled ? itemDisabledClass : options.active ? itemActiveClass : itemIdleClass,\n  ].join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  contentBase,\n  groupCollapsedClass,\n  groupLabelClass,\n  headerBase,\n  itemActiveClass,\n  itemBadgeClass,\n  itemBase,\n  itemCollapsedClass,\n  itemDisabledClass,\n  itemExpandedClass,\n  itemIdleClass,\n  itemLetterClass,\n  rootBase,\n  rootPositions,\n  subtitleClass,\n  titleClass,\n} from './grSidebarStyles'\n\nexport const grSidebarSafelist = [...new Set([\n  ...splitClassTokens(rootBase),\n  ...Object.values(rootPositions).flatMap(splitClassTokens),\n  ...splitClassTokens(headerBase),\n  ...splitClassTokens(titleClass),\n  ...splitClassTokens(subtitleClass),\n  ...splitClassTokens(contentBase),\n  ...splitClassTokens(itemBase),\n  ...splitClassTokens(itemCollapsedClass),\n  ...splitClassTokens(itemExpandedClass),\n  ...splitClassTokens(itemDisabledClass),\n  ...splitClassTokens(itemActiveClass),\n  ...splitClassTokens(itemIdleClass),\n  ...splitClassTokens(itemLetterClass),\n  ...splitClassTokens(itemBadgeClass),\n  ...splitClassTokens(groupLabelClass),\n  ...splitClassTokens(groupCollapsedClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grSidebarSafelist } from './safelist'\n\nexport const grSidebarConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSidebar',\n  dependencies: ['GrButton', 'GrIcon'],\n  safelist: grSidebarSafelist,\n})\n"],"mappings":";;;;AACA,IAAa,uBAAuB,CAAC,QAAQ,OAAO;;AAIpD,IAAa,uBAAuB,CAAC,iBAAiB,YAAY;AAGlE,IAAa,WAAW;;AAGxB,IAAa,gBAAmD;CAC9D,MAAM;CACN,OAAO;AACT;AAEA,IAAa,aAAa;AAE1B,IAAa,aAAa;AAC1B,IAAa,gBAAgB;;;;;;AAO7B,IAAa,cAAc;AAE3B,IAAa,WAAW;AAExB,IAAa,qBAAqB;AAClC,IAAa,oBAAoB;;;;;AAMjC,IAAa,oBAAoB;AACjC,IAAa,kBAAkB;AAC/B,IAAa,gBAAgB;AAE7B,IAAa,kBAAkB;AAC/B,IAAa,iBAAiB;AAE9B,IAAa,kBAAkB;;;;;;AAO/B,IAAa,sBAAsB;AAEnC,SAAgB,mBAAmB,UAAqC;CACtE,OAAO,CAAC,UAAU,cAAc,SAAS,CAAC,CAAC,KAAK,GAAG;AACrD;;;;;AAMA,SAAgB,2BACd,UACA,WACmB;CAEnB,OADiB,aAAa,YAAa,YAC1B,UAAU;AAC7B;AAEA,SAAgB,mBAAmB,SAIxB;CACT,OAAO;EACL;EACA,QAAQ,YAAY,qBAAqB;EACzC,QAAQ,WAAW,oBAAoB,QAAQ,SAAS,kBAAkB;CAC5E,CAAC,CAAC,KAAK,GAAG;AACZ;;;AC3DA,IAAa,oBAAoB,CAAC,mBAAG,IAAI,IAAI;CAC3C,GAAG,iBAAiB,QAAQ;CAC5B,GAAG,OAAO,OAAO,aAAa,CAAC,CAAC,QAAQ,gBAAgB;CACxD,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,WAAW;CAC/B,GAAG,iBAAiB,QAAQ;CAC5B,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,mBAAmB;AACzC,CAAC,CAAC;;;ACjCF,IAAa,kBAAkB,wBAAwB,OAAO,KAAK,KAAK;CACtE,MAAM;CACN,cAAc,CAAC,YAAY,QAAQ;CACnC,UAAU;AACZ,CAAC"}
+{"version":3,"file":"config-BfsBepkH2.js","names":[],"sources":["../../src/components/GrSidebar/grSidebarStyles.ts","../../src/components/GrSidebar/safelist.ts","../../src/components/GrSidebar/config.ts"],"sourcesContent":["/** Сторона экрана, к которой прижата панель. */\nexport const GR_SIDEBAR_POSITIONS = ['left', 'right'] as const\nexport type GrSidebarPosition = typeof GR_SIDEBAR_POSITIONS[number]\n\n/** Лендмарк корня: навигация или дополняющий блок (фильтры, справка). */\nexport const GR_SIDEBAR_LANDMARKS = ['complementary', 'navigation'] as const\nexport type GrSidebarLandmark = typeof GR_SIDEBAR_LANDMARKS[number]\n\nexport const rootBase = 'flex flex-col bg-[var(--gr-sidebar)] text-[var(--gr-sidebar-fg)] transition-[width] duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]'\n\n/** Граница отделяет панель от контента, поэтому уезжает на внутреннюю сторону. */\nexport const rootPositions: Record<GrSidebarPosition, string> = {\n  left: 'border-r border-[var(--gr-sidebar-brd)]',\n  right: 'border-l border-[var(--gr-sidebar-brd)]',\n}\n\nexport const headerBase = 'flex items-center gap-2 border-b border-[var(--gr-sidebar-brd)] px-3 py-4'\n\nexport const titleClass = 'truncate text-[length:var(--gr-text-lg)] font-700'\nexport const subtitleClass = 'truncate text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]'\n\n/**\n * Скроллящийся блок обязан быть достижим с клавиатуры, поэтому он остановка\n * `Tab` с видимым кольцом: без него панель с текстовым содержимым не\n * проскроллить вовсе.\n */\nexport const contentBase = 'flex-1 overflow-y-auto focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--gr-ring)]'\n\nexport const itemBase = 'relative flex w-full items-center rounded-[var(--gr-radius-md)] text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport const itemCollapsedClass = 'justify-center px-0 py-2'\nexport const itemExpandedClass = 'gap-3 px-3 py-2'\n\n/**\n * Недоступный пункт гасится токеном, а не `opacity`: прозрачность разбавляет\n * выверенные на AA токены текста.\n */\nexport const itemDisabledClass = 'cursor-not-allowed text-[var(--gr-disabled-fg)]'\nexport const itemActiveClass = 'bg-[var(--gr-muted)] font-600 text-[var(--gr-fg)]'\nexport const itemIdleClass = 'text-[var(--gr-sidebar-fg)] hover:bg-[color-mix(in_srgb,var(--gr-sidebar-fg)_8%,transparent)]'\n\nexport const itemLetterClass = 'text-[length:var(--gr-text-xs)] font-700 leading-none'\nexport const itemBadgeClass = 'shrink-0 rounded-[var(--gr-radius-full)] bg-[color-mix(in_srgb,var(--gr-sidebar-fg)_12%,transparent)] px-1.5 py-0.5 text-[length:var(--gr-text-2xs)] font-600'\n\nexport const groupLabelClass = 'px-3 pb-1 pt-3 text-[length:var(--gr-text-2xs)] font-700 [text-transform:uppercase] tracking-wide text-[var(--gr-muted-fg)]'\n\n/**\n * В свёрнутой панели заголовка секции нет — иначе он не помещается. Границы\n * между группами берёт на себя линия: без неё иконки соседних секций сливаются\n * в один столбец.\n */\nexport const groupCollapsedClass = 'mt-2 border-t border-[var(--gr-sidebar-brd)] pt-2'\n\nexport function grSidebarRootClass(position: GrSidebarPosition): string {\n  return [rootBase, rootPositions[position]].join(' ')\n}\n\n/**\n * Куда указывает шеврон кнопки тогла: всегда в ту сторону, куда уедет панель.\n * У правой панели «свернуть» — это стрелка вправо.\n */\nexport function grSidebarCollapseDirection(\n  position: GrSidebarPosition,\n  collapsed: boolean,\n): GrSidebarPosition {\n  const toRight = (position === 'right') !== collapsed\n  return toRight ? 'right' : 'left'\n}\n\nexport function grSidebarItemClass(options: {\n  collapsed: boolean\n  disabled: boolean\n  active: boolean\n}): string {\n  return [\n    itemBase,\n    options.collapsed ? itemCollapsedClass : itemExpandedClass,\n    options.disabled ? itemDisabledClass : options.active ? itemActiveClass : itemIdleClass,\n  ].join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  contentBase,\n  groupCollapsedClass,\n  groupLabelClass,\n  headerBase,\n  itemActiveClass,\n  itemBadgeClass,\n  itemBase,\n  itemCollapsedClass,\n  itemDisabledClass,\n  itemExpandedClass,\n  itemIdleClass,\n  itemLetterClass,\n  rootBase,\n  rootPositions,\n  subtitleClass,\n  titleClass,\n} from './grSidebarStyles'\n\nexport const grSidebarSafelist = [...new Set([\n  ...splitClassTokens(rootBase),\n  ...Object.values(rootPositions).flatMap(splitClassTokens),\n  ...splitClassTokens(headerBase),\n  ...splitClassTokens(titleClass),\n  ...splitClassTokens(subtitleClass),\n  ...splitClassTokens(contentBase),\n  ...splitClassTokens(itemBase),\n  ...splitClassTokens(itemCollapsedClass),\n  ...splitClassTokens(itemExpandedClass),\n  ...splitClassTokens(itemDisabledClass),\n  ...splitClassTokens(itemActiveClass),\n  ...splitClassTokens(itemIdleClass),\n  ...splitClassTokens(itemLetterClass),\n  ...splitClassTokens(itemBadgeClass),\n  ...splitClassTokens(groupLabelClass),\n  ...splitClassTokens(groupCollapsedClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grSidebarSafelist } from './safelist'\n\nexport const grSidebarConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSidebar',\n  dependencies: ['GrButton', 'GrIcon'],\n  safelist: grSidebarSafelist,\n})\n"],"mappings":";;;AAQA,IAAa,WAAW;;AAGxB,IAAa,gBAAmD;CAC9D,MAAM;CACN,OAAO;AACT;AAEA,IAAa,aAAa;AAE1B,IAAa,aAAa;AAC1B,IAAa,gBAAgB;;;;;;AAO7B,IAAa,cAAc;AAE3B,IAAa,WAAW;AAExB,IAAa,qBAAqB;AAClC,IAAa,oBAAoB;;;;;AAMjC,IAAa,oBAAoB;AACjC,IAAa,kBAAkB;AAC/B,IAAa,gBAAgB;AAE7B,IAAa,kBAAkB;AAC/B,IAAa,iBAAiB;AAE9B,IAAa,kBAAkB;;;;;;AAO/B,IAAa,sBAAsB;AAEnC,SAAgB,mBAAmB,UAAqC;CACtE,OAAO,CAAC,UAAU,cAAc,SAAS,CAAC,CAAC,KAAK,GAAG;AACrD;;;;;AAMA,SAAgB,2BACd,UACA,WACmB;CAEnB,OADiB,aAAa,YAAa,YAC1B,UAAU;AAC7B;AAEA,SAAgB,mBAAmB,SAIxB;CACT,OAAO;EACL;EACA,QAAQ,YAAY,qBAAqB;EACzC,QAAQ,WAAW,oBAAoB,QAAQ,SAAS,kBAAkB;CAC5E,CAAC,CAAC,KAAK,GAAG;AACZ;;;AC3DA,IAAa,oBAAoB,CAAC,mBAAG,IAAI,IAAI;CAC3C,GAAG,iBAAiB,QAAQ;CAC5B,GAAG,OAAO,OAAO,aAAa,CAAC,CAAC,QAAQ,gBAAgB;CACxD,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,WAAW;CAC/B,GAAG,iBAAiB,QAAQ;CAC5B,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,mBAAmB;AACzC,CAAC,CAAC;;;ACjCF,IAAa,kBAAkB,wBAAwB,OAAO,KAAK,KAAK;CACtE,MAAM;CACN,cAAc,CAAC,YAAY,QAAQ;CACnC,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-DP7eseR1.js → config-Bsh948nP.js}

@@ -1,13 +1,6 @@
 import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrAvatar/grAvatarStyles.ts
-/** Статус участника. Точка декоративна — смысл несёт скрытая подпись. */
-var GR_AVATAR_STATUSES = [
-	"online",
-	"offline",
-	"busy",
-	"away"
-];
 var shapes = {
 	circle: "rounded-[var(--gr-radius-full)]",
 	square: "rounded-[var(--gr-avatar-square-radius,10px)]"
@@ -89,4 +82,4 @@ var grAvatarConfig = defineGranularComponent(import.meta.url, {
 	safelist: grAvatarSafelist
 });
 //#endregion
-export { grAvatarClass as a, groupOverflowClass as c, mediaClipClass as d, rootBaseClass as f, statusToneClass as h, avatarFontSizePx as i, initialsFrom as l, statusDotClass as m, grAvatarSafelist as n, groupBaseClass as o, rootStatusClass as p, GR_AVATAR_STATUSES as r, groupItemClass as s, grAvatarConfig as t, mediaClass as u };
+export { groupBaseClass as a, initialsFrom as c, rootBaseClass as d, rootStatusClass as f, grAvatarClass as i, mediaClass as l, statusToneClass as m, grAvatarSafelist as n, groupItemClass as o, statusDotClass as p, avatarFontSizePx as r, groupOverflowClass as s, grAvatarConfig as t, mediaClipClass as u };

package/dist/chunks/{config-DP7eseR1.js.map → config-Bsh948nP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"config-DP7eseR1.js","names":[],"sources":["../../src/components/GrAvatar/grAvatarStyles.ts","../../src/components/GrAvatar/safelist.ts","../../src/components/GrAvatar/config.ts"],"sourcesContent":["export type GrAvatarShape = 'circle' | 'square'\n\n/** Статус участника. Точка декоративна — смысл несёт скрытая подпись. */\nexport const GR_AVATAR_STATUSES = ['online', 'offline', 'busy', 'away'] as const\nexport type GrAvatarStatus = typeof GR_AVATAR_STATUSES[number]\n\nexport const shapes: Record<GrAvatarShape, string> = {\n    circle: 'rounded-[var(--gr-radius-full)]',\n    square: 'rounded-[var(--gr-avatar-square-radius,10px)]',\n}\n\nexport const rootBaseClass = 'relative inline-flex shrink-0 items-center justify-center overflow-hidden border border-[var(--gr-brd)] bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] font-700'\n\n/** Индикатор статуса: кольцо цветом фона отделяет точку от самого аватара. */\nexport const statusDotClass = 'absolute bottom-0 right-0 block h-1/4 w-1/4 min-h-2 min-w-2 rounded-[var(--gr-radius-full)] ring-2 ring-[var(--gr-bg)]'\n\nexport const statusToneClass: Record<GrAvatarStatus, string> = {\n    online: 'bg-[var(--gr-success)]',\n    offline: 'bg-[var(--gr-muted-fg)]',\n    busy: 'bg-[var(--gr-danger)]',\n    away: 'bg-[var(--gr-warning)]',\n}\n\n/**\n * Статус рисуется поверх картинки, поэтому у корня со статусом не может быть\n * `overflow-hidden` — точка обрезалась бы кругом. Скругление вместо этого\n * держит внутренняя обёртка изображения.\n */\nexport const rootStatusClass = 'overflow-visible'\n\n/**\n * Обёртка растянута на весь аватар, поэтому корневой `justify-center`\n * центрирует её саму, а не содержимое: центрирование обязано быть здесь.\n */\nexport const mediaClass = 'flex h-full w-full items-center justify-center'\n\n/**\n * Со статусом корень уходит в `overflow-visible`, чтобы не срезать точку, и\n * резать по форме становится некому — тогда это берёт на себя обёртка.\n */\nexport const mediaClipClass = 'overflow-hidden'\n\n/**\n * Размер бывает произвольным числом пикселей, поэтому кегль считается, а не\n * берётся картой по ступеням. Пол в 10px: у аватара 24px пропорциональные 8px\n * не читаются.\n */\nexport function avatarFontSizePx(sizePx: number): number {\n    return Math.max(10, Math.round(sizePx / 3))\n}\n\nexport const groupBaseClass = 'inline-flex items-center'\n\n/** Перекрытие соседей: кольцо цветом фона отделяет аватары друг от друга. */\nexport const groupItemClass = '-ml-2 first:ml-0 ring-2 ring-[var(--gr-bg)]'\n\nexport const groupOverflowClass = 'inline-flex items-center justify-center bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] font-700'\n\nexport function grAvatarClass(shape: GrAvatarShape): string {\n    return [shapes[shape]].join(' ')\n}\n\n/**\n * Инициалы из имени: первые буквы двух первых слов. Вынесено чистой функцией —\n * тестируется без монтирования.\n */\nexport function initialsFrom(name: string): string {\n    const words = name.trim().split(/\\s+/).filter(Boolean)\n    if (words.length === 0) return ''\n\n    return words\n        .slice(0, 2)\n        .map(word => [...word][0]?.toUpperCase() ?? '')\n        .join('')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  groupBaseClass,\n  groupItemClass,\n  groupOverflowClass,\n  mediaClass,\n  mediaClipClass,\n  rootBaseClass,\n  rootStatusClass,\n  shapes,\n  statusDotClass,\n  statusToneClass,\n} from './grAvatarStyles'\n\nexport const grAvatarClassTokens = {\n  shapes: Object.values(shapes).flatMap(splitClassTokens),\n  root: [...splitClassTokens(rootBaseClass), ...splitClassTokens(rootStatusClass)],\n  media: [...splitClassTokens(mediaClass), ...splitClassTokens(mediaClipClass)],\n  status: [\n    ...splitClassTokens(statusDotClass),\n    ...Object.values(statusToneClass).flatMap(splitClassTokens),\n  ],\n  group: [\n    ...splitClassTokens(groupBaseClass),\n    ...splitClassTokens(groupItemClass),\n    ...splitClassTokens(groupOverflowClass),\n  ],\n} as const\n\nexport const grAvatarSafelist = [...new Set([\n  ...grAvatarClassTokens.shapes,\n  ...grAvatarClassTokens.root,\n  ...grAvatarClassTokens.media,\n  ...grAvatarClassTokens.status,\n  ...grAvatarClassTokens.group,\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grAvatarSafelist } from './safelist'\n\nexport const grAvatarConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrAvatar',\n  dependencies: ['GrSkeleton'],\n  safelist: grAvatarSafelist,\n})"],"mappings":";;;;AAGA,IAAa,qBAAqB;CAAC;CAAU;CAAW;CAAQ;AAAM;AAGtE,IAAa,SAAwC;CACjD,QAAQ;CACR,QAAQ;AACZ;AAEA,IAAa,gBAAgB;;AAG7B,IAAa,iBAAiB;AAE9B,IAAa,kBAAkD;CAC3D,QAAQ;CACR,SAAS;CACT,MAAM;CACN,MAAM;AACV;;;;;;AAOA,IAAa,kBAAkB;;;;;AAM/B,IAAa,aAAa;;;;;AAM1B,IAAa,iBAAiB;;;;;;AAO9B,SAAgB,iBAAiB,QAAwB;CACrD,OAAO,KAAK,IAAI,IAAI,KAAK,MAAM,SAAS,CAAC,CAAC;AAC9C;AAEA,IAAa,iBAAiB;;AAG9B,IAAa,iBAAiB;AAE9B,IAAa,qBAAqB;AAElC,SAAgB,cAAc,OAA8B;CACxD,OAAO,CAAC,OAAO,MAAM,CAAC,CAAC,KAAK,GAAG;AACnC;;;;;AAMA,SAAgB,aAAa,MAAsB;CAC/C,MAAM,QAAQ,KAAK,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,OAAO,OAAO;CACrD,IAAI,MAAM,WAAW,GAAG,OAAO;CAE/B,OAAO,MACF,MAAM,GAAG,CAAC,CAAC,CACX,KAAI,SAAQ,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,EAAE,YAAY,KAAK,EAAE,CAAC,CAC9C,KAAK,EAAE;AAChB;;;AC5DA,IAAa,sBAAsB;CACjC,QAAQ,OAAO,OAAO,MAAM,CAAC,CAAC,QAAQ,gBAAgB;CACtD,MAAM,CAAC,GAAG,iBAAiB,aAAa,GAAG,GAAG,iBAAiB,eAAe,CAAC;CAC/E,OAAO,CAAC,GAAG,iBAAiB,UAAU,GAAG,GAAG,iBAAiB,cAAc,CAAC;CAC5E,QAAQ,CACN,GAAG,iBAAiB,cAAc,GAClC,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB,CAC5D;CACA,OAAO;EACL,GAAG,iBAAiB,cAAc;EAClC,GAAG,iBAAiB,cAAc;EAClC,GAAG,iBAAiB,kBAAkB;CACxC;AACF;AAEA,IAAa,mBAAmB,CAAC,mBAAG,IAAI,IAAI;CAC1C,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;AACzB,CAAC,CAAC;;;AC/BF,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,YAAY;CAC3B,UAAU;AACZ,CAAC"}
+{"version":3,"file":"config-Bsh948nP.js","names":[],"sources":["../../src/components/GrAvatar/grAvatarStyles.ts","../../src/components/GrAvatar/safelist.ts","../../src/components/GrAvatar/config.ts"],"sourcesContent":["export type GrAvatarShape = 'circle' | 'square'\n\n/** Статус участника. Точка декоративна — смысл несёт скрытая подпись. */\nexport const GR_AVATAR_STATUSES = ['online', 'offline', 'busy', 'away'] as const\nexport type GrAvatarStatus = typeof GR_AVATAR_STATUSES[number]\n\nexport const shapes: Record<GrAvatarShape, string> = {\n    circle: 'rounded-[var(--gr-radius-full)]',\n    square: 'rounded-[var(--gr-avatar-square-radius,10px)]',\n}\n\nexport const rootBaseClass = 'relative inline-flex shrink-0 items-center justify-center overflow-hidden border border-[var(--gr-brd)] bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] font-700'\n\n/** Индикатор статуса: кольцо цветом фона отделяет точку от самого аватара. */\nexport const statusDotClass = 'absolute bottom-0 right-0 block h-1/4 w-1/4 min-h-2 min-w-2 rounded-[var(--gr-radius-full)] ring-2 ring-[var(--gr-bg)]'\n\nexport const statusToneClass: Record<GrAvatarStatus, string> = {\n    online: 'bg-[var(--gr-success)]',\n    offline: 'bg-[var(--gr-muted-fg)]',\n    busy: 'bg-[var(--gr-danger)]',\n    away: 'bg-[var(--gr-warning)]',\n}\n\n/**\n * Статус рисуется поверх картинки, поэтому у корня со статусом не может быть\n * `overflow-hidden` — точка обрезалась бы кругом. Скругление вместо этого\n * держит внутренняя обёртка изображения.\n */\nexport const rootStatusClass = 'overflow-visible'\n\n/**\n * Обёртка растянута на весь аватар, поэтому корневой `justify-center`\n * центрирует её саму, а не содержимое: центрирование обязано быть здесь.\n */\nexport const mediaClass = 'flex h-full w-full items-center justify-center'\n\n/**\n * Со статусом корень уходит в `overflow-visible`, чтобы не срезать точку, и\n * резать по форме становится некому — тогда это берёт на себя обёртка.\n */\nexport const mediaClipClass = 'overflow-hidden'\n\n/**\n * Размер бывает произвольным числом пикселей, поэтому кегль считается, а не\n * берётся картой по ступеням. Пол в 10px: у аватара 24px пропорциональные 8px\n * не читаются.\n */\nexport function avatarFontSizePx(sizePx: number): number {\n    return Math.max(10, Math.round(sizePx / 3))\n}\n\nexport const groupBaseClass = 'inline-flex items-center'\n\n/** Перекрытие соседей: кольцо цветом фона отделяет аватары друг от друга. */\nexport const groupItemClass = '-ml-2 first:ml-0 ring-2 ring-[var(--gr-bg)]'\n\nexport const groupOverflowClass = 'inline-flex items-center justify-center bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] font-700'\n\nexport function grAvatarClass(shape: GrAvatarShape): string {\n    return [shapes[shape]].join(' ')\n}\n\n/**\n * Инициалы из имени: первые буквы двух первых слов. Вынесено чистой функцией —\n * тестируется без монтирования.\n */\nexport function initialsFrom(name: string): string {\n    const words = name.trim().split(/\\s+/).filter(Boolean)\n    if (words.length === 0) return ''\n\n    return words\n        .slice(0, 2)\n        .map(word => [...word][0]?.toUpperCase() ?? '')\n        .join('')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  groupBaseClass,\n  groupItemClass,\n  groupOverflowClass,\n  mediaClass,\n  mediaClipClass,\n  rootBaseClass,\n  rootStatusClass,\n  shapes,\n  statusDotClass,\n  statusToneClass,\n} from './grAvatarStyles'\n\nexport const grAvatarClassTokens = {\n  shapes: Object.values(shapes).flatMap(splitClassTokens),\n  root: [...splitClassTokens(rootBaseClass), ...splitClassTokens(rootStatusClass)],\n  media: [...splitClassTokens(mediaClass), ...splitClassTokens(mediaClipClass)],\n  status: [\n    ...splitClassTokens(statusDotClass),\n    ...Object.values(statusToneClass).flatMap(splitClassTokens),\n  ],\n  group: [\n    ...splitClassTokens(groupBaseClass),\n    ...splitClassTokens(groupItemClass),\n    ...splitClassTokens(groupOverflowClass),\n  ],\n} as const\n\nexport const grAvatarSafelist = [...new Set([\n  ...grAvatarClassTokens.shapes,\n  ...grAvatarClassTokens.root,\n  ...grAvatarClassTokens.media,\n  ...grAvatarClassTokens.status,\n  ...grAvatarClassTokens.group,\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grAvatarSafelist } from './safelist'\n\nexport const grAvatarConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrAvatar',\n  dependencies: ['GrSkeleton'],\n  safelist: grAvatarSafelist,\n})"],"mappings":";;;AAMA,IAAa,SAAwC;CACjD,QAAQ;CACR,QAAQ;AACZ;AAEA,IAAa,gBAAgB;;AAG7B,IAAa,iBAAiB;AAE9B,IAAa,kBAAkD;CAC3D,QAAQ;CACR,SAAS;CACT,MAAM;CACN,MAAM;AACV;;;;;;AAOA,IAAa,kBAAkB;;;;;AAM/B,IAAa,aAAa;;;;;AAM1B,IAAa,iBAAiB;;;;;;AAO9B,SAAgB,iBAAiB,QAAwB;CACrD,OAAO,KAAK,IAAI,IAAI,KAAK,MAAM,SAAS,CAAC,CAAC;AAC9C;AAEA,IAAa,iBAAiB;;AAG9B,IAAa,iBAAiB;AAE9B,IAAa,qBAAqB;AAElC,SAAgB,cAAc,OAA8B;CACxD,OAAO,CAAC,OAAO,MAAM,CAAC,CAAC,KAAK,GAAG;AACnC;;;;;AAMA,SAAgB,aAAa,MAAsB;CAC/C,MAAM,QAAQ,KAAK,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,OAAO,OAAO;CACrD,IAAI,MAAM,WAAW,GAAG,OAAO;CAE/B,OAAO,MACF,MAAM,GAAG,CAAC,CAAC,CACX,KAAI,SAAQ,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,EAAE,YAAY,KAAK,EAAE,CAAC,CAC9C,KAAK,EAAE;AAChB;;;AC5DA,IAAa,sBAAsB;CACjC,QAAQ,OAAO,OAAO,MAAM,CAAC,CAAC,QAAQ,gBAAgB;CACtD,MAAM,CAAC,GAAG,iBAAiB,aAAa,GAAG,GAAG,iBAAiB,eAAe,CAAC;CAC/E,OAAO,CAAC,GAAG,iBAAiB,UAAU,GAAG,GAAG,iBAAiB,cAAc,CAAC;CAC5E,QAAQ,CACN,GAAG,iBAAiB,cAAc,GAClC,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB,CAC5D;CACA,OAAO;EACL,GAAG,iBAAiB,cAAc;EAClC,GAAG,iBAAiB,cAAc;EAClC,GAAG,iBAAiB,kBAAkB;CACxC;AACF;AAEA,IAAa,mBAAmB,CAAC,mBAAG,IAAI,IAAI;CAC1C,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;AACzB,CAAC,CAAC;;;AC/BF,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,YAAY;CAC3B,UAAU;AACZ,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-CDat1wXf.js","names":[],"sources":["../../src/components/GrTree/safelist.ts","../../src/components/GrTree/config.ts"],"sourcesContent":["// Иконки-пропы (`expandIcon`/`collapseIcon`/`dragHandleIcon`) приходят от\n// потребителя: их классы генерирует его сборка, а не наша. Встроенные иконки\n// компилируются в `dist` и CSS не требуют.\n// Литералы шаблона (`py-2`, `px-2`, `ml-6`, ...) не дублируем — UnoCSS находит их сканом.\nexport const grTreeSafelist = [] as const\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grTreeSafelist } from './safelist'\n\nexport const grTreeConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTree',\n  safelist: grTreeSafelist,\n})"],"mappings":";;AAIA,IAAa,iBAAiB,CAAC;;;ACA/B,IAAa,eAAe,wBAAwB,OAAO,KAAK,KAAK;CACnE,MAAM;CACN,UAAU;AACZ,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-COpuWGr_2.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)] 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-CY0_6cMi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-CY0_6cMi.js","names":[],"sources":["../../src/components/GrDivider/grDividerStyles.ts","../../src/components/GrDivider/safelist.ts","../../src/components/GrDivider/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nexport type GrDividerOrientation = 'horizontal' | 'vertical'\nexport type GrDividerAlign = 'start' | 'center' | 'end'\nexport type GrDividerVariant = 'solid' | 'dashed' | 'dotted'\n/** Отступы вокруг разделителя. `none` — вплотную, как было до появления пропа. */\nexport type GrDividerSpacing = 'none' | GrComponentSize\n\n/**\n * Линия рисуется бордюром, а не фоном: `dashed` и `dotted` фоном не выразить,\n * а два разных механизма на три варианта одного и того же — путь к расхождению.\n * Толщину задаёт `--gr-divider-thickness`, поэтому классы про неё не знают.\n */\nexport const lineVariantClass: Record<GrDividerVariant, string> = {\n  solid: 'border-solid',\n  dashed: 'border-dashed',\n  dotted: 'border-dotted',\n}\n\nexport const horizontalLineClass\n  = 'border-0 border-t-[length:var(--gr-divider-thickness,1px)] border-[var(--gr-brd)]'\n\nexport const verticalLineClass\n  = 'border-0 border-l-[length:var(--gr-divider-thickness,1px)] border-[var(--gr-brd)]'\n\nexport const horizontalSpacingClass: Record<GrDividerSpacing, string> = {\n  none: '',\n  xs: 'my-1',\n  sm: 'my-2',\n  md: 'my-3',\n  lg: 'my-4',\n}\n\nexport const verticalSpacingClass: Record<GrDividerSpacing, string> = {\n  none: '',\n  xs: 'mx-1',\n  sm: 'mx-2',\n  md: 'mx-3',\n  lg: 'mx-4',\n}\n\nexport const labelRootClass = 'flex w-full items-center gap-3 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)] text-[var(--gr-muted-fg)]'\n\n/** Отрезок линии рядом с подписью: тянется по остатку ширины. */\nexport const labelLineClass = 'flex-1'\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  horizontalLineClass,\n  horizontalSpacingClass,\n  labelLineClass,\n  labelRootClass,\n  lineVariantClass,\n  verticalLineClass,\n  verticalSpacingClass,\n} from './grDividerStyles'\n\n// Литералы живут в `.ts`-хелпере, а он на сборке уезжает в общий чанк — скан\n// шаблонов их не увидит. Отсюда и safelist: без него `dashed`-разделитель\n// оказался бы разделителем без линии.\nexport const grDividerSafelist = [...new Set([\n  ...splitClassTokens(horizontalLineClass),\n  ...splitClassTokens(verticalLineClass),\n  ...splitClassTokens(labelRootClass),\n  ...splitClassTokens(labelLineClass),\n  ...Object.values(lineVariantClass).flatMap(splitClassTokens),\n  ...Object.values(horizontalSpacingClass).flatMap(splitClassTokens),\n  ...Object.values(verticalSpacingClass).flatMap(splitClassTokens),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grDividerSafelist } from './safelist'\n\nexport const grDividerConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDivider',\n  safelist: grDividerSafelist,\n})\n"],"mappings":";;;;;;;;AAaA,IAAa,mBAAqD;CAChE,OAAO;CACP,QAAQ;CACR,QAAQ;AACV;AAEA,IAAa,sBACT;AAEJ,IAAa,oBACT;AAEJ,IAAa,yBAA2D;CACtE,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,uBAAyD;CACpE,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,iBAAiB;;AAG9B,IAAa,iBAAiB;;;AC9B9B,IAAa,oBAAoB,CAAC,mBAAG,IAAI,IAAI;CAC3C,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,cAAc;CAClC,GAAG,OAAO,OAAO,gBAAgB,CAAC,CAAC,QAAQ,gBAAgB;CAC3D,GAAG,OAAO,OAAO,sBAAsB,CAAC,CAAC,QAAQ,gBAAgB;CACjE,GAAG,OAAO,OAAO,oBAAoB,CAAC,CAAC,QAAQ,gBAAgB;AACjE,CAAC,CAAC;;;AClBF,IAAa,kBAAkB,wBAAwB,OAAO,KAAK,KAAK;CACtE,MAAM;CACN,UAAU;AACZ,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-D94Z9po5.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-DAX8Deh12.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-DAX8Deh12.js","names":[],"sources":["../../src/components/GrSortableList/grSortableListStyles.ts","../../src/components/GrSortableList/safelist.ts","../../src/components/GrSortableList/config.ts"],"sourcesContent":["export type GrSortableOrientation = 'horizontal' | 'vertical'\n\n/**\n * Классы `GrSortableList`. Единственный источник правды для шаблона и\n * `safelist.ts`: литерал, живущий только здесь, до скана UnoCSS не доходит —\n * хелпер уезжает в общий чанк `dist/chunks/`.\n */\n\nexport const listClass: Record<GrSortableOrientation, string> = {\n  vertical: 'flex flex-col',\n  horizontal: 'flex flex-row flex-wrap',\n}\n\nexport const rowLayoutClass = 'relative flex items-center gap-2 px-4 py-3 transition-colors duration-[var(--gr-duration-fast)]'\n\n/**\n * Строка — остановка роверного фокуса, поэтому кольцо на ней, а не на ручке:\n * с клавиатуры берут строку целиком, ручка остаётся affordance для мыши.\n */\nexport const rowFocusClass = 'focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-inset'\n\nexport const rowDraggingClass = 'bg-[var(--gr-sortable-row-bg-active,var(--gr-muted))]'\n\n/** Взятая с клавиатуры строка обязана отличаться от просто сфокусированной. */\nexport const rowGrabbedClass = 'bg-[var(--gr-sortable-row-bg-active,var(--gr-muted))] ring-2 ring-[var(--gr-ring)] ring-inset'\n\nexport const rowDisabledClass = 'cursor-not-allowed bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]'\n\nexport const dividedClass = 'divide-y divide-[var(--gr-brd)]'\n\nexport const emptyClass = 'px-4 py-6 text-center text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]'\n\n/**\n * Ручка не табируется: внутри роверного композита свой таб-стоп сломал бы\n * правило «один Tab на список» — тот же приём, что у ручки `GrTree`.\n */\n/**\n * `[touch-action:none]` вместо `touch-none`: утилиты нет ни в `presetMini`, ни\n * в extra-rules, класс молча не превратился бы в CSS — и вертикальный свайп по\n * ручке ушёл бы в прокрутку страницы. Тот же приём у дорожки `GrSlider`.\n */\nexport const handleClass = 'flex shrink-0 items-center justify-center rounded-[var(--gr-radius-sm)] text-[var(--gr-sortable-handle-color,var(--gr-muted-fg))] size-[var(--gr-sortable-handle-size,1.5rem)] cursor-grab [touch-action:none] focus:outline-none'\n\nexport const handleDisabledClass = 'cursor-not-allowed text-[var(--gr-muted-fg)]'\n\n\nexport const contentClass = 'min-w-0 flex-1 text-[length:var(--gr-text-sm)]'\n\n/**\n * Куда встанет строка — псевдоэлемент самой строки, а не отдельный узел:\n * лишний узел между строками ломает и `divide-y`, и подсчёт позиций.\n */\nexport const indicatorBeforeClass = 'before:absolute before:inset-x-0 before:top-0 before:h-[var(--gr-sortable-indicator-width,2px)] before:bg-[var(--gr-sortable-indicator,var(--gr-primary))] before:content-empty'\n\nexport const indicatorAfterClass = 'after:absolute after:inset-x-0 after:bottom-0 after:h-[var(--gr-sortable-indicator-width,2px)] after:bg-[var(--gr-sortable-indicator,var(--gr-primary))] after:content-empty'\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  contentClass,\n  dividedClass,\n  emptyClass,\n  handleClass,\n  handleDisabledClass,\n  indicatorAfterClass,\n  indicatorBeforeClass,\n  listClass,\n  rowDisabledClass,\n  rowDraggingClass,\n  rowFocusClass,\n  rowGrabbedClass,\n  rowLayoutClass,\n} from './grSortableListStyles'\n\nexport const grSortableListSafelist = [...new Set([\n  ...Object.values(listClass).flatMap(splitClassTokens),\n  ...splitClassTokens(rowLayoutClass),\n  ...splitClassTokens(rowFocusClass),\n  ...splitClassTokens(rowDraggingClass),\n  ...splitClassTokens(rowGrabbedClass),\n  ...splitClassTokens(rowDisabledClass),\n  ...splitClassTokens(dividedClass),\n  ...splitClassTokens(emptyClass),\n  ...splitClassTokens(handleClass),\n  ...splitClassTokens(handleDisabledClass),\n  ...splitClassTokens(contentClass),\n  ...splitClassTokens(indicatorBeforeClass),\n  ...splitClassTokens(indicatorAfterClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grSortableListSafelist } from './safelist'\n\nexport const grSortableListConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSortableList',\n  safelist: grSortableListSafelist,\n  dependencies: ['GrCard'],\n})\n"],"mappings":";;;;;;;;AAQA,IAAa,YAAmD;CAC9D,UAAU;CACV,YAAY;AACd;AAEA,IAAa,iBAAiB;;;;;AAM9B,IAAa,gBAAgB;AAE7B,IAAa,mBAAmB;;AAGhC,IAAa,kBAAkB;AAE/B,IAAa,mBAAmB;AAEhC,IAAa,eAAe;AAE5B,IAAa,aAAa;;;;;;;;;;AAW1B,IAAa,cAAc;AAE3B,IAAa,sBAAsB;AAGnC,IAAa,eAAe;;;;;AAM5B,IAAa,uBAAuB;AAEpC,IAAa,sBAAsB;;;ACrCnC,IAAa,yBAAyB,CAAC,mBAAG,IAAI,IAAI;CAChD,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,WAAW;CAC/B,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,mBAAmB;AACzC,CAAC,CAAC;;;AC3BF,IAAa,uBAAuB,wBAAwB,OAAO,KAAK,KAAK;CAC3E,MAAM;CACN,UAAU;CACV,cAAc,CAAC,QAAQ;AACzB,CAAC"}

package/dist/chunks/{config-_qPUfb6-2.js → config-DWN4x6_e.js}

@@ -1,12 +1,6 @@
 import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrTabs/grTabsStyles.ts
-/**
-* `pills` — вкладки-таблетки в общей обойме, `line` — классический ряд с
-* подчёркиванием активной. Имя `pills` общее с `GrSegmented`: у компонентов
-* одна роль, и вид с таким названием у них совпадает.
-*/
-var GR_TABS_VARIANTS = ["pills", "line"];
 /** Высота вкладки повторяет шкалу `GrButton`: вкладки часто стоят с ним в один ряд. */
 var tabSizes = {
 	xs: "h-7 px-2 text-[length:var(--gr-text-xs)]",
@@ -162,4 +156,4 @@ var grTabsConfig = defineGranularComponent(import.meta.url, {
 	safelist: grTabsSafelist
 });
 //#endregion
-export { grTabsCloseClass as a, grTabsTabClass as c, tabIconClass as d, grTabsBadgeClass as i, tabCloseIconSizes as l, grTabsSafelist as n, grTabsEmptyClass as o, GR_TABS_VARIANTS as r, grTabsListClass as s, grTabsConfig as t, tabContentClass as u };
+export { grTabsEmptyClass as a, tabCloseIconSizes as c, grTabsCloseClass as i, tabContentClass as l, grTabsSafelist as n, grTabsListClass as o, grTabsBadgeClass as r, grTabsTabClass as s, grTabsConfig as t, tabIconClass as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-DWN4x6_e.js","names":[],"sources":["../../src/components/GrTabs/grTabsStyles.ts","../../src/components/GrTabs/safelist.ts","../../src/components/GrTabs/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nexport type GrTabsSize = GrComponentSize\n\n/**\n * `pills` — вкладки-таблетки в общей обойме, `line` — классический ряд с\n * подчёркиванием активной. Имя `pills` общее с `GrSegmented`: у компонентов\n * одна роль, и вид с таким названием у них совпадает.\n */\nexport const GR_TABS_VARIANTS = ['pills', 'line'] as const\nexport type GrTabsVariant = typeof GR_TABS_VARIANTS[number]\n\nexport type GrTabsOrientation = 'horizontal' | 'vertical'\n\n/** Высота вкладки повторяет шкалу `GrButton`: вкладки часто стоят с ним в один ряд. */\nexport const tabSizes: Record<GrTabsSize, string> = {\n  xs: 'h-7 px-2 text-[length:var(--gr-text-xs)]',\n  sm: 'h-8 px-2.5 text-[length:var(--gr-text-xs)]',\n  md: 'h-9 px-3 text-[length:var(--gr-text-sm)]',\n  lg: 'h-10 px-4 text-[length:var(--gr-text-base)]',\n}\n\n/** Счётчик у вкладки: на ступень мельче подписи. */\nexport const tabBadgeSizes: Record<GrTabsSize, string> = {\n  xs: 'text-[length:var(--gr-text-2xs)] px-1 py-0.5',\n  sm: 'text-[length:var(--gr-text-2xs)] px-1.5 py-0.5',\n  md: 'text-[length:var(--gr-text-2xs)] px-1.5 py-0.5',\n  lg: 'text-[length:var(--gr-text-xs)] px-2 py-0.5',\n}\n\n/** Обойма вокруг вкладок: на мелких ступенях рамка съедала бы высоту. */\nexport const tablistSizes: Record<GrTabsSize, string> = {\n  xs: 'gap-0.5 p-0.5',\n  sm: 'gap-1 p-1',\n  md: 'gap-1 p-1',\n  lg: 'gap-1 p-1.5',\n}\n\n/** `line` живёт без обоймы, поэтому и без внутренних отступов. */\nexport const tablistLineSizes: Record<GrTabsSize, string> = {\n  xs: 'gap-1',\n  sm: 'gap-2',\n  md: 'gap-2',\n  lg: 'gap-3',\n}\n\nexport const tablistBase = 'inline-flex max-w-full'\n\nexport const tablistVariants: Record<GrTabsVariant, string> = {\n  pills: 'rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-muted)]',\n  line: 'border-b border-[var(--gr-brd)]',\n}\n\n/**\n * Вертикальный `line` подчёркивает вкладку сбоку, а не снизу: линия должна идти\n * вдоль списка, иначе она отделяет вкладки друг от друга вместо ряда целиком.\n */\nexport const tablistVerticalVariants: Record<GrTabsVariant, string> = {\n  pills: '',\n  line: 'border-b-0 border-r border-[var(--gr-brd)]',\n}\n\n/**\n * Переполнение прокручивается, а не переносится строкой: перенос ломает ряд и\n * уводит вкладки под панель. Полоса прокрутки скрыта — ряд ведёт клавиатура и\n * автоскролл к активной вкладке.\n */\nexport const tablistScrollClass = 'overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden'\n\n/** Вертикальный ряд — колонка; прокрутки ему не нужно: он растёт вниз. */\nexport const tablistColumnClass = 'flex-col'\n\nexport const tabBase = 'shrink-0 font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\n// Цвет подчёркивания задаёт только состояние: `border-transparent` в базе имеет\n// ту же специфичность, что и цвет активной вкладки, и побеждал бы через раз —\n// по порядку правил в сгенерированном CSS, а не по порядку классов в атрибуте.\nexport const tabVariantBase: Record<GrTabsVariant, string> = {\n  pills: 'rounded-[var(--gr-radius-md)]',\n  line: 'rounded-[var(--gr-radius-md)] rounded-b-[var(--gr-radius-none)] border-b-2 -mb-px',\n}\n\nexport const tabStateClasses: Record<GrTabsVariant, { active: string, idle: string, disabled: string }> = {\n  pills: {\n    active: 'bg-[var(--gr-card)] text-[var(--gr-fg)] border border-[var(--gr-brd)]',\n    idle: 'text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)] hover:bg-[color-mix(in_srgb,var(--gr-card)_70%,transparent)]',\n    disabled: 'cursor-not-allowed text-[var(--gr-disabled-fg)]',\n  },\n  line: {\n    active: 'border-[var(--gr-primary)] text-[var(--gr-fg)]',\n    idle: 'border-transparent text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)] hover:border-[var(--gr-brd)]',\n    disabled: 'border-transparent cursor-not-allowed text-[var(--gr-disabled-fg)]',\n  },\n}\n\nexport const tabIconClass = 'h-4 w-4 shrink-0'\n\nexport const tabContentClass = 'inline-flex items-center gap-2'\n\n/**\n * Крестик закрытия. Кнопкой он быть не может: `role=\"tab\"` объявляет потомков\n * презентационными, и вложенный интерактив теряется у скринридера (axe:\n * `nested-interactive`). Поэтому это `<span>`, а клик по нему разбирает\n * обработчик самой вкладки.\n *\n * Своего фокус-кольца у него нет по той же причине — в таб-порядке он не стоит,\n * с клавиатуры закрытие идёт по `Delete`/`Backspace`.\n */\nexport const tabCloseBase = 'inline-flex items-center justify-center shrink-0 rounded-[var(--gr-radius-sm)] text-[var(--gr-muted-fg)] transition-colors hover:bg-[var(--gr-muted)] hover:text-[var(--gr-fg)]'\n\nexport const tabCloseSizes: Record<GrTabsSize, string> = {\n  xs: 'h-4 w-4',\n  sm: 'h-4 w-4',\n  md: 'h-5 w-5',\n  lg: 'h-5 w-5',\n}\n\nexport const tabCloseIconSizes: Record<GrTabsSize, string> = {\n  xs: 'h-3 w-3',\n  sm: 'h-3 w-3',\n  md: 'h-4 w-4',\n  lg: 'h-4 w-4',\n}\n\n/** Пустой ряд держит высоту вкладки: иначе соседние блоки прыгают при закрытии последней. */\nexport const tabsEmptyBase = 'inline-flex items-center text-[var(--gr-muted-fg)]'\n\nexport const tabBadgeBase = 'rounded-[var(--gr-radius-full)] bg-[var(--gr-secondary)] text-[var(--gr-secondary-fg)]'\n\nexport function grTabsListClass(options: {\n  variant: GrTabsVariant\n  size: GrTabsSize\n  orientation: GrTabsOrientation\n}): string {\n  const vertical = options.orientation === 'vertical'\n\n  return [\n    tablistBase,\n    tablistVariants[options.variant],\n    vertical ? tablistVerticalVariants[options.variant] : '',\n    options.variant === 'pills' ? tablistSizes[options.size] : tablistLineSizes[options.size],\n    vertical ? tablistColumnClass : tablistScrollClass,\n  ].filter(Boolean).join(' ')\n}\n\nexport function grTabsTabClass(options: {\n  variant: GrTabsVariant\n  size: GrTabsSize\n  active: boolean\n  disabled: boolean\n}): string {\n  const state = tabStateClasses[options.variant]\n\n  return [\n    tabBase,\n    tabVariantBase[options.variant],\n    tabSizes[options.size],\n    options.disabled ? state.disabled : options.active ? state.active : state.idle,\n  ].join(' ')\n}\n\nexport function grTabsBadgeClass(size: GrTabsSize): string {\n  return [tabBadgeBase, tabBadgeSizes[size]].join(' ')\n}\n\nexport function grTabsCloseClass(size: GrTabsSize): string {\n  return [tabCloseBase, tabCloseSizes[size]].join(' ')\n}\n\nexport function grTabsEmptyClass(size: GrTabsSize): string {\n  return [tabsEmptyBase, tabSizes[size]].join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  tabBadgeBase,\n  tabBadgeSizes,\n  tabBase,\n  tabCloseBase,\n  tabCloseIconSizes,\n  tabCloseSizes,\n  tabContentClass,\n  tabIconClass,\n  tablistBase,\n  tablistColumnClass,\n  tablistLineSizes,\n  tablistScrollClass,\n  tablistSizes,\n  tablistVariants,\n  tablistVerticalVariants,\n  tabsEmptyBase,\n  tabSizes,\n  tabStateClasses,\n  tabVariantBase,\n} from './grTabsStyles'\n\nexport const grTabsSafelist = [...new Set([\n  ...Object.values(tabSizes).flatMap(splitClassTokens),\n  ...Object.values(tabBadgeSizes).flatMap(splitClassTokens),\n  ...Object.values(tabCloseSizes).flatMap(splitClassTokens),\n  ...Object.values(tabCloseIconSizes).flatMap(splitClassTokens),\n  ...Object.values(tablistSizes).flatMap(splitClassTokens),\n  ...Object.values(tablistLineSizes).flatMap(splitClassTokens),\n  ...Object.values(tablistVariants).flatMap(splitClassTokens),\n  ...Object.values(tablistVerticalVariants).flatMap(splitClassTokens),\n  ...Object.values(tabVariantBase).flatMap(splitClassTokens),\n  ...Object.values(tabStateClasses).flatMap(state => [\n    ...splitClassTokens(state.active),\n    ...splitClassTokens(state.idle),\n    ...splitClassTokens(state.disabled),\n  ]),\n  ...splitClassTokens(tablistBase),\n  ...splitClassTokens(tablistScrollClass),\n  ...splitClassTokens(tablistColumnClass),\n  ...splitClassTokens(tabBase),\n  ...splitClassTokens(tabBadgeBase),\n  ...splitClassTokens(tabContentClass),\n  ...splitClassTokens(tabIconClass),\n  ...splitClassTokens(tabCloseBase),\n  ...splitClassTokens(tabsEmptyBase),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grTabsSafelist } from './safelist'\n\nexport const grTabsConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTabs',\n  safelist: grTabsSafelist,\n})\n"],"mappings":"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"}

package/dist/chunks/{config-DhHbU3zO.js → config-Dgj1Q6JY.js}

@@ -1,17 +1,6 @@
 import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrFormSection/grFormSectionStyles.ts
-/**
-* Уровень заголовка секции. `h1` намеренно нет: страница задаёт его сама, а
-* секция формы — это подраздел внутри уже существующей структуры.
-*/
-var GR_FORM_SECTION_HEADING_LEVELS = [
-	2,
-	3,
-	4,
-	5,
-	6
-];
 var formSectionRootClass = "grid gap-4";
 /** Шапка: заголовок с описанием слева, действия справа. */
 var formSectionHeaderClass = "flex flex-wrap items-start justify-between gap-3";
@@ -34,4 +23,4 @@ var grFormSectionConfig = defineGranularComponent(import.meta.url, {
 	safelist: grFormSectionSafelist
 });
 //#endregion
-export { formSectionDescriptionClass as a, formSectionTitleClass as c, formSectionActionsClass as i, grFormSectionSafelist as n, formSectionHeaderClass as o, GR_FORM_SECTION_HEADING_LEVELS as r, formSectionRootClass as s, grFormSectionConfig as t };
+export { formSectionHeaderClass as a, formSectionDescriptionClass as i, grFormSectionSafelist as n, formSectionRootClass as o, formSectionActionsClass as r, formSectionTitleClass as s, grFormSectionConfig as t };

package/dist/chunks/{config-DhHbU3zO.js.map → config-Dgj1Q6JY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"config-DhHbU3zO.js","names":[],"sources":["../../src/components/GrFormSection/grFormSectionStyles.ts","../../src/components/GrFormSection/safelist.ts","../../src/components/GrFormSection/config.ts"],"sourcesContent":["/**\n * Уровень заголовка секции. `h1` намеренно нет: страница задаёт его сама, а\n * секция формы — это подраздел внутри уже существующей структуры.\n */\nexport const GR_FORM_SECTION_HEADING_LEVELS = [2, 3, 4, 5, 6] as const\n\nexport type GrFormSectionHeadingLevel = typeof GR_FORM_SECTION_HEADING_LEVELS[number]\n\nexport const formSectionRootClass = 'grid gap-4'\n\n/** Шапка: заголовок с описанием слева, действия справа. */\nexport const formSectionHeaderClass = 'flex flex-wrap items-start justify-between gap-3'\n\n// `m-0` — у нативного заголовка есть браузерные отступы, и без сброса секция\n// разъезжается по вертикали.\nexport const formSectionTitleClass = 'm-0 text-[length:var(--gr-text-sm)] font-700'\n\nexport const formSectionDescriptionClass = 'mt-1 text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]'\n\nexport const formSectionActionsClass = 'flex shrink-0 items-center gap-2'\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  formSectionActionsClass,\n  formSectionDescriptionClass,\n  formSectionHeaderClass,\n  formSectionRootClass,\n  formSectionTitleClass,\n} from './grFormSectionStyles'\n\n// Классы живут в `.ts`-хелпере, а он уезжает в общий `dist/chunks/` — вне\n// области скана компонента. Гейт — `src/__tests__/safelist.test.ts`.\nexport const grFormSectionSafelist = [...new Set([\n  ...splitClassTokens(formSectionRootClass),\n  ...splitClassTokens(formSectionHeaderClass),\n  ...splitClassTokens(formSectionTitleClass),\n  ...splitClassTokens(formSectionDescriptionClass),\n  ...splitClassTokens(formSectionActionsClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grFormSectionSafelist } from './safelist'\n\nexport const grFormSectionConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrFormSection',\n  safelist: grFormSectionSafelist,\n})\n"],"mappings":";;;;;;;AAIA,IAAa,iCAAiC;CAAC;CAAG;CAAG;CAAG;CAAG;AAAC;AAI5D,IAAa,uBAAuB;;AAGpC,IAAa,yBAAyB;AAItC,IAAa,wBAAwB;AAErC,IAAa,8BAA8B;AAE3C,IAAa,0BAA0B;;;ACRvC,IAAa,wBAAwB,CAAC,mBAAG,IAAI,IAAI;CAC/C,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,2BAA2B;CAC/C,GAAG,iBAAiB,uBAAuB;AAC7C,CAAC,CAAC;;;ACbF,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK;CAC1E,MAAM;CACN,UAAU;AACZ,CAAC"}
+{"version":3,"file":"config-Dgj1Q6JY.js","names":[],"sources":["../../src/components/GrFormSection/grFormSectionStyles.ts","../../src/components/GrFormSection/safelist.ts","../../src/components/GrFormSection/config.ts"],"sourcesContent":["/**\n * Уровень заголовка секции. `h1` намеренно нет: страница задаёт его сама, а\n * секция формы — это подраздел внутри уже существующей структуры.\n */\nexport const GR_FORM_SECTION_HEADING_LEVELS = [2, 3, 4, 5, 6] as const\n\nexport type GrFormSectionHeadingLevel = typeof GR_FORM_SECTION_HEADING_LEVELS[number]\n\nexport const formSectionRootClass = 'grid gap-4'\n\n/** Шапка: заголовок с описанием слева, действия справа. */\nexport const formSectionHeaderClass = 'flex flex-wrap items-start justify-between gap-3'\n\n// `m-0` — у нативного заголовка есть браузерные отступы, и без сброса секция\n// разъезжается по вертикали.\nexport const formSectionTitleClass = 'm-0 text-[length:var(--gr-text-sm)] font-700'\n\nexport const formSectionDescriptionClass = 'mt-1 text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]'\n\nexport const formSectionActionsClass = 'flex shrink-0 items-center gap-2'\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  formSectionActionsClass,\n  formSectionDescriptionClass,\n  formSectionHeaderClass,\n  formSectionRootClass,\n  formSectionTitleClass,\n} from './grFormSectionStyles'\n\n// Классы живут в `.ts`-хелпере, а он уезжает в общий `dist/chunks/` — вне\n// области скана компонента. Гейт — `src/__tests__/safelist.test.ts`.\nexport const grFormSectionSafelist = [...new Set([\n  ...splitClassTokens(formSectionRootClass),\n  ...splitClassTokens(formSectionHeaderClass),\n  ...splitClassTokens(formSectionTitleClass),\n  ...splitClassTokens(formSectionDescriptionClass),\n  ...splitClassTokens(formSectionActionsClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grFormSectionSafelist } from './safelist'\n\nexport const grFormSectionConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrFormSection',\n  safelist: grFormSectionSafelist,\n})\n"],"mappings":";;;AAQA,IAAa,uBAAuB;;AAGpC,IAAa,yBAAyB;AAItC,IAAa,wBAAwB;AAErC,IAAa,8BAA8B;AAE3C,IAAa,0BAA0B;;;ACRvC,IAAa,wBAAwB,CAAC,mBAAG,IAAI,IAAI;CAC/C,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,2BAA2B;CAC/C,GAAG,iBAAiB,uBAAuB;AAC7C,CAAC,CAAC;;;ACbF,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK;CAC1E,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-D3_g2KIn.js → config-Dguto_6o.js}

@@ -1,18 +1,6 @@
 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)]",
@@ -117,4 +105,4 @@ var grBottomNavConfig = defineGranularComponent(import.meta.url, {
 	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 };
+export { grBottomNavListClass as a, itemLabelClass as c, grBottomNavItemClass as i, grBottomNavSafelist as n, grBottomNavRootClass as o, grBottomNavIconClass as r, itemBadgeClass as s, grBottomNavConfig as t };