@feugene/granularity 0.18.0 → 0.20.0

package/dist/chunks/config-BJ7Bv_G2.js

@@ -0,0 +1,148 @@
+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 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)
+])];
+//#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, 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-BJ7Bv_G2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-BJ7Bv_G2.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 */\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} 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])]\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;;;;;AAMhC,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;;;AChHA,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;AACtC,CAAC,CAAC;;;ACvCF,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK;CACxE,MAAM;CACN,cAAc;EAAC;EAAW;EAAU;CAAY;CAChD,UAAU;AACZ,CAAC"}

package/dist/chunks/config-BTCOJO5z.js

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

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

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

package/dist/chunks/config-Be9k9bOf.js

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

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

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

package/dist/chunks/config-BfsBepkH2.js

@@ -0,0 +1,83 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrSidebar/grSidebarStyles.ts
+var rootBase = "flex flex-col bg-[var(--gr-sidebar)] text-[var(--gr-sidebar-fg)] transition-[width] duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]";
+/** Граница отделяет панель от контента, поэтому уезжает на внутреннюю сторону. */
+var rootPositions = {
+	left: "border-r border-[var(--gr-sidebar-brd)]",
+	right: "border-l border-[var(--gr-sidebar-brd)]"
+};
+var headerBase = "flex items-center gap-2 border-b border-[var(--gr-sidebar-brd)] px-3 py-4";
+var titleClass = "truncate text-[length:var(--gr-text-lg)] font-700";
+var subtitleClass = "truncate text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]";
+/**
+* Скроллящийся блок обязан быть достижим с клавиатуры, поэтому он остановка
+* `Tab` с видимым кольцом: без него панель с текстовым содержимым не
+* проскроллить вовсе.
+*/
+var contentBase = "flex-1 overflow-y-auto focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--gr-ring)]";
+var itemBase = "relative flex w-full items-center rounded-[var(--gr-radius-md)] text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+var itemCollapsedClass = "justify-center px-0 py-2";
+var itemExpandedClass = "gap-3 px-3 py-2";
+/**
+* Недоступный пункт гасится токеном, а не `opacity`: прозрачность разбавляет
+* выверенные на AA токены текста.
+*/
+var itemDisabledClass = "cursor-not-allowed text-[var(--gr-disabled-fg)]";
+var itemActiveClass = "bg-[var(--gr-muted)] font-600 text-[var(--gr-fg)]";
+var itemIdleClass = "text-[var(--gr-sidebar-fg)] hover:bg-[color-mix(in_srgb,var(--gr-sidebar-fg)_8%,transparent)]";
+var itemLetterClass = "text-[length:var(--gr-text-xs)] font-700 leading-none";
+var itemBadgeClass = "shrink-0 rounded-[var(--gr-radius-full)] bg-[color-mix(in_srgb,var(--gr-sidebar-fg)_12%,transparent)] px-1.5 py-0.5 text-[length:var(--gr-text-2xs)] font-600";
+var groupLabelClass = "px-3 pb-1 pt-3 text-[length:var(--gr-text-2xs)] font-700 [text-transform:uppercase] tracking-wide text-[var(--gr-muted-fg)]";
+/**
+* В свёрнутой панели заголовка секции нет — иначе он не помещается. Границы
+* между группами берёт на себя линия: без неё иконки соседних секций сливаются
+* в один столбец.
+*/
+var groupCollapsedClass = "mt-2 border-t border-[var(--gr-sidebar-brd)] pt-2";
+function grSidebarRootClass(position) {
+	return [rootBase, rootPositions[position]].join(" ");
+}
+/**
+* Куда указывает шеврон кнопки тогла: всегда в ту сторону, куда уедет панель.
+* У правой панели «свернуть» — это стрелка вправо.
+*/
+function grSidebarCollapseDirection(position, collapsed) {
+	return position === "right" !== collapsed ? "right" : "left";
+}
+function grSidebarItemClass(options) {
+	return [
+		itemBase,
+		options.collapsed ? itemCollapsedClass : itemExpandedClass,
+		options.disabled ? itemDisabledClass : options.active ? itemActiveClass : itemIdleClass
+	].join(" ");
+}
+//#endregion
+//#region src/components/GrSidebar/safelist.ts
+var grSidebarSafelist = [.../* @__PURE__ */ new Set([
+	...splitClassTokens(rootBase),
+	...Object.values(rootPositions).flatMap(splitClassTokens),
+	...splitClassTokens(headerBase),
+	...splitClassTokens(titleClass),
+	...splitClassTokens(subtitleClass),
+	...splitClassTokens(contentBase),
+	...splitClassTokens(itemBase),
+	...splitClassTokens(itemCollapsedClass),
+	...splitClassTokens(itemExpandedClass),
+	...splitClassTokens(itemDisabledClass),
+	...splitClassTokens(itemActiveClass),
+	...splitClassTokens(itemIdleClass),
+	...splitClassTokens(itemLetterClass),
+	...splitClassTokens(itemBadgeClass),
+	...splitClassTokens(groupLabelClass),
+	...splitClassTokens(groupCollapsedClass)
+])];
+//#endregion
+//#region src/components/GrSidebar/config.ts
+var grSidebarConfig = defineGranularComponent(import.meta.url, {
+	name: "GrSidebar",
+	dependencies: ["GrButton", "GrIcon"],
+	safelist: grSidebarSafelist
+});
+//#endregion
+export { grSidebarItemClass as a, groupLabelClass as c, itemLetterClass as d, subtitleClass as f, grSidebarCollapseDirection as i, headerBase as l, grSidebarSafelist as n, grSidebarRootClass as o, titleClass as p, contentBase as r, groupCollapsedClass as s, grSidebarConfig as t, itemBadgeClass as u };

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

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

package/dist/chunks/config-Bsh948nP.js

@@ -0,0 +1,85 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrAvatar/grAvatarStyles.ts
+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 { groupBaseClass as a, initialsFrom as c, rootBaseClass as d, rootStatusClass as f, grAvatarClass as i, mediaClass as l, statusToneClass as m, grAvatarSafelist as n, groupItemClass as o, statusDotClass as p, avatarFontSizePx as r, groupOverflowClass as s, grAvatarConfig as t, mediaClipClass as u };

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

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

package/dist/chunks/config-CDat1wXf.js

@@ -0,0 +1,11 @@
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrTree/safelist.ts
+var grTreeSafelist = [];
+//#endregion
+//#region src/components/GrTree/config.ts
+var grTreeConfig = defineGranularComponent(import.meta.url, {
+	name: "GrTree",
+	safelist: grTreeSafelist
+});
+//#endregion
+export { grTreeSafelist as n, grTreeConfig as t };

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

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

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

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