@feugene/granularity 0.26.0 → 0.27.0

package/dist/chunks/{config-BC8d_smz.js → config-DeyT9dJl.js}

@@ -1,4 +1,4 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrDataTable/grDataTableStyles.ts
 /** Паддинг ячейки — и в шапке, и в теле: колонки обязаны совпадать по сетке. */
@@ -73,8 +73,8 @@ var columnPinnedLeftEdgeClass = "shadow-[var(--gr-datatable-pinned-shadow,4px_0_
 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)]",
+	xs: "text-[length:var(--gr-control-text-3xs)] leading-[var(--gr-control-leading-3xs)]",
+	sm: "text-[length:var(--gr-control-text-2xs)] leading-[var(--gr-control-leading-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)]"
 };

package/dist/chunks/{config-BC8d_smz.js.map → config-DeyT9dJl.js.map}

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

package/dist/chunks/{config-Cwd3yjRw.js → config-DnF472Ox.js}

@@ -1,5 +1,6 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
-import { C as selectSizeClassBySize, S as selectOptionWidthClass, _ as selectOptionActiveClass, a as grSelectLinkNativeLabelDisabledClass, b as selectOptionEnabledClass, f as invalidBorderClass, g as selectLinkVariantClassByVariant, h as selectLinkSizeClassBySize, m as selectLinkNativeLabelVariantClassByVariant, n as defaultBaseClass, o as grSelectLinkNativeLabelFocusClass, p as linkBaseClass, r as grSelectLinkNativeLabelBaseClass, s as grSelectLinkNativeOverlayClass, t as borderClassByState, u as grSelectPanelClasses, v as selectOptionBaseClass, x as selectOptionLinkWidthClass, y as selectOptionDisabledClass } from "./grSelectStyles-eTz4uPMP.js";
+import { n as splitClassTokens, t as flattenTransitionTokens } from "./classTokens-8v2XC74x.js";
+import { t as panelPopTransition } from "./overlayTransition-0Fj5tQbq.js";
+import { C as selectSizeClassBySize, S as selectOptionWidthClass, _ as selectOptionActiveClass, a as grSelectLinkNativeLabelDisabledClass, b as selectOptionEnabledClass, f as invalidBorderClass, g as selectLinkVariantClassByVariant, h as selectLinkSizeClassBySize, m as selectLinkNativeLabelVariantClassByVariant, n as defaultBaseClass, o as grSelectLinkNativeLabelFocusClass, p as linkBaseClass, r as grSelectLinkNativeLabelBaseClass, s as grSelectLinkNativeOverlayClass, t as borderClassByState, u as grSelectPanelClasses, v as selectOptionBaseClass, x as selectOptionLinkWidthClass, y as selectOptionDisabledClass } from "./grSelectStyles-Cdtd10eY.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrSelect/safelist.ts
 var grSelectSafelist = [.../* @__PURE__ */ new Set([
@@ -28,13 +29,14 @@ var grSelectSafelist = [.../* @__PURE__ */ new Set([
 	...splitClassTokens("appearance-none pr-9"),
 	...splitClassTokens("inline-flex items-center gap-1 text-left"),
 	...splitClassTokens("flex items-center justify-between text-left"),
-	...splitClassTokens("block min-w-full w-max whitespace-nowrap")
+	...splitClassTokens("block min-w-full w-max whitespace-nowrap"),
+	...flattenTransitionTokens(panelPopTransition)
 ])];
 //#endregion
 //#region src/components/GrSelect/config.ts
 var grSelectConfig = defineGranularComponent(import.meta.url, {
 	name: "GrSelect",
-	dependencies: ["GrBadge", "GrInput"],
+	dependencies: ["GrChip", "GrInput"],
 	safelist: grSelectSafelist
 });
 //#endregion

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-DnF472Ox.js","names":[],"sources":["../../src/components/GrSelect/safelist.ts","../../src/components/GrSelect/config.ts"],"sourcesContent":["import { flattenTransitionTokens, splitClassTokens } from '../shared/classTokens'\nimport { panelPopTransition } from '../shared/overlayTransition'\nimport {\n  borderClassByState,\n  defaultBaseClass,\n  grSelectLinkNativeLabelBaseClass,\n  grSelectLinkNativeLabelDisabledClass,\n  grSelectLinkNativeLabelFocusClass,\n  grSelectLinkNativeOverlayClass,\n  grSelectPanelClasses,\n  invalidBorderClass,\n  linkBaseClass,\n  selectOptionActiveClass,\n  selectOptionBaseClass,\n  selectOptionDisabledClass,\n  selectOptionEnabledClass,\n  selectOptionLinkWidthClass,\n  selectOptionWidthClass,\n  selectLinkNativeLabelVariantClassByVariant,\n  selectLinkSizeClassBySize,\n  selectLinkVariantClassByVariant,\n  selectSizeClassBySize,\n} from './grSelectStyles'\n\n// Всё, что живёт в `grSelectStyles.ts`: и вычисляемые мапы, и строковые литералы\n// оболочки, link-режима, native-overlay и панели. Хелпер уезжает в общий\n// `dist/chunks/`, вне области скана компонента — гейт `src/__tests__/safelist.test.ts`.\nexport const grSelectSafelist = [...new Set([\n  ...Object.values(borderClassByState).flatMap(splitClassTokens),\n  ...splitClassTokens(invalidBorderClass),\n  ...Object.values(selectSizeClassBySize).flatMap(splitClassTokens),\n  ...splitClassTokens(defaultBaseClass),\n  ...splitClassTokens(linkBaseClass),\n  ...splitClassTokens(grSelectLinkNativeOverlayClass),\n  ...splitClassTokens(grSelectLinkNativeLabelBaseClass),\n  ...splitClassTokens(grSelectLinkNativeLabelDisabledClass),\n  ...splitClassTokens(grSelectLinkNativeLabelFocusClass),\n  ...splitClassTokens(grSelectPanelClasses),\n  ...Object.values(selectLinkSizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(selectLinkVariantClassByVariant).flatMap(splitClassTokens),\n  ...Object.values(selectLinkNativeLabelVariantClassByVariant).flatMap(splitClassTokens),\n  ...splitClassTokens('no-underline underline underline-offset-4 hover:underline hover:underline-offset-4 peer-hover:underline peer-hover:underline-offset-4'),\n  ...splitClassTokens('disabled:cursor-not-allowed disabled:text-[var(--gr-muted-fg)] disabled:no-underline'),\n  ...splitClassTokens('disabled:cursor-not-allowed disabled:bg-[var(--gr-muted)] disabled:text-[var(--gr-muted-fg)]'),\n  ...splitClassTokens(selectOptionBaseClass),\n  ...splitClassTokens(selectOptionWidthClass),\n  ...splitClassTokens(selectOptionLinkWidthClass),\n  ...splitClassTokens(selectOptionEnabledClass),\n  ...splitClassTokens(selectOptionActiveClass),\n  ...splitClassTokens(selectOptionDisabledClass),\n  ...splitClassTokens('appearance-none pr-9'),\n  ...splitClassTokens('inline-flex items-center gap-1 text-left'),\n  ...splitClassTokens('flex items-center justify-between text-left'),\n  ...splitClassTokens('block min-w-full w-max whitespace-nowrap'),\n  // Набор перехода панели общий на пять компонентов и живёт безадресным\n  // модулем в `shared/`: в `dist` он лежит в общем чанке, который пресет не\n  // сканирует, поэтому объявить его обязан каждый потребитель.\n  ...flattenTransitionTokens(panelPopTransition),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grSelectSafelist } from './safelist'\n\nexport const grSelectConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSelect',\n  dependencies: ['GrChip', 'GrInput'],\n  safelist: grSelectSafelist,\n})"],"mappings":";;;;;AA2BA,IAAa,mBAAmB,CAAC,mBAAG,IAAI,IAAI;CAC1C,GAAG,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;CAC7D,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,OAAO,OAAO,qBAAqB,CAAC,CAAC,QAAQ,gBAAgB;CAChE,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,8BAA8B;CAClD,GAAG,iBAAiB,gCAAgC;CACpD,GAAG,iBAAiB,oCAAoC;CACxD,GAAG,iBAAiB,iCAAiC;CACrD,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,OAAO,OAAO,yBAAyB,CAAC,CAAC,QAAQ,gBAAgB;CACpE,GAAG,OAAO,OAAO,+BAA+B,CAAC,CAAC,QAAQ,gBAAgB;CAC1E,GAAG,OAAO,OAAO,0CAA0C,CAAC,CAAC,QAAQ,gBAAgB;CACrF,GAAG,iBAAiB,uIAAuI;CAC3J,GAAG,iBAAiB,sFAAsF;CAC1G,GAAG,iBAAiB,8FAA8F;CAClH,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,0BAA0B;CAC9C,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,uBAAuB;CAC3C,GAAG,iBAAiB,yBAAyB;CAC7C,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,0CAA0C;CAC9D,GAAG,iBAAiB,6CAA6C;CACjE,GAAG,iBAAiB,0CAA0C;CAI9D,GAAG,wBAAwB,kBAAkB;AAC/C,CAAC,CAAC;;;ACtDF,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,UAAU,SAAS;CAClC,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-B_qi4Fma.js → config-DolULhjJ.js}

@@ -1,4 +1,4 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrCodeBlock/grCodeBlockStyles.ts
 /**
@@ -45,10 +45,10 @@ var codeBlockPaddings = {
 	lg: "p-4"
 };
 var codeBlockTextSizes = {
-	xs: "text-[length:var(--gr-control-text-3xs)]",
-	sm: "text-[length:var(--gr-control-text-2xs)]",
-	md: "text-[length:var(--gr-control-text-xs)]",
-	lg: "text-[length:var(--gr-control-text-sm)]"
+	xs: "text-[length:var(--gr-control-text-3xs)] leading-[var(--gr-control-leading-3xs)]",
+	sm: "text-[length:var(--gr-control-text-2xs)] leading-[var(--gr-control-leading-2xs)]",
+	md: "text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]",
+	lg: "text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]"
 };
 /**
 * Роли подсветки. Дефолты — ссылки на `-text`-роли темы: они переключаются

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-DolULhjJ.js","names":[],"sources":["../../src/components/GrCodeBlock/grCodeBlockStyles.ts","../../src/components/GrCodeBlock/safelist.ts","../../src/components/GrCodeBlock/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nimport type { GrCodeTokenKind } from './tokenizeJson'\n\n/**\n * Классы `GrCodeBlock`.\n *\n * Роли подсветки перечислены целиком, по литералу на ветку: UnoCSS сканирует\n * исходный текст файла, и собранное шаблонной строкой имя уехало бы в CSS как\n * литерал.\n */\n\n/**\n * Зацепка собственного CSS компонента (номера строк). Не утилита: CSS она не\n * порождает, поэтому в `safelist` не идёт — там гейт справедливо считает такую\n * запись мёртвой.\n */\nexport const codeBlockHookClass = 'gr-code-block'\n\n/** Включает колонку номеров. Тоже зацепка, не утилита. */\nexport const codeBlockNumberedClass = 'gr-code-block--numbered'\n\n/**\n * Поверхность держит корень, а не `<pre>`: кнопка копирования стоит рядом со\n * скроллером, и жёлоб под неё обязан быть частью блока, а не полем страницы.\n */\nexport const codeBlockRootClass = 'relative rounded-[var(--gr-radius-md)] bg-[var(--gr-code-block-bg,var(--gr-muted))] text-[var(--gr-code-block-fg,var(--gr-fg))]'\n\n/**\n * Полоса под кнопку: 28 px самой кнопки плюс отбивка `right-1`.\n *\n * Кнопка не может висеть поверх `<pre>`: полосу прокрутки браузер рисует у\n * правого края скроллера, в тех же 8–15 px, и накрытую кнопкой её не ухватить\n * мышью. Отступами это не лечится — их пришлось бы взять больше ширины самой\n * кнопки, и «угол» перестал бы быть углом. Витринный `doc/CodeBlock.vue` решает\n * то же самое шапкой; у пакетного блока шапки нет, поэтому место отдаётся\n * жёлобом.\n */\nexport const codeBlockGutterClass = 'pr-9'\n\n/** Браузерный отступ `<pre>`: фон и радиус живут на корне, полю здесь не место. */\nexport const codeBlockSurfaceClass = 'm-0'\n\n/** Скроллер обязан показывать фокус: он стоит в таб-порядке. */\nexport const codeBlockScrollClass = 'overflow-auto focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport const codeBlockWrapClass = 'whitespace-pre-wrap break-words'\nexport const codeBlockNowrapClass = 'whitespace-pre'\n\n/** Кнопка копирования: правый верхний угол, внутри жёлоба. */\nexport const codeBlockCopyClass = 'absolute right-1 top-1 z-[1]'\n\nexport const codeBlockPaddings: Record<GrComponentSize, string> = {\n  xs: 'p-2',\n  sm: 'p-2.5',\n  md: 'p-3',\n  lg: 'p-4',\n}\n\nexport const codeBlockTextSizes: Record<GrComponentSize, string> = {\n  xs: 'text-[length:var(--gr-control-text-3xs)] leading-[var(--gr-control-leading-3xs)]',\n  sm: 'text-[length:var(--gr-control-text-2xs)] leading-[var(--gr-control-leading-2xs)]',\n  md: 'text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]',\n  lg: 'text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]',\n}\n\n/**\n * Роли подсветки. Дефолты — ссылки на `-text`-роли темы: они переключаются\n * вместе с ней, поэтому подсветка работает в обеих без своего theme-слоя.\n *\n * Число взято от `azure`, а не от `info`: `info` — синий в двух шагах от индиго\n * `primary`, и пара «ключ ↔ число» давала ΔE 9.4 в светлой теме и 7.8 в тёмной.\n * В `{\"count\": 42}` эти два цвета стоят через двоеточие и читались бы как один.\n * С `azure` расстояние 53.8 и 16.6. Гейт — `grCodeBlockContrast.test.ts`.\n */\nexport const codeTokenClass: Record<GrCodeTokenKind, string> = {\n  key: 'text-[var(--gr-code-block-key,var(--gr-primary-text))]',\n  string: 'text-[var(--gr-code-block-string,var(--gr-success-text))]',\n  number: 'text-[var(--gr-code-block-number,var(--gr-azure-text))]',\n  literal: 'text-[var(--gr-code-block-literal,var(--gr-warning-text))]',\n  punctuation: 'text-[var(--gr-code-block-fg,var(--gr-fg))]',\n  plain: '',\n}\n","import { splitClassTokens } from '../shared/classTokens'\n\nimport {\n  codeBlockCopyClass,\n  codeBlockGutterClass,\n  codeBlockNowrapClass,\n  codeBlockPaddings,\n  codeBlockRootClass,\n  codeBlockScrollClass,\n  codeBlockSurfaceClass,\n  codeBlockTextSizes,\n  codeBlockWrapClass,\n  codeTokenClass,\n} from './grCodeBlockStyles'\n\n// Классы из вычисляемых мап (роль токена, размер) UnoCSS сканом не находит —\n// только safelist. Литералы хелпера туда же: на сборке он уезжает в общий чанк.\n//\n// `codeBlockHookClass` и `codeBlockNumberedClass` сюда НЕ идут: это селекторы\n// собственного `<style>` компонента, CSS из них не порождается, и гейт\n// `documentedConfig` справедливо считал бы такую запись мёртвой.\nexport const grCodeBlockSafelist = [...new Set([\n  ...splitClassTokens(codeBlockRootClass),\n  ...splitClassTokens(codeBlockSurfaceClass),\n  ...splitClassTokens(codeBlockScrollClass),\n  ...splitClassTokens(codeBlockWrapClass),\n  ...splitClassTokens(codeBlockNowrapClass),\n  ...splitClassTokens(codeBlockCopyClass),\n  ...splitClassTokens(codeBlockGutterClass),\n  ...Object.values(codeBlockPaddings).flatMap(splitClassTokens),\n  ...Object.values(codeBlockTextSizes).flatMap(splitClassTokens),\n  ...Object.values(codeTokenClass).flatMap(splitClassTokens),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grCodeBlockSafelist } from './safelist'\n\nexport const grCodeBlockConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrCodeBlock',\n  dependencies: ['GrButton'],\n  safelist: grCodeBlockSafelist,\n})\n"],"mappings":";;;;;;;;;;;;;;;AAiBA,IAAa,qBAAqB;;AAGlC,IAAa,yBAAyB;;;;;AAMtC,IAAa,qBAAqB;;;;;;;;;;;AAYlC,IAAa,uBAAuB;;AAMpC,IAAa,uBAAuB;AAEpC,IAAa,qBAAqB;AAClC,IAAa,uBAAuB;;AAGpC,IAAa,qBAAqB;AAElC,IAAa,oBAAqD;CAChE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,qBAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;;;;AAWA,IAAa,iBAAkD;CAC7D,KAAK;CACL,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,aAAa;CACb,OAAO;AACT;;;AC7DA,IAAa,sBAAsB,CAAC,mBAAG,IAAI,IAAI;CAC7C,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAA,KAAsC;CACzC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,GAAG,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;CAC7D,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;AAC3D,CAAC,CAAC;;;AC5BF,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK;CACxE,MAAM;CACN,cAAc,CAAC,UAAU;CACzB,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-CIcynHGr.js → config-DpAYidyY2.js}

