@feugene/granularity 0.13.0 → 0.18.0

package/dist/chunks/config-DEvsMTQE.js

@@ -0,0 +1,150 @@
+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 columnHandleIconClass = "i-lucide-grip-vertical block";
+/** Переносимая колонка гасится, чтобы было видно, что она «поднята». */
+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(columnHandleIconClass),
+	...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 { selectColumnWidths as C, selectCheckboxSizes as S, spinnerSizes as T, headerGaps as _, columnDropAfterClass as a, rowHeightEstimates as b, columnHandleClass as c, columnPinnedLeftEdgeClass as d, columnPinnedRightEdgeClass as f, columnResizerLineClass as g, columnResizerLineActiveClass as h, columnDraggingClass as i, columnHandleIconClass as l, columnResizerHoverClass as m, grDataTableSafelist as n, columnDropBeforeClass as o, columnResizerClass as p, cellPaddings as r, columnHandleActiveClass as s, grDataTableConfig as t, columnPinnedClass as u, headerTextSizes as v, sortIconSizes as w, rowSelectedClass as x, placeholderPaddings as y };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-DEvsMTQE.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\nexport const columnHandleIconClass = 'i-lucide-grip-vertical block'\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  columnHandleIconClass,\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(columnHandleIconClass),\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;AAEvC,IAAa,wBAAwB;;AAGrC,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,qBAAqB;CACzC,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;;;ACzCF,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK;CACxE,MAAM;CACN,cAAc;EAAC;EAAW;EAAU;CAAY;CAChD,UAAU;AACZ,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 };