@feugene/granularity 0.13.0 → 0.16.0

package/dist/chunks/config-DCFvmHEv.js

@@ -0,0 +1,76 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrTreeSelect/grTreeSelectStyles.ts
+var sizeClassBySize = {
+	xs: "h-7 px-2.5 text-[length:var(--gr-control-text-xs)]",
+	sm: "h-8 px-3 text-[length:var(--gr-control-text-sm)]",
+	md: "h-10 px-3 text-[length:var(--gr-control-text-md)]",
+	lg: "h-11 px-4 text-[length:var(--gr-control-text-lg)]"
+};
+/**
+* Горизонтальный отступ из `sizeClassBySize`, но числом: аддоны задают паддинг
+* инлайн-стилем, а он перекрывает класс — значение нужно обеим формам, и
+* расходиться им нельзя.
+*/
+var paddingX = {
+	xs: "10px",
+	sm: "12px",
+	md: "12px",
+	lg: "16px"
+};
+/** Ширина зоны шеврона/крестика справа (`pr-9` в классе триггера). */
+var trailingZoneWidth = "2.25rem";
+var borderClassByState = {
+	default: "border-[var(--gr-brd)]",
+	success: "border-[var(--gr-success)] focus-visible:ring-[var(--gr-success)]",
+	warning: "border-[var(--gr-warning)] focus-visible:ring-[var(--gr-warning)]",
+	danger: "border-[var(--gr-danger)] focus-visible:ring-[var(--gr-danger)]"
+};
+/**
+* Ошибка валидации красится своей ролью, а не декоративным тоном `danger`:
+* `state="danger"` — это подсветка по решению разработчика, `invalid` — вердикт
+* валидации, и тема вправе развести их по цвету.
+*/
+var invalidBorderClass = "border-[var(--gr-invalid-brd)] focus-visible:ring-[var(--gr-invalid-ring)]";
+/**
+* Disabled красится фоном и цветом текста, а не прозрачностью: `opacity`
+* разбавляет выверенные на AA токены и роняет контраст подписи.
+*/
+var shellEnabledClass = "bg-[var(--gr-bg)] text-[var(--gr-fg)]";
+var shellDisabledClass = "bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] cursor-not-allowed";
+function grTreeSelectClass(options) {
+	return [
+		sizeClassBySize[options.size],
+		"pr-9",
+		options.disabled ? shellDisabledClass : shellEnabledClass,
+		options.invalid ? invalidBorderClass : borderClassByState[options.state]
+	].join(" ");
+}
+var grTreeSelectPanelClass = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] overflow-hidden";
+/**
+* Строка состояния панели: загрузка и «нет данных». По центру и с двойным
+* воздухом — тот же язык, что у `GrSelect`, `GrAutocomplete` и палитры команд.
+* Слева она расходилась с содержимым дерева на паддинг скроллера.
+*/
+var grTreeSelectStateClass = "flex items-center justify-center gap-2 px-3 py-4 text-center text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]";
+//#endregion
+//#region src/components/GrTreeSelect/safelist.ts
+var grTreeSelectSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(sizeClassBySize).flatMap(splitClassTokens),
+	...Object.values(borderClassByState).flatMap(splitClassTokens),
+	...splitClassTokens(invalidBorderClass),
+	"pr-9",
+	...splitClassTokens(shellEnabledClass),
+	...splitClassTokens(shellDisabledClass),
+	...splitClassTokens(grTreeSelectPanelClass),
+	...splitClassTokens(grTreeSelectStateClass)
+])];
+//#endregion
+//#region src/components/GrTreeSelect/config.ts
+var grTreeSelectConfig = defineGranularComponent(import.meta.url, {
+	name: "GrTreeSelect",
+	safelist: grTreeSelectSafelist,
+	dependencies: ["GrInput", "GrTree"]
+});
+//#endregion
+export { grTreeSelectStateClass as a, grTreeSelectPanelClass as i, grTreeSelectSafelist as n, paddingX as o, grTreeSelectClass as r, trailingZoneWidth as s, grTreeSelectConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-DCFvmHEv.js","names":[],"sources":["../../src/components/GrTreeSelect/grTreeSelectStyles.ts","../../src/components/GrTreeSelect/safelist.ts","../../src/components/GrTreeSelect/config.ts"],"sourcesContent":["import type { GrControlState } from '../shared/sizes'\n\nimport type { GrInputSize } from '../GrInput'\n\nexport type GrTreeSelectState = GrControlState\n\nexport const sizeClassBySize: Record<GrInputSize, string> = {\n  xs: 'h-7 px-2.5 text-[length:var(--gr-control-text-xs)]',\n  sm: 'h-8 px-3 text-[length:var(--gr-control-text-sm)]',\n  md: 'h-10 px-3 text-[length:var(--gr-control-text-md)]',\n  lg: 'h-11 px-4 text-[length:var(--gr-control-text-lg)]',\n}\n\n/**\n * Горизонтальный отступ из `sizeClassBySize`, но числом: аддоны задают паддинг\n * инлайн-стилем, а он перекрывает класс — значение нужно обеим формам, и\n * расходиться им нельзя.\n */\nexport const paddingX: Record<GrInputSize, string> = {\n  xs: '10px',\n  sm: '12px',\n  md: '12px',\n  lg: '16px',\n}\n\n/** Ширина зоны шеврона/крестика справа (`pr-9` в классе триггера). */\nexport const trailingZoneWidth = '2.25rem'\n\nexport const borderClassByState: Record<GrTreeSelectState, string> = {\n  default: 'border-[var(--gr-brd)]',\n  success: 'border-[var(--gr-success)] focus-visible:ring-[var(--gr-success)]',\n  warning: 'border-[var(--gr-warning)] focus-visible:ring-[var(--gr-warning)]',\n  danger: 'border-[var(--gr-danger)] focus-visible:ring-[var(--gr-danger)]',\n}\n\n/**\n * Ошибка валидации красится своей ролью, а не декоративным тоном `danger`:\n * `state=\"danger\"` — это подсветка по решению разработчика, `invalid` — вердикт\n * валидации, и тема вправе развести их по цвету.\n */\nexport const invalidBorderClass = 'border-[var(--gr-invalid-brd)] focus-visible:ring-[var(--gr-invalid-ring)]'\n\n/**\n * Disabled красится фоном и цветом текста, а не прозрачностью: `opacity`\n * разбавляет выверенные на AA токены и роняет контраст подписи.\n */\nexport const shellEnabledClass = 'bg-[var(--gr-bg)] text-[var(--gr-fg)]'\nexport const shellDisabledClass = 'bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] cursor-not-allowed'\n\nexport function grTreeSelectClass(options: {\n  size: GrInputSize\n  state: GrTreeSelectState\n  invalid: boolean\n  disabled?: boolean\n}): string {\n  return [\n    sizeClassBySize[options.size],\n    'pr-9',\n    options.disabled ? shellDisabledClass : shellEnabledClass,\n    options.invalid ? invalidBorderClass : borderClassByState[options.state],\n  ].join(' ')\n}\n\nexport const grTreeSelectPanelClass = 'rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] overflow-hidden'\n\n/**\n * Строка состояния панели: загрузка и «нет данных». По центру и с двойным\n * воздухом — тот же язык, что у `GrSelect`, `GrAutocomplete` и палитры команд.\n * Слева она расходилась с содержимым дерева на паддинг скроллера.\n */\nexport const grTreeSelectStateClass = 'flex items-center justify-center gap-2 px-3 py-4 text-center text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]'\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  borderClassByState,\n  grTreeSelectPanelClass,\n  grTreeSelectStateClass,\n  invalidBorderClass,\n  shellDisabledClass,\n  shellEnabledClass,\n  sizeClassBySize,\n} from './grTreeSelectStyles'\n\nexport const grTreeSelectSafelist = [...new Set([\n  ...Object.values(sizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(borderClassByState).flatMap(splitClassTokens),\n  ...splitClassTokens(invalidBorderClass),\n  'pr-9',\n  ...splitClassTokens(shellEnabledClass),\n  ...splitClassTokens(shellDisabledClass),\n  ...splitClassTokens(grTreeSelectPanelClass),\n  ...splitClassTokens(grTreeSelectStateClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grTreeSelectSafelist } from './safelist'\n\nexport const grTreeSelectConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTreeSelect',\n  safelist: grTreeSelectSafelist,\n  dependencies: ['GrInput', 'GrTree'],\n})"],"mappings":";;;AAMA,IAAa,kBAA+C;CAC1D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;AAOA,IAAa,WAAwC;CACnD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,oBAAoB;AAEjC,IAAa,qBAAwD;CACnE,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;AACV;;;;;;AAOA,IAAa,qBAAqB;;;;;AAMlC,IAAa,oBAAoB;AACjC,IAAa,qBAAqB;AAElC,SAAgB,kBAAkB,SAKvB;CACT,OAAO;EACL,gBAAgB,QAAQ;EACxB;EACA,QAAQ,WAAW,qBAAqB;EACxC,QAAQ,UAAU,qBAAqB,mBAAmB,QAAQ;CACpE,CAAC,CAAC,KAAK,GAAG;AACZ;AAEA,IAAa,yBAAyB;;;;;;AAOtC,IAAa,yBAAyB;;;AC3DtC,IAAa,uBAAuB,CAAC,mBAAG,IAAI,IAAI;CAC9C,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,GAAG,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;CAC7D,GAAG,iBAAiB,kBAAkB;CACtC;CACA,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,sBAAsB;AAC5C,CAAC,CAAC;;;AChBF,IAAa,qBAAqB,wBAAwB,OAAO,KAAK,KAAK;CACzE,MAAM;CACN,UAAU;CACV,cAAc,CAAC,WAAW,QAAQ;AACpC,CAAC"}

package/dist/chunks/config-DKdlqXiY.js

@@ -0,0 +1,109 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrBreadcrumbs/grBreadcrumbsStyles.ts
+var breadcrumbsRootClass = "w-full min-w-0";
+var breadcrumbsListClass = "flex items-center gap-1 m-0 p-0 [list-style:none]";
+/**
+* Перенос — умолчание: длинный путь уезжает на вторую строку и остаётся читаемым.
+* В режиме `autoCollapse` строка одна, иначе переполнения не случится никогда и
+* мерить будет нечего: список просто перенесётся.
+*
+* Исключение — раскрытый вручную путь: в одну строку он бы не влез (её нехватка и
+* вызвала схлопывание), `overflow: hidden` срезал бы хвост вместе с текущей
+* страницей, а фокус на раскрытом пункте молча уводил бы скролл контейнера.
+* Поэтому раскрытие возвращает перенос.
+*/
+var breadcrumbsListWrapClass = "flex-wrap";
+var breadcrumbsListNowrapClass = "flex-nowrap overflow-hidden";
+/** Кегль строки пути. Шкала общая с `GrLink`: путь — это ряд ссылок. */
+var breadcrumbsSizeClassBySize = {
+	xs: "text-[length:var(--gr-text-xs)]",
+	sm: "text-[length:var(--gr-text-sm)]",
+	md: "text-[length:var(--gr-text-sm)]",
+	lg: "text-[length:var(--gr-text-base)]"
+};
+var breadcrumbsSeparatorClass = "select-none text-[var(--gr-muted-fg)]";
+/** Текущая страница: не ссылка, но и не «выключенный» текст — обычный акцент подписи. */
+var breadcrumbsCurrentClass = "inline-flex items-center gap-1 min-w-0 font-600 text-[var(--gr-fg)]";
+var breadcrumbsItemIconClass = "inline-block h-4 w-4 shrink-0";
+var breadcrumbsLabelClass = "truncate";
+/**
+* Кнопка «…»: раскрывает схлопнутую середину пути на месте. Оформлена как
+* приглушённая ссылка, чтобы не выбиваться из ряда.
+*/
+var breadcrumbsEllipsisClass = "inline-flex items-center rounded-[var(--gr-radius-sm)] px-1 text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+/**
+* Сколько пунктов хвоста влезает в доступную ширину.
+*
+* Порог по числу пунктов (`maxItems`) на узком экране предсказывает плохо: три
+* коротких пункта влезают, два длинных — нет. Здесь решение принимается по
+* измеренным ширинам.
+*
+* Голова не ужимается: `itemsBeforeCollapse` — обычно один корневой пункт, и он
+* дёшев. Хвост ужимается до упора, но **не меньше одного**: последний пункт
+* отвечает на вопрос «где я сейчас», и прятать его бессмысленно — путь
+* превратился бы в «Главная / …».
+*
+* Возврат — число пунктов хвоста; `items.length` означает «влезло всё».
+*/
+function resolveBreadcrumbsFit(options) {
+	const { itemWidths, separatorWidth, ellipsisWidth, available, itemsBeforeCollapse, gapWidth = 0 } = options;
+	const total = itemWidths.length;
+	if (total === 0) return 0;
+	const sum = (from, to) => itemWidths.slice(from, to).reduce((acc, width) => acc + width, 0);
+	/**
+	* Ширина строки из `parts` видимых блоков: сами блоки, разделители между ними
+	* и зазоры. Элементов в списке `2 * parts - 1` (блоки и разделители вперемешку),
+	* значит зазоров на один меньше — без них расчёт систематически оптимистичен и
+	* путь подрезается уже после схлопывания.
+	*/
+	const rowWidth = (content, parts) => content + Math.max(0, parts - 1) * separatorWidth + Math.max(0, 2 * parts - 2) * gapWidth;
+	if (rowWidth(sum(0, total), total) <= available) return total;
+	const before = Math.max(0, Math.min(itemsBeforeCollapse, total));
+	for (let after = total - before - 1; after > 1; after--) if (rowWidth(sum(0, before) + ellipsisWidth + sum(total - after, total), before + 1 + after) <= available) return after;
+	return 1;
+}
+function resolveBreadcrumbsLayout(options) {
+	const { items, maxItems, itemsBeforeCollapse, itemsAfterCollapse, expanded } = options;
+	const all = items.map((item, index) => ({
+		kind: "item",
+		item,
+		index
+	}));
+	if (expanded || !maxItems || maxItems < 1 || items.length <= maxItems) return all;
+	const before = Math.max(0, Math.min(itemsBeforeCollapse, items.length));
+	const after = Math.max(0, Math.min(itemsAfterCollapse, items.length - before));
+	const hiddenCount = items.length - before - after;
+	if (hiddenCount <= 1) return all;
+	return [
+		...all.slice(0, before),
+		{
+			kind: "ellipsis",
+			hiddenCount
+		},
+		...all.slice(items.length - after)
+	];
+}
+//#endregion
+//#region src/components/GrBreadcrumbs/safelist.ts
+var grBreadcrumbsSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(breadcrumbsSizeClassBySize).flatMap(splitClassTokens),
+	...splitClassTokens(breadcrumbsRootClass),
+	...splitClassTokens(breadcrumbsListClass),
+	...splitClassTokens(breadcrumbsListWrapClass),
+	...splitClassTokens(breadcrumbsListNowrapClass),
+	...splitClassTokens(breadcrumbsSeparatorClass),
+	...splitClassTokens(breadcrumbsCurrentClass),
+	...splitClassTokens(breadcrumbsItemIconClass),
+	...splitClassTokens(breadcrumbsLabelClass),
+	...splitClassTokens(breadcrumbsEllipsisClass)
+])];
+//#endregion
+//#region src/components/GrBreadcrumbs/config.ts
+var grBreadcrumbsConfig = defineGranularComponent(import.meta.url, {
+	name: "GrBreadcrumbs",
+	safelist: grBreadcrumbsSafelist,
+	dependencies: ["GrLink"]
+});
+//#endregion
+export { breadcrumbsItemIconClass as a, breadcrumbsListNowrapClass as c, breadcrumbsSeparatorClass as d, breadcrumbsSizeClassBySize as f, breadcrumbsEllipsisClass as i, breadcrumbsListWrapClass as l, resolveBreadcrumbsLayout as m, grBreadcrumbsSafelist as n, breadcrumbsLabelClass as o, resolveBreadcrumbsFit as p, breadcrumbsCurrentClass as r, breadcrumbsListClass as s, grBreadcrumbsConfig as t, breadcrumbsRootClass as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-DKdlqXiY.js","names":[],"sources":["../../src/components/GrBreadcrumbs/grBreadcrumbsStyles.ts","../../src/components/GrBreadcrumbs/safelist.ts","../../src/components/GrBreadcrumbs/config.ts"],"sourcesContent":["import type { Component } from 'vue'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type GrBreadcrumbsSize = GrComponentSize\n\n/** Пункт пути. Кроме `label` всё опционально: последний пункт обычно без ссылки. */\nexport type GrBreadcrumbItem = {\n  label: string\n  href?: string\n  /** Цель роутерной ссылки: уезжает в `GrLink` через `attrs` вместе с `as`. */\n  to?: unknown\n  /** Класс иконки перед подписью (`i-lucide-*`) — иконка декоративна. */\n  icon?: string\n  disabled?: boolean\n  /** Доступное имя пункта, когда подписи недостаточно («Настройки» → «Настройки проекта»). */\n  ariaLabel?: string\n}\n\nexport const breadcrumbsRootClass = 'w-full min-w-0'\nexport const breadcrumbsListClass = 'flex items-center gap-1 m-0 p-0 [list-style:none]'\n\n/**\n * Перенос — умолчание: длинный путь уезжает на вторую строку и остаётся читаемым.\n * В режиме `autoCollapse` строка одна, иначе переполнения не случится никогда и\n * мерить будет нечего: список просто перенесётся.\n *\n * Исключение — раскрытый вручную путь: в одну строку он бы не влез (её нехватка и\n * вызвала схлопывание), `overflow: hidden` срезал бы хвост вместе с текущей\n * страницей, а фокус на раскрытом пункте молча уводил бы скролл контейнера.\n * Поэтому раскрытие возвращает перенос.\n */\nexport const breadcrumbsListWrapClass = 'flex-wrap'\nexport const breadcrumbsListNowrapClass = 'flex-nowrap overflow-hidden'\n\n/** Кегль строки пути. Шкала общая с `GrLink`: путь — это ряд ссылок. */\nexport const breadcrumbsSizeClassBySize: Record<GrBreadcrumbsSize, string> = {\n  xs: 'text-[length:var(--gr-text-xs)]',\n  sm: 'text-[length:var(--gr-text-sm)]',\n  md: 'text-[length:var(--gr-text-sm)]',\n  lg: 'text-[length:var(--gr-text-base)]',\n}\n\nexport const breadcrumbsSeparatorClass = 'select-none text-[var(--gr-muted-fg)]'\n\n/** Текущая страница: не ссылка, но и не «выключенный» текст — обычный акцент подписи. */\nexport const breadcrumbsCurrentClass = 'inline-flex items-center gap-1 min-w-0 font-600 text-[var(--gr-fg)]'\n\nexport const breadcrumbsItemIconClass = 'inline-block h-4 w-4 shrink-0'\n\nexport const breadcrumbsLabelClass = 'truncate'\n\n/**\n * Кнопка «…»: раскрывает схлопнутую середину пути на месте. Оформлена как\n * приглушённая ссылка, чтобы не выбиваться из ряда.\n */\nexport const breadcrumbsEllipsisClass = 'inline-flex items-center rounded-[var(--gr-radius-sm)] px-1 text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport type GrBreadcrumbsLinkComponent = string | Component\n\n/**\n * Раскладка пути: какие пункты видны и где стоит кнопка раскрытия.\n *\n * Чистая функция, потому что вся её сложность — арифметика границ, и проверять\n * её монтированием компонента дороже, чем таблицей входов.\n */\nexport type GrBreadcrumbsLayoutEntry =\n  | { kind: 'item', item: GrBreadcrumbItem, index: number }\n  | { kind: 'ellipsis', hiddenCount: number }\n\n/**\n * Сколько пунктов хвоста влезает в доступную ширину.\n *\n * Порог по числу пунктов (`maxItems`) на узком экране предсказывает плохо: три\n * коротких пункта влезают, два длинных — нет. Здесь решение принимается по\n * измеренным ширинам.\n *\n * Голова не ужимается: `itemsBeforeCollapse` — обычно один корневой пункт, и он\n * дёшев. Хвост ужимается до упора, но **не меньше одного**: последний пункт\n * отвечает на вопрос «где я сейчас», и прятать его бессмысленно — путь\n * превратился бы в «Главная / …».\n *\n * Возврат — число пунктов хвоста; `items.length` означает «влезло всё».\n */\nexport function resolveBreadcrumbsFit(options: {\n  itemWidths: number[]\n  separatorWidth: number\n  ellipsisWidth: number\n  available: number\n  itemsBeforeCollapse: number\n  /** Зазор списка (`gap`). Стоит между каждой парой соседей, включая разделители. */\n  gapWidth?: number\n}): number {\n  const { itemWidths, separatorWidth, ellipsisWidth, available, itemsBeforeCollapse, gapWidth = 0 } = options\n  const total = itemWidths.length\n\n  if (total === 0) return 0\n\n  const sum = (from: number, to: number): number =>\n    itemWidths.slice(from, to).reduce((acc, width) => acc + width, 0)\n\n  /**\n   * Ширина строки из `parts` видимых блоков: сами блоки, разделители между ними\n   * и зазоры. Элементов в списке `2 * parts - 1` (блоки и разделители вперемешку),\n   * значит зазоров на один меньше — без них расчёт систематически оптимистичен и\n   * путь подрезается уже после схлопывания.\n   */\n  const rowWidth = (content: number, parts: number): number =>\n    content\n    + Math.max(0, parts - 1) * separatorWidth\n    + Math.max(0, 2 * parts - 2) * gapWidth\n\n  if (rowWidth(sum(0, total), total) <= available) return total\n\n  const before = Math.max(0, Math.min(itemsBeforeCollapse, total))\n\n  for (let after = total - before - 1; after > 1; after--) {\n    const content = sum(0, before) + ellipsisWidth + sum(total - after, total)\n\n    if (rowWidth(content, before + 1 + after) <= available) return after\n  }\n\n  return 1\n}\n\nexport function resolveBreadcrumbsLayout(options: {\n  items: GrBreadcrumbItem[]\n  maxItems?: number\n  itemsBeforeCollapse: number\n  itemsAfterCollapse: number\n  expanded: boolean\n}): GrBreadcrumbsLayoutEntry[] {\n  const { items, maxItems, itemsBeforeCollapse, itemsAfterCollapse, expanded } = options\n  const all: GrBreadcrumbsLayoutEntry[] = items.map((item, index) => ({ kind: 'item', item, index }))\n\n  if (expanded || !maxItems || maxItems < 1 || items.length <= maxItems)\n    return all\n\n  // Хвост важнее головы: «где я сейчас» читается справа, поэтому при нехватке\n  // места сначала жертвуем серединой, а не концом.\n  const before = Math.max(0, Math.min(itemsBeforeCollapse, items.length))\n  const after = Math.max(0, Math.min(itemsAfterCollapse, items.length - before))\n  const hiddenCount = items.length - before - after\n\n  if (hiddenCount <= 1)\n    return all\n\n  return [\n    ...all.slice(0, before),\n    { kind: 'ellipsis', hiddenCount },\n    ...all.slice(items.length - after),\n  ]\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  breadcrumbsCurrentClass,\n  breadcrumbsEllipsisClass,\n  breadcrumbsItemIconClass,\n  breadcrumbsLabelClass,\n  breadcrumbsListClass,\n  breadcrumbsListNowrapClass,\n  breadcrumbsListWrapClass,\n  breadcrumbsRootClass,\n  breadcrumbsSeparatorClass,\n  breadcrumbsSizeClassBySize,\n} from './grBreadcrumbsStyles'\n\n// Всё, что живёт в `grBreadcrumbsStyles.ts`: и мапа размеров, и строковые\n// литералы. Хелпер уезжает в общий `dist/chunks/`, вне области скана\n// компонента — гейт `src/__tests__/safelist.test.ts`.\nexport const grBreadcrumbsSafelist = [...new Set([\n  ...Object.values(breadcrumbsSizeClassBySize).flatMap(splitClassTokens),\n  ...splitClassTokens(breadcrumbsRootClass),\n  ...splitClassTokens(breadcrumbsListClass),\n  ...splitClassTokens(breadcrumbsListWrapClass),\n  ...splitClassTokens(breadcrumbsListNowrapClass),\n  ...splitClassTokens(breadcrumbsSeparatorClass),\n  ...splitClassTokens(breadcrumbsCurrentClass),\n  ...splitClassTokens(breadcrumbsItemIconClass),\n  ...splitClassTokens(breadcrumbsLabelClass),\n  ...splitClassTokens(breadcrumbsEllipsisClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grBreadcrumbsSafelist } from './safelist'\n\nexport const grBreadcrumbsConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrBreadcrumbs',\n  safelist: grBreadcrumbsSafelist,\n  dependencies: ['GrLink'],\n})\n"],"mappings":";;;AAmBA,IAAa,uBAAuB;AACpC,IAAa,uBAAuB;;;;;;;;;;;AAYpC,IAAa,2BAA2B;AACxC,IAAa,6BAA6B;;AAG1C,IAAa,6BAAgE;CAC3E,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,4BAA4B;;AAGzC,IAAa,0BAA0B;AAEvC,IAAa,2BAA2B;AAExC,IAAa,wBAAwB;;;;;AAMrC,IAAa,2BAA2B;;;;;;;;;;;;;;;AA4BxC,SAAgB,sBAAsB,SAQ3B;CACT,MAAM,EAAE,YAAY,gBAAgB,eAAe,WAAW,qBAAqB,WAAW,MAAM;CACpG,MAAM,QAAQ,WAAW;CAEzB,IAAI,UAAU,GAAG,OAAO;CAExB,MAAM,OAAO,MAAc,OACzB,WAAW,MAAM,MAAM,EAAE,CAAC,CAAC,QAAQ,KAAK,UAAU,MAAM,OAAO,CAAC;;;;;;;CAQlE,MAAM,YAAY,SAAiB,UACjC,UACE,KAAK,IAAI,GAAG,QAAQ,CAAC,IAAI,iBACzB,KAAK,IAAI,GAAG,IAAI,QAAQ,CAAC,IAAI;CAEjC,IAAI,SAAS,IAAI,GAAG,KAAK,GAAG,KAAK,KAAK,WAAW,OAAO;CAExD,MAAM,SAAS,KAAK,IAAI,GAAG,KAAK,IAAI,qBAAqB,KAAK,CAAC;CAE/D,KAAK,IAAI,QAAQ,QAAQ,SAAS,GAAG,QAAQ,GAAG,SAG9C,IAAI,SAFY,IAAI,GAAG,MAAM,IAAI,gBAAgB,IAAI,QAAQ,OAAO,KAAK,GAEnD,SAAS,IAAI,KAAK,KAAK,WAAW,OAAO;CAGjE,OAAO;AACT;AAEA,SAAgB,yBAAyB,SAMV;CAC7B,MAAM,EAAE,OAAO,UAAU,qBAAqB,oBAAoB,aAAa;CAC/E,MAAM,MAAkC,MAAM,KAAK,MAAM,WAAW;EAAE,MAAM;EAAQ;EAAM;CAAM,EAAE;CAElG,IAAI,YAAY,CAAC,YAAY,WAAW,KAAK,MAAM,UAAU,UAC3D,OAAO;CAIT,MAAM,SAAS,KAAK,IAAI,GAAG,KAAK,IAAI,qBAAqB,MAAM,MAAM,CAAC;CACtE,MAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,oBAAoB,MAAM,SAAS,MAAM,CAAC;CAC7E,MAAM,cAAc,MAAM,SAAS,SAAS;CAE5C,IAAI,eAAe,GACjB,OAAO;CAET,OAAO;EACL,GAAG,IAAI,MAAM,GAAG,MAAM;EACtB;GAAE,MAAM;GAAY;EAAY;EAChC,GAAG,IAAI,MAAM,MAAM,SAAS,KAAK;CACnC;AACF;;;ACvIA,IAAa,wBAAwB,CAAC,mBAAG,IAAI,IAAI;CAC/C,GAAG,OAAO,OAAO,0BAA0B,CAAC,CAAC,QAAQ,gBAAgB;CACrE,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,0BAA0B;CAC9C,GAAG,iBAAiB,yBAAyB;CAC7C,GAAG,iBAAiB,uBAAuB;CAC3C,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,wBAAwB;AAC9C,CAAC,CAAC;;;ACxBF,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK;CAC1E,MAAM;CACN,UAAU;CACV,cAAc,CAAC,QAAQ;AACzB,CAAC"}