@@ -1,4 +1,4 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrJsonViewer/grJsonViewerStyles.ts
 /**

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-DpAYidyY2.js","names":[],"sources":["../../src/components/GrJsonViewer/grJsonViewerStyles.ts","../../src/components/GrJsonViewer/safelist.ts","../../src/components/GrJsonViewer/config.ts"],"sourcesContent":["import type { GrJsonNodeKind } from './jsonToNodes'\n\n/**\n * Классы `GrJsonViewer`.\n *\n * Роли перечислены целиком, по литералу на ветку: UnoCSS сканирует исходный\n * текст файла, и собранное шаблонной строкой имя уехало бы в CSS литералом.\n */\n\n/**\n * `min-w-0` и клип — не украшение: глубокая ветка шире контейнера, и без них\n * панель растягивает раскладку страницы, вместо того чтобы прокручиваться\n * внутри себя. Горизонтальный скролл остаётся у самого дерева.\n */\nexport const jsonViewerRootClass = 'min-w-0 overflow-hidden rounded-[var(--gr-radius-md)] bg-[var(--gr-json-viewer-bg,var(--gr-muted))] text-[var(--gr-fg)]'\n\n/** Шапка с поиском и кнопками свёртки. Отбивается от дерева, а не от края. */\nexport const jsonViewerToolbarClass = 'flex items-center gap-2 border-b border-[var(--gr-brd)] p-2'\n\nexport const jsonViewerSearchClass = 'min-w-0 flex-1'\n\n/** Строка узла моноширинная: значения выравниваются по разрядам, как в блоке кода. */\nexport const jsonViewerRowClass = 'relative flex min-w-0 items-center gap-1 font-[var(--gr-font-mono)]'\n\n/** Область узла не даёт значению растянуть строку шире панели. */\nexport const jsonViewerContentClass = 'min-w-0'\n\nexport const jsonViewerKeyClass = 'shrink-0 text-[var(--gr-json-viewer-key,var(--gr-primary-text))]'\n\nexport const jsonViewerPunctuationClass = 'shrink-0 text-[var(--gr-json-viewer-punctuation,var(--gr-fg))]'\n\n/**\n * Значение обрезается по ширине строки, а не переносится: перенос превратил бы\n * дерево в простыню и сломал бы оценку высоты строки у виртуализации.\n */\nexport const jsonViewerValueClass = 'min-w-0 truncate'\n\n/** Счётчик у свёрнутой ветки и служебные подписи — тише значения. */\nexport const jsonViewerMutedClass = 'shrink-0 text-[var(--gr-json-viewer-muted,var(--gr-muted-fg))]'\n\n/**\n * Кнопка копирования узла: появляется по наведению и по фокусу внутри строки.\n *\n * Стоит в потоке сразу за значением, а не прижата к правому краю строки:\n * прижать её не к чему — область узла у `GrTree` сжата по содержимому\n * (`flex: 0 1 auto`) собственным scoped-правилом, а утилитой снаружи оно не\n * перебивается: оба класса равной специфичности, и победителя выбирает порядок\n * правил в CSS. Цена потока — 4 px высоты строки, и она дешевле этой лотереи.\n */\nexport const jsonViewerCopyClass = 'ml-2 shrink-0 opacity-0 focus-visible:opacity-100 group-hover:opacity-100'\n\n/**\n * Зацепка варианта `group-hover` у кнопки копирования. В safelist не идёт: CSS\n * из неё не порождается — правило пишет сам вариант, а гейт справедливо считал\n * бы такую запись мёртвой.\n */\nexport const jsonViewerGroupClass = 'group'\n\n/**\n * Цвет значения по виду.\n *\n * Дефолты — ссылки на `-text`-роли темы, те же, что у `GrCodeBlock`: роли\n * переключаются вместе с темой, поэтому подсветка работает в обеих без своего\n * theme-слоя, а два компонента остаются согласованными через роль, а не через\n * общую константу — импорт чужой мапы притащил бы потребителю весь CSS донора.\n *\n * Число взято от `azure`, а не от `info`: `info` — синий в двух шагах от индиго\n * `primary`, и пара «ключ ↔ число» стояла бы в одной строке неразличимой.\n */\nexport const jsonValueClass: Record<GrJsonNodeKind, string> = {\n  string: 'text-[var(--gr-json-viewer-string,var(--gr-success-text))]',\n  number: 'text-[var(--gr-json-viewer-number,var(--gr-azure-text))]',\n  boolean: 'text-[var(--gr-json-viewer-literal,var(--gr-warning-text))]',\n  null: 'text-[var(--gr-json-viewer-literal,var(--gr-warning-text))]',\n  object: 'text-[var(--gr-json-viewer-muted,var(--gr-muted-fg))]',\n  array: 'text-[var(--gr-json-viewer-muted,var(--gr-muted-fg))]',\n  unsupported: 'text-[var(--gr-json-viewer-muted,var(--gr-muted-fg))]',\n  truncation: 'text-[var(--gr-json-viewer-muted,var(--gr-muted-fg))]',\n}\n","import { splitClassTokens } from '../shared/classTokens'\n\nimport {\n  jsonValueClass,\n  jsonViewerContentClass,\n  jsonViewerCopyClass,\n  jsonViewerKeyClass,\n  jsonViewerMutedClass,\n  jsonViewerPunctuationClass,\n  jsonViewerRootClass,\n  jsonViewerRowClass,\n  jsonViewerSearchClass,\n  jsonViewerToolbarClass,\n  jsonViewerValueClass,\n} from './grJsonViewerStyles'\n\n// Классы из вычисляемой мапы (цвет по виду значения) UnoCSS сканом не находит —\n// только safelist. Литералы хелпера туда же: на сборке он уезжает в общий чанк,\n// который скан не видит.\nexport const grJsonViewerSafelist = [...new Set([\n  ...splitClassTokens(jsonViewerRootClass),\n  ...splitClassTokens(jsonViewerToolbarClass),\n  ...splitClassTokens(jsonViewerSearchClass),\n  ...splitClassTokens(jsonViewerRowClass),\n  ...splitClassTokens(jsonViewerContentClass),\n  ...splitClassTokens(jsonViewerKeyClass),\n  ...splitClassTokens(jsonViewerPunctuationClass),\n  ...splitClassTokens(jsonViewerValueClass),\n  ...splitClassTokens(jsonViewerMutedClass),\n  ...splitClassTokens(jsonViewerCopyClass),\n  ...Object.values(jsonValueClass).flatMap(splitClassTokens),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grJsonViewerSafelist } from './safelist'\n\nexport const grJsonViewerConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrJsonViewer',\n  dependencies: ['GrTree', 'GrInput', 'GrButton'],\n  safelist: grJsonViewerSafelist,\n})\n"],"mappings":";;;;;;;;;;;;;;AAcA,IAAa,sBAAsB;;AAGnC,IAAa,yBAAyB;AAEtC,IAAa,wBAAwB;;AAGrC,IAAa,qBAAqB;;AAGlC,IAAa,yBAAyB;AAEtC,IAAa,qBAAqB;AAElC,IAAa,6BAA6B;;;;;AAM1C,IAAa,uBAAuB;;AAGpC,IAAa,uBAAuB;;;;;;;;;;AAWpC,IAAa,sBAAsB;;;;;;AAOnC,IAAa,uBAAuB;;;;;;;;;;;;AAapC,IAAa,iBAAiD;CAC5D,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,MAAM;CACN,QAAQ;CACR,OAAO;CACP,aAAa;CACb,YAAY;AACd;;;AC3DA,IAAa,uBAAuB,CAAC,mBAAG,IAAI,IAAI;CAC9C,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,0BAA0B;CAC9C,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;AAC3D,CAAC,CAAC;;;AC3BF,IAAa,qBAAqB,wBAAwB,OAAO,KAAK,KAAK;CACzE,MAAM;CACN,cAAc;EAAC;EAAU;EAAW;CAAU;CAC9C,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-DYgfMrIF.js → config-Dpk-eVkS.js}

