@feugene/granularity 0.19.0 → 0.21.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-B4w5gBD0.js

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

@@ -0,0 +1 @@
+{"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-BC8d_smz.js

@@ -0,0 +1,156 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrDataTable/grDataTableStyles.ts
+/** Паддинг ячейки — и в шапке, и в теле: колонки обязаны совпадать по сетке. */
+var cellPaddings = {
+	xs: "px-2 py-1.5",
+	sm: "px-3 py-2",
+	md: "px-4 py-3",
+	lg: "px-5 py-4"
+};
+/**
+* Оценка высоты строки по размеру: два вертикальных отступа ячейки плюс строка
+* текста и рамка. Виртуализация уточняет её замером — точное число здесь знать
+* неоткуда, содержимое ячейки задаёт потребитель.
+*/
+var rowHeightEstimates = {
+	xs: 33,
+	sm: 41,
+	md: 49,
+	lg: 57
+};
+/** Заглушки loading/empty: по горизонтали как ячейка, по вертикали просторнее. */
+var placeholderPaddings = {
+	xs: "px-2 py-3",
+	sm: "px-3 py-4",
+	md: "px-4 py-6",
+	lg: "px-5 py-8"
+};
+/**
+* Ручка перестановки колонки. Появляется по наведению на заголовок и по
+* фокусу: постоянная сетка ручек в шапке из десяти колонок читается как рябь,
+* а не как управление.
+*/
+var columnHandleClass = "inline-flex shrink-0 cursor-grab items-center text-[var(--gr-datatable-drag-handle,var(--gr-muted-fg))] opacity-0 [touch-action:none] transition-opacity duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] rounded-[var(--gr-radius-sm)] group-hover:opacity-100";
+var columnHandleActiveClass = "opacity-100";
+/** Переносимая колонка гасится, чтобы было видно, что она «поднята». */
+var columnDraggingClass = "bg-[var(--gr-muted)]";
+/**
+* Место вставки — полоса по краю ячейки заголовка. Псевдоэлемент, а не свой
+* узел: `<th>` не терпит посторонних детей в раскладке таблицы.
+*/
+var columnDropBeforeClass = "before:absolute before:inset-y-0 before:left-0 before:w-[var(--gr-datatable-drag-indicator-width,2px)] before:bg-[var(--gr-datatable-drag-indicator,var(--gr-primary))] before:content-empty";
+var columnDropAfterClass = "after:absolute after:inset-y-0 after:right-0 after:w-[var(--gr-datatable-drag-indicator-width,2px)] after:bg-[var(--gr-datatable-drag-indicator,var(--gr-primary))] after:content-empty";
+/**
+* Подсветка выбранной строки. Живёт здесь, потому что закреплённой ячейке её
+* приходится повторять: у ячейки свой непрозрачный фон, и подсветка строки
+* сквозь него не видна.
+*/
+var rowSelectedClass = "bg-[color-mix(in_srgb,var(--gr-primary)_8%,transparent)]";
+/**
+* Итоговая строка. Отбивка та же, что между строками тела, плюс вес: итог —
+* вывод из набора, а не ещё одна его запись, и читатель должен видеть это до
+* того, как разберёт цифры. Тон оставлен потребителю: «возвраты» и «прибыль» —
+* разные сообщения, и выбирать за него компонент не должен.
+*/
+var summaryRowClass = "border-t border-[var(--gr-brd)] font-600";
+/**
+* Ручка ширины — полоса у правого края заголовка. Видима она узкой линией, а
+* ловится широкой зоной: попасть в двухпиксельную границу мышью тяжело.
+*/
+var columnResizerClass = "absolute inset-y-0 right-0 z-[1] flex w-3 translate-x-1/2 cursor-col-resize items-stretch justify-center [touch-action:none] focus:outline-none";
+var columnResizerLineClass = "w-[var(--gr-datatable-resizer-width,2px)] bg-transparent transition-colors duration-[var(--gr-duration-fast)]";
+/** Полоса подсвечивается только когда её ведут или на неё встал фокус. */
+var columnResizerLineActiveClass = "bg-[var(--gr-datatable-resizer,var(--gr-primary))]";
+var columnResizerHoverClass = "hover:bg-[var(--gr-datatable-resizer,var(--gr-primary))] focus-visible:bg-[var(--gr-datatable-resizer,var(--gr-primary))]";
+/**
+* Закреплённая колонка липнет к краю прокрутки. Фон обязателен: без него
+* уезжающие под неё ячейки просвечивают насквозь.
+*/
+var columnPinnedClass = "sticky z-[2] bg-[var(--gr-card)]";
+/** Граница группы закреплённых колонок — тень, а не рамка: рамка сдвигает сетку. */
+var columnPinnedLeftEdgeClass = "shadow-[var(--gr-datatable-pinned-shadow,4px_0_6px_-4px_rgba(0,0,0,0.25))]";
+var columnPinnedRightEdgeClass = "shadow-[var(--gr-datatable-pinned-shadow-end,-4px_0_6px_-4px_rgba(0,0,0,0.25))]";
+/** Подпись колонки набирается мельче тела таблицы — она не данные, а навигация. */
+var headerTextSizes = {
+	xs: "text-[length:var(--gr-control-text-3xs)]",
+	sm: "text-[length:var(--gr-control-text-2xs)]",
+	md: "text-[length:var(--gr-control-text-xs)] leading-[var(--gr-leading-xs)]",
+	lg: "text-[length:var(--gr-control-text-md)] leading-[var(--gr-leading-sm)]"
+};
+/**
+* Размер `GrCheckbox` в колонке выбора. Здесь не классы, а ступень шкалы:
+* коробку рисует сам чекбокс — он же держит `indeterminate`, disabled без
+* `opacity` и фокус-кольцо.
+*/
+var selectCheckboxSizes = {
+	xs: "xs",
+	sm: "sm",
+	md: "md",
+	lg: "lg"
+};
+/** Ширина колонки выбора: коробка чекбокса плюс горизонтальный паддинг ячейки. */
+var selectColumnWidths = {
+	xs: "w-7",
+	sm: "w-8",
+	md: "w-10",
+	lg: "w-12"
+};
+/** Зазор между подписью колонки и стрелкой сортировки. */
+var headerGaps = {
+	xs: "gap-1",
+	sm: "gap-1.5",
+	md: "gap-2",
+	lg: "gap-2"
+};
+/** Спиннер в строке загрузки — тем же кеглем, что иконка сортировки рядом. */
+var spinnerSizes = {
+	xs: "h-3 w-3",
+	sm: "h-3.5 w-3.5",
+	md: "h-4 w-4",
+	lg: "h-5 w-5"
+};
+/** Стрелка сортировки берёт размер из шкалы `GrIcon` (`xs…lg` → `14…20px`). */
+var sortIconSizes = {
+	xs: "xs",
+	sm: "xs",
+	md: "sm",
+	lg: "md"
+};
+//#endregion
+//#region src/components/GrDataTable/safelist.ts
+var grDataTableSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(cellPaddings).flatMap(splitClassTokens),
+	...Object.values(placeholderPaddings).flatMap(splitClassTokens),
+	...Object.values(headerTextSizes).flatMap(splitClassTokens),
+	...Object.values(selectColumnWidths).flatMap(splitClassTokens),
+	...Object.values(headerGaps).flatMap(splitClassTokens),
+	...Object.values(spinnerSizes).flatMap(splitClassTokens),
+	...splitClassTokens(columnHandleClass),
+	...splitClassTokens(columnHandleActiveClass),
+	...splitClassTokens(columnDraggingClass),
+	...splitClassTokens(columnDropBeforeClass),
+	...splitClassTokens(columnDropAfterClass),
+	...splitClassTokens(columnResizerClass),
+	...splitClassTokens(columnResizerLineClass),
+	...splitClassTokens(columnResizerLineActiveClass),
+	...splitClassTokens(columnResizerHoverClass),
+	...splitClassTokens(columnPinnedClass),
+	...splitClassTokens(columnPinnedLeftEdgeClass),
+	...splitClassTokens(columnPinnedRightEdgeClass),
+	...splitClassTokens(rowSelectedClass),
+	...splitClassTokens(summaryRowClass)
+])];
+//#endregion
+//#region src/components/GrDataTable/config.ts
+var grDataTableConfig = defineGranularComponent(import.meta.url, {
+	name: "GrDataTable",
+	dependencies: [
+		"GrTable",
+		"GrIcon",
+		"GrCheckbox"
+	],
+	safelist: grDataTableSafelist
+});
+//#endregion
+export { sortIconSizes as C, selectColumnWidths as S, summaryRowClass as T, headerTextSizes as _, columnDropAfterClass as a, rowSelectedClass as b, columnHandleClass as c, columnPinnedRightEdgeClass as d, columnResizerClass as f, headerGaps as g, columnResizerLineClass as h, columnDraggingClass as i, columnPinnedClass as l, columnResizerLineActiveClass as m, grDataTableSafelist as n, columnDropBeforeClass as o, columnResizerHoverClass as p, cellPaddings as r, columnHandleActiveClass as s, grDataTableConfig as t, columnPinnedLeftEdgeClass as u, placeholderPaddings as v, spinnerSizes as w, selectCheckboxSizes as x, rowHeightEstimates as y };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BC8d_smz.js","names":[],"sources":["../../src/components/GrDataTable/grDataTableStyles.ts","../../src/components/GrDataTable/safelist.ts","../../src/components/GrDataTable/config.ts"],"sourcesContent":["import type { GrCheckboxSize } from '../GrCheckbox/grCheckboxStyles'\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type GrDataTableSize = GrComponentSize\n\n/** Паддинг ячейки — и в шапке, и в теле: колонки обязаны совпадать по сетке. */\nexport const cellPaddings: Record<GrDataTableSize, string> = {\n  xs: 'px-2 py-1.5',\n  sm: 'px-3 py-2',\n  md: 'px-4 py-3',\n  lg: 'px-5 py-4',\n}\n\n/**\n * Оценка высоты строки по размеру: два вертикальных отступа ячейки плюс строка\n * текста и рамка. Виртуализация уточняет её замером — точное число здесь знать\n * неоткуда, содержимое ячейки задаёт потребитель.\n */\nexport const rowHeightEstimates: Record<GrDataTableSize, number> = {\n  xs: 33,\n  sm: 41,\n  md: 49,\n  lg: 57,\n}\n\n/** Заглушки loading/empty: по горизонтали как ячейка, по вертикали просторнее. */\nexport const placeholderPaddings: Record<GrDataTableSize, string> = {\n  xs: 'px-2 py-3',\n  sm: 'px-3 py-4',\n  md: 'px-4 py-6',\n  lg: 'px-5 py-8',\n}\n\n/**\n * Ручка перестановки колонки. Появляется по наведению на заголовок и по\n * фокусу: постоянная сетка ручек в шапке из десяти колонок читается как рябь,\n * а не как управление.\n */\nexport const columnHandleClass = 'inline-flex shrink-0 cursor-grab items-center text-[var(--gr-datatable-drag-handle,var(--gr-muted-fg))] opacity-0 [touch-action:none] transition-opacity duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] rounded-[var(--gr-radius-sm)] group-hover:opacity-100'\n\nexport const columnHandleActiveClass = 'opacity-100'\n\n\n/** Переносимая колонка гасится, чтобы было видно, что она «поднята». */\nexport const columnDraggingClass = 'bg-[var(--gr-muted)]'\n\n/**\n * Место вставки — полоса по краю ячейки заголовка. Псевдоэлемент, а не свой\n * узел: `<th>` не терпит посторонних детей в раскладке таблицы.\n */\nexport const columnDropBeforeClass = 'before:absolute before:inset-y-0 before:left-0 before:w-[var(--gr-datatable-drag-indicator-width,2px)] before:bg-[var(--gr-datatable-drag-indicator,var(--gr-primary))] before:content-empty'\n\nexport const columnDropAfterClass = 'after:absolute after:inset-y-0 after:right-0 after:w-[var(--gr-datatable-drag-indicator-width,2px)] after:bg-[var(--gr-datatable-drag-indicator,var(--gr-primary))] after:content-empty'\n\n/**\n * Подсветка выбранной строки. Живёт здесь, потому что закреплённой ячейке её\n * приходится повторять: у ячейки свой непрозрачный фон, и подсветка строки\n * сквозь него не видна.\n */\nexport const rowSelectedClass = 'bg-[color-mix(in_srgb,var(--gr-primary)_8%,transparent)]'\n\n/**\n * Итоговая строка. Отбивка та же, что между строками тела, плюс вес: итог —\n * вывод из набора, а не ещё одна его запись, и читатель должен видеть это до\n * того, как разберёт цифры. Тон оставлен потребителю: «возвраты» и «прибыль» —\n * разные сообщения, и выбирать за него компонент не должен.\n */\nexport const summaryRowClass = 'border-t border-[var(--gr-brd)] font-600'\n\n/**\n * Ручка ширины — полоса у правого края заголовка. Видима она узкой линией, а\n * ловится широкой зоной: попасть в двухпиксельную границу мышью тяжело.\n */\nexport const columnResizerClass = 'absolute inset-y-0 right-0 z-[1] flex w-3 translate-x-1/2 cursor-col-resize items-stretch justify-center [touch-action:none] focus:outline-none'\n\nexport const columnResizerLineClass = 'w-[var(--gr-datatable-resizer-width,2px)] bg-transparent transition-colors duration-[var(--gr-duration-fast)]'\n\n/** Полоса подсвечивается только когда её ведут или на неё встал фокус. */\nexport const columnResizerLineActiveClass = 'bg-[var(--gr-datatable-resizer,var(--gr-primary))]'\n\nexport const columnResizerHoverClass = 'hover:bg-[var(--gr-datatable-resizer,var(--gr-primary))] focus-visible:bg-[var(--gr-datatable-resizer,var(--gr-primary))]'\n\n/**\n * Закреплённая колонка липнет к краю прокрутки. Фон обязателен: без него\n * уезжающие под неё ячейки просвечивают насквозь.\n */\nexport const columnPinnedClass = 'sticky z-[2] bg-[var(--gr-card)]'\n\n/** Граница группы закреплённых колонок — тень, а не рамка: рамка сдвигает сетку. */\nexport const columnPinnedLeftEdgeClass = 'shadow-[var(--gr-datatable-pinned-shadow,4px_0_6px_-4px_rgba(0,0,0,0.25))]'\n\nexport const columnPinnedRightEdgeClass = 'shadow-[var(--gr-datatable-pinned-shadow-end,-4px_0_6px_-4px_rgba(0,0,0,0.25))]'\n\n/** Подпись колонки набирается мельче тела таблицы — она не данные, а навигация. */\nexport const headerTextSizes: Record<GrDataTableSize, string> = {\n  xs: 'text-[length:var(--gr-control-text-3xs)]',\n  sm: 'text-[length:var(--gr-control-text-2xs)]',\n  md: 'text-[length:var(--gr-control-text-xs)] leading-[var(--gr-leading-xs)]',\n  lg: 'text-[length:var(--gr-control-text-md)] leading-[var(--gr-leading-sm)]',\n}\n\n/**\n * Размер `GrCheckbox` в колонке выбора. Здесь не классы, а ступень шкалы:\n * коробку рисует сам чекбокс — он же держит `indeterminate`, disabled без\n * `opacity` и фокус-кольцо.\n */\nexport const selectCheckboxSizes: Record<GrDataTableSize, GrCheckboxSize> = {\n  xs: 'xs',\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n}\n\n/** Ширина колонки выбора: коробка чекбокса плюс горизонтальный паддинг ячейки. */\nexport const selectColumnWidths: Record<GrDataTableSize, string> = {\n  xs: 'w-7',\n  sm: 'w-8',\n  md: 'w-10',\n  lg: 'w-12',\n}\n\n/** Зазор между подписью колонки и стрелкой сортировки. */\nexport const headerGaps: Record<GrDataTableSize, string> = {\n  xs: 'gap-1',\n  sm: 'gap-1.5',\n  md: 'gap-2',\n  lg: 'gap-2',\n}\n\n/** Спиннер в строке загрузки — тем же кеглем, что иконка сортировки рядом. */\nexport const spinnerSizes: Record<GrDataTableSize, string> = {\n  xs: 'h-3 w-3',\n  sm: 'h-3.5 w-3.5',\n  md: 'h-4 w-4',\n  lg: 'h-5 w-5',\n}\n\n/** Стрелка сортировки берёт размер из шкалы `GrIcon` (`xs…lg` → `14…20px`). */\nexport const sortIconSizes: Record<GrDataTableSize, GrComponentSize> = {\n  xs: 'xs',\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  cellPaddings,\n  columnDraggingClass,\n  columnDropAfterClass,\n  columnDropBeforeClass,\n  columnHandleActiveClass,\n  columnHandleClass,\n  columnPinnedClass,\n  columnPinnedLeftEdgeClass,\n  columnPinnedRightEdgeClass,\n  columnResizerClass,\n  columnResizerHoverClass,\n  columnResizerLineActiveClass,\n  columnResizerLineClass,\n  headerGaps,\n  headerTextSizes,\n  placeholderPaddings,\n  rowSelectedClass,\n  selectColumnWidths,\n  spinnerSizes,\n  summaryRowClass,\n} from './grDataTableStyles'\n\nexport const grDataTableSafelist = [...new Set([\n  ...Object.values(cellPaddings).flatMap(splitClassTokens),\n  ...Object.values(placeholderPaddings).flatMap(splitClassTokens),\n  ...Object.values(headerTextSizes).flatMap(splitClassTokens),\n  ...Object.values(selectColumnWidths).flatMap(splitClassTokens),\n  ...Object.values(headerGaps).flatMap(splitClassTokens),\n  ...Object.values(spinnerSizes).flatMap(splitClassTokens),\n  ...splitClassTokens(columnHandleClass),\n  ...splitClassTokens(columnHandleActiveClass),\n  ...splitClassTokens(columnDraggingClass),\n  ...splitClassTokens(columnDropBeforeClass),\n  ...splitClassTokens(columnDropAfterClass),\n  ...splitClassTokens(columnResizerClass),\n  ...splitClassTokens(columnResizerLineClass),\n  ...splitClassTokens(columnResizerLineActiveClass),\n  ...splitClassTokens(columnResizerHoverClass),\n  ...splitClassTokens(columnPinnedClass),\n  ...splitClassTokens(columnPinnedLeftEdgeClass),\n  ...splitClassTokens(columnPinnedRightEdgeClass),\n  ...splitClassTokens(rowSelectedClass),\n  ...splitClassTokens(summaryRowClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grDataTableSafelist } from './safelist'\n\nexport const grDataTableConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDataTable',\n  dependencies: ['GrTable', 'GrIcon', 'GrCheckbox'],\n  safelist: grDataTableSafelist,\n})\n"],"mappings":";;;;AAMA,IAAa,eAAgD;CAC3D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;AAOA,IAAa,qBAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,sBAAuD;CAClE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;AAOA,IAAa,oBAAoB;AAEjC,IAAa,0BAA0B;;AAIvC,IAAa,sBAAsB;;;;;AAMnC,IAAa,wBAAwB;AAErC,IAAa,uBAAuB;;;;;;AAOpC,IAAa,mBAAmB;;;;;;;AAQhC,IAAa,kBAAkB;;;;;AAM/B,IAAa,qBAAqB;AAElC,IAAa,yBAAyB;;AAGtC,IAAa,+BAA+B;AAE5C,IAAa,0BAA0B;;;;;AAMvC,IAAa,oBAAoB;;AAGjC,IAAa,4BAA4B;AAEzC,IAAa,6BAA6B;;AAG1C,IAAa,kBAAmD;CAC9D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;AAOA,IAAa,sBAA+D;CAC1E,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,qBAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,aAA8C;CACzD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,eAAgD;CAC3D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,gBAA0D;CACrE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;ACvHA,IAAa,sBAAsB,CAAC,mBAAG,IAAI,IAAI;CAC7C,GAAG,OAAO,OAAO,YAAY,CAAC,CAAC,QAAQ,gBAAgB;CACvD,GAAG,OAAO,OAAO,mBAAmB,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,GAAG,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;CAC7D,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CACrD,GAAG,OAAO,OAAO,YAAY,CAAC,CAAC,QAAQ,gBAAgB;CACvD,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,uBAAuB;CAC3C,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,4BAA4B;CAChD,GAAG,iBAAiB,uBAAuB;CAC3C,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,yBAAyB;CAC7C,GAAG,iBAAiB,0BAA0B;CAC9C,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,eAAe;AACrC,CAAC,CAAC;;;ACzCF,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK;CACxE,MAAM;CACN,cAAc;EAAC;EAAW;EAAU;CAAY;CAChD,UAAU;AACZ,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BDfTXHo1.js","names":[],"sources":["../../src/components/GrTextarea/safelist.ts","../../src/components/GrTextarea/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  borderClassByState,\n  countClass,\n  countRowClass,\n  lineCountClass,\n  disabledSurfaceClass,\n  enabledSurfaceClass,\n  invalidBorderClass,\n  resizeClass,\n  sizes,\n} from './grTextareaStyles'\n\nexport const grTextareaSafelist = [...new Set([\n  ...Object.values(borderClassByState).flatMap(splitClassTokens),\n  ...splitClassTokens(invalidBorderClass),\n  ...Object.values(sizes).flatMap(splitClassTokens),\n  ...Object.values(resizeClass).flatMap(splitClassTokens),\n  ...splitClassTokens(enabledSurfaceClass),\n  ...splitClassTokens(disabledSurfaceClass),\n  ...splitClassTokens(countClass),\n  ...splitClassTokens(countRowClass),\n  ...splitClassTokens(lineCountClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grTextareaSafelist } from './safelist'\n\nexport const grTextareaConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTextarea',\n  safelist: grTextareaSafelist,\n})"],"mappings":";;;;AAaA,IAAa,qBAAqB,CAAC,mBAAG,IAAI,IAAI;CAC5C,GAAG,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;CAC7D,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,OAAO,OAAO,KAAK,CAAC,CAAC,QAAQ,gBAAgB;CAChD,GAAG,OAAO,OAAO,WAAW,CAAC,CAAC,QAAQ,gBAAgB;CACtD,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,cAAc;AACpC,CAAC,CAAC;;;ACnBF,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,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-BEVBsvni2.js

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

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