package/dist/chunks/config-DP7eseR1.js

@@ -0,0 +1,92 @@
+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)]"
+};
+var 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";
+/** Индикатор статуса: кольцо цветом фона отделяет точку от самого аватара. */
+var 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)]";
+var statusToneClass = {
+	online: "bg-[var(--gr-success)]",
+	offline: "bg-[var(--gr-muted-fg)]",
+	busy: "bg-[var(--gr-danger)]",
+	away: "bg-[var(--gr-warning)]"
+};
+/**
+* Статус рисуется поверх картинки, поэтому у корня со статусом не может быть
+* `overflow-hidden` — точка обрезалась бы кругом. Скругление вместо этого
+* держит внутренняя обёртка изображения.
+*/
+var rootStatusClass = "overflow-visible";
+/**
+* Обёртка растянута на весь аватар, поэтому корневой `justify-center`
+* центрирует её саму, а не содержимое: центрирование обязано быть здесь.
+*/
+var mediaClass = "flex h-full w-full items-center justify-center";
+/**
+* Со статусом корень уходит в `overflow-visible`, чтобы не срезать точку, и
+* резать по форме становится некому — тогда это берёт на себя обёртка.
+*/
+var mediaClipClass = "overflow-hidden";
+/**
+* Размер бывает произвольным числом пикселей, поэтому кегль считается, а не
+* берётся картой по ступеням. Пол в 10px: у аватара 24px пропорциональные 8px
+* не читаются.
+*/
+function avatarFontSizePx(sizePx) {
+	return Math.max(10, Math.round(sizePx / 3));
+}
+var groupBaseClass = "inline-flex items-center";
+/** Перекрытие соседей: кольцо цветом фона отделяет аватары друг от друга. */
+var groupItemClass = "-ml-2 first:ml-0 ring-2 ring-[var(--gr-bg)]";
+var groupOverflowClass = "inline-flex items-center justify-center bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] font-700";
+function grAvatarClass(shape) {
+	return [shapes[shape]].join(" ");
+}
+/**
+* Инициалы из имени: первые буквы двух первых слов. Вынесено чистой функцией —
+* тестируется без монтирования.
+*/
+function initialsFrom(name) {
+	const words = name.trim().split(/\s+/).filter(Boolean);
+	if (words.length === 0) return "";
+	return words.slice(0, 2).map((word) => [...word][0]?.toUpperCase() ?? "").join("");
+}
+//#endregion
+//#region src/components/GrAvatar/safelist.ts
+var grAvatarClassTokens = {
+	shapes: Object.values(shapes).flatMap(splitClassTokens),
+	root: [...splitClassTokens(rootBaseClass), ...splitClassTokens(rootStatusClass)],
+	media: [...splitClassTokens(mediaClass), ...splitClassTokens(mediaClipClass)],
+	status: [...splitClassTokens(statusDotClass), ...Object.values(statusToneClass).flatMap(splitClassTokens)],
+	group: [
+		...splitClassTokens(groupBaseClass),
+		...splitClassTokens(groupItemClass),
+		...splitClassTokens(groupOverflowClass)
+	]
+};
+var grAvatarSafelist = [.../* @__PURE__ */ new Set([
+	...grAvatarClassTokens.shapes,
+	...grAvatarClassTokens.root,
+	...grAvatarClassTokens.media,
+	...grAvatarClassTokens.status,
+	...grAvatarClassTokens.group
+])];
+//#endregion
+//#region src/components/GrAvatar/config.ts
+var grAvatarConfig = defineGranularComponent(import.meta.url, {
+	name: "GrAvatar",
+	dependencies: ["GrSkeleton"],
+	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 };

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

@@ -0,0 +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"}

package/dist/chunks/config-DSJY6aEl.js

@@ -0,0 +1,80 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrPagination/grPaginationStyles.ts
+/** Номер страницы и многоточие: одна и та же коробка, чтобы ряд не прыгал. */
+var pageSizes = {
+	xs: "h-7 min-w-7 px-1.5 text-[length:var(--gr-text-xs)]",
+	sm: "h-8 min-w-8 px-2 text-[length:var(--gr-text-xs)]",
+	md: "h-8 min-w-8 px-2 text-[length:var(--gr-text-sm)]",
+	lg: "h-10 min-w-10 px-3 text-[length:var(--gr-text-base)]"
+};
+/** Коробка та же, что у номера, но поле́ уже: многоточию не нужен клик-таргет. */
+var ellipsisSizes = {
+	xs: "h-7 min-w-7 px-1 text-[length:var(--gr-text-xs)]",
+	sm: "h-8 min-w-8 px-1 text-[length:var(--gr-text-xs)]",
+	md: "h-8 min-w-8 px-1 text-[length:var(--gr-text-sm)]",
+	lg: "h-10 min-w-10 px-2 text-[length:var(--gr-text-base)]"
+};
+/** Вспомогательный текст: индикатор «текущая / всего» и подпись у поля перехода. */
+var labelSizes = {
+	xs: "text-[length:var(--gr-text-xs)]",
+	sm: "text-[length:var(--gr-text-xs)]",
+	md: "text-[length:var(--gr-text-sm)]",
+	lg: "text-[length:var(--gr-text-base)]"
+};
+var jumperSizes = {
+	xs: "h-7 w-12 text-[length:var(--gr-text-xs)]",
+	sm: "h-8 w-14 text-[length:var(--gr-text-xs)]",
+	md: "h-8 w-14 text-[length:var(--gr-text-sm)]",
+	lg: "h-10 w-16 text-[length:var(--gr-text-base)]"
+};
+var rowGaps = {
+	xs: "gap-2",
+	sm: "gap-2",
+	md: "gap-3",
+	lg: "gap-3"
+};
+var pageListGaps = {
+	xs: "gap-0.5",
+	sm: "gap-1",
+	md: "gap-1",
+	lg: "gap-1"
+};
+var pageSizeSelectWidths = {
+	xs: "min-w-[84px]",
+	sm: "min-w-[92px]",
+	md: "min-w-[100px]",
+	lg: "min-w-[112px]"
+};
+/**
+* Навигационные кнопки берут размер из шкалы `GrButton`, а не из своей: они
+* обязаны стоять в один ряд с номерами страниц, а высоты у `GrButton`
+* `xs…lg` — `28/32/40/44px`. На `md` номера страниц ростом `h-8`, поэтому
+* кнопке достаётся `sm`, а не одноимённый `md`.
+*/
+var navButtonSizes = {
+	xs: "xs",
+	sm: "sm",
+	md: "sm",
+	lg: "md"
+};
+//#endregion
+//#region src/components/GrPagination/safelist.ts
+var grPaginationSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(pageSizes).flatMap(splitClassTokens),
+	...Object.values(ellipsisSizes).flatMap(splitClassTokens),
+	...Object.values(labelSizes).flatMap(splitClassTokens),
+	...Object.values(jumperSizes).flatMap(splitClassTokens),
+	...Object.values(rowGaps).flatMap(splitClassTokens),
+	...Object.values(pageListGaps).flatMap(splitClassTokens),
+	...Object.values(pageSizeSelectWidths).flatMap(splitClassTokens)
+])];
+//#endregion
+//#region src/components/GrPagination/config.ts
+var grPaginationConfig = defineGranularComponent(import.meta.url, {
+	name: "GrPagination",
+	dependencies: ["GrButton", "GrSelect"],
+	safelist: grPaginationSafelist
+});
+//#endregion
+export { labelSizes as a, pageSizeSelectWidths as c, jumperSizes as i, pageSizes as l, grPaginationSafelist as n, navButtonSizes as o, ellipsisSizes as r, pageListGaps as s, grPaginationConfig as t, rowGaps as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-DSJY6aEl.js","names":[],"sources":["../../src/components/GrPagination/grPaginationStyles.ts","../../src/components/GrPagination/safelist.ts","../../src/components/GrPagination/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nexport type GrPaginationSize = GrComponentSize\n\n/** Номер страницы и многоточие: одна и та же коробка, чтобы ряд не прыгал. */\nexport const pageSizes: Record<GrPaginationSize, string> = {\n  xs: 'h-7 min-w-7 px-1.5 text-[length:var(--gr-text-xs)]',\n  sm: 'h-8 min-w-8 px-2 text-[length:var(--gr-text-xs)]',\n  md: 'h-8 min-w-8 px-2 text-[length:var(--gr-text-sm)]',\n  lg: 'h-10 min-w-10 px-3 text-[length:var(--gr-text-base)]',\n}\n\n/** Коробка та же, что у номера, но поле́ уже: многоточию не нужен клик-таргет. */\nexport const ellipsisSizes: Record<GrPaginationSize, string> = {\n  xs: 'h-7 min-w-7 px-1 text-[length:var(--gr-text-xs)]',\n  sm: 'h-8 min-w-8 px-1 text-[length:var(--gr-text-xs)]',\n  md: 'h-8 min-w-8 px-1 text-[length:var(--gr-text-sm)]',\n  lg: 'h-10 min-w-10 px-2 text-[length:var(--gr-text-base)]',\n}\n\n/** Вспомогательный текст: индикатор «текущая / всего» и подпись у поля перехода. */\nexport const labelSizes: Record<GrPaginationSize, string> = {\n  xs: 'text-[length:var(--gr-text-xs)]',\n  sm: 'text-[length:var(--gr-text-xs)]',\n  md: 'text-[length:var(--gr-text-sm)]',\n  lg: 'text-[length:var(--gr-text-base)]',\n}\n\nexport const jumperSizes: Record<GrPaginationSize, string> = {\n  xs: 'h-7 w-12 text-[length:var(--gr-text-xs)]',\n  sm: 'h-8 w-14 text-[length:var(--gr-text-xs)]',\n  md: 'h-8 w-14 text-[length:var(--gr-text-sm)]',\n  lg: 'h-10 w-16 text-[length:var(--gr-text-base)]',\n}\n\nexport const rowGaps: Record<GrPaginationSize, string> = {\n  xs: 'gap-2',\n  sm: 'gap-2',\n  md: 'gap-3',\n  lg: 'gap-3',\n}\n\nexport const pageListGaps: Record<GrPaginationSize, string> = {\n  xs: 'gap-0.5',\n  sm: 'gap-1',\n  md: 'gap-1',\n  lg: 'gap-1',\n}\n\nexport const pageSizeSelectWidths: Record<GrPaginationSize, string> = {\n  xs: 'min-w-[84px]',\n  sm: 'min-w-[92px]',\n  md: 'min-w-[100px]',\n  lg: 'min-w-[112px]',\n}\n\n/**\n * Навигационные кнопки берут размер из шкалы `GrButton`, а не из своей: они\n * обязаны стоять в один ряд с номерами страниц, а высоты у `GrButton`\n * `xs…lg` — `28/32/40/44px`. На `md` номера страниц ростом `h-8`, поэтому\n * кнопке достаётся `sm`, а не одноимённый `md`.\n */\nexport const navButtonSizes: Record<GrPaginationSize, GrComponentSize> = {\n  xs: 'xs',\n  sm: 'sm',\n  md: 'sm',\n  lg: 'md',\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  ellipsisSizes,\n  jumperSizes,\n  labelSizes,\n  pageListGaps,\n  pageSizes,\n  pageSizeSelectWidths,\n  rowGaps,\n} from './grPaginationStyles'\n\nexport const grPaginationSafelist = [...new Set([\n  ...Object.values(pageSizes).flatMap(splitClassTokens),\n  ...Object.values(ellipsisSizes).flatMap(splitClassTokens),\n  ...Object.values(labelSizes).flatMap(splitClassTokens),\n  ...Object.values(jumperSizes).flatMap(splitClassTokens),\n  ...Object.values(rowGaps).flatMap(splitClassTokens),\n  ...Object.values(pageListGaps).flatMap(splitClassTokens),\n  ...Object.values(pageSizeSelectWidths).flatMap(splitClassTokens),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grPaginationSafelist } from './safelist'\n\nexport const grPaginationConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrPagination',\n  dependencies: ['GrButton', 'GrSelect'],\n  safelist: grPaginationSafelist,\n})\n"],"mappings":";;;;AAKA,IAAa,YAA8C;CACzD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,gBAAkD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,aAA+C;CAC1D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,cAAgD;CAC3D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,UAA4C;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,eAAiD;CAC5D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,uBAAyD;CACpE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;AAQA,IAAa,iBAA4D;CACvE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;ACxDA,IAAa,uBAAuB,CAAC,mBAAG,IAAI,IAAI;CAC9C,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,GAAG,OAAO,OAAO,aAAa,CAAC,CAAC,QAAQ,gBAAgB;CACxD,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CACrD,GAAG,OAAO,OAAO,WAAW,CAAC,CAAC,QAAQ,gBAAgB;CACtD,GAAG,OAAO,OAAO,OAAO,CAAC,CAAC,QAAQ,gBAAgB;CAClD,GAAG,OAAO,OAAO,YAAY,CAAC,CAAC,QAAQ,gBAAgB;CACvD,GAAG,OAAO,OAAO,oBAAoB,CAAC,CAAC,QAAQ,gBAAgB;AACjE,CAAC,CAAC;;;ACfF,IAAa,qBAAqB,wBAAwB,OAAO,KAAK,KAAK;CACzE,MAAM;CACN,cAAc,CAAC,YAAY,UAAU;CACrC,UAAU;AACZ,CAAC"}

package/dist/chunks/config-DU2DNSRx2.js

@@ -0,0 +1,116 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrCollapse/grCollapseStyles.ts
+/**
+* Фон строки красит строка, а не кнопка-триггер.
+*
+* Слот `#extra` лежит рядом с триггером, а не внутри него (иначе
+* `nested-interactive`), поэтому подсветка, нарисованная кнопкой, обрывалась перед
+* ним: при `divided: false` она — единственная структура строк, и обрыв заметен.
+* Disabled гасится тем же фоном, а не `opacity`: прозрачность разбавляет
+* выверенные на AA токены текста.
+*/
+var collapseRowBase = "flex items-center transition-colors duration-[var(--gr-duration-fast)]";
+var collapseRowEnabledClass = "hover:bg-[var(--gr-muted)]";
+var collapseRowDisabledClass = "bg-[var(--gr-muted)]";
+var collapseHeaderBase = "w-full flex items-center gap-4 text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+var collapseHeaderEnabledClass = "cursor-pointer";
+var collapseHeaderDisabledClass = "cursor-not-allowed text-[var(--gr-muted-fg)]";
+var collapseHeaderPaddings = {
+	xs: "px-3 py-2",
+	sm: "px-3 py-2.5",
+	md: "px-4 py-3",
+	lg: "px-5 py-4"
+};
+/** Правый инсет `#extra`: тот же горизонтальный отступ, что у заголовка строки. */
+var collapseExtraPaddings = {
+	xs: "pr-3",
+	sm: "pr-3",
+	md: "pr-4",
+	lg: "pr-5"
+};
+var collapseTitleBase = "flex-1 min-w-0";
+var collapseTitleTexts = {
+	xs: "text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	sm: "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
+	md: "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
+	lg: "text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]"
+};
+var collapseBodyPaddings = {
+	xs: "px-3 pb-2",
+	sm: "px-3 pb-3",
+	md: "px-4 pb-4",
+	lg: "px-5 pb-5"
+};
+var collapseBodyBase = "text-[var(--gr-muted-fg)]";
+/**
+* Заглушка пустого аккордеона. Кегль и отступы берутся из тех же карт, что у
+* секций: пустое состояние — часть той же поверхности, и выпадать из её ритма
+* ему незачем.
+*/
+var collapseEmptyBase = "text-center text-[var(--gr-muted-fg)]";
+var collapseChevronBase = "shrink-0 transition-transform duration-[var(--gr-duration-fast)] text-[var(--gr-muted-fg)]";
+var collapseChevronExpandedClass = "rotate-180";
+/** Размер шеврона отстаёт от размера секции на ступень — иначе он перевешивает заголовок. */
+var collapseChevronSizes = {
+	xs: "xs",
+	sm: "sm",
+	md: "sm",
+	lg: "md"
+};
+function grCollapseRowClass(disabled) {
+	return [collapseRowBase, disabled ? collapseRowDisabledClass : collapseRowEnabledClass].join(" ");
+}
+function grCollapseHeaderClass(options) {
+	return [
+		collapseHeaderBase,
+		collapseHeaderPaddings[options.size],
+		options.disabled ? collapseHeaderDisabledClass : collapseHeaderEnabledClass
+	].join(" ");
+}
+function grCollapseTitleClass(size) {
+	return [collapseTitleBase, collapseTitleTexts[size]].join(" ");
+}
+function grCollapseBodyClass(size) {
+	return [
+		collapseBodyBase,
+		collapseBodyPaddings[size],
+		collapseTitleTexts[size]
+	].join(" ");
+}
+function grCollapseEmptyClass(size) {
+	return [
+		collapseEmptyBase,
+		collapseHeaderPaddings[size],
+		collapseTitleTexts[size]
+	].join(" ");
+}
+function grCollapseChevronClass(expanded) {
+	return [collapseChevronBase, expanded ? collapseChevronExpandedClass : ""].filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/components/GrCollapse/safelist.ts
+var grCollapseClassTokens = {
+	rowBase: splitClassTokens(collapseRowBase),
+	rowState: [...splitClassTokens(collapseRowEnabledClass), ...splitClassTokens(collapseRowDisabledClass)],
+	extraPaddings: Object.values(collapseExtraPaddings).flatMap(splitClassTokens),
+	headerBase: splitClassTokens(collapseHeaderBase),
+	headerPaddings: Object.values(collapseHeaderPaddings).flatMap(splitClassTokens),
+	headerState: [...splitClassTokens(collapseHeaderEnabledClass), ...splitClassTokens(collapseHeaderDisabledClass)],
+	titleBase: splitClassTokens(collapseTitleBase),
+	titleTexts: Object.values(collapseTitleTexts).flatMap(splitClassTokens),
+	bodyBase: splitClassTokens(collapseBodyBase),
+	bodyPaddings: Object.values(collapseBodyPaddings).flatMap(splitClassTokens),
+	empty: splitClassTokens(collapseEmptyBase),
+	chevron: [...splitClassTokens(collapseChevronBase), ...splitClassTokens(collapseChevronExpandedClass)]
+};
+var grCollapseSafelist = [...new Set(Object.values(grCollapseClassTokens).flat())];
+//#endregion
+//#region src/components/GrCollapse/config.ts
+var grCollapseConfig = defineGranularComponent(import.meta.url, {
+	name: "GrCollapse",
+	dependencies: ["GrCard", "GrIcon"],
+	safelist: grCollapseSafelist
+});
+//#endregion
+export { grCollapseBodyClass as a, grCollapseHeaderClass as c, collapseExtraPaddings as i, grCollapseRowClass as l, grCollapseSafelist as n, grCollapseChevronClass as o, collapseChevronSizes as r, grCollapseEmptyClass as s, grCollapseConfig as t, grCollapseTitleClass as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-DU2DNSRx2.js","names":[],"sources":["../../src/components/GrCollapse/grCollapseStyles.ts","../../src/components/GrCollapse/safelist.ts","../../src/components/GrCollapse/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\n/**\n * Фон строки красит строка, а не кнопка-триггер.\n *\n * Слот `#extra` лежит рядом с триггером, а не внутри него (иначе\n * `nested-interactive`), поэтому подсветка, нарисованная кнопкой, обрывалась перед\n * ним: при `divided: false` она — единственная структура строк, и обрыв заметен.\n * Disabled гасится тем же фоном, а не `opacity`: прозрачность разбавляет\n * выверенные на AA токены текста.\n */\nexport const collapseRowBase = 'flex items-center transition-colors duration-[var(--gr-duration-fast)]'\nexport const collapseRowEnabledClass = 'hover:bg-[var(--gr-muted)]'\nexport const collapseRowDisabledClass = 'bg-[var(--gr-muted)]'\n\nexport const collapseHeaderBase = 'w-full flex items-center gap-4 text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport const collapseHeaderEnabledClass = 'cursor-pointer'\nexport const collapseHeaderDisabledClass = 'cursor-not-allowed text-[var(--gr-muted-fg)]'\n\nexport const collapseHeaderPaddings: Record<GrComponentSize, string> = {\n  xs: 'px-3 py-2',\n  sm: 'px-3 py-2.5',\n  md: 'px-4 py-3',\n  lg: 'px-5 py-4',\n}\n\n/** Правый инсет `#extra`: тот же горизонтальный отступ, что у заголовка строки. */\nexport const collapseExtraPaddings: Record<GrComponentSize, string> = {\n  xs: 'pr-3',\n  sm: 'pr-3',\n  md: 'pr-4',\n  lg: 'pr-5',\n}\n\nexport const collapseTitleBase = 'flex-1 min-w-0'\n\nexport const collapseTitleTexts: Record<GrComponentSize, string> = {\n  xs: 'text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  sm: 'text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  md: 'text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  lg: 'text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]',\n}\n\nexport const collapseBodyPaddings: Record<GrComponentSize, string> = {\n  xs: 'px-3 pb-2',\n  sm: 'px-3 pb-3',\n  md: 'px-4 pb-4',\n  lg: 'px-5 pb-5',\n}\n\nexport const collapseBodyBase = 'text-[var(--gr-muted-fg)]'\n\n/**\n * Заглушка пустого аккордеона. Кегль и отступы берутся из тех же карт, что у\n * секций: пустое состояние — часть той же поверхности, и выпадать из её ритма\n * ему незачем.\n */\nexport const collapseEmptyBase = 'text-center text-[var(--gr-muted-fg)]'\n\nexport const collapseChevronBase = 'shrink-0 transition-transform duration-[var(--gr-duration-fast)] text-[var(--gr-muted-fg)]'\nexport const collapseChevronExpandedClass = 'rotate-180'\n\n/** Размер шеврона отстаёт от размера секции на ступень — иначе он перевешивает заголовок. */\nexport const collapseChevronSizes: Record<GrComponentSize, GrComponentSize> = {\n  xs: 'xs',\n  sm: 'sm',\n  md: 'sm',\n  lg: 'md',\n}\n\nexport function grCollapseRowClass(disabled: boolean): string {\n  return [\n    collapseRowBase,\n    disabled ? collapseRowDisabledClass : collapseRowEnabledClass,\n  ].join(' ')\n}\n\nexport function grCollapseHeaderClass(options: { size: GrComponentSize, disabled: boolean }): string {\n  return [\n    collapseHeaderBase,\n    collapseHeaderPaddings[options.size],\n    options.disabled ? collapseHeaderDisabledClass : collapseHeaderEnabledClass,\n  ].join(' ')\n}\n\nexport function grCollapseTitleClass(size: GrComponentSize): string {\n  return [collapseTitleBase, collapseTitleTexts[size]].join(' ')\n}\n\nexport function grCollapseBodyClass(size: GrComponentSize): string {\n  return [collapseBodyBase, collapseBodyPaddings[size], collapseTitleTexts[size]].join(' ')\n}\n\nexport function grCollapseEmptyClass(size: GrComponentSize): string {\n  return [collapseEmptyBase, collapseHeaderPaddings[size], collapseTitleTexts[size]].join(' ')\n}\n\nexport function grCollapseChevronClass(expanded: boolean): string {\n  return [collapseChevronBase, expanded ? collapseChevronExpandedClass : ''].filter(Boolean).join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\n\nimport {\n  collapseBodyBase,\n  collapseBodyPaddings,\n  collapseChevronBase,\n  collapseChevronExpandedClass,\n  collapseEmptyBase,\n  collapseExtraPaddings,\n  collapseHeaderBase,\n  collapseHeaderDisabledClass,\n  collapseHeaderEnabledClass,\n  collapseHeaderPaddings,\n  collapseRowBase,\n  collapseRowDisabledClass,\n  collapseRowEnabledClass,\n  collapseTitleBase,\n  collapseTitleTexts,\n} from './grCollapseStyles'\n\nexport const grCollapseClassTokens = {\n  rowBase: splitClassTokens(collapseRowBase),\n  rowState: [\n    ...splitClassTokens(collapseRowEnabledClass),\n    ...splitClassTokens(collapseRowDisabledClass),\n  ],\n  extraPaddings: Object.values(collapseExtraPaddings).flatMap(splitClassTokens),\n  headerBase: splitClassTokens(collapseHeaderBase),\n  headerPaddings: Object.values(collapseHeaderPaddings).flatMap(splitClassTokens),\n  headerState: [\n    ...splitClassTokens(collapseHeaderEnabledClass),\n    ...splitClassTokens(collapseHeaderDisabledClass),\n  ],\n  titleBase: splitClassTokens(collapseTitleBase),\n  titleTexts: Object.values(collapseTitleTexts).flatMap(splitClassTokens),\n  bodyBase: splitClassTokens(collapseBodyBase),\n  bodyPaddings: Object.values(collapseBodyPaddings).flatMap(splitClassTokens),\n  empty: splitClassTokens(collapseEmptyBase),\n  chevron: [\n    ...splitClassTokens(collapseChevronBase),\n    ...splitClassTokens(collapseChevronExpandedClass),\n  ],\n} as const\n\nexport const grCollapseSafelist = [...new Set(Object.values(grCollapseClassTokens).flat())]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grCollapseSafelist } from './safelist'\n\nexport const grCollapseConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrCollapse',\n  dependencies: ['GrCard', 'GrIcon'],\n  safelist: grCollapseSafelist,\n})\n"],"mappings":";;;;;;;;;;;;AAWA,IAAa,kBAAkB;AAC/B,IAAa,0BAA0B;AACvC,IAAa,2BAA2B;AAExC,IAAa,qBAAqB;AAElC,IAAa,6BAA6B;AAC1C,IAAa,8BAA8B;AAE3C,IAAa,yBAA0D;CACrE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,wBAAyD;CACpE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,oBAAoB;AAEjC,IAAa,qBAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,uBAAwD;CACnE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,mBAAmB;;;;;;AAOhC,IAAa,oBAAoB;AAEjC,IAAa,sBAAsB;AACnC,IAAa,+BAA+B;;AAG5C,IAAa,uBAAiE;CAC5E,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,SAAgB,mBAAmB,UAA2B;CAC5D,OAAO,CACL,iBACA,WAAW,2BAA2B,uBACxC,CAAC,CAAC,KAAK,GAAG;AACZ;AAEA,SAAgB,sBAAsB,SAA+D;CACnG,OAAO;EACL;EACA,uBAAuB,QAAQ;EAC/B,QAAQ,WAAW,8BAA8B;CACnD,CAAC,CAAC,KAAK,GAAG;AACZ;AAEA,SAAgB,qBAAqB,MAA+B;CAClE,OAAO,CAAC,mBAAmB,mBAAmB,KAAK,CAAC,CAAC,KAAK,GAAG;AAC/D;AAEA,SAAgB,oBAAoB,MAA+B;CACjE,OAAO;EAAC;EAAkB,qBAAqB;EAAO,mBAAmB;CAAK,CAAC,CAAC,KAAK,GAAG;AAC1F;AAEA,SAAgB,qBAAqB,MAA+B;CAClE,OAAO;EAAC;EAAmB,uBAAuB;EAAO,mBAAmB;CAAK,CAAC,CAAC,KAAK,GAAG;AAC7F;AAEA,SAAgB,uBAAuB,UAA2B;CAChE,OAAO,CAAC,qBAAqB,WAAW,+BAA+B,EAAE,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AACrG;;;AChFA,IAAa,wBAAwB;CACnC,SAAS,iBAAiB,eAAe;CACzC,UAAU,CACR,GAAG,iBAAiB,uBAAuB,GAC3C,GAAG,iBAAiB,wBAAwB,CAC9C;CACA,eAAe,OAAO,OAAO,qBAAqB,CAAC,CAAC,QAAQ,gBAAgB;CAC5E,YAAY,iBAAiB,kBAAkB;CAC/C,gBAAgB,OAAO,OAAO,sBAAsB,CAAC,CAAC,QAAQ,gBAAgB;CAC9E,aAAa,CACX,GAAG,iBAAiB,0BAA0B,GAC9C,GAAG,iBAAiB,2BAA2B,CACjD;CACA,WAAW,iBAAiB,iBAAiB;CAC7C,YAAY,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;CACtE,UAAU,iBAAiB,gBAAgB;CAC3C,cAAc,OAAO,OAAO,oBAAoB,CAAC,CAAC,QAAQ,gBAAgB;CAC1E,OAAO,iBAAiB,iBAAiB;CACzC,SAAS,CACP,GAAG,iBAAiB,mBAAmB,GACvC,GAAG,iBAAiB,4BAA4B,CAClD;AACF;AAEA,IAAa,qBAAqB,CAAC,GAAG,IAAI,IAAI,OAAO,OAAO,qBAAqB,CAAC,CAAC,KAAK,CAAC,CAAC;;;ACxC1F,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,MAAM;CACN,cAAc,CAAC,UAAU,QAAQ;CACjC,UAAU;AACZ,CAAC"}

package/dist/chunks/config-DhHbU3zO.js

@@ -0,0 +1,37 @@
+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";
+var formSectionTitleClass = "m-0 text-[length:var(--gr-text-sm)] font-700";
+var formSectionDescriptionClass = "mt-1 text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]";
+var formSectionActionsClass = "flex shrink-0 items-center gap-2";
+//#endregion
+//#region src/components/GrFormSection/safelist.ts
+var grFormSectionSafelist = [.../* @__PURE__ */ new Set([
+	...splitClassTokens(formSectionRootClass),
+	...splitClassTokens(formSectionHeaderClass),
+	...splitClassTokens(formSectionTitleClass),
+	...splitClassTokens(formSectionDescriptionClass),
+	...splitClassTokens(formSectionActionsClass)
+])];
+//#endregion
+//#region src/components/GrFormSection/config.ts
+var grFormSectionConfig = defineGranularComponent(import.meta.url, {
+	name: "GrFormSection",
+	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 };

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

@@ -0,0 +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"}