@@ -1,4 +1,4 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrCard/grCardStyles.ts
 /**

package/dist/chunks/{config-DYgfMrIF.js.map → config-Dpk-eVkS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"config-DYgfMrIF.js","names":[],"sources":["../../src/components/GrCard/grCardStyles.ts","../../src/components/GrCard/safelist.ts","../../src/components/GrCard/config.ts"],"sourcesContent":["export type GrCardPadding = 'none' | 'sm' | 'md' | 'lg'\nexport type GrCardVariant = 'elevated' | 'outlined' | 'ghost'\n\n/**\n * Классы `GrCard`.\n *\n * `elevated` — дефолт и ровно тот вид, что был у карточки до появления пропов:\n * `GrCollapse` и `GrList` рендерят содержимое внутрь `GrCard`, и любое смещение\n * дефолта поехало бы у них.\n */\n\nexport const surfaceBaseClass = 'rounded-[var(--gr-radius-lg)] bg-[var(--gr-card)] text-[var(--gr-card-fg)]'\n\nexport const variantClass: Record<GrCardVariant, string> = {\n  // Тень — токеном, а не утилитой uno-шкалы: у той зашит свой полупрозрачный\n  // цвет, темой он не настраивается, и на тёмном фоне тени не получалось вовсе\n  // — карточка теряла подъём и держалась на одной рамке. Токен темозависим.\n  // Имя утилиты здесь не пишется намеренно: UnoCSS сканирует текст файла и\n  // сгенерировал бы класс прямо из комментария.\n  elevated: 'border border-[var(--gr-brd)] shadow-[var(--gr-shadow-1)]',\n  outlined: 'border border-[var(--gr-brd)]',\n  // Карточка внутри карточки: вторая рамка только шумит.\n  ghost: '',\n}\n\nexport const paddingClass: Record<GrCardPadding, string> = {\n  none: '',\n  sm: 'p-3',\n  md: 'p-4',\n  lg: 'p-6',\n}\n\nexport const sectionDividerTopClass = 'border-t border-[var(--gr-brd)]'\nexport const sectionDividerBottomClass = 'border-b border-[var(--gr-brd)]'\n\n/**\n * Отступ шапки, которую карточка рисует сама из `title`.\n *\n * Не берётся из `padding`: тот описывает **содержимое**, и дефолт `none` у него\n * осмыслен — на `GrCard` стоят `GrCollapse` и `GrList`, а карточка с таблицей\n * хочет её край в край. Заголовок же принадлежит самой карточке, и прижатым к\n * рамке вместе с разделителем он выглядеть не должен ни при каком `padding`.\n *\n * По вертикали отступ меньше горизонтального: шапка — строка, а не блок.\n */\nexport const ownHeaderPaddingClass = 'px-4 py-3'\n\n/**\n * Уровень заголовка карточки. `h1` намеренно нет: его задаёт страница, а\n * карточка — блок внутри уже существующей структуры.\n */\nexport const GR_CARD_HEADING_LEVELS = [2, 3, 4, 5, 6] as const\n\nexport type GrCardHeadingLevel = typeof GR_CARD_HEADING_LEVELS[number]\n\n// `m-0` — у нативного заголовка есть браузерные отступы, и без сброса шапка\n// разъезжается по вертикали.\nexport const cardTitleClass = 'm-0 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] font-600'\n\nexport const cardDescriptionClass = 'mt-1 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)] text-[var(--gr-muted-fg)]'\n\n/** Интерактивная карточка целиком: ссылка или кнопка во всю поверхность. */\nexport const interactiveClass = 'block w-full text-left transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport const hoverClass = 'cursor-pointer hover:bg-[var(--gr-muted)]'\n\nexport function grCardRootClass(options: {\n  variant: GrCardVariant\n  /** Падинг едет на корень, только пока нет секций — иначе лишняя обёртка. */\n  padding: GrCardPadding\n  interactive: boolean\n  hoverable: boolean\n}): string {\n  return [\n    surfaceBaseClass,\n    variantClass[options.variant],\n    paddingClass[options.padding],\n    options.interactive ? interactiveClass : '',\n    options.interactive || options.hoverable ? hoverClass : '',\n  ].filter(Boolean).join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  cardDescriptionClass,\n  cardTitleClass,\n  hoverClass,\n  interactiveClass,\n  ownHeaderPaddingClass,\n  paddingClass,\n  sectionDividerBottomClass,\n  sectionDividerTopClass,\n  surfaceBaseClass,\n  variantClass,\n} from './grCardStyles'\n\nexport const grCardSafelist = [...new Set([\n  ...splitClassTokens(surfaceBaseClass),\n  ...Object.values(variantClass).flatMap(splitClassTokens),\n  ...Object.values(paddingClass).flatMap(splitClassTokens),\n  ...splitClassTokens(ownHeaderPaddingClass),\n  ...splitClassTokens(sectionDividerTopClass),\n  ...splitClassTokens(sectionDividerBottomClass),\n  ...splitClassTokens(interactiveClass),\n  ...splitClassTokens(hoverClass),\n  ...splitClassTokens(cardTitleClass),\n  ...splitClassTokens(cardDescriptionClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grCardSafelist } from './safelist'\n\nexport const grCardConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrCard',\n  safelist: grCardSafelist,\n})\n"],"mappings":";;;;;;;;;;AAWA,IAAa,mBAAmB;AAEhC,IAAa,eAA8C;CAMzD,UAAU;CACV,UAAU;CAEV,OAAO;AACT;AAEA,IAAa,eAA8C;CACzD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,yBAAyB;AACtC,IAAa,4BAA4B;;;;;;;;;;;AAYzC,IAAa,wBAAwB;AAYrC,IAAa,iBAAiB;AAE9B,IAAa,uBAAuB;;AAGpC,IAAa,mBAAmB;AAEhC,IAAa,aAAa;AAE1B,SAAgB,gBAAgB,SAMrB;CACT,OAAO;EACL;EACA,aAAa,QAAQ;EACrB,aAAa,QAAQ;EACrB,QAAQ,cAAc,mBAAmB;EACzC,QAAQ,eAAe,QAAQ,YAAY,aAAa;CAC1D,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B;;;AClEA,IAAa,iBAAiB,CAAC,mBAAG,IAAI,IAAI;CACxC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,OAAO,OAAO,YAAY,CAAC,CAAC,QAAQ,gBAAgB;CACvD,GAAG,OAAO,OAAO,YAAY,CAAC,CAAC,QAAQ,gBAAgB;CACvD,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,yBAAyB;CAC7C,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,oBAAoB;AAC1C,CAAC,CAAC;;;ACrBF,IAAa,eAAe,wBAAwB,OAAO,KAAK,KAAK;CACnE,MAAM;CACN,UAAU;AACZ,CAAC"}
+{"version":3,"file":"config-Dpk-eVkS.js","names":[],"sources":["../../src/components/GrCard/grCardStyles.ts","../../src/components/GrCard/safelist.ts","../../src/components/GrCard/config.ts"],"sourcesContent":["export type GrCardPadding = 'none' | 'sm' | 'md' | 'lg'\nexport type GrCardVariant = 'elevated' | 'outlined' | 'ghost'\n\n/**\n * Классы `GrCard`.\n *\n * `elevated` — дефолт и ровно тот вид, что был у карточки до появления пропов:\n * `GrCollapse` и `GrList` рендерят содержимое внутрь `GrCard`, и любое смещение\n * дефолта поехало бы у них.\n */\n\nexport const surfaceBaseClass = 'rounded-[var(--gr-radius-lg)] bg-[var(--gr-card)] text-[var(--gr-card-fg)]'\n\nexport const variantClass: Record<GrCardVariant, string> = {\n  // Тень — токеном, а не утилитой uno-шкалы: у той зашит свой полупрозрачный\n  // цвет, темой он не настраивается, и на тёмном фоне тени не получалось вовсе\n  // — карточка теряла подъём и держалась на одной рамке. Токен темозависим.\n  // Имя утилиты здесь не пишется намеренно: UnoCSS сканирует текст файла и\n  // сгенерировал бы класс прямо из комментария.\n  elevated: 'border border-[var(--gr-brd)] shadow-[var(--gr-shadow-1)]',\n  outlined: 'border border-[var(--gr-brd)]',\n  // Карточка внутри карточки: вторая рамка только шумит.\n  ghost: '',\n}\n\nexport const paddingClass: Record<GrCardPadding, string> = {\n  none: '',\n  sm: 'p-3',\n  md: 'p-4',\n  lg: 'p-6',\n}\n\nexport const sectionDividerTopClass = 'border-t border-[var(--gr-brd)]'\nexport const sectionDividerBottomClass = 'border-b border-[var(--gr-brd)]'\n\n/**\n * Отступ шапки, которую карточка рисует сама из `title`.\n *\n * Не берётся из `padding`: тот описывает **содержимое**, и дефолт `none` у него\n * осмыслен — на `GrCard` стоят `GrCollapse` и `GrList`, а карточка с таблицей\n * хочет её край в край. Заголовок же принадлежит самой карточке, и прижатым к\n * рамке вместе с разделителем он выглядеть не должен ни при каком `padding`.\n *\n * По вертикали отступ меньше горизонтального: шапка — строка, а не блок.\n */\nexport const ownHeaderPaddingClass = 'px-4 py-3'\n\n/**\n * Уровень заголовка карточки. `h1` намеренно нет: его задаёт страница, а\n * карточка — блок внутри уже существующей структуры.\n */\nexport const GR_CARD_HEADING_LEVELS = [2, 3, 4, 5, 6] as const\n\nexport type GrCardHeadingLevel = typeof GR_CARD_HEADING_LEVELS[number]\n\n// `m-0` — у нативного заголовка есть браузерные отступы, и без сброса шапка\n// разъезжается по вертикали.\nexport const cardTitleClass = 'm-0 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] font-600'\n\nexport const cardDescriptionClass = 'mt-1 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)] text-[var(--gr-muted-fg)]'\n\n/** Интерактивная карточка целиком: ссылка или кнопка во всю поверхность. */\nexport const interactiveClass = 'block w-full text-left transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport const hoverClass = 'cursor-pointer hover:bg-[var(--gr-muted)]'\n\nexport function grCardRootClass(options: {\n  variant: GrCardVariant\n  /** Падинг едет на корень, только пока нет секций — иначе лишняя обёртка. */\n  padding: GrCardPadding\n  interactive: boolean\n  hoverable: boolean\n}): string {\n  return [\n    surfaceBaseClass,\n    variantClass[options.variant],\n    paddingClass[options.padding],\n    options.interactive ? interactiveClass : '',\n    options.interactive || options.hoverable ? hoverClass : '',\n  ].filter(Boolean).join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  cardDescriptionClass,\n  cardTitleClass,\n  hoverClass,\n  interactiveClass,\n  ownHeaderPaddingClass,\n  paddingClass,\n  sectionDividerBottomClass,\n  sectionDividerTopClass,\n  surfaceBaseClass,\n  variantClass,\n} from './grCardStyles'\n\nexport const grCardSafelist = [...new Set([\n  ...splitClassTokens(surfaceBaseClass),\n  ...Object.values(variantClass).flatMap(splitClassTokens),\n  ...Object.values(paddingClass).flatMap(splitClassTokens),\n  ...splitClassTokens(ownHeaderPaddingClass),\n  ...splitClassTokens(sectionDividerTopClass),\n  ...splitClassTokens(sectionDividerBottomClass),\n  ...splitClassTokens(interactiveClass),\n  ...splitClassTokens(hoverClass),\n  ...splitClassTokens(cardTitleClass),\n  ...splitClassTokens(cardDescriptionClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grCardSafelist } from './safelist'\n\nexport const grCardConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrCard',\n  safelist: grCardSafelist,\n})\n"],"mappings":";;;;;;;;;;AAWA,IAAa,mBAAmB;AAEhC,IAAa,eAA8C;CAMzD,UAAU;CACV,UAAU;CAEV,OAAO;AACT;AAEA,IAAa,eAA8C;CACzD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,yBAAyB;AACtC,IAAa,4BAA4B;;;;;;;;;;;AAYzC,IAAa,wBAAwB;AAYrC,IAAa,iBAAiB;AAE9B,IAAa,uBAAuB;;AAGpC,IAAa,mBAAmB;AAEhC,IAAa,aAAa;AAE1B,SAAgB,gBAAgB,SAMrB;CACT,OAAO;EACL;EACA,aAAa,QAAQ;EACrB,aAAa,QAAQ;EACrB,QAAQ,cAAc,mBAAmB;EACzC,QAAQ,eAAe,QAAQ,YAAY,aAAa;CAC1D,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B;;;AClEA,IAAa,iBAAiB,CAAC,mBAAG,IAAI,IAAI;CACxC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,OAAO,OAAO,YAAY,CAAC,CAAC,QAAQ,gBAAgB;CACvD,GAAG,OAAO,OAAO,YAAY,CAAC,CAAC,QAAQ,gBAAgB;CACvD,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,yBAAyB;CAC7C,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,oBAAoB;AAC1C,CAAC,CAAC;;;ACrBF,IAAa,eAAe,wBAAwB,OAAO,KAAK,KAAK;CACnE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/config-Dv_r92GL.js

@@ -0,0 +1,35 @@
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
+import { a as chipIconSizeClassBySize, c as chipRootClass, i as chipIconClass, l as chipSelectedClass, n as chipCloseClass, o as chipInteractiveClass, r as chipDisabledClass, s as chipLabelClass, t as chipCloseButtonClass, u as chipSizeClassBySize } from "./grChipStyles-3JZApw03.js";
+import { t as grBadgeSafelist } from "./safelist-CtiHPgrj.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrChip/safelist.ts
+/**
+* Тона и радиусы приходят из `grBadgeStyles.ts`, поэтому их safelist берётся
+* ссылкой, а не копией: копия разошлась бы с оригиналом молча. Ребро
+* `GrChip → GrBadge` объявлено в `config.ts` — без него пресет не подмешает
+* стили бейджа при гранулярной селекции, и чип придёт бесцветным.
+*/
+var grChipSafelist = [.../* @__PURE__ */ new Set([
+	...grBadgeSafelist,
+	...Object.values(chipSizeClassBySize).flatMap(splitClassTokens),
+	...Object.values(chipIconSizeClassBySize).flatMap(splitClassTokens),
+	...splitClassTokens(chipRootClass),
+	...splitClassTokens(chipLabelClass),
+	...splitClassTokens(chipInteractiveClass),
+	...splitClassTokens(chipDisabledClass),
+	...splitClassTokens(chipSelectedClass),
+	...splitClassTokens(chipCloseClass),
+	...splitClassTokens(chipCloseButtonClass),
+	...splitClassTokens(chipIconClass),
+	"h-full",
+	"w-full"
+])];
+//#endregion
+//#region src/components/GrChip/config.ts
+var grChipConfig = defineGranularComponent(import.meta.url, {
+	name: "GrChip",
+	dependencies: ["GrBadge"],
+	safelist: grChipSafelist
+});
+//#endregion
+export { grChipSafelist as n, grChipConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-Dv_r92GL.js","names":[],"sources":["../../src/components/GrChip/safelist.ts","../../src/components/GrChip/config.ts"],"sourcesContent":["import { grBadgeSafelist } from '../GrBadge/safelist'\nimport { splitClassTokens } from '../shared/classTokens'\n\nimport {\n  chipCloseButtonClass,\n  chipCloseClass,\n  chipDisabledClass,\n  chipIconClass,\n  chipIconSizeClassBySize,\n  chipInteractiveClass,\n  chipLabelClass,\n  chipRootClass,\n  chipSelectedClass,\n  chipSizeClassBySize,\n} from './grChipStyles'\n\n/**\n * Тона и радиусы приходят из `grBadgeStyles.ts`, поэтому их safelist берётся\n * ссылкой, а не копией: копия разошлась бы с оригиналом молча. Ребро\n * `GrChip → GrBadge` объявлено в `config.ts` — без него пресет не подмешает\n * стили бейджа при гранулярной селекции, и чип придёт бесцветным.\n */\nexport const grChipSafelist = [...new Set([\n  ...grBadgeSafelist,\n  ...Object.values(chipSizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(chipIconSizeClassBySize).flatMap(splitClassTokens),\n  ...splitClassTokens(chipRootClass),\n  ...splitClassTokens(chipLabelClass),\n  ...splitClassTokens(chipInteractiveClass),\n  ...splitClassTokens(chipDisabledClass),\n  ...splitClassTokens(chipSelectedClass),\n  ...splitClassTokens(chipCloseClass),\n  ...splitClassTokens(chipCloseButtonClass),\n  ...splitClassTokens(chipIconClass),\n  'h-full',\n  'w-full',\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grChipSafelist } from './safelist'\n\nexport const grChipConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrChip',\n  // `GrBadge` — импорт его класс-мап и safelist; `GrIcon` не рендерится,\n  // крестик — прямой `~icons`-компонент, поэтому его в зависимостях нет.\n  dependencies: ['GrBadge'],\n  safelist: grChipSafelist,\n})\n"],"mappings":";;;;;;;;;;;AAsBA,IAAa,iBAAiB,CAAC,mBAAG,IAAI,IAAI;CACxC,GAAG;CACH,GAAG,OAAO,OAAO,mBAAmB,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,GAAG,OAAO,OAAO,uBAAuB,CAAC,CAAC,QAAQ,gBAAgB;CAClE,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,aAAa;CACjC;CACA;AACF,CAAC,CAAC;;;AChCF,IAAa,eAAe,wBAAwB,OAAO,KAAK,KAAK;CACnE,MAAM;CAGN,cAAc,CAAC,SAAS;CACxB,UAAU;AACZ,CAAC"}

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

@@ -1,4 +1,4 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrBadgeWrap/grBadgeWrapStyles.ts
 var rootClass = "relative inline-flex";
@@ -20,7 +20,7 @@ var dotPlacementClass = {
 	"bottom-left": "bottom-[var(--gr-badge-wrap-offset-y,-0.25rem)] left-[var(--gr-badge-wrap-offset-x,-0.25rem)]"
 };
 var dotBaseClass = "absolute h-2 w-2 rounded-[var(--gr-radius-full)]";
-var countBaseClass = "absolute min-w-5 h-5 px-1 rounded-[var(--gr-radius-full)] text-[length:var(--gr-text-2xs)] font-700 inline-flex items-center justify-center";
+var countBaseClass = "absolute min-w-5 h-5 px-1 rounded-[var(--gr-radius-full)] text-[length:var(--gr-text-2xs)] leading-[var(--gr-leading-2xs)] font-700 inline-flex items-center justify-center";
 /**
 * Заливка — насыщенная роль тона, текст из `-fg`, а не из белого литерала: тот не
 * переживает смену темы.

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-DwABJHEo.js","names":[],"sources":["../../src/components/GrBadgeWrap/grBadgeWrapStyles.ts","../../src/components/GrBadgeWrap/safelist.ts","../../src/components/GrBadgeWrap/config.ts"],"sourcesContent":["import type { GrTone } from '../shared/tones'\n\nexport type GrBadgeWrapTone = GrTone\n\n/** Угол, в котором висит бейдж. */\nexport const GR_BADGE_WRAP_PLACEMENTS = ['top-right', 'top-left', 'bottom-right', 'bottom-left'] as const\nexport type GrBadgeWrapPlacement = typeof GR_BADGE_WRAP_PLACEMENTS[number]\n\nexport const rootClass = 'relative inline-flex'\n\n/**\n * Смещение бейджа — точки кастомизации: подвинуть его можно темой или инлайном,\n * не переопределяя классы снаружи. Дефолты повторяют прежние `-top-2 -right-2`.\n */\nexport const placementClass: Record<GrBadgeWrapPlacement, string> = {\n  'top-right': 'top-[var(--gr-badge-wrap-offset-y,-0.5rem)] right-[var(--gr-badge-wrap-offset-x,-0.5rem)]',\n  'top-left': 'top-[var(--gr-badge-wrap-offset-y,-0.5rem)] left-[var(--gr-badge-wrap-offset-x,-0.5rem)]',\n  'bottom-right': 'bottom-[var(--gr-badge-wrap-offset-y,-0.5rem)] right-[var(--gr-badge-wrap-offset-x,-0.5rem)]',\n  'bottom-left': 'bottom-[var(--gr-badge-wrap-offset-y,-0.5rem)] left-[var(--gr-badge-wrap-offset-x,-0.5rem)]',\n}\n\n/** У точки смещение меньше: она вдвое мельче счётчика. */\nexport const dotPlacementClass: Record<GrBadgeWrapPlacement, string> = {\n  'top-right': 'top-[var(--gr-badge-wrap-offset-y,-0.25rem)] right-[var(--gr-badge-wrap-offset-x,-0.25rem)]',\n  'top-left': 'top-[var(--gr-badge-wrap-offset-y,-0.25rem)] left-[var(--gr-badge-wrap-offset-x,-0.25rem)]',\n  'bottom-right': 'bottom-[var(--gr-badge-wrap-offset-y,-0.25rem)] right-[var(--gr-badge-wrap-offset-x,-0.25rem)]',\n  'bottom-left': 'bottom-[var(--gr-badge-wrap-offset-y,-0.25rem)] left-[var(--gr-badge-wrap-offset-x,-0.25rem)]',\n}\n\nexport const dotBaseClass = 'absolute h-2 w-2 rounded-[var(--gr-radius-full)]'\n\nexport const countBaseClass = 'absolute min-w-5 h-5 px-1 rounded-[var(--gr-radius-full)] text-[length:var(--gr-text-2xs)] leading-[var(--gr-leading-2xs)] font-700 inline-flex items-center justify-center'\n\n/**\n * Заливка — насыщенная роль тона, текст из `-fg`, а не из белого литерала: тот не\n * переживает смену темы.\n *\n * Вес намеренно не такой, как у filled-`GrBadge` (тот в светлой теме уехал на\n * `-solid`): точка и счётчик лежат **поверх чужого элемента**, и порог у них свой\n * — 3:1 к фону страницы, чтобы метку было видно на аватаре и на иконке. Заливка\n * кнопочного веса читалась бы там как вторая кнопка.\n *\n * Карта своя, а не импорт из `GrBadge`: чужая карта означала бы зависимость от\n * компонента и его CSS ради двух классов.\n */\nexport const toneClass: Record<GrBadgeWrapTone, string> = {\n  neutral: 'bg-[var(--gr-fg)] text-[var(--gr-bg)]',\n  primary: 'bg-[var(--gr-primary)] text-[var(--gr-primary-fg)]',\n  success: 'bg-[var(--gr-success)] text-[var(--gr-success-fg)]',\n  warning: 'bg-[var(--gr-warning)] text-[var(--gr-warning-fg)]',\n  danger: 'bg-[var(--gr-danger)] text-[var(--gr-danger-fg)]',\n  info: 'bg-[var(--gr-info)] text-[var(--gr-info-fg)]',\n  slate: 'bg-[var(--gr-slate)] text-[var(--gr-slate-fg)]',\n  azure: 'bg-[var(--gr-azure)] text-[var(--gr-azure-fg)]',\n}\n\n/**\n * Видимый текст счётчика: число больше порога сворачивается в «{max}+», иначе\n * бейдж расползается и ломает соседей. Озвучивается при этом настоящее\n * значение — «99 плюс» пользователю ничего не говорит.\n */\nexport function formatBadgeValue(value: string | number, max?: number): string {\n  if (max === undefined || typeof value !== 'number') return String(value)\n  return value > max ? `${max}+` : String(value)\n}\n\n/**\n * Стоит ли отмечать анимацией переход счётчика из `prev` в `next`.\n * `undefined` означает «счётчика на экране нет».\n *\n * Отмечается только прибавление: появление счётчика и рост числа — события,\n * о которых пользователь ещё не знает. Убыль — наоборот, след его собственного\n * действия («прочитал»), и подсвечивать её значит мигать бейджем на каждом\n * прочитанном письме.\n *\n * У строкового значения порядка нет, поэтому любая его смена считается событием.\n */\nexport function isBadgeWrapPulse(\n  prev: string | number | undefined,\n  next: string | number | undefined,\n): boolean {\n  if (next === undefined) return false\n  if (prev === undefined) return true\n  if (typeof prev === 'number' && typeof next === 'number') return next > prev\n  return prev !== next\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  countBaseClass,\n  dotBaseClass,\n  dotPlacementClass,\n  placementClass,\n  rootClass,\n  toneClass,\n} from './grBadgeWrapStyles'\n\nexport const grBadgeWrapSafelist = [...new Set([\n  ...splitClassTokens(rootClass),\n  ...splitClassTokens(dotBaseClass),\n  ...splitClassTokens(countBaseClass),\n  ...Object.values(placementClass).flatMap(splitClassTokens),\n  ...Object.values(dotPlacementClass).flatMap(splitClassTokens),\n  ...Object.values(toneClass).flatMap(splitClassTokens),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grBadgeWrapSafelist } from './safelist'\n\nexport const grBadgeWrapConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrBadgeWrap',\n  safelist: grBadgeWrapSafelist,\n})\n"],"mappings":";;;AAQA,IAAa,YAAY;;;;;AAMzB,IAAa,iBAAuD;CAClE,aAAa;CACb,YAAY;CACZ,gBAAgB;CAChB,eAAe;AACjB;;AAGA,IAAa,oBAA0D;CACrE,aAAa;CACb,YAAY;CACZ,gBAAgB;CAChB,eAAe;AACjB;AAEA,IAAa,eAAe;AAE5B,IAAa,iBAAiB;;;;;;;;;;;;;AAc9B,IAAa,YAA6C;CACxD,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;AACT;;;;;;AAOA,SAAgB,iBAAiB,OAAwB,KAAsB;CAC7E,IAAI,QAAQ,KAAA,KAAa,OAAO,UAAU,UAAU,OAAO,OAAO,KAAK;CACvE,OAAO,QAAQ,MAAM,GAAG,IAAI,KAAK,OAAO,KAAK;AAC/C;;;;;;;;;;;;AAaA,SAAgB,iBACd,MACA,MACS;CACT,IAAI,SAAS,KAAA,GAAW,OAAO;CAC/B,IAAI,SAAS,KAAA,GAAW,OAAO;CAC/B,IAAI,OAAO,SAAS,YAAY,OAAO,SAAS,UAAU,OAAO,OAAO;CACxE,OAAO,SAAS;AAClB;;;AC3EA,IAAa,sBAAsB,CAAC,mBAAG,IAAI,IAAI;CAC7C,GAAG,iBAAiB,SAAS;CAC7B,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,cAAc;CAClC,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;CACzD,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;AACtD,CAAC,CAAC;;;ACbF,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK;CACxE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-zjeAJ4ho2.js → config-MmPym-Z72.js}

@@ -1,11 +1,11 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrNumberInput/grNumberInputStyles.ts
 var sizeClassBySize = {
-	xs: "h-7 px-2.5 text-[length:var(--gr-control-text-xs)]",
-	sm: "h-8 px-3 text-[length:var(--gr-control-text-sm)]",
-	md: "h-10 px-3 text-[length:var(--gr-control-text-md)]",
-	lg: "h-11 px-4 text-[length:var(--gr-control-text-lg)]"
+	xs: "h-7 px-2.5 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]",
+	sm: "h-8 px-3 text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]",
+	md: "h-10 px-3 text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]",
+	lg: "h-11 px-4 text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-lg)]"
 };
 var textAlignClassByAlign = {
 	left: "text-left",

package/dist/chunks/config-MmPym-Z72.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-MmPym-Z72.js","names":[],"sources":["../../src/components/GrNumberInput/grNumberInputStyles.ts","../../src/components/GrNumberInput/safelist.ts","../../src/components/GrNumberInput/config.ts"],"sourcesContent":["import type { GrComponentSize, GrControlState } from '../shared/sizes'\n\n\nexport type GrNumberInputState = GrControlState\nexport type GrNumberInputSize = GrComponentSize\nexport type GrNumberInputControlsDirection = 'vertical' | 'horizontal'\nexport type GrNumberInputTextAlign = 'left' | 'center' | 'right'\n\n// Backward-compatible type aliases.\nexport type NumberInputSize = GrNumberInputSize\nexport type NumberInputControlsDirection = GrNumberInputControlsDirection\n\nexport const sizeClassBySize: Record<GrNumberInputSize, string> = {\n  xs: 'h-7 px-2.5 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]',\n  sm: 'h-8 px-3 text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]',\n  md: 'h-10 px-3 text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]',\n  lg: 'h-11 px-4 text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-lg)]',\n}\n\nexport const textAlignClassByAlign: Record<GrNumberInputTextAlign, string> = {\n  left: 'text-left',\n  center: 'text-center',\n  right: 'text-right',\n}\n\nexport const borderClassByState: Record<GrNumberInputState, string> = {\n  default: 'border-[var(--gr-brd)]',\n  success: 'border-[var(--gr-success)] focus-within:ring-[var(--gr-success)]',\n  warning: 'border-[var(--gr-warning)] focus-within:ring-[var(--gr-warning)]',\n  danger: 'border-[var(--gr-danger)] focus-within:ring-[var(--gr-danger)]',\n}\n\n/**\n * Ошибка валидации красится своей ролью, а не декоративным тоном `danger`:\n * `state=\"danger\"` — это подсветка по решению разработчика, `invalid` — вердикт\n * валидации, и тема вправе развести их по цвету.\n */\nexport const invalidBorderClass = 'border-[var(--gr-invalid-brd)] focus-within:ring-[var(--gr-invalid-ring)]'\n\n/**\n * Недоступное поле гасится токенами, а не `opacity`: прозрачность разбавляет\n * выверенные на AA токены текста и роняет контраст подписи.\n */\nexport const disabledShellClass = 'bg-[var(--gr-disabled-bg)] text-[var(--gr-disabled-fg)] cursor-not-allowed'\n\nconst stepperBaseClass = 'inline-flex items-center justify-center text-[var(--gr-muted-fg)] hover:bg-[var(--gr-muted)] active:bg-[var(--gr-muted)] disabled:cursor-not-allowed disabled:text-[var(--gr-disabled-fg)] disabled:hover:bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\n/** Компактная кнопка вертикального стека ± . */\nexport const stepperCompactClass = `h-4 w-7 rounded-[var(--gr-radius-sm)] ${stepperBaseClass}`\n\n/** Кнопка бокового стека ± — занимает всю высоту поля. */\nexport const stepperWideClass = `h-full w-full ${stepperBaseClass}`\n\nexport const clearButtonClass = 'absolute top-1/2 -translate-y-1/2 inline-flex h-5 w-5 items-center justify-center rounded-[var(--gr-radius-full)] text-[var(--gr-muted-fg)] hover:bg-[var(--gr-muted)] hover:text-[var(--gr-fg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport function grNumberInputShellClass(options: { disabled: boolean, state: GrNumberInputState, invalid: boolean }): string {\n  return [\n    options.disabled ? disabledShellClass : '',\n    options.invalid ? invalidBorderClass : borderClassByState[options.state],\n  ]\n    .filter(Boolean)\n    .join(' ')\n}\n\nexport function grNumberInputInputClass(options: { size: GrNumberInputSize, textAlign: GrNumberInputTextAlign }): string {\n  return [\n    sizeClassBySize[options.size],\n    textAlignClassByAlign[options.textAlign],\n  ].join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  borderClassByState,\n  clearButtonClass,\n  disabledShellClass,\n  invalidBorderClass,\n  stepperCompactClass,\n  stepperWideClass,\n  sizeClassBySize,\n  textAlignClassByAlign,\n} from './grNumberInputStyles'\n\n// В safelist кладём только динамические токены, выбираемые по ключам в рантайме\n// (`size`/`textAlign`/`state`/`disabled`). Литералы shell/input/controls прописаны\n// статически в шаблоне — UnoCSS находит их сканом.\nexport const grNumberInputSafelist = [...new Set([\n  ...Object.values(sizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(textAlignClassByAlign).flatMap(splitClassTokens),\n  ...Object.values(borderClassByState).flatMap(splitClassTokens),\n  ...splitClassTokens(invalidBorderClass),\n  ...splitClassTokens(disabledShellClass),\n  ...splitClassTokens(stepperCompactClass),\n  ...splitClassTokens(stepperWideClass),\n  ...splitClassTokens(clearButtonClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grNumberInputSafelist } from './safelist'\n\nexport const grNumberInputConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrNumberInput',\n  dependencies: ['GrIcon'],\n  safelist: grNumberInputSafelist,\n})"],"mappings":";;;AAYA,IAAa,kBAAqD;CAChE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,wBAAgE;CAC3E,MAAM;CACN,QAAQ;CACR,OAAO;AACT;AAEA,IAAa,qBAAyD;CACpE,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;AACV;;;;;;AAOA,IAAa,qBAAqB;;;;;AAMlC,IAAa,qBAAqB;AAElC,IAAM,mBAAmB;;AAGzB,IAAa,sBAAsB,yCAAyC;;AAG5E,IAAa,mBAAmB,iBAAiB;AAEjD,IAAa,mBAAmB;AAEhC,SAAgB,wBAAwB,SAAqF;CAC3H,OAAO,CACL,QAAQ,WAAW,qBAAqB,IACxC,QAAQ,UAAU,qBAAqB,mBAAmB,QAAQ,MACpE,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;AACb;AAEA,SAAgB,wBAAwB,SAAiF;CACvH,OAAO,CACL,gBAAgB,QAAQ,OACxB,sBAAsB,QAAQ,UAChC,CAAC,CAAC,KAAK,GAAG;AACZ;;;ACtDA,IAAa,wBAAwB,CAAC,mBAAG,IAAI,IAAI;CAC/C,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,GAAG,OAAO,OAAO,qBAAqB,CAAC,CAAC,QAAQ,gBAAgB;CAChE,GAAG,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;CAC7D,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,gBAAgB;AACtC,CAAC,CAAC;;;ACpBF,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK;CAC1E,MAAM;CACN,cAAc,CAAC,QAAQ;CACvB,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-DCFvmHEv.js → config-T3-DMXYm.js}

@@ -1,11 +1,12 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { n as splitClassTokens, t as flattenTransitionTokens } from "./classTokens-8v2XC74x.js";
+import { t as panelPopTransition } from "./overlayTransition-0Fj5tQbq.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrTreeSelect/grTreeSelectStyles.ts
 var sizeClassBySize = {
-	xs: "h-7 px-2.5 text-[length:var(--gr-control-text-xs)]",
-	sm: "h-8 px-3 text-[length:var(--gr-control-text-sm)]",
-	md: "h-10 px-3 text-[length:var(--gr-control-text-md)]",
-	lg: "h-11 px-4 text-[length:var(--gr-control-text-lg)]"
+	xs: "h-7 px-2.5 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]",
+	sm: "h-8 px-3 text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]",
+	md: "h-10 px-3 text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]",
+	lg: "h-11 px-4 text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-lg)]"
 };
 /**
 * Горизонтальный отступ из `sizeClassBySize`, но числом: аддоны задают паддинг
@@ -52,7 +53,7 @@ var grTreeSelectPanelClass = "rounded-[var(--gr-radius-xl)] border border-[var(-
 * воздухом — тот же язык, что у `GrSelect`, `GrAutocomplete` и палитры команд.
 * Слева она расходилась с содержимым дерева на паддинг скроллера.
 */
-var grTreeSelectStateClass = "flex items-center justify-center gap-2 px-3 py-4 text-center text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]";
+var grTreeSelectStateClass = "flex items-center justify-center gap-2 px-3 py-4 text-center text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] text-[var(--gr-muted-fg)]";
 //#endregion
 //#region src/components/GrTreeSelect/safelist.ts
 var grTreeSelectSafelist = [.../* @__PURE__ */ new Set([
@@ -63,7 +64,8 @@ var grTreeSelectSafelist = [.../* @__PURE__ */ new Set([
 	...splitClassTokens(shellEnabledClass),
 	...splitClassTokens(shellDisabledClass),
 	...splitClassTokens(grTreeSelectPanelClass),
-	...splitClassTokens(grTreeSelectStateClass)
+	...splitClassTokens(grTreeSelectStateClass),
+	...flattenTransitionTokens(panelPopTransition)
 ])];
 //#endregion
 //#region src/components/GrTreeSelect/config.ts

package/dist/chunks/config-T3-DMXYm.js.map

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

package/dist/chunks/{config-BoNR7_PD.js → config-Yy67uWHY.js}

@@ -1,4 +1,4 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrSwitch/grSwitchStyles.ts
 var rootBase = "inline-flex items-center gap-2 select-none disabled:cursor-not-allowed";

package/dist/chunks/{config-BoNR7_PD.js.map → config-Yy67uWHY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"config-BoNR7_PD.js","names":[],"sources":["../../src/components/GrSwitch/grSwitchStyles.ts","../../src/components/GrSwitch/safelist.ts","../../src/components/GrSwitch/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nexport type GrSwitchSize = GrComponentSize\n\n/** Сторона подписи относительно дорожки — логическая, не физическая (RTL). */\nexport const GR_SWITCH_LABEL_POSITIONS = ['start', 'end'] as const\nexport type GrSwitchLabelPosition = typeof GR_SWITCH_LABEL_POSITIONS[number]\n\ntype GrSwitchThumbClassOptions = {\n    checked: boolean\n    size: GrSwitchSize\n}\n\nexport const rootBase = 'inline-flex items-center gap-2 select-none disabled:cursor-not-allowed'\n\n/** `start` разворачивает ряд, а не меняет порядок узлов: DOM-порядок читает диктор. */\nexport const rootLabelPositions: Record<GrSwitchLabelPosition, string> = {\n    start: 'flex-row-reverse',\n    end: '',\n}\n\nexport const trackBase =\n    'relative inline-flex shrink-0 items-center rounded-[var(--gr-radius-full)] border border-[var(--gr-switch-track-brd)] transition-colors duration-[var(--gr-duration-fast)]'\n\nexport const trackSizes: Record<GrSwitchSize, string> = {\n    xs: 'h-4 w-7',\n  sm: 'h-5 w-9',\n    md: 'h-6 w-11',\n    lg: 'h-7 w-14',\n}\n\nexport const thumbBase =\n    'inline-flex shrink-0 items-center justify-center rounded-[var(--gr-radius-full)] bg-[var(--gr-card)] shadow-[var(--gr-shadow-1)] transition-transform duration-[var(--gr-duration-fast)]'\n\nexport const thumbSizes: Record<GrSwitchSize, string> = {\n    xs: 'h-3 w-3',\n  sm: 'h-4 w-4',\n    md: 'h-5 w-5',\n    lg: 'h-6 w-6',\n}\n\n/** Спиннер загрузки живёт в бегунке, поэтому мельче его на ступень. */\nexport const thumbSpinnerSizes: Record<GrSwitchSize, string> = {\n    xs: 'h-2 w-2',\n    sm: 'h-2.5 w-2.5',\n    md: 'h-3 w-3',\n    lg: 'h-4 w-4',\n}\n\nexport const thumbSpinnerBase = 'animate-spin text-[var(--gr-muted-fg)]'\n\n/**\n * Сдвиг бегунка по горизонтали.\n *\n * Бегунок — обычный флекс-ребёнок дорожки, поэтому сдвиг отсчитывается от её\n * **content-box**, а он на 2px уже внешнего размера: рамка по 1px с каждой\n * стороны. Отсюда и весь расчёт.\n *\n * Зазор по вертикали задан геометрией и равен 1px на всех ступенях\n * (`(content-height − thumb) / 2`, дорожка центрирует бегунок сама). Значит и по\n * горизонтали он обязан быть 1px: иначе бегунок в покое выглядит вдавленным\n * внутрь, а в крайнем положении прижатым к краю — именно так и было, зазоры\n * расходились на 1–2px у `xs`, `sm` и `lg`.\n *\n * | ступень | дорожка | content | бегунок | покой | крайнее |\n * | --- | --- | --- | --- | --- | --- |\n * | `xs` | 28 | 26 | 12 | 1 | 13 |\n * | `sm` | 36 | 34 | 16 | 1 | 17 |\n * | `md` | 44 | 42 | 20 | 1 | 21 |\n * | `lg` | 56 | 54 | 24 | 1 | 29 |\n *\n * Крайнее положение — `content − thumb − зазор`. Гейт на эту арифметику живёт в\n * `__tests__/GrSwitch.test.ts`: он считает её заново из `trackSizes`/`thumbSizes`,\n * поэтому смена любой ступени размера сразу покажет разъехавшийся зазор.\n */\nexport const thumbTranslations: Record<GrSwitchSize, { checked: string, unchecked: string }> = {\n    xs: {\n        checked: 'translate-x-[13px]',\n        unchecked: 'translate-x-[1px]',\n    },\n    sm: {\n        checked: 'translate-x-[17px]',\n        unchecked: 'translate-x-[1px]',\n    },\n    md: {\n        checked: 'translate-x-[21px]',\n        unchecked: 'translate-x-[1px]',\n    },\n    lg: {\n        checked: 'translate-x-[29px]',\n        unchecked: 'translate-x-[1px]',\n    },\n}\n\nexport const labelBase = 'text-[var(--gr-muted-fg)]'\n\n/**\n * Недоступность гасится токеном, а не `opacity`: прозрачность разбавляет\n * выверенные на AA токены текста и роняет контраст подписи.\n */\nexport const labelDisabledClass = 'text-[var(--gr-disabled-fg)]'\n\nexport const labelSizes: Record<GrSwitchSize, string> = {\n    xs: 'text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n    sm: 'text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n    md: 'text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n    lg: 'text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]',\n}\n\nexport function grSwitchRootClass(labelPosition: GrSwitchLabelPosition): string {\n    return [rootBase, rootLabelPositions[labelPosition]].filter(Boolean).join(' ')\n}\n\nexport function grSwitchTrackClass(size: GrSwitchSize): string {\n    return [trackBase, trackSizes[size]].join(' ')\n}\n\nexport function grSwitchThumbClass(options: GrSwitchThumbClassOptions): string {\n    return [\n        thumbBase,\n        thumbSizes[options.size],\n        thumbTranslations[options.size][options.checked ? 'checked' : 'unchecked'],\n    ].join(' ')\n}\n\nexport function grSwitchSpinnerClass(size: GrSwitchSize): string {\n    return [thumbSpinnerBase, thumbSpinnerSizes[size]].join(' ')\n}\n\nexport function grSwitchLabelClass(size: GrSwitchSize, disabled = false): string {\n    return [disabled ? labelDisabledClass : labelBase, labelSizes[size]].join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  labelBase,\n  labelDisabledClass,\n  labelSizes,\n  rootBase,\n  rootLabelPositions,\n  thumbBase,\n  thumbSizes,\n  thumbSpinnerBase,\n  thumbSpinnerSizes,\n  thumbTranslations,\n  trackBase,\n  trackSizes,\n} from './grSwitchStyles'\n\nexport const grSwitchClassTokens = {\n  rootBase: splitClassTokens(rootBase),\n  rootLabelPositions: Object.values(rootLabelPositions).flatMap(splitClassTokens),\n  trackBase: splitClassTokens(trackBase),\n  trackSizes: Object.values(trackSizes).flatMap(splitClassTokens),\n  thumbBase: splitClassTokens(thumbBase),\n  thumbSizes: Object.values(thumbSizes).flatMap(splitClassTokens),\n  thumbSpinner: [\n    ...splitClassTokens(thumbSpinnerBase),\n    ...Object.values(thumbSpinnerSizes).flatMap(splitClassTokens),\n  ],\n  thumbTranslations: Object.values(thumbTranslations).flatMap(({checked, unchecked}) => {\n    return [...splitClassTokens(checked), ...splitClassTokens(unchecked)]\n  }),\n  labelBase: [...splitClassTokens(labelBase), ...splitClassTokens(labelDisabledClass)],\n  labelSizes: Object.values(labelSizes).flatMap(splitClassTokens),\n} as const\n\nexport const grSwitchSafelist = [...new Set([\n  ...grSwitchClassTokens.rootBase,\n  ...grSwitchClassTokens.rootLabelPositions,\n  ...grSwitchClassTokens.trackBase,\n  ...grSwitchClassTokens.trackSizes,\n  ...grSwitchClassTokens.thumbBase,\n  ...grSwitchClassTokens.thumbSizes,\n  ...grSwitchClassTokens.thumbSpinner,\n  ...grSwitchClassTokens.thumbTranslations,\n  ...grSwitchClassTokens.labelBase,\n  ...grSwitchClassTokens.labelSizes,\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grSwitchSafelist } from './safelist'\n\nexport const grSwitchConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSwitch',\n  safelist: grSwitchSafelist,\n})"],"mappings":";;;AAaA,IAAa,WAAW;;AAGxB,IAAa,qBAA4D;CACrE,OAAO;CACP,KAAK;AACT;AAEA,IAAa,YACT;AAEJ,IAAa,aAA2C;CACpD,IAAI;CACN,IAAI;CACF,IAAI;CACJ,IAAI;AACR;AAEA,IAAa,YACT;AAEJ,IAAa,aAA2C;CACpD,IAAI;CACN,IAAI;CACF,IAAI;CACJ,IAAI;AACR;;AAGA,IAAa,oBAAkD;CAC3D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACR;AAEA,IAAa,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;AA0BhC,IAAa,oBAAkF;CAC3F,IAAI;EACA,SAAS;EACT,WAAW;CACf;CACA,IAAI;EACA,SAAS;EACT,WAAW;CACf;CACA,IAAI;EACA,SAAS;EACT,WAAW;CACf;CACA,IAAI;EACA,SAAS;EACT,WAAW;CACf;AACJ;AAEA,IAAa,YAAY;;;;;AAMzB,IAAa,qBAAqB;AAElC,IAAa,aAA2C;CACpD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACR;AAEA,SAAgB,kBAAkB,eAA8C;CAC5E,OAAO,CAAC,UAAU,mBAAmB,cAAc,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AACjF;AAEA,SAAgB,mBAAmB,MAA4B;CAC3D,OAAO,CAAC,WAAW,WAAW,KAAK,CAAC,CAAC,KAAK,GAAG;AACjD;AAEA,SAAgB,mBAAmB,SAA4C;CAC3E,OAAO;EACH;EACA,WAAW,QAAQ;EACnB,kBAAkB,QAAQ,KAAK,CAAC,QAAQ,UAAU,YAAY;CAClE,CAAC,CAAC,KAAK,GAAG;AACd;AAEA,SAAgB,qBAAqB,MAA4B;CAC7D,OAAO,CAAC,kBAAkB,kBAAkB,KAAK,CAAC,CAAC,KAAK,GAAG;AAC/D;AAEA,SAAgB,mBAAmB,MAAoB,WAAW,OAAe;CAC7E,OAAO,CAAC,WAAW,qBAAqB,WAAW,WAAW,KAAK,CAAC,CAAC,KAAK,GAAG;AACjF;;;ACnHA,IAAa,sBAAsB;CACjC,UAAU,iBAAiB,QAAQ;CACnC,oBAAoB,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;CAC9E,WAAW,iBAAiB,SAAS;CACrC,YAAY,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,WAAW,iBAAiB,SAAS;CACrC,YAAY,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,cAAc,CACZ,GAAG,iBAAiB,gBAAgB,GACpC,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB,CAC9D;CACA,mBAAmB,OAAO,OAAO,iBAAiB,CAAC,CAAC,SAAS,EAAC,SAAS,gBAAe;EACpF,OAAO,CAAC,GAAG,iBAAiB,OAAO,GAAG,GAAG,iBAAiB,SAAS,CAAC;CACtE,CAAC;CACD,WAAW,CAAC,GAAG,iBAAiB,SAAS,GAAG,GAAG,iBAAiB,kBAAkB,CAAC;CACnF,YAAY,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;AAChE;AAEA,IAAa,mBAAmB,CAAC,mBAAG,IAAI,IAAI;CAC1C,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;AACzB,CAAC,CAAC;;;ACzCF,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,UAAU;AACZ,CAAC"}
+{"version":3,"file":"config-Yy67uWHY.js","names":[],"sources":["../../src/components/GrSwitch/grSwitchStyles.ts","../../src/components/GrSwitch/safelist.ts","../../src/components/GrSwitch/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nexport type GrSwitchSize = GrComponentSize\n\n/** Сторона подписи относительно дорожки — логическая, не физическая (RTL). */\nexport const GR_SWITCH_LABEL_POSITIONS = ['start', 'end'] as const\nexport type GrSwitchLabelPosition = typeof GR_SWITCH_LABEL_POSITIONS[number]\n\ntype GrSwitchThumbClassOptions = {\n    checked: boolean\n    size: GrSwitchSize\n}\n\nexport const rootBase = 'inline-flex items-center gap-2 select-none disabled:cursor-not-allowed'\n\n/** `start` разворачивает ряд, а не меняет порядок узлов: DOM-порядок читает диктор. */\nexport const rootLabelPositions: Record<GrSwitchLabelPosition, string> = {\n    start: 'flex-row-reverse',\n    end: '',\n}\n\nexport const trackBase =\n    'relative inline-flex shrink-0 items-center rounded-[var(--gr-radius-full)] border border-[var(--gr-switch-track-brd)] transition-colors duration-[var(--gr-duration-fast)]'\n\nexport const trackSizes: Record<GrSwitchSize, string> = {\n    xs: 'h-4 w-7',\n  sm: 'h-5 w-9',\n    md: 'h-6 w-11',\n    lg: 'h-7 w-14',\n}\n\nexport const thumbBase =\n    'inline-flex shrink-0 items-center justify-center rounded-[var(--gr-radius-full)] bg-[var(--gr-card)] shadow-[var(--gr-shadow-1)] transition-transform duration-[var(--gr-duration-fast)]'\n\nexport const thumbSizes: Record<GrSwitchSize, string> = {\n    xs: 'h-3 w-3',\n  sm: 'h-4 w-4',\n    md: 'h-5 w-5',\n    lg: 'h-6 w-6',\n}\n\n/** Спиннер загрузки живёт в бегунке, поэтому мельче его на ступень. */\nexport const thumbSpinnerSizes: Record<GrSwitchSize, string> = {\n    xs: 'h-2 w-2',\n    sm: 'h-2.5 w-2.5',\n    md: 'h-3 w-3',\n    lg: 'h-4 w-4',\n}\n\nexport const thumbSpinnerBase = 'animate-spin text-[var(--gr-muted-fg)]'\n\n/**\n * Сдвиг бегунка по горизонтали.\n *\n * Бегунок — обычный флекс-ребёнок дорожки, поэтому сдвиг отсчитывается от её\n * **content-box**, а он на 2px уже внешнего размера: рамка по 1px с каждой\n * стороны. Отсюда и весь расчёт.\n *\n * Зазор по вертикали задан геометрией и равен 1px на всех ступенях\n * (`(content-height − thumb) / 2`, дорожка центрирует бегунок сама). Значит и по\n * горизонтали он обязан быть 1px: иначе бегунок в покое выглядит вдавленным\n * внутрь, а в крайнем положении прижатым к краю — именно так и было, зазоры\n * расходились на 1–2px у `xs`, `sm` и `lg`.\n *\n * | ступень | дорожка | content | бегунок | покой | крайнее |\n * | --- | --- | --- | --- | --- | --- |\n * | `xs` | 28 | 26 | 12 | 1 | 13 |\n * | `sm` | 36 | 34 | 16 | 1 | 17 |\n * | `md` | 44 | 42 | 20 | 1 | 21 |\n * | `lg` | 56 | 54 | 24 | 1 | 29 |\n *\n * Крайнее положение — `content − thumb − зазор`. Гейт на эту арифметику живёт в\n * `__tests__/GrSwitch.test.ts`: он считает её заново из `trackSizes`/`thumbSizes`,\n * поэтому смена любой ступени размера сразу покажет разъехавшийся зазор.\n */\nexport const thumbTranslations: Record<GrSwitchSize, { checked: string, unchecked: string }> = {\n    xs: {\n        checked: 'translate-x-[13px]',\n        unchecked: 'translate-x-[1px]',\n    },\n    sm: {\n        checked: 'translate-x-[17px]',\n        unchecked: 'translate-x-[1px]',\n    },\n    md: {\n        checked: 'translate-x-[21px]',\n        unchecked: 'translate-x-[1px]',\n    },\n    lg: {\n        checked: 'translate-x-[29px]',\n        unchecked: 'translate-x-[1px]',\n    },\n}\n\nexport const labelBase = 'text-[var(--gr-muted-fg)]'\n\n/**\n * Недоступность гасится токеном, а не `opacity`: прозрачность разбавляет\n * выверенные на AA токены текста и роняет контраст подписи.\n */\nexport const labelDisabledClass = 'text-[var(--gr-disabled-fg)]'\n\nexport const labelSizes: Record<GrSwitchSize, string> = {\n    xs: 'text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n    sm: 'text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n    md: 'text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n    lg: 'text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]',\n}\n\nexport function grSwitchRootClass(labelPosition: GrSwitchLabelPosition): string {\n    return [rootBase, rootLabelPositions[labelPosition]].filter(Boolean).join(' ')\n}\n\nexport function grSwitchTrackClass(size: GrSwitchSize): string {\n    return [trackBase, trackSizes[size]].join(' ')\n}\n\nexport function grSwitchThumbClass(options: GrSwitchThumbClassOptions): string {\n    return [\n        thumbBase,\n        thumbSizes[options.size],\n        thumbTranslations[options.size][options.checked ? 'checked' : 'unchecked'],\n    ].join(' ')\n}\n\nexport function grSwitchSpinnerClass(size: GrSwitchSize): string {\n    return [thumbSpinnerBase, thumbSpinnerSizes[size]].join(' ')\n}\n\nexport function grSwitchLabelClass(size: GrSwitchSize, disabled = false): string {\n    return [disabled ? labelDisabledClass : labelBase, labelSizes[size]].join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  labelBase,\n  labelDisabledClass,\n  labelSizes,\n  rootBase,\n  rootLabelPositions,\n  thumbBase,\n  thumbSizes,\n  thumbSpinnerBase,\n  thumbSpinnerSizes,\n  thumbTranslations,\n  trackBase,\n  trackSizes,\n} from './grSwitchStyles'\n\nexport const grSwitchClassTokens = {\n  rootBase: splitClassTokens(rootBase),\n  rootLabelPositions: Object.values(rootLabelPositions).flatMap(splitClassTokens),\n  trackBase: splitClassTokens(trackBase),\n  trackSizes: Object.values(trackSizes).flatMap(splitClassTokens),\n  thumbBase: splitClassTokens(thumbBase),\n  thumbSizes: Object.values(thumbSizes).flatMap(splitClassTokens),\n  thumbSpinner: [\n    ...splitClassTokens(thumbSpinnerBase),\n    ...Object.values(thumbSpinnerSizes).flatMap(splitClassTokens),\n  ],\n  thumbTranslations: Object.values(thumbTranslations).flatMap(({checked, unchecked}) => {\n    return [...splitClassTokens(checked), ...splitClassTokens(unchecked)]\n  }),\n  labelBase: [...splitClassTokens(labelBase), ...splitClassTokens(labelDisabledClass)],\n  labelSizes: Object.values(labelSizes).flatMap(splitClassTokens),\n} as const\n\nexport const grSwitchSafelist = [...new Set([\n  ...grSwitchClassTokens.rootBase,\n  ...grSwitchClassTokens.rootLabelPositions,\n  ...grSwitchClassTokens.trackBase,\n  ...grSwitchClassTokens.trackSizes,\n  ...grSwitchClassTokens.thumbBase,\n  ...grSwitchClassTokens.thumbSizes,\n  ...grSwitchClassTokens.thumbSpinner,\n  ...grSwitchClassTokens.thumbTranslations,\n  ...grSwitchClassTokens.labelBase,\n  ...grSwitchClassTokens.labelSizes,\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grSwitchSafelist } from './safelist'\n\nexport const grSwitchConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSwitch',\n  safelist: grSwitchSafelist,\n})"],"mappings":";;;AAaA,IAAa,WAAW;;AAGxB,IAAa,qBAA4D;CACrE,OAAO;CACP,KAAK;AACT;AAEA,IAAa,YACT;AAEJ,IAAa,aAA2C;CACpD,IAAI;CACN,IAAI;CACF,IAAI;CACJ,IAAI;AACR;AAEA,IAAa,YACT;AAEJ,IAAa,aAA2C;CACpD,IAAI;CACN,IAAI;CACF,IAAI;CACJ,IAAI;AACR;;AAGA,IAAa,oBAAkD;CAC3D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACR;AAEA,IAAa,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;AA0BhC,IAAa,oBAAkF;CAC3F,IAAI;EACA,SAAS;EACT,WAAW;CACf;CACA,IAAI;EACA,SAAS;EACT,WAAW;CACf;CACA,IAAI;EACA,SAAS;EACT,WAAW;CACf;CACA,IAAI;EACA,SAAS;EACT,WAAW;CACf;AACJ;AAEA,IAAa,YAAY;;;;;AAMzB,IAAa,qBAAqB;AAElC,IAAa,aAA2C;CACpD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACR;AAEA,SAAgB,kBAAkB,eAA8C;CAC5E,OAAO,CAAC,UAAU,mBAAmB,cAAc,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AACjF;AAEA,SAAgB,mBAAmB,MAA4B;CAC3D,OAAO,CAAC,WAAW,WAAW,KAAK,CAAC,CAAC,KAAK,GAAG;AACjD;AAEA,SAAgB,mBAAmB,SAA4C;CAC3E,OAAO;EACH;EACA,WAAW,QAAQ;EACnB,kBAAkB,QAAQ,KAAK,CAAC,QAAQ,UAAU,YAAY;CAClE,CAAC,CAAC,KAAK,GAAG;AACd;AAEA,SAAgB,qBAAqB,MAA4B;CAC7D,OAAO,CAAC,kBAAkB,kBAAkB,KAAK,CAAC,CAAC,KAAK,GAAG;AAC/D;AAEA,SAAgB,mBAAmB,MAAoB,WAAW,OAAe;CAC7E,OAAO,CAAC,WAAW,qBAAqB,WAAW,WAAW,KAAK,CAAC,CAAC,KAAK,GAAG;AACjF;;;ACnHA,IAAa,sBAAsB;CACjC,UAAU,iBAAiB,QAAQ;CACnC,oBAAoB,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;CAC9E,WAAW,iBAAiB,SAAS;CACrC,YAAY,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,WAAW,iBAAiB,SAAS;CACrC,YAAY,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,cAAc,CACZ,GAAG,iBAAiB,gBAAgB,GACpC,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB,CAC9D;CACA,mBAAmB,OAAO,OAAO,iBAAiB,CAAC,CAAC,SAAS,EAAC,SAAS,gBAAe;EACpF,OAAO,CAAC,GAAG,iBAAiB,OAAO,GAAG,GAAG,iBAAiB,SAAS,CAAC;CACtE,CAAC;CACD,WAAW,CAAC,GAAG,iBAAiB,SAAS,GAAG,GAAG,iBAAiB,kBAAkB,CAAC;CACnF,YAAY,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;AAChE;AAEA,IAAa,mBAAmB,CAAC,mBAAG,IAAI,IAAI;CAC1C,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;CACvB,GAAG,oBAAoB;AACzB,CAAC,CAAC;;;ACzCF,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-BFJIxE8b.js → config-Z5LeUXys.js}

@@ -1,4 +1,4 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrValue/grValueStyles.ts
 /**

package/dist/chunks/{config-BFJIxE8b.js.map → config-Z5LeUXys.js.map}

@@ -1 +1 @@
-{"version":3,"file":"config-BFJIxE8b.js","names":[],"sources":["../../src/components/GrValue/grValueStyles.ts","../../src/components/GrValue/safelist.ts","../../src/components/GrValue/config.ts"],"sourcesContent":["/**\n * Классы `GrValue`.\n *\n * Оформление аффиксов задаётся токенами, а не решением компонента. Раньше это\n * решение было зашито: префикс набирался как число, суффикс — как единица\n * измерения. Для `$14,99` и `42 %` правило верное, но доменное: рубль пишут\n * справа (`1 284 500 ₽`), и в роли суффикса он получал вид подписи.\n *\n * Дефолты сохраняют прежний вид, поэтому потребителю, которого он устраивал,\n * менять нечего.\n */\n\n/**\n * Величина набирается кеглем и цветом того места, где стоит: своей шкалы у\n * примитива нет. `tabular-nums` держит ширину строки, когда число меняется.\n */\nexport const valueRootClass = 'inline-flex items-baseline tabular-nums'\n\n/**\n * Префикс — часть записи величины: по умолчанию её цвет, её кегль, вплотную.\n * `inherit` в фолбэке и делает «по умолчанию» наследованием, а не копией: тон\n * задаётся один раз на родителе и доезжает сюда сам.\n */\nexport const valuePrefixClass = [\n  'leading-none',\n  'text-[var(--gr-value-prefix-color,inherit)]',\n  'text-[length:var(--gr-value-prefix-size,inherit)]',\n  'me-[var(--gr-value-prefix-gap,0)]',\n].join(' ')\n\n/**\n * Суффикс по умолчанию — единица измерения: приглушён, на ступень мельче и\n * отбит от числа.\n *\n * `leading-none` обязателен вместе с уменьшенным кеглем: межстрочный\n * наследуется от величины и рассчитан на её размер, а выровненная по базовой\n * линии приписка со своим меньшим кеглем растягивала бы им всю строку.\n *\n * Логический `me`/`ms` вместо `mr`/`ml`: в RTL отбивка обязана встать с другой\n * стороны, иначе суффикс прилипнет к числу.\n */\nexport const valueSuffixClass = [\n  'leading-none',\n  'text-[var(--gr-value-suffix-color,var(--gr-muted-fg))]',\n  'text-[length:var(--gr-value-suffix-size,0.85em)]',\n  'ms-[var(--gr-value-suffix-gap,0.25rem)]',\n].join(' ')\n","import { splitClassTokens } from '../shared/classTokens'\n\nimport { valuePrefixClass, valueRootClass, valueSuffixClass } from './grValueStyles'\n\n// Классы живут в `.ts`-хелпере: на сборке он уезжает в общий чанк, который скан\n// пресета не видит. Ссылками на конст, а не копиями строк — копия разойдётся.\nexport const grValueSafelist = [...new Set([\n  ...splitClassTokens(valueRootClass),\n  ...splitClassTokens(valuePrefixClass),\n  ...splitClassTokens(valueSuffixClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grValueSafelist } from './safelist'\n\nexport const grValueConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrValue',\n  safelist: grValueSafelist,\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,IAAa,iBAAiB;;;;;;AAO9B,IAAa,mBAAmB;CAC9B;CACA;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG;;;;;;;;;;;;AAaV,IAAa,mBAAmB;CAC9B;CACA;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG;;;ACxCV,IAAa,kBAAkB,CAAC,mBAAG,IAAI,IAAI;CACzC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,gBAAgB;AACtC,CAAC,CAAC;;;ACNF,IAAa,gBAAgB,wBAAwB,OAAO,KAAK,KAAK;CACpE,MAAM;CACN,UAAU;AACZ,CAAC"}
+{"version":3,"file":"config-Z5LeUXys.js","names":[],"sources":["../../src/components/GrValue/grValueStyles.ts","../../src/components/GrValue/safelist.ts","../../src/components/GrValue/config.ts"],"sourcesContent":["/**\n * Классы `GrValue`.\n *\n * Оформление аффиксов задаётся токенами, а не решением компонента. Раньше это\n * решение было зашито: префикс набирался как число, суффикс — как единица\n * измерения. Для `$14,99` и `42 %` правило верное, но доменное: рубль пишут\n * справа (`1 284 500 ₽`), и в роли суффикса он получал вид подписи.\n *\n * Дефолты сохраняют прежний вид, поэтому потребителю, которого он устраивал,\n * менять нечего.\n */\n\n/**\n * Величина набирается кеглем и цветом того места, где стоит: своей шкалы у\n * примитива нет. `tabular-nums` держит ширину строки, когда число меняется.\n */\nexport const valueRootClass = 'inline-flex items-baseline tabular-nums'\n\n/**\n * Префикс — часть записи величины: по умолчанию её цвет, её кегль, вплотную.\n * `inherit` в фолбэке и делает «по умолчанию» наследованием, а не копией: тон\n * задаётся один раз на родителе и доезжает сюда сам.\n */\nexport const valuePrefixClass = [\n  'leading-none',\n  'text-[var(--gr-value-prefix-color,inherit)]',\n  'text-[length:var(--gr-value-prefix-size,inherit)]',\n  'me-[var(--gr-value-prefix-gap,0)]',\n].join(' ')\n\n/**\n * Суффикс по умолчанию — единица измерения: приглушён, на ступень мельче и\n * отбит от числа.\n *\n * `leading-none` обязателен вместе с уменьшенным кеглем: межстрочный\n * наследуется от величины и рассчитан на её размер, а выровненная по базовой\n * линии приписка со своим меньшим кеглем растягивала бы им всю строку.\n *\n * Логический `me`/`ms` вместо `mr`/`ml`: в RTL отбивка обязана встать с другой\n * стороны, иначе суффикс прилипнет к числу.\n */\nexport const valueSuffixClass = [\n  'leading-none',\n  'text-[var(--gr-value-suffix-color,var(--gr-muted-fg))]',\n  'text-[length:var(--gr-value-suffix-size,0.85em)]',\n  'ms-[var(--gr-value-suffix-gap,0.25rem)]',\n].join(' ')\n","import { splitClassTokens } from '../shared/classTokens'\n\nimport { valuePrefixClass, valueRootClass, valueSuffixClass } from './grValueStyles'\n\n// Классы живут в `.ts`-хелпере: на сборке он уезжает в общий чанк, который скан\n// пресета не видит. Ссылками на конст, а не копиями строк — копия разойдётся.\nexport const grValueSafelist = [...new Set([\n  ...splitClassTokens(valueRootClass),\n  ...splitClassTokens(valuePrefixClass),\n  ...splitClassTokens(valueSuffixClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grValueSafelist } from './safelist'\n\nexport const grValueConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrValue',\n  safelist: grValueSafelist,\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,IAAa,iBAAiB;;;;;;AAO9B,IAAa,mBAAmB;CAC9B;CACA;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG;;;;;;;;;;;;AAaV,IAAa,mBAAmB;CAC9B;CACA;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG;;;ACxCV,IAAa,kBAAkB,CAAC,mBAAG,IAAI,IAAI;CACzC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,gBAAgB;AACtC,CAAC,CAAC;;;ACNF,IAAa,gBAAgB,wBAAwB,OAAO,KAAK,KAAK;CACpE,MAAM;CACN,UAAU;AACZ,CAAC"}

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

@@ -1,19 +1,19 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrTabs/grTabsStyles.ts
 /** Высота вкладки повторяет шкалу `GrButton`: вкладки часто стоят с ним в один ряд. */
 var tabSizes = {
-	xs: "h-7 px-2 text-[length:var(--gr-text-xs)]",
-	sm: "h-8 px-2.5 text-[length:var(--gr-text-xs)]",
-	md: "h-9 px-3 text-[length:var(--gr-text-sm)]",
-	lg: "h-10 px-4 text-[length:var(--gr-text-base)]"
+	xs: "h-7 px-2 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	sm: "h-8 px-2.5 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	md: "h-9 px-3 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
+	lg: "h-10 px-4 text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]"
 };
 /** Счётчик у вкладки: на ступень мельче подписи. */
 var tabBadgeSizes = {
-	xs: "text-[length:var(--gr-text-2xs)] px-1 py-0.5",
-	sm: "text-[length:var(--gr-text-2xs)] px-1.5 py-0.5",
-	md: "text-[length:var(--gr-text-2xs)] px-1.5 py-0.5",
-	lg: "text-[length:var(--gr-text-xs)] px-2 py-0.5"
+	xs: "text-[length:var(--gr-text-2xs)] leading-[var(--gr-leading-2xs)] px-1 py-0.5",
+	sm: "text-[length:var(--gr-text-2xs)] leading-[var(--gr-leading-2xs)] px-1.5 py-0.5",
+	md: "text-[length:var(--gr-text-2xs)] leading-[var(--gr-leading-2xs)] px-1.5 py-0.5",
+	lg: "text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)] px-2 py-0.5"
 };
 /** Обойма вокруг вкладок: на мелких ступенях рамка съедала бы высоту. */
 var tablistSizes = {

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-_QF0O1vq.js","names":[],"sources":["../../src/components/GrTabs/grTabsStyles.ts","../../src/components/GrTabs/safelist.ts","../../src/components/GrTabs/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nexport type GrTabsSize = GrComponentSize\n\n/**\n * `pills` — вкладки-таблетки в общей обойме, `line` — классический ряд с\n * подчёркиванием активной. Имя `pills` общее с `GrSegmented`: у компонентов\n * одна роль, и вид с таким названием у них совпадает.\n */\nexport const GR_TABS_VARIANTS = ['pills', 'line'] as const\nexport type GrTabsVariant = typeof GR_TABS_VARIANTS[number]\n\nexport type GrTabsOrientation = 'horizontal' | 'vertical'\n\n/** Высота вкладки повторяет шкалу `GrButton`: вкладки часто стоят с ним в один ряд. */\nexport const tabSizes: Record<GrTabsSize, string> = {\n  xs: 'h-7 px-2 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  sm: 'h-8 px-2.5 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  md: 'h-9 px-3 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  lg: 'h-10 px-4 text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]',\n}\n\n/** Счётчик у вкладки: на ступень мельче подписи. */\nexport const tabBadgeSizes: Record<GrTabsSize, string> = {\n  xs: 'text-[length:var(--gr-text-2xs)] leading-[var(--gr-leading-2xs)] px-1 py-0.5',\n  sm: 'text-[length:var(--gr-text-2xs)] leading-[var(--gr-leading-2xs)] px-1.5 py-0.5',\n  md: 'text-[length:var(--gr-text-2xs)] leading-[var(--gr-leading-2xs)] px-1.5 py-0.5',\n  lg: 'text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)] px-2 py-0.5',\n}\n\n/** Обойма вокруг вкладок: на мелких ступенях рамка съедала бы высоту. */\nexport const tablistSizes: Record<GrTabsSize, string> = {\n  xs: 'gap-0.5 p-0.5',\n  sm: 'gap-1 p-1',\n  md: 'gap-1 p-1',\n  lg: 'gap-1 p-1.5',\n}\n\n/** `line` живёт без обоймы, поэтому и без внутренних отступов. */\nexport const tablistLineSizes: Record<GrTabsSize, string> = {\n  xs: 'gap-1',\n  sm: 'gap-2',\n  md: 'gap-2',\n  lg: 'gap-3',\n}\n\nexport const tablistBase = 'inline-flex max-w-full'\n\nexport const tablistVariants: Record<GrTabsVariant, string> = {\n  pills: 'rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-muted)]',\n  line: 'border-b border-[var(--gr-brd)]',\n}\n\n/**\n * Вертикальный `line` подчёркивает вкладку сбоку, а не снизу: линия должна идти\n * вдоль списка, иначе она отделяет вкладки друг от друга вместо ряда целиком.\n */\nexport const tablistVerticalVariants: Record<GrTabsVariant, string> = {\n  pills: '',\n  line: 'border-b-0 border-r border-[var(--gr-brd)]',\n}\n\n/**\n * Переполнение прокручивается, а не переносится строкой: перенос ломает ряд и\n * уводит вкладки под панель. Полоса прокрутки скрыта — ряд ведёт клавиатура и\n * автоскролл к активной вкладке.\n */\nexport const tablistScrollClass = 'overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden'\n\n/** Вертикальный ряд — колонка; прокрутки ему не нужно: он растёт вниз. */\nexport const tablistColumnClass = 'flex-col'\n\nexport const tabBase = 'shrink-0 font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\n// Цвет подчёркивания задаёт только состояние: `border-transparent` в базе имеет\n// ту же специфичность, что и цвет активной вкладки, и побеждал бы через раз —\n// по порядку правил в сгенерированном CSS, а не по порядку классов в атрибуте.\nexport const tabVariantBase: Record<GrTabsVariant, string> = {\n  pills: 'rounded-[var(--gr-radius-md)]',\n  line: 'rounded-[var(--gr-radius-md)] rounded-b-[var(--gr-radius-none)] border-b-2 -mb-px',\n}\n\nexport const tabStateClasses: Record<GrTabsVariant, { active: string, idle: string, disabled: string }> = {\n  pills: {\n    active: 'bg-[var(--gr-card)] text-[var(--gr-fg)] border border-[var(--gr-brd)]',\n    idle: 'text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)] hover:bg-[color-mix(in_srgb,var(--gr-card)_70%,transparent)]',\n    disabled: 'cursor-not-allowed text-[var(--gr-disabled-fg)]',\n  },\n  line: {\n    active: 'border-[var(--gr-primary)] text-[var(--gr-fg)]',\n    idle: 'border-transparent text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)] hover:border-[var(--gr-brd)]',\n    disabled: 'border-transparent cursor-not-allowed text-[var(--gr-disabled-fg)]',\n  },\n}\n\nexport const tabIconClass = 'h-4 w-4 shrink-0'\n\nexport const tabContentClass = 'inline-flex items-center gap-2'\n\n/**\n * Крестик закрытия. Кнопкой он быть не может: `role=\"tab\"` объявляет потомков\n * презентационными, и вложенный интерактив теряется у скринридера (axe:\n * `nested-interactive`). Поэтому это `<span>`, а клик по нему разбирает\n * обработчик самой вкладки.\n *\n * Своего фокус-кольца у него нет по той же причине — в таб-порядке он не стоит,\n * с клавиатуры закрытие идёт по `Delete`/`Backspace`.\n */\nexport const tabCloseBase = 'inline-flex items-center justify-center shrink-0 rounded-[var(--gr-radius-sm)] text-[var(--gr-muted-fg)] transition-colors hover:bg-[var(--gr-muted)] hover:text-[var(--gr-fg)]'\n\nexport const tabCloseSizes: Record<GrTabsSize, string> = {\n  xs: 'h-4 w-4',\n  sm: 'h-4 w-4',\n  md: 'h-5 w-5',\n  lg: 'h-5 w-5',\n}\n\nexport const tabCloseIconSizes: Record<GrTabsSize, string> = {\n  xs: 'h-3 w-3',\n  sm: 'h-3 w-3',\n  md: 'h-4 w-4',\n  lg: 'h-4 w-4',\n}\n\n/** Пустой ряд держит высоту вкладки: иначе соседние блоки прыгают при закрытии последней. */\nexport const tabsEmptyBase = 'inline-flex items-center text-[var(--gr-muted-fg)]'\n\nexport const tabBadgeBase = 'rounded-[var(--gr-radius-full)] bg-[var(--gr-secondary)] text-[var(--gr-secondary-fg)]'\n\nexport function grTabsListClass(options: {\n  variant: GrTabsVariant\n  size: GrTabsSize\n  orientation: GrTabsOrientation\n}): string {\n  const vertical = options.orientation === 'vertical'\n\n  return [\n    tablistBase,\n    tablistVariants[options.variant],\n    vertical ? tablistVerticalVariants[options.variant] : '',\n    options.variant === 'pills' ? tablistSizes[options.size] : tablistLineSizes[options.size],\n    vertical ? tablistColumnClass : tablistScrollClass,\n  ].filter(Boolean).join(' ')\n}\n\nexport function grTabsTabClass(options: {\n  variant: GrTabsVariant\n  size: GrTabsSize\n  active: boolean\n  disabled: boolean\n}): string {\n  const state = tabStateClasses[options.variant]\n\n  return [\n    tabBase,\n    tabVariantBase[options.variant],\n    tabSizes[options.size],\n    options.disabled ? state.disabled : options.active ? state.active : state.idle,\n  ].join(' ')\n}\n\nexport function grTabsBadgeClass(size: GrTabsSize): string {\n  return [tabBadgeBase, tabBadgeSizes[size]].join(' ')\n}\n\nexport function grTabsCloseClass(size: GrTabsSize): string {\n  return [tabCloseBase, tabCloseSizes[size]].join(' ')\n}\n\nexport function grTabsEmptyClass(size: GrTabsSize): string {\n  return [tabsEmptyBase, tabSizes[size]].join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  tabBadgeBase,\n  tabBadgeSizes,\n  tabBase,\n  tabCloseBase,\n  tabCloseIconSizes,\n  tabCloseSizes,\n  tabContentClass,\n  tabIconClass,\n  tablistBase,\n  tablistColumnClass,\n  tablistLineSizes,\n  tablistScrollClass,\n  tablistSizes,\n  tablistVariants,\n  tablistVerticalVariants,\n  tabsEmptyBase,\n  tabSizes,\n  tabStateClasses,\n  tabVariantBase,\n} from './grTabsStyles'\n\nexport const grTabsSafelist = [...new Set([\n  ...Object.values(tabSizes).flatMap(splitClassTokens),\n  ...Object.values(tabBadgeSizes).flatMap(splitClassTokens),\n  ...Object.values(tabCloseSizes).flatMap(splitClassTokens),\n  ...Object.values(tabCloseIconSizes).flatMap(splitClassTokens),\n  ...Object.values(tablistSizes).flatMap(splitClassTokens),\n  ...Object.values(tablistLineSizes).flatMap(splitClassTokens),\n  ...Object.values(tablistVariants).flatMap(splitClassTokens),\n  ...Object.values(tablistVerticalVariants).flatMap(splitClassTokens),\n  ...Object.values(tabVariantBase).flatMap(splitClassTokens),\n  ...Object.values(tabStateClasses).flatMap(state => [\n    ...splitClassTokens(state.active),\n    ...splitClassTokens(state.idle),\n    ...splitClassTokens(state.disabled),\n  ]),\n  ...splitClassTokens(tablistBase),\n  ...splitClassTokens(tablistScrollClass),\n  ...splitClassTokens(tablistColumnClass),\n  ...splitClassTokens(tabBase),\n  ...splitClassTokens(tabBadgeBase),\n  ...splitClassTokens(tabContentClass),\n  ...splitClassTokens(tabIconClass),\n  ...splitClassTokens(tabCloseBase),\n  ...splitClassTokens(tabsEmptyBase),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grTabsSafelist } from './safelist'\n\nexport const grTabsConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTabs',\n  safelist: grTabsSafelist,\n})\n"],"mappings":";;;;AAeA,IAAa,WAAuC;CAClD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,gBAA4C;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,eAA2C;CACtD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,mBAA+C;CAC1D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,cAAc;AAE3B,IAAa,kBAAiD;CAC5D,OAAO;CACP,MAAM;AACR;;;;;AAMA,IAAa,0BAAyD;CACpE,OAAO;CACP,MAAM;AACR;;;;;;AAOA,IAAa,qBAAqB;;AAGlC,IAAa,qBAAqB;AAElC,IAAa,UAAU;AAKvB,IAAa,iBAAgD;CAC3D,OAAO;CACP,MAAM;AACR;AAEA,IAAa,kBAA6F;CACxG,OAAO;EACL,QAAQ;EACR,MAAM;EACN,UAAU;CACZ;CACA,MAAM;EACJ,QAAQ;EACR,MAAM;EACN,UAAU;CACZ;AACF;AAEA,IAAa,eAAe;AAE5B,IAAa,kBAAkB;;;;;;;;;;AAW/B,IAAa,eAAe;AAE5B,IAAa,gBAA4C;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,oBAAgD;CAC3D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,gBAAgB;AAE7B,IAAa,eAAe;AAE5B,SAAgB,gBAAgB,SAIrB;CACT,MAAM,WAAW,QAAQ,gBAAgB;CAEzC,OAAO;EACL;EACA,gBAAgB,QAAQ;EACxB,WAAW,wBAAwB,QAAQ,WAAW;EACtD,QAAQ,YAAY,UAAU,aAAa,QAAQ,QAAQ,iBAAiB,QAAQ;EACpF,WAAW,qBAAqB;CAClC,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B;AAEA,SAAgB,eAAe,SAKpB;CACT,MAAM,QAAQ,gBAAgB,QAAQ;CAEtC,OAAO;EACL;EACA,eAAe,QAAQ;EACvB,SAAS,QAAQ;EACjB,QAAQ,WAAW,MAAM,WAAW,QAAQ,SAAS,MAAM,SAAS,MAAM;CAC5E,CAAC,CAAC,KAAK,GAAG;AACZ;AAEA,SAAgB,iBAAiB,MAA0B;CACzD,OAAO,CAAC,cAAc,cAAc,KAAK,CAAC,CAAC,KAAK,GAAG;AACrD;AAEA,SAAgB,iBAAiB,MAA0B;CACzD,OAAO,CAAC,cAAc,cAAc,KAAK,CAAC,CAAC,KAAK,GAAG;AACrD;AAEA,SAAgB,iBAAiB,MAA0B;CACzD,OAAO,CAAC,eAAe,SAAS,KAAK,CAAC,CAAC,KAAK,GAAG;AACjD;;;ACpJA,IAAa,iBAAiB,CAAC,mBAAG,IAAI,IAAI;CACxC,GAAG,OAAO,OAAO,QAAQ,CAAC,CAAC,QAAQ,gBAAgB;CACnD,GAAG,OAAO,OAAO,aAAa,CAAC,CAAC,QAAQ,gBAAgB;CACxD,GAAG,OAAO,OAAO,aAAa,CAAC,CAAC,QAAQ,gBAAgB;CACxD,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,GAAG,OAAO,OAAO,YAAY,CAAC,CAAC,QAAQ,gBAAgB;CACvD,GAAG,OAAO,OAAO,gBAAgB,CAAC,CAAC,QAAQ,gBAAgB;CAC3D,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,GAAG,OAAO,OAAO,uBAAuB,CAAC,CAAC,QAAQ,gBAAgB;CAClE,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;CACzD,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,SAAQ,UAAS;EACjD,GAAG,iBAAiB,MAAM,MAAM;EAChC,GAAG,iBAAiB,MAAM,IAAI;EAC9B,GAAG,iBAAiB,MAAM,QAAQ;CACpC,CAAC;CACD,GAAG,iBAAiB,WAAW;CAC/B,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,OAAO;CAC3B,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,aAAa;AACnC,CAAC,CAAC;;;AC3CF,IAAa,eAAe,wBAAwB,OAAO,KAAK,KAAK;CACnE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-Cp0DE0GH.js → config-_jO3q1Le.js}

@@ -1,4 +1,4 @@
-import { t as grIconClassTokens } from "./grIconStyles-BwJrml2L.js";
+import { t as grIconClassTokens } from "./grIconStyles-B6BRqUld.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrIcon/safelist.ts
 var grIconSafelist = [...new Set(grIconClassTokens)];

package/dist/chunks/{config-Cp0DE0GH.js.map → config-_jO3q1Le.js.map}

@@ -1 +1 @@
-{"version":3,"file":"config-Cp0DE0GH.js","names":[],"sources":["../../src/components/GrIcon/safelist.ts","../../src/components/GrIcon/config.ts"],"sourcesContent":["import { grIconClassTokens } from './grIconStyles'\n\n// Классы тона и вращения живут строковыми литералами в `grIconStyles.ts` —\n// на сборке он уезжает в общий dist-чанк, вне области скана компонента\n// (docs/gotchas.md §2).\nexport const grIconSafelist = [...new Set(grIconClassTokens)]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grIconSafelist } from './safelist'\n\nexport const grIconConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrIcon',\n  safelist: grIconSafelist,\n})\n"],"mappings":";;;AAKA,IAAa,iBAAiB,CAAC,GAAG,IAAI,IAAI,iBAAiB,CAAC;;;ACD5D,IAAa,eAAe,wBAAwB,OAAO,KAAK,KAAK;CACnE,MAAM;CACN,UAAU;AACZ,CAAC"}
+{"version":3,"file":"config-_jO3q1Le.js","names":[],"sources":["../../src/components/GrIcon/safelist.ts","../../src/components/GrIcon/config.ts"],"sourcesContent":["import { grIconClassTokens } from './grIconStyles'\n\n// Классы тона и вращения живут строковыми литералами в `grIconStyles.ts` —\n// на сборке он уезжает в общий dist-чанк, вне области скана компонента\n// (docs/gotchas.md §2).\nexport const grIconSafelist = [...new Set(grIconClassTokens)]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grIconSafelist } from './safelist'\n\nexport const grIconConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrIcon',\n  safelist: grIconSafelist,\n})\n"],"mappings":";;;AAKA,IAAa,iBAAiB,CAAC,GAAG,IAAI,IAAI,iBAAiB,CAAC;;;ACD5D,IAAa,eAAe,wBAAwB,OAAO,KAAK,KAAK;CACnE,MAAM;CACN,UAAU;AACZ,CAAC"}