@feugene/granularity 0.48.0 → 0.50.0

package/dist/chunks/{config-D3HOuHDe.js → config-C3SqBqSQ.js}

@@ -1,10 +1,12 @@
 import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
-import { a as tableSizes, i as stripedClass, n as hoverableClass, r as loadingRowCellClass, t as emptyCellClass } from "./grTableStyles-DkQPMfx9.js";
+import { a as stickyColumnStripedClass, i as stickyColumnHoverableClass, n as hoverableClass, o as stripedClass, r as loadingRowCellClass, s as tableSizes, t as emptyCellClass } from "./grTableStyles-CPSxDTOW.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrTable/safelist.ts
 var grTableSafelist = [.../* @__PURE__ */ new Set([
 	...Object.values(tableSizes).flatMap(splitClassTokens),
 	...splitClassTokens(stripedClass),
+	...splitClassTokens(stickyColumnStripedClass),
+	...splitClassTokens(stickyColumnHoverableClass),
 	...splitClassTokens(hoverableClass),
 	...splitClassTokens(emptyCellClass),
 	...splitClassTokens(loadingRowCellClass)

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-C3SqBqSQ.js","names":[],"sources":["../../src/components/GrTable/safelist.ts","../../src/components/GrTable/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  emptyCellClass,\n  hoverableClass,\n  loadingRowCellClass,\n  stickyColumnHoverableClass,\n  stickyColumnStripedClass,\n  stripedClass,\n  tableSizes,\n} from './grTableStyles'\n\nexport const grTableSafelist = [...new Set([\n  ...Object.values(tableSizes).flatMap(splitClassTokens),\n  ...splitClassTokens(stripedClass),\n  ...splitClassTokens(stickyColumnStripedClass),\n  ...splitClassTokens(stickyColumnHoverableClass),\n  ...splitClassTokens(hoverableClass),\n  ...splitClassTokens(emptyCellClass),\n  ...splitClassTokens(loadingRowCellClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grTableSafelist } from './safelist'\n\nexport const grTableConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTable',\n  dependencies: ['GrSkeleton'],\n  safelist: grTableSafelist,\n})\n"],"mappings":";;;;AAWA,IAAa,kBAAkB,CAAC,mBAAG,IAAI,IAAI;CACzC,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CACrD,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,0BAA0B;CAC9C,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,mBAAmB;AACzC,CAAC,CAAC;;;ACfF,IAAa,gBAAgB,wBAAwB,YAAY,KAAK;CACpE,MAAM;CACN,cAAc,CAAC,YAAY;CAC3B,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-2ZHRsdOc.js → config-C3uqd-sW.js}

@@ -22,7 +22,7 @@ var navbarSideClass = "flex min-w-0 items-center gap-3";
 var navbarSideGrowClass = "flex-1";
 var navbarRightAlignClass = "justify-end";
 var navbarCenterClass = "flex min-w-0 flex-1 items-center justify-center gap-3";
-var navbarTitleClass = "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] font-700";
+var navbarTitleClass = "m-0 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] font-700";
 function grNavbarRootClass(sticky) {
 	return [navbarBaseClass, sticky ? navbarStickyClass : ""].filter(Boolean).join(" ");
 }

package/dist/chunks/config-C3uqd-sW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-C3uqd-sW.js","names":[],"sources":["../../src/components/GrNavbar/grNavbarStyles.ts","../../src/components/GrNavbar/safelist.ts","../../src/components/GrNavbar/config.ts"],"sourcesContent":["/**\n * Кастомизация через CSS-переменные:\n *\n * - `--gr-navbar-height` — высота панели (по умолчанию `56px`).\n */\nexport const navbarBaseClass = 'h-[var(--gr-navbar-height,56px)] border-b border-[var(--gr-brd)] bg-[var(--gr-bg)] flex items-center gap-4 px-4 sm:px-6'\n\n/**\n * Прилипшая шапка идёт слоем ниже якорных панелей: она обязана перекрывать\n * контент, но не выпадашки, тултипы и модалки — иначе открытый список уезжал бы\n * под неё.\n */\nexport const navbarStickyClass = 'sticky top-0 z-[var(--gr-z-navbar)]'\n\nexport const navbarSideClass = 'flex min-w-0 items-center gap-3'\n\n/**\n * Центрировать содержимое относительно панели можно только когда боковые зоны\n * делят остаток поровну: у центра с одним `flex-1` середина считается от\n * остатка, а не от панели, и уезжает вслед за более широким боком.\n */\nexport const navbarSideGrowClass = 'flex-1'\nexport const navbarRightAlignClass = 'justify-end'\n\nexport const navbarCenterClass = 'flex min-w-0 flex-1 items-center justify-center gap-3'\n\n/**\n * Уровни заголовка шапки.\n *\n * Единица разрешена, в отличие от `GrCard`, где шкала начинается с двойки:\n * карточка никогда не бывает заголовком страницы, а шапка раздела — бывает, и\n * имя раздела в ней и есть `h1`.\n */\nexport const GR_NAVBAR_HEADING_LEVELS = [1, 2, 3, 4, 5, 6] as const\n\nexport type GrNavbarHeadingLevel = typeof GR_NAVBAR_HEADING_LEVELS[number]\n\n// `m-0` — у нативного заголовка свой браузерный отступ, а префлайт пакета\n// сбрасывает `margin` только у `body`. Потребитель с tailwind-совместимым\n// сбросом его не увидит, а без такого сброса ряд шапки разъедется по вертикали:\n// делать высоту шапки зависимой от чужого CSS нельзя. У `<div>` объявление\n// ничего не значит, поэтому вид без `headingLevel` прежний.\nexport const navbarTitleClass = 'm-0 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] font-700'\n\nexport function grNavbarRootClass(sticky: boolean): string {\n  return [navbarBaseClass, sticky ? navbarStickyClass : ''].filter(Boolean).join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  navbarBaseClass,\n  navbarCenterClass,\n  navbarRightAlignClass,\n  navbarSideClass,\n  navbarSideGrowClass,\n  navbarStickyClass,\n  navbarTitleClass,\n} from './grNavbarStyles'\n\nexport const grNavbarSafelist = [...new Set([\n  ...splitClassTokens(navbarBaseClass),\n  ...splitClassTokens(navbarStickyClass),\n  ...splitClassTokens(navbarSideClass),\n  ...splitClassTokens(navbarSideGrowClass),\n  ...splitClassTokens(navbarRightAlignClass),\n  ...splitClassTokens('ml-auto'),\n  ...splitClassTokens(navbarCenterClass),\n  ...splitClassTokens(navbarTitleClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grNavbarSafelist } from './safelist'\n\nexport const grNavbarConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrNavbar',\n  dependencies: ['GrButton', 'GrIcon'],\n  safelist: grNavbarSafelist,\n})\n"],"mappings":";;;;;;;;AAKA,IAAa,kBAAkB;;;;;;AAO/B,IAAa,oBAAoB;AAEjC,IAAa,kBAAkB;;;;;;AAO/B,IAAa,sBAAsB;AACnC,IAAa,wBAAwB;AAErC,IAAa,oBAAoB;AAkBjC,IAAa,mBAAmB;AAEhC,SAAgB,kBAAkB,QAAyB;CACzD,OAAO,CAAC,iBAAiB,SAAS,oBAAoB,EAAE,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AACpF;;;ACnCA,IAAa,mBAAmB,CAAC,mBAAG,IAAI,IAAI;CAC1C,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,SAAS;CAC7B,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,gBAAgB;AACtC,CAAC,CAAC;;;AChBF,IAAa,iBAAiB,wBAAwB,YAAY,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,YAAY,QAAQ;CACnC,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-BXRmsn3t.js → config-CPhcZzHi.js}

@@ -61,23 +61,78 @@ function grCarouselThumbActiveClass(tone) {
 	return `border-${arbitrary(dotToneVars[tone])}`;
 }
 var carouselRootBase = "relative w-full";
+/**
+* Вертикальная лента: высоту задаёт потребитель **на корне**, а вьюпорт обязан
+* её получить.
+*
+* Иначе высота вьюпорта выводится из содержимого, процентная `flex-basis`
+* кадров упирается в неопределённый размер и вырождается в высоту содержимого —
+* кадры встают столбцом, а лента честно считает шаг от суммы. Отсюда колонка на
+* корне и `flex-1 min-h-0` на вьюпорте: полоса переключателей остаётся под ним,
+* а вьюпорт забирает остаток.
+*/
+var carouselRootAxis = {
+	horizontal: "",
+	vertical: "flex flex-col"
+};
+var carouselViewportAxis = {
+	horizontal: "",
+	vertical: "min-h-0 flex-1"
+};
 var carouselViewportBase = "relative w-full overflow-hidden";
 /**
 * Вертикальная прокрутка страницы остаётся браузеру, горизонталь забирает лента.
 * `select-none` — против выделения текста слайда протяжкой.
 */
-var carouselViewportSwipeClass = "[touch-action:pan-y] select-none";
-var carouselTrackBase = "flex w-full will-change-transform transition-transform duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]";
-var carouselSlideBase = "w-full min-w-0 shrink-0 grow-0 basis-full";
+var carouselViewportSwipeClass = "select-none";
+var carouselTrackBase = "flex will-change-transform transition-transform duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]";
+var carouselSlideBase = "shrink-0 grow-0 basis-full";
+/**
+* Кадр занимает вьюпорт целиком по оси движения. Поперёк оси он не ограничен:
+* там размер задаёт содержимое, как и раньше.
+*/
+var carouselSlideAxis = {
+	horizontal: "w-full min-w-0",
+	vertical: "h-full min-h-0"
+};
+/**
+* Направление ленты. По вертикали ей нужна **определённая высота вьюпорта**:
+* `translateY(-100%)` считается от высоты самой ленты, а она у колонки равна
+* сумме кадров, если вьюпорт высоту не задал.
+*/
+var carouselTrackAxis = {
+	horizontal: "w-full",
+	vertical: "h-full flex-col"
+};
+/** Жест по оси движения перехватывается лентой, поперёк — отдаётся странице. */
+var carouselViewportTouchAction = {
+	horizontal: "[touch-action:pan-y]",
+	vertical: "[touch-action:pan-x]"
+};
+/**
+* Стрелки стоят по оси движения. По горизонтали позиции логические
+* (`start`/`end`) — они зеркалятся под RTL; по вертикали направление письма ни
+* при чём, поэтому там физические `top`/`bottom`.
+*/
+var carouselControlAxis = {
+	horizontal: "top-1/2 -translate-y-1/2",
+	vertical: "left-1/2 -translate-x-1/2"
+};
 /**
 * Стрелки лежат поверх произвольного содержимого, поэтому несут собственную
 * подложку: на светлом кадре иконка без неё пропадает. `z-10` — порядок внутри
 * собственного stacking-контекста компонента, а не слой страницы.
 */
-var carouselControlBase = "absolute top-1/2 z-10 inline-flex h-9 w-9 -translate-y-1/2 items-center justify-center rounded-[var(--gr-radius-full)] border border-[var(--gr-brd)] bg-[var(--gr-carousel-control-bg,var(--gr-bg))] text-[var(--gr-carousel-control-fg,var(--gr-fg))] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+var carouselControlBase = "absolute z-10 inline-flex h-9 w-9 items-center justify-center rounded-[var(--gr-radius-full)] border border-[var(--gr-brd)] bg-[var(--gr-carousel-control-bg,var(--gr-bg))] text-[var(--gr-carousel-control-fg,var(--gr-fg))] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
 var carouselControlPositions = {
-	prev: "start-2",
-	next: "end-2"
+	horizontal: {
+		prev: "start-2",
+		next: "end-2"
+	},
+	vertical: {
+		prev: "top-2",
+		next: "bottom-2"
+	}
 };
 /**
 * Стрелка на краю без `loop` гасится фоном, а не `opacity`: прозрачность
@@ -109,10 +164,11 @@ var carouselThumbStates = { idle: "border-[var(--gr-brd)] hover:border-[var(--gr
 var carouselThumbImageClass = "h-full w-full object-cover";
 /** Миниатюры не дали — плитка держит ритм полосы номером слайда. */
 var carouselThumbFallbackClass = "flex h-full w-full items-center justify-center bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]";
-function grCarouselControlClass(direction, disabled) {
+function grCarouselControlClass(direction, disabled, orientation = "horizontal") {
 	return [
 		carouselControlBase,
-		carouselControlPositions[direction],
+		carouselControlAxis[orientation],
+		carouselControlPositions[orientation][direction],
 		disabled ? carouselControlStates.disabled : carouselControlStates.idle
 	].join(" ");
 }
@@ -136,7 +192,13 @@ function grCarouselIndicatorClass(variant, active, tone = "primary") {
 var grCarouselSafelist = [.../* @__PURE__ */ new Set([
 	...GR_TONES.flatMap((tone) => splitClassTokens(grCarouselDotActiveClass(tone))),
 	...GR_TONES.flatMap((tone) => splitClassTokens(grCarouselThumbActiveClass(tone))),
-	...Object.values(carouselControlPositions).flatMap(splitClassTokens),
+	...Object.values(carouselControlPositions).flatMap((positions) => Object.values(positions).flatMap(splitClassTokens)),
+	...Object.values(carouselControlAxis).flatMap(splitClassTokens),
+	...Object.values(carouselTrackAxis).flatMap(splitClassTokens),
+	...Object.values(carouselSlideAxis).flatMap(splitClassTokens),
+	...Object.values(carouselViewportTouchAction).flatMap(splitClassTokens),
+	...Object.values(carouselRootAxis).flatMap(splitClassTokens),
+	...Object.values(carouselViewportAxis).flatMap(splitClassTokens),
 	...Object.values(carouselControlStates).flatMap(splitClassTokens),
 	...Object.values(carouselIndicatorsVariants).flatMap(splitClassTokens),
 	...Object.values(carouselDotStates).flatMap(splitClassTokens),
@@ -169,4 +231,4 @@ var grCarouselConfig = defineGranularComponent(import.meta.url, {
 	safelist: grCarouselSafelist
 });
 //#endregion
-export { carouselSlideBase as a, carouselToggleClass as c, carouselViewportSwipeClass as d, grCarouselControlClass as f, carouselRootBase as i, carouselTrackBase as l, grCarouselIndicatorsClass as m, grCarouselSafelist as n, carouselThumbFallbackClass as o, grCarouselIndicatorClass as p, carouselIconClass as r, carouselThumbImageClass as s, grCarouselConfig as t, carouselViewportBase as u };
+export { grCarouselControlClass as _, carouselRootBase as a, carouselThumbFallbackClass as c, carouselTrackAxis as d, carouselTrackBase as f, carouselViewportTouchAction as g, carouselViewportSwipeClass as h, carouselRootAxis as i, carouselThumbImageClass as l, carouselViewportBase as m, grCarouselSafelist as n, carouselSlideAxis as o, carouselViewportAxis as p, carouselIconClass as r, carouselSlideBase as s, grCarouselConfig as t, carouselToggleClass as u, grCarouselIndicatorClass as v, grCarouselIndicatorsClass as y };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-CPhcZzHi.js","names":[],"sources":["../../src/components/GrCarousel/grCarouselStyles.ts","../../src/components/GrCarousel/safelist.ts","../../src/components/GrCarousel/config.ts"],"sourcesContent":["import type { GrTone } from '../shared/tones'\n\n/**\n * Вид переключателя слайдов. `none` меняет не только внешность, но и роль самих\n * слайдов: без переключателя `tabpanel` не к чему привязать — см. `GrCarousel.vue`.\n */\nexport const GR_CAROUSEL_INDICATORS = ['dots', 'thumbnails', 'none'] as const\nexport type GrCarouselIndicators = typeof GR_CAROUSEL_INDICATORS[number]\n\n/**\n * Тон текущего переключателя. Своей шкалы компонент не заводит: она одна на\n * пакет, и хук `--gr-carousel-dot-active` перебивает её точечно.\n */\nconst dotToneVars: Record<GrTone, string> = {\n  primary: 'var(--gr-carousel-dot-active,var(--gr-primary))',\n  neutral: 'var(--gr-carousel-dot-active,var(--gr-secondary))',\n  success: 'var(--gr-carousel-dot-active,var(--gr-success))',\n  warning: 'var(--gr-carousel-dot-active,var(--gr-warning))',\n  danger: 'var(--gr-carousel-dot-active,var(--gr-danger))',\n  info: 'var(--gr-carousel-dot-active,var(--gr-info))',\n  slate: 'var(--gr-carousel-dot-active,var(--gr-slate))',\n  azure: 'var(--gr-carousel-dot-active,var(--gr-azure))',\n}\n\n/**\n * Текущая точка: заливка **и** обвод вокруг неё.\n *\n * Одной заливки мало: при диаметре в 8 пикселей текущая точка отличалась от\n * соседних только оттенком, а на тон вроде `slate` разница почти пропадала. Обвод\n * добавляет второй признак — форму, — и работает там, где цвет не различают.\n *\n * `outline`, а не `ring`: он рисуется вне потока и не требует цвета подложки под\n * зазор, тогда как `ring-offset` пришлось бы красить в фон страницы, которого\n * компонент не знает.\n */\n/**\n * Скобки приносит хелпер, а не литерал.\n *\n * Гейт safelist читает класс-литералы `.ts`-хелперов статически, и запись вида\n * `` `bg-[${color}]` `` он видит как класс, которого в safelist нет. Приём взят\n * у `GrProgressBar`: в литерале скобок не остаётся вовсе.\n */\nfunction arbitrary(value: string): string {\n  return `[${value}]`\n}\n\n/**\n * Текущая точка: заливка **и** обвод вокруг неё.\n *\n * Одной заливки мало: при диаметре в 8 пикселей текущая точка отличалась от\n * соседних только оттенком, а на приглушённом тоне разница почти пропадала.\n * Обвод добавляет второй признак — форму, — и работает там, где цвет не\n * различают.\n *\n * `outline`, а не `ring`: он рисуется вне потока и не требует цвета подложки под\n * зазор, тогда как `ring-offset` пришлось бы красить в фон страницы, которого\n * компонент не знает.\n */\nexport function grCarouselDotActiveClass(tone: GrTone): string {\n  const color = dotToneVars[tone]\n\n  return [\n    `bg-${arbitrary(color)}`,\n    arbitrary(`outline:var(--gr-carousel-dot-ring-width,2px)_solid_${color}`),\n    arbitrary('outline-offset:var(--gr-carousel-dot-ring-offset,2px)'),\n  ].join(' ')\n}\n\nexport function grCarouselThumbActiveClass(tone: GrTone): string {\n  return `border-${arbitrary(dotToneVars[tone])}`\n}\n\n/** `automatic` — стрелка по индикаторам сразу листает; `manual` — только двигает фокус. */\nexport const GR_CAROUSEL_ACTIVATION_MODES = ['automatic', 'manual'] as const\nexport type GrCarouselActivationMode = typeof GR_CAROUSEL_ACTIVATION_MODES[number]\n\nexport const carouselRootBase = 'relative w-full'\n\n/**\n * Вертикальная лента: высоту задаёт потребитель **на корне**, а вьюпорт обязан\n * её получить.\n *\n * Иначе высота вьюпорта выводится из содержимого, процентная `flex-basis`\n * кадров упирается в неопределённый размер и вырождается в высоту содержимого —\n * кадры встают столбцом, а лента честно считает шаг от суммы. Отсюда колонка на\n * корне и `flex-1 min-h-0` на вьюпорте: полоса переключателей остаётся под ним,\n * а вьюпорт забирает остаток.\n */\nexport const carouselRootAxis: Record<GrCarouselOrientation, string> = {\n  horizontal: '',\n  vertical: 'flex flex-col',\n}\n\nexport const carouselViewportAxis: Record<GrCarouselOrientation, string> = {\n  horizontal: '',\n  vertical: 'min-h-0 flex-1',\n}\n\nexport const carouselViewportBase = 'relative w-full overflow-hidden'\n\n/**\n * Вертикальная прокрутка страницы остаётся браузеру, горизонталь забирает лента.\n * `select-none` — против выделения текста слайда протяжкой.\n */\nexport const carouselViewportSwipeClass = 'select-none'\n\nexport const carouselTrackBase = 'flex will-change-transform transition-transform duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]'\n\nexport const GR_CAROUSEL_ORIENTATIONS = ['horizontal', 'vertical'] as const\nexport type GrCarouselOrientation = typeof GR_CAROUSEL_ORIENTATIONS[number]\n\nexport const carouselSlideBase = 'shrink-0 grow-0 basis-full'\n\n/**\n * Кадр занимает вьюпорт целиком по оси движения. Поперёк оси он не ограничен:\n * там размер задаёт содержимое, как и раньше.\n */\nexport const carouselSlideAxis: Record<GrCarouselOrientation, string> = {\n  horizontal: 'w-full min-w-0',\n  vertical: 'h-full min-h-0',\n}\n\n/**\n * Направление ленты. По вертикали ей нужна **определённая высота вьюпорта**:\n * `translateY(-100%)` считается от высоты самой ленты, а она у колонки равна\n * сумме кадров, если вьюпорт высоту не задал.\n */\nexport const carouselTrackAxis: Record<GrCarouselOrientation, string> = {\n  horizontal: 'w-full',\n  vertical: 'h-full flex-col',\n}\n\n/** Жест по оси движения перехватывается лентой, поперёк — отдаётся странице. */\nexport const carouselViewportTouchAction: Record<GrCarouselOrientation, string> = {\n  horizontal: '[touch-action:pan-y]',\n  vertical: '[touch-action:pan-x]',\n}\n\n/**\n * Стрелки стоят по оси движения. По горизонтали позиции логические\n * (`start`/`end`) — они зеркалятся под RTL; по вертикали направление письма ни\n * при чём, поэтому там физические `top`/`bottom`.\n */\nexport const carouselControlAxis: Record<GrCarouselOrientation, string> = {\n  horizontal: 'top-1/2 -translate-y-1/2',\n  vertical: 'left-1/2 -translate-x-1/2',\n}\n\n/**\n * Стрелки лежат поверх произвольного содержимого, поэтому несут собственную\n * подложку: на светлом кадре иконка без неё пропадает. `z-10` — порядок внутри\n * собственного stacking-контекста компонента, а не слой страницы.\n */\nexport const carouselControlBase = 'absolute z-10 inline-flex h-9 w-9 items-center justify-center rounded-[var(--gr-radius-full)] border border-[var(--gr-brd)] bg-[var(--gr-carousel-control-bg,var(--gr-bg))] text-[var(--gr-carousel-control-fg,var(--gr-fg))] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport const carouselControlPositions: Record<GrCarouselOrientation, Record<'prev' | 'next', string>> = {\n  horizontal: {\n    prev: 'start-2',\n    next: 'end-2',\n  },\n  vertical: {\n    prev: 'top-2',\n    next: 'bottom-2',\n  },\n}\n\n/**\n * Стрелка на краю без `loop` гасится фоном, а не `opacity`: прозрачность\n * разбавляет выверенные на AA токены текста и роняет контраст.\n */\nexport const carouselControlStates = {\n  idle: 'hover:bg-[var(--gr-carousel-control-bg-hover,var(--gr-muted))]',\n  disabled: 'cursor-not-allowed bg-[var(--gr-muted)] text-[var(--gr-disabled-fg)]',\n} as const\n\n/** Тумблер автопрокрутки: тот же хром, что у стрелок, но в углу ленты. */\nexport const carouselToggleClass = 'absolute end-2 top-2 z-10 inline-flex h-8 w-8 items-center justify-center rounded-[var(--gr-radius-full)] border border-[var(--gr-brd)] bg-[var(--gr-carousel-control-bg,var(--gr-bg))] text-[var(--gr-carousel-control-fg,var(--gr-fg))] transition-colors hover:bg-[var(--gr-carousel-control-bg-hover,var(--gr-muted))] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport const carouselIconClass = 'h-4 w-4 shrink-0'\n\n/**\n * Полоса переключателей прокручивается, а не переносится: перенос увёл бы\n * миниатюры под соседний блок. Своей остановки `Tab` у неё нет — её дети\n * фокусируемы, и вторая остановка была бы лишней (приём `GrTabs`).\n */\nexport const carouselIndicatorsBase = 'flex max-w-full items-center overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden'\n\nexport const carouselIndicatorsVariants = {\n  // Поля по вертикали не украшение: полоса — скроллер, а `overflow-x: auto`\n  // по спецификации обрезает и по вертикали, и обвод текущей точки срезался бы.\n  dots: 'justify-center gap-[var(--gr-carousel-gap,0.5rem)] px-1 pt-3.5 pb-1.5',\n  thumbnails: 'gap-[var(--gr-carousel-gap,0.5rem)] pt-3',\n  none: '',\n} as const\n\nexport const carouselIndicatorBase = 'shrink-0 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport const carouselDotBase = 'rounded-[var(--gr-radius-full)] h-[var(--gr-carousel-dot-size,0.5rem)] w-[var(--gr-carousel-dot-size,0.5rem)]'\n\nexport const carouselDotStates = {\n  idle: 'bg-[var(--gr-carousel-dot,var(--gr-brd))] hover:bg-[var(--gr-muted-fg)]',\n} as const\n\nexport const carouselThumbBase = 'overflow-hidden rounded-[var(--gr-radius-md)] border-2 w-[var(--gr-carousel-thumb-width,4rem)] h-[var(--gr-carousel-thumb-height,2.5rem)]'\n\nexport const carouselThumbStates = {\n  idle: 'border-[var(--gr-brd)] hover:border-[var(--gr-muted-fg)]',\n} as const\n\nexport const carouselThumbImageClass = 'h-full w-full object-cover'\n\n/** Миниатюры не дали — плитка держит ритм полосы номером слайда. */\nexport const carouselThumbFallbackClass = 'flex h-full w-full items-center justify-center bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]'\n\nexport function grCarouselControlClass(\n  direction: 'prev' | 'next',\n  disabled: boolean,\n  orientation: GrCarouselOrientation = 'horizontal',\n): string {\n  return [\n    carouselControlBase,\n    carouselControlAxis[orientation],\n    carouselControlPositions[orientation][direction],\n    disabled ? carouselControlStates.disabled : carouselControlStates.idle,\n  ].join(' ')\n}\n\nexport function grCarouselIndicatorsClass(variant: GrCarouselIndicators): string {\n  return [carouselIndicatorsBase, carouselIndicatorsVariants[variant]].filter(Boolean).join(' ')\n}\n\nexport function grCarouselIndicatorClass(\n  variant: GrCarouselIndicators,\n  active: boolean,\n  tone: GrTone = 'primary',\n): string {\n  if (variant === 'thumbnails') {\n    return [\n      carouselIndicatorBase,\n      carouselThumbBase,\n      active ? grCarouselThumbActiveClass(tone) : carouselThumbStates.idle,\n    ].join(' ')\n  }\n\n  return [\n    carouselIndicatorBase,\n    carouselDotBase,\n    active ? grCarouselDotActiveClass(tone) : carouselDotStates.idle,\n  ].join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport { GR_TONES } from '../shared/tones'\nimport {\n  carouselControlAxis,\n  carouselControlBase,\n  carouselControlPositions,\n  carouselControlStates,\n  carouselDotBase,\n  carouselDotStates,\n  carouselIconClass,\n  carouselIndicatorBase,\n  carouselIndicatorsBase,\n  carouselIndicatorsVariants,\n  carouselRootAxis,\n  carouselRootBase,\n  carouselSlideAxis,\n  carouselSlideBase,\n  carouselThumbBase,\n  carouselThumbFallbackClass,\n  carouselThumbImageClass,\n  carouselThumbStates,\n  carouselToggleClass,\n  grCarouselDotActiveClass,\n  grCarouselThumbActiveClass,\n  carouselTrackAxis,\n  carouselTrackBase,\n  carouselViewportAxis,\n  carouselViewportBase,\n  carouselViewportSwipeClass,\n  carouselViewportTouchAction,\n} from './grCarouselStyles'\n\nexport const grCarouselSafelist = [...new Set([\n  // Тон приходит пропом, поэтому в скан попадает не он, а вся шкала.\n  ...GR_TONES.flatMap(tone => splitClassTokens(grCarouselDotActiveClass(tone))),\n  ...GR_TONES.flatMap(tone => splitClassTokens(grCarouselThumbActiveClass(tone))),\n  ...Object.values(carouselControlPositions).flatMap(positions => Object.values(positions).flatMap(splitClassTokens)),\n  ...Object.values(carouselControlAxis).flatMap(splitClassTokens),\n  ...Object.values(carouselTrackAxis).flatMap(splitClassTokens),\n  ...Object.values(carouselSlideAxis).flatMap(splitClassTokens),\n  ...Object.values(carouselViewportTouchAction).flatMap(splitClassTokens),\n  ...Object.values(carouselRootAxis).flatMap(splitClassTokens),\n  ...Object.values(carouselViewportAxis).flatMap(splitClassTokens),\n  ...Object.values(carouselControlStates).flatMap(splitClassTokens),\n  ...Object.values(carouselIndicatorsVariants).flatMap(splitClassTokens),\n  ...Object.values(carouselDotStates).flatMap(splitClassTokens),\n  ...Object.values(carouselThumbStates).flatMap(splitClassTokens),\n  ...splitClassTokens(carouselRootBase),\n  ...splitClassTokens(carouselViewportBase),\n  ...splitClassTokens(carouselViewportSwipeClass),\n  ...splitClassTokens(carouselTrackBase),\n  ...splitClassTokens(carouselSlideBase),\n  ...splitClassTokens(carouselControlBase),\n  ...splitClassTokens(carouselToggleClass),\n  ...splitClassTokens(carouselIconClass),\n  ...splitClassTokens(carouselIndicatorsBase),\n  ...splitClassTokens(carouselIndicatorBase),\n  ...splitClassTokens(carouselDotBase),\n  ...splitClassTokens(carouselThumbBase),\n  ...splitClassTokens(carouselThumbImageClass),\n  ...splitClassTokens(carouselThumbFallbackClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grCarouselSafelist } from './safelist'\n\n/**\n * `dependencies` пуст намеренно: стрелки и тумблер — обычные `<button>`, а не\n * `GrButton`. Тот связывает `disabled` с нативным атрибутом, а стрелка на краю\n * без `loop` обязана остаться фокусируемой (`aria-disabled`), иначе фокус\n * падает в `<body>` ровно в момент, когда пользователь долистал до конца.\n */\nexport const grCarouselConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrCarousel',\n  safelist: grCarouselSafelist,\n})\n"],"mappings":";;;;;;;;AAaA,IAAM,cAAsC;CAC1C,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;AACT;;;;;;;;;;;;;;;;;;;AAoBA,SAAS,UAAU,OAAuB;CACxC,OAAO,IAAI,MAAM;AACnB;;;;;;;;;;;;;AAcA,SAAgB,yBAAyB,MAAsB;CAC7D,MAAM,QAAQ,YAAY;CAE1B,OAAO;EACL,MAAM,UAAU,KAAK;EACrB,UAAU,uDAAuD,OAAO;EACxE,UAAU,uDAAuD;CACnE,CAAC,CAAC,KAAK,GAAG;AACZ;AAEA,SAAgB,2BAA2B,MAAsB;CAC/D,OAAO,UAAU,UAAU,YAAY,KAAK;AAC9C;AAMA,IAAa,mBAAmB;;;;;;;;;;;AAYhC,IAAa,mBAA0D;CACrE,YAAY;CACZ,UAAU;AACZ;AAEA,IAAa,uBAA8D;CACzE,YAAY;CACZ,UAAU;AACZ;AAEA,IAAa,uBAAuB;;;;;AAMpC,IAAa,6BAA6B;AAE1C,IAAa,oBAAoB;AAKjC,IAAa,oBAAoB;;;;;AAMjC,IAAa,oBAA2D;CACtE,YAAY;CACZ,UAAU;AACZ;;;;;;AAOA,IAAa,oBAA2D;CACtE,YAAY;CACZ,UAAU;AACZ;;AAGA,IAAa,8BAAqE;CAChF,YAAY;CACZ,UAAU;AACZ;;;;;;AAOA,IAAa,sBAA6D;CACxE,YAAY;CACZ,UAAU;AACZ;;;;;;AAOA,IAAa,sBAAsB;AAEnC,IAAa,2BAA2F;CACtG,YAAY;EACV,MAAM;EACN,MAAM;CACR;CACA,UAAU;EACR,MAAM;EACN,MAAM;CACR;AACF;;;;;AAMA,IAAa,wBAAwB;CACnC,MAAM;CACN,UAAU;AACZ;;AAGA,IAAa,sBAAsB;AAEnC,IAAa,oBAAoB;;;;;;AAOjC,IAAa,yBAAyB;AAEtC,IAAa,6BAA6B;CAGxC,MAAM;CACN,YAAY;CACZ,MAAM;AACR;AAEA,IAAa,wBAAwB;AAErC,IAAa,kBAAkB;AAE/B,IAAa,oBAAoB,EAC/B,MAAM,0EACR;AAEA,IAAa,oBAAoB;AAEjC,IAAa,sBAAsB,EACjC,MAAM,2DACR;AAEA,IAAa,0BAA0B;;AAGvC,IAAa,6BAA6B;AAE1C,SAAgB,uBACd,WACA,UACA,cAAqC,cAC7B;CACR,OAAO;EACL;EACA,oBAAoB;EACpB,yBAAyB,YAAY,CAAC;EACtC,WAAW,sBAAsB,WAAW,sBAAsB;CACpE,CAAC,CAAC,KAAK,GAAG;AACZ;AAEA,SAAgB,0BAA0B,SAAuC;CAC/E,OAAO,CAAC,wBAAwB,2BAA2B,QAAQ,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC/F;AAEA,SAAgB,yBACd,SACA,QACA,OAAe,WACP;CACR,IAAI,YAAY,cACd,OAAO;EACL;EACA;EACA,SAAS,2BAA2B,IAAI,IAAI,oBAAoB;CAClE,CAAC,CAAC,KAAK,GAAG;CAGZ,OAAO;EACL;EACA;EACA,SAAS,yBAAyB,IAAI,IAAI,kBAAkB;CAC9D,CAAC,CAAC,KAAK,GAAG;AACZ;;;ACzNA,IAAa,qBAAqB,CAAC,mBAAG,IAAI,IAAI;CAE5C,GAAG,SAAS,SAAQ,SAAQ,iBAAiB,yBAAyB,IAAI,CAAC,CAAC;CAC5E,GAAG,SAAS,SAAQ,SAAQ,iBAAiB,2BAA2B,IAAI,CAAC,CAAC;CAC9E,GAAG,OAAO,OAAO,wBAAwB,CAAC,CAAC,SAAQ,cAAa,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB,CAAC;CAClH,GAAG,OAAO,OAAO,mBAAmB,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,GAAG,OAAO,OAAO,2BAA2B,CAAC,CAAC,QAAQ,gBAAgB;CACtE,GAAG,OAAO,OAAO,gBAAgB,CAAC,CAAC,QAAQ,gBAAgB;CAC3D,GAAG,OAAO,OAAO,oBAAoB,CAAC,CAAC,QAAQ,gBAAgB;CAC/D,GAAG,OAAO,OAAO,qBAAqB,CAAC,CAAC,QAAQ,gBAAgB;CAChE,GAAG,OAAO,OAAO,0BAA0B,CAAC,CAAC,QAAQ,gBAAgB;CACrE,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,GAAG,OAAO,OAAO,mBAAmB,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,0BAA0B;CAC9C,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,uBAAuB;CAC3C,GAAG,iBAAiB,0BAA0B;AAChD,CAAC,CAAC;;;;;;;;;ACnDF,IAAa,mBAAmB,wBAAwB,YAAY,KAAK;CACvE,MAAM;CACN,UAAU;AACZ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"config-CWtfxkM9.js","names":[],"sources":["../../src/components/GrEmptyState/grEmptyStateStyles.ts","../../src/components/GrEmptyState/safelist.ts","../../src/components/GrEmptyState/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nexport type GrEmptyStateSize = GrComponentSize\n\n/** Поверхность карточки. `ghost` — для встраивания в уже существующую карточку. */\nexport const GR_EMPTY_STATE_VARIANTS = ['outlined', 'ghost'] as const\nexport type GrEmptyStateVariant = typeof GR_EMPTY_STATE_VARIANTS[number]\n\n/**\n * Уровень заголовка. `h1` намеренно нет: пустое состояние живёт внутри уже\n * существующей структуры страницы, а не задаёт её.\n */\nexport const GR_EMPTY_STATE_HEADING_LEVELS = [2, 3, 4, 5, 6] as const\nexport type GrEmptyStateHeadingLevel = typeof GR_EMPTY_STATE_HEADING_LEVELS[number]\n\nexport const rootBaseClass = 'text-center'\n\nexport const variantClass: Record<GrEmptyStateVariant, string> = {\n  outlined: 'rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-card)]',\n  // Карточка внутри карточки: вторая рамка только шумит (тот же смысл, что у `GrCard`).\n  ghost: '',\n}\n\nexport const rootPaddingBySize: Record<GrEmptyStateSize, string> = {\n  xs: 'p-3',\n  sm: 'p-4',\n  md: 'p-6',\n  lg: 'p-8',\n}\n\nexport const iconBoxBaseClass = 'flex items-center justify-center border border-[var(--gr-brd)] bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]'\n\nexport const iconBoxBySize: Record<GrEmptyStateSize, string> = {\n  xs: 'h-8 w-8 rounded-[var(--gr-radius-md)]',\n  sm: 'h-10 w-10 rounded-[var(--gr-radius-md)]',\n  md: 'h-12 w-12 rounded-[var(--gr-radius-lg)]',\n  lg: 'h-14 w-14 rounded-[var(--gr-radius-lg)]',\n}\n\n/** Размер самой иконки в пикселях — `GrIcon` принимает число. */\nexport const iconSizeBySize: Record<GrEmptyStateSize, number> = {\n  xs: 16,\n  sm: 20,\n  md: 24,\n  lg: 28,\n}\n\n/**\n * `mb-0` гасит браузерный отступ снизу у настоящего заголовка: без сброса\n * карточка разъезжается по вертикали.\n */\nexport const titleBaseClass = 'mb-0 font-700'\n\nexport const titleBySize: Record<GrEmptyStateSize, string> = {\n  xs: 'mt-2 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  sm: 'mt-3 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  md: 'mt-4 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  lg: 'mt-5 text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]',\n}\n\nexport const descriptionBaseClass = 'text-[var(--gr-muted-fg)]'\n\nexport const descriptionBySize: Record<GrEmptyStateSize, string> = {\n  xs: 'mt-0.5 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  sm: 'mt-1 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  md: 'mt-1 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  lg: 'mt-2 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n}\n\nexport const actionsBaseClass = 'flex justify-center'\n\nexport const actionsBySize: Record<GrEmptyStateSize, string> = {\n  xs: 'mt-2',\n  sm: 'mt-3',\n  md: 'mt-4',\n  lg: 'mt-5',\n}\n\nexport function grEmptyStateRootClass(options: {\n  variant: GrEmptyStateVariant\n  size: GrEmptyStateSize\n}): string {\n  return [rootBaseClass, variantClass[options.variant], rootPaddingBySize[options.size]]\n    .filter(Boolean)\n    .join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  actionsBaseClass,\n  actionsBySize,\n  descriptionBaseClass,\n  descriptionBySize,\n  iconBoxBaseClass,\n  iconBoxBySize,\n  rootBaseClass,\n  rootPaddingBySize,\n  titleBaseClass,\n  titleBySize,\n  variantClass,\n} from './grEmptyStateStyles'\n\nexport const grEmptyStateSafelist = [...new Set([\n  ...splitClassTokens(rootBaseClass),\n  ...splitClassTokens(iconBoxBaseClass),\n  ...splitClassTokens(titleBaseClass),\n  ...splitClassTokens(descriptionBaseClass),\n  ...splitClassTokens(actionsBaseClass),\n  ...Object.values(variantClass).flatMap(splitClassTokens),\n  ...Object.values(rootPaddingBySize).flatMap(splitClassTokens),\n  ...Object.values(iconBoxBySize).flatMap(splitClassTokens),\n  ...Object.values(titleBySize).flatMap(splitClassTokens),\n  ...Object.values(descriptionBySize).flatMap(splitClassTokens),\n  ...Object.values(actionsBySize).flatMap(splitClassTokens),\n  // Центрирование блока иконки живёт литералом в шаблоне.\n  ...splitClassTokens('flex justify-center'),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grEmptyStateSafelist } from './safelist'\n\nexport const grEmptyStateConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrEmptyState',\n  safelist: grEmptyStateSafelist,\n  dependencies: ['GrIcon'],\n})\n"],"mappings":";;;AAeA,IAAa,gBAAgB;AAE7B,IAAa,eAAoD;CAC/D,UAAU;CAEV,OAAO;AACT;AAEA,IAAa,oBAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,mBAAmB;AAEhC,IAAa,gBAAkD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,iBAAmD;CAC9D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;AAMA,IAAa,iBAAiB;AAE9B,IAAa,cAAgD;CAC3D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,uBAAuB;AAEpC,IAAa,oBAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,mBAAmB;AAEhC,IAAa,gBAAkD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,SAAgB,sBAAsB,SAG3B;CACT,OAAO;EAAC;EAAe,aAAa,QAAQ;EAAU,kBAAkB,QAAQ;CAAK,CAAC,CACnF,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;AACb;;;ACtEA,IAAa,uBAAuB,CAAC,mBAAG,IAAI,IAAI;CAC9C,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,OAAO,OAAO,YAAY,CAAC,CAAC,QAAQ,gBAAgB;CACvD,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,GAAG,OAAO,OAAO,aAAa,CAAC,CAAC,QAAQ,gBAAgB;CACxD,GAAG,OAAO,OAAO,WAAW,CAAC,CAAC,QAAQ,gBAAgB;CACtD,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,GAAG,OAAO,OAAO,aAAa,CAAC,CAAC,QAAQ,gBAAgB;CAExD,GAAG,iBAAiB,qBAAqB;AAC3C,CAAC,CAAC;;;ACzBF,IAAa,qBAAqB,wBAAwB,YAAY,KAAK;CACzE,MAAM;CACN,UAAU;CACV,cAAc,CAAC,QAAQ;AACzB,CAAC"}
+{"version":3,"file":"config-CWtfxkM9.js","names":[],"sources":["../../src/components/GrEmptyState/grEmptyStateStyles.ts","../../src/components/GrEmptyState/safelist.ts","../../src/components/GrEmptyState/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nexport type GrEmptyStateSize = GrComponentSize\n\n/** Поверхность карточки. `ghost` — для встраивания в уже существующую карточку. */\nexport const GR_EMPTY_STATE_VARIANTS = ['outlined', 'ghost'] as const\nexport type GrEmptyStateVariant = typeof GR_EMPTY_STATE_VARIANTS[number]\n\n/**\n * Уровень заголовка. `h1` намеренно нет: пустое состояние живёт внутри уже\n * существующей структуры страницы, а не задаёт её.\n */\n/**\n * Что за пустота. Значений два, и это не упрощение, а весь корпус: по репозиторию\n * повторяются ровно они — «ещё ничего не создано» и «под запросом не нашлось».\n *\n * Разводить их обязательно: дефолтный заголовок «Пока пусто» под фильтром\n * дезинформирует — данные есть, просто не совпали. Ошибка загрузки сюда не\n * входит намеренно, у неё в пакете свои компоненты (`GrResponseErrorBanner`).\n */\nexport const GR_EMPTY_STATE_KINDS = ['empty', 'search'] as const\nexport type GrEmptyStateKind = typeof GR_EMPTY_STATE_KINDS[number]\n\nexport const GR_EMPTY_STATE_HEADING_LEVELS = [2, 3, 4, 5, 6] as const\nexport type GrEmptyStateHeadingLevel = typeof GR_EMPTY_STATE_HEADING_LEVELS[number]\n\nexport const rootBaseClass = 'text-center'\n\nexport const variantClass: Record<GrEmptyStateVariant, string> = {\n  outlined: 'rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-card)]',\n  // Карточка внутри карточки: вторая рамка только шумит (тот же смысл, что у `GrCard`).\n  ghost: '',\n}\n\nexport const rootPaddingBySize: Record<GrEmptyStateSize, string> = {\n  xs: 'p-3',\n  sm: 'p-4',\n  md: 'p-6',\n  lg: 'p-8',\n}\n\nexport const iconBoxBaseClass = 'flex items-center justify-center border border-[var(--gr-brd)] bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]'\n\nexport const iconBoxBySize: Record<GrEmptyStateSize, string> = {\n  xs: 'h-8 w-8 rounded-[var(--gr-radius-md)]',\n  sm: 'h-10 w-10 rounded-[var(--gr-radius-md)]',\n  md: 'h-12 w-12 rounded-[var(--gr-radius-lg)]',\n  lg: 'h-14 w-14 rounded-[var(--gr-radius-lg)]',\n}\n\n/** Размер самой иконки в пикселях — `GrIcon` принимает число. */\nexport const iconSizeBySize: Record<GrEmptyStateSize, number> = {\n  xs: 16,\n  sm: 20,\n  md: 24,\n  lg: 28,\n}\n\n/**\n * `mb-0` гасит браузерный отступ снизу у настоящего заголовка: без сброса\n * карточка разъезжается по вертикали.\n */\nexport const titleBaseClass = 'mb-0 font-700'\n\nexport const titleBySize: Record<GrEmptyStateSize, string> = {\n  xs: 'mt-2 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  sm: 'mt-3 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  md: 'mt-4 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  lg: 'mt-5 text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]',\n}\n\nexport const descriptionBaseClass = 'text-[var(--gr-muted-fg)]'\n\nexport const descriptionBySize: Record<GrEmptyStateSize, string> = {\n  xs: 'mt-0.5 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  sm: 'mt-1 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  md: 'mt-1 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  lg: 'mt-2 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n}\n\nexport const actionsBaseClass = 'flex justify-center'\n\nexport const actionsBySize: Record<GrEmptyStateSize, string> = {\n  xs: 'mt-2',\n  sm: 'mt-3',\n  md: 'mt-4',\n  lg: 'mt-5',\n}\n\nexport function grEmptyStateRootClass(options: {\n  variant: GrEmptyStateVariant\n  size: GrEmptyStateSize\n}): string {\n  return [rootBaseClass, variantClass[options.variant], rootPaddingBySize[options.size]]\n    .filter(Boolean)\n    .join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  actionsBaseClass,\n  actionsBySize,\n  descriptionBaseClass,\n  descriptionBySize,\n  iconBoxBaseClass,\n  iconBoxBySize,\n  rootBaseClass,\n  rootPaddingBySize,\n  titleBaseClass,\n  titleBySize,\n  variantClass,\n} from './grEmptyStateStyles'\n\nexport const grEmptyStateSafelist = [...new Set([\n  ...splitClassTokens(rootBaseClass),\n  ...splitClassTokens(iconBoxBaseClass),\n  ...splitClassTokens(titleBaseClass),\n  ...splitClassTokens(descriptionBaseClass),\n  ...splitClassTokens(actionsBaseClass),\n  ...Object.values(variantClass).flatMap(splitClassTokens),\n  ...Object.values(rootPaddingBySize).flatMap(splitClassTokens),\n  ...Object.values(iconBoxBySize).flatMap(splitClassTokens),\n  ...Object.values(titleBySize).flatMap(splitClassTokens),\n  ...Object.values(descriptionBySize).flatMap(splitClassTokens),\n  ...Object.values(actionsBySize).flatMap(splitClassTokens),\n  // Центрирование блока иконки живёт литералом в шаблоне.\n  ...splitClassTokens('flex justify-center'),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grEmptyStateSafelist } from './safelist'\n\nexport const grEmptyStateConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrEmptyState',\n  safelist: grEmptyStateSafelist,\n  dependencies: ['GrIcon'],\n})\n"],"mappings":";;;AA0BA,IAAa,gBAAgB;AAE7B,IAAa,eAAoD;CAC/D,UAAU;CAEV,OAAO;AACT;AAEA,IAAa,oBAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,mBAAmB;AAEhC,IAAa,gBAAkD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,iBAAmD;CAC9D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;AAMA,IAAa,iBAAiB;AAE9B,IAAa,cAAgD;CAC3D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,uBAAuB;AAEpC,IAAa,oBAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,mBAAmB;AAEhC,IAAa,gBAAkD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,SAAgB,sBAAsB,SAG3B;CACT,OAAO;EAAC;EAAe,aAAa,QAAQ;EAAU,kBAAkB,QAAQ;CAAK,CAAC,CACnF,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;AACb;;;ACjFA,IAAa,uBAAuB,CAAC,mBAAG,IAAI,IAAI;CAC9C,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,OAAO,OAAO,YAAY,CAAC,CAAC,QAAQ,gBAAgB;CACvD,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,GAAG,OAAO,OAAO,aAAa,CAAC,CAAC,QAAQ,gBAAgB;CACxD,GAAG,OAAO,OAAO,WAAW,CAAC,CAAC,QAAQ,gBAAgB;CACtD,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,GAAG,OAAO,OAAO,aAAa,CAAC,CAAC,QAAQ,gBAAgB;CAExD,GAAG,iBAAiB,qBAAqB;AAC3C,CAAC,CAAC;;;ACzBF,IAAa,qBAAqB,wBAAwB,YAAY,KAAK;CACzE,MAAM;CACN,UAAU;CACV,cAAc,CAAC,QAAQ;AACzB,CAAC"}

package/dist/chunks/{config--t2dxj0t.js → config-CmLTCmY9.js}

@@ -1,6 +1,6 @@
 import { n as splitClassTokens, t as flattenTransitionTokens } from "./classTokens-8v2XC74x.js";
-import { n as panelPopTransition } from "./overlayPanelSurface-BKeMhRx4.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-D9EQ-pgK.js";
+import { t as panelPopTransition } from "./overlayTransition-C0FDMx7Q.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-Cam-IG9s.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrSelect/safelist.ts
 var grSelectSafelist = [.../* @__PURE__ */ new Set([

package/dist/chunks/{config--t2dxj0t.js.map → config-CmLTCmY9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"config--t2dxj0t.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  /**\n   * Слой панели задаёт `useFloating` → `floatingLayerZIndex`: имя приходит\n   * параметром, а `var()` собирается в рантайме (`overlayStack.ts`). В\n   * исходниках `var(--gr-z-*)` не встречается, статический скан их не видит.\n   *\n   * `gr-z-modal` — из ветки `calc(var(--gr-z-modal) + N)`: панель, открытая\n   * внутри модалки, встаёт над ней.\n   */\n  dynamicTokens: ['gr-z-dropdown', 'gr-z-modal'],\n  dependencies: ['GrChip', 'GrInput'],\n  safelist: grSelectSafelist,\n})\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,YAAY,KAAK;CACrE,MAAM;;;;;;;;;CASN,eAAe,CAAC,iBAAiB,YAAY;CAC7C,cAAc,CAAC,UAAU,SAAS;CAClC,UAAU;AACZ,CAAC"}
+{"version":3,"file":"config-CmLTCmY9.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  /**\n   * Слой панели задаёт `useFloating` → `floatingLayerZIndex`: имя приходит\n   * параметром, а `var()` собирается в рантайме (`overlayStack.ts`). В\n   * исходниках `var(--gr-z-*)` не встречается, статический скан их не видит.\n   *\n   * `gr-z-modal` — из ветки `calc(var(--gr-z-modal) + N)`: панель, открытая\n   * внутри модалки, встаёт над ней.\n   */\n  dynamicTokens: ['gr-z-dropdown', 'gr-z-modal'],\n  dependencies: ['GrChip', 'GrInput'],\n  safelist: grSelectSafelist,\n})\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,YAAY,KAAK;CACrE,MAAM;;;;;;;;;CASN,eAAe,CAAC,iBAAiB,YAAY;CAC7C,cAAc,CAAC,UAAU,SAAS;CAClC,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-BAse0laT.js → config-CvtqB4ki.js}

@@ -1,5 +1,6 @@
 import { n as splitClassTokens, t as flattenTransitionTokens } from "./classTokens-8v2XC74x.js";
-import { n as panelPopTransition, t as overlayPanelSurfaceClass } from "./overlayPanelSurface-BKeMhRx4.js";
+import { t as overlayListPanelClass } from "./overlayListPanel-D91jBCHU.js";
+import { n as overlayPanelSurfaceClass, t as panelPopTransition } from "./overlayTransition-C0FDMx7Q.js";
 import { i as controlStateIconColors, r as controlStateIconClass } from "./controlState-DoImKciE.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrTreeSelect/grTreeSelectStyles.ts
@@ -48,7 +49,7 @@ function grTreeSelectClass(options) {
 		options.invalid ? invalidBorderClass : borderClassByState[options.state]
 	].join(" ");
 }
-var grTreeSelectPanelClass = `${overlayPanelSurfaceClass} overflow-hidden`;
+var grTreeSelectPanelClass = `${overlayPanelSurfaceClass} ${overlayListPanelClass} overflow-hidden`;
 /**
 * Строка состояния панели: загрузка и «нет данных». По центру и с двойным
 * воздухом — тот же язык, что у `GrSelect`, `GrAutocomplete` и палитры команд.
@@ -85,7 +86,11 @@ var grTreeSelectConfig = defineGranularComponent(import.meta.url, {
 	*/
 	dynamicTokens: ["gr-z-dropdown", "gr-z-modal"],
 	safelist: grTreeSelectSafelist,
-	dependencies: ["GrInput", "GrTree"]
+	dependencies: [
+		"GrChip",
+		"GrInput",
+		"GrTree"
+	]
 });
 //#endregion
 export { grTreeSelectStateClass as a, grTreeSelectPanelClass as i, grTreeSelectSafelist as n, paddingX as o, grTreeSelectClass as r, trailingZoneWidth as s, grTreeSelectConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-CvtqB4ki.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'\nimport { overlayListPanelClass } from '../shared/overlayListPanel'\nimport { overlayPanelSurfaceClass } from '../shared/overlayPanelSurface'\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 = `${overlayPanelSurfaceClass} ${overlayListPanelClass} 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 { controlStateIconClass, controlStateIconColors } from '../shared/controlState'\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  ...splitClassTokens(controlStateIconClass),\n  ...Object.values(controlStateIconColors).flatMap(splitClassTokens),\n  ...splitClassTokens('absolute top-1/2 -translate-y-1/2 right-9 sr-only'),\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  /**\n   * Слой панели задаёт `useFloating` → `floatingLayerZIndex`: имя приходит\n   * параметром, а `var()` собирается в рантайме (`overlayStack.ts`). В\n   * исходниках `var(--gr-z-*)` не встречается, статический скан их не видит.\n   *\n   * `gr-z-modal` — из ветки `calc(var(--gr-z-modal) + N)`: панель, открытая\n   * внутри модалки, встаёт над ней.\n   */\n  dynamicTokens: ['gr-z-dropdown', 'gr-z-modal'],\n  safelist: grTreeSelectSafelist,\n  dependencies: ['GrChip', 'GrInput', 'GrTree'],\n})\n"],"mappings":";;;;;;AAQA,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,GAAG,yBAAyB,GAAG,sBAAsB;;;;;;AAO3F,IAAa,yBAAyB;;;AC3DtC,IAAa,uBAAuB,CAAC,mBAAG,IAAI,IAAI;CAC9C,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,GAAG,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;CAC7D,GAAG,iBAAiB,kBAAkB;CACtC;CACA,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,sBAAsB;CAI1C,GAAG,wBAAwB,kBAAkB;CAE7C,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,OAAO,OAAO,sBAAsB,CAAC,CAAC,QAAQ,gBAAgB;CACjE,GAAG,iBAAiB,mDAAmD;AACzE,CAAC,CAAC;;;AC1BF,IAAa,qBAAqB,wBAAwB,YAAY,KAAK;CACzE,MAAM;;;;;;;;;CASN,eAAe,CAAC,iBAAiB,YAAY;CAC7C,UAAU;CACV,cAAc;EAAC;EAAU;EAAW;CAAQ;AAC9C,CAAC"}

package/dist/chunks/{config-BcXX7S7B.js → config-D-JgqV0J.js}

@@ -76,7 +76,11 @@ var grFormFileSafelist = [.../* @__PURE__ */ new Set([
 //#region src/components/GrFormFile/config.ts
 var grFormFileConfig = defineGranularComponent(import.meta.url, {
 	name: "GrFormFile",
-	dependencies: ["GrButton", "GrIcon"],
+	dependencies: [
+		"GrButton",
+		"GrIcon",
+		"GrSortableList"
+	],
 	safelist: grFormFileSafelist
 });
 //#endregion

package/dist/chunks/{config-BcXX7S7B.js.map → config-D-JgqV0J.js.map}

@@ -1 +1 @@
-{"version":3,"file":"config-BcXX7S7B.js","names":[],"sources":["../../src/components/GrFormFile/grFormFileStyles.ts","../../src/components/GrFormFile/safelist.ts","../../src/components/GrFormFile/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nexport type GrFormFileSize = GrComponentSize\n\n/** Имя файла, плейсхолдер, список выбранного. */\nexport const textSizes: Record<GrFormFileSize, string> = {\n  xs: 'text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]',\n  sm: 'text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]',\n  md: 'text-[length:var(--gr-control-text-md)] leading-[var(--gr-leading-sm)]',\n  lg: 'text-[length:var(--gr-control-text-lg)] leading-[var(--gr-leading-base)]',\n}\n\n/** Ссылка «удалить» у элемента списка — на ступень мельче имени файла. */\nexport const removeTextSizes: Record<GrFormFileSize, 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\nexport const rowGaps: Record<GrFormFileSize, string> = {\n  xs: 'gap-2',\n  sm: 'gap-2',\n  md: 'gap-3',\n  lg: 'gap-4',\n}\n\nexport const stackGaps: Record<GrFormFileSize, string> = {\n  xs: 'gap-1',\n  sm: 'gap-1.5',\n  md: 'gap-2',\n  lg: 'gap-2.5',\n}\n\n/** Отступ между иконкой и подписью внутри кнопки. */\nexport const iconOffsets: Record<GrFormFileSize, string> = {\n  xs: 'ml-1',\n  sm: 'ml-1.5',\n  md: 'ml-2',\n  lg: 'ml-2',\n}\n\n/**\n * Миниатюра картинки в строке набора.\n *\n * Квадрат с `object-cover`: файлы приходят любых пропорций, а строки списка\n * обязаны остаться одной высоты.\n */\nexport const previewSizes: Record<GrFormFileSize, string> = {\n  xs: 'h-6 w-6',\n  sm: 'h-7 w-7',\n  md: 'h-8 w-8',\n  lg: 'h-10 w-10',\n}\n\nexport const previewBaseClass = 'shrink-0 rounded-[var(--gr-radius-sm)] object-cover border border-[var(--gr-brd)]'\n\n/** Кнопки берут размер из шкалы `GrButton` — на ступень ниже самого поля. */\nexport const buttonSizes: Record<GrFormFileSize, GrComponentSize> = {\n  xs: 'xs',\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n}\n\n/** Иконка внутри кнопки — из шкалы `GrIcon` (`xs…lg` → `14…20px`). */\nexport const iconSizes: Record<GrFormFileSize, GrComponentSize> = {\n  xs: 'xs',\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  iconOffsets,\n  previewBaseClass,\n  previewSizes,\n  removeTextSizes,\n  rowGaps,\n  stackGaps,\n  textSizes,\n} from './grFormFileStyles'\n\nexport const grFormFileSafelist = [...new Set([\n  ...Object.values(textSizes).flatMap(splitClassTokens),\n  ...Object.values(removeTextSizes).flatMap(splitClassTokens),\n  ...Object.values(rowGaps).flatMap(splitClassTokens),\n  ...Object.values(stackGaps).flatMap(splitClassTokens),\n  ...Object.values(iconOffsets).flatMap(splitClassTokens),\n  ...Object.values(previewSizes).flatMap(splitClassTokens),\n  ...splitClassTokens(previewBaseClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grFormFileSafelist } from './safelist'\n\nexport const grFormFileConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrFormFile',\n  dependencies: ['GrButton', 'GrIcon'],\n  safelist: grFormFileSafelist,\n})\n"],"mappings":";;;;AAKA,IAAa,YAA4C;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,kBAAkD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,UAA0C;CACrD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,YAA4C;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,cAA8C;CACzD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;AAQA,IAAa,eAA+C;CAC1D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,mBAAmB;;AAGhC,IAAa,cAAuD;CAClE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,YAAqD;CAChE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;AC5DA,IAAa,qBAAqB,CAAC,mBAAG,IAAI,IAAI;CAC5C,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,GAAG,OAAO,OAAO,OAAO,CAAC,CAAC,QAAQ,gBAAgB;CAClD,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,GAAG,OAAO,OAAO,WAAW,CAAC,CAAC,QAAQ,gBAAgB;CACtD,GAAG,OAAO,OAAO,YAAY,CAAC,CAAC,QAAQ,gBAAgB;CACvD,GAAG,iBAAiB,gBAAgB;AACtC,CAAC,CAAC;;;ACfF,IAAa,mBAAmB,wBAAwB,YAAY,KAAK;CACvE,MAAM;CACN,cAAc,CAAC,YAAY,QAAQ;CACnC,UAAU;AACZ,CAAC"}
+{"version":3,"file":"config-D-JgqV0J.js","names":[],"sources":["../../src/components/GrFormFile/grFormFileStyles.ts","../../src/components/GrFormFile/safelist.ts","../../src/components/GrFormFile/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nexport type GrFormFileSize = GrComponentSize\n\n/** Имя файла, плейсхолдер, список выбранного. */\nexport const textSizes: Record<GrFormFileSize, string> = {\n  xs: 'text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]',\n  sm: 'text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]',\n  md: 'text-[length:var(--gr-control-text-md)] leading-[var(--gr-leading-sm)]',\n  lg: 'text-[length:var(--gr-control-text-lg)] leading-[var(--gr-leading-base)]',\n}\n\n/** Ссылка «удалить» у элемента списка — на ступень мельче имени файла. */\nexport const removeTextSizes: Record<GrFormFileSize, 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\nexport const rowGaps: Record<GrFormFileSize, string> = {\n  xs: 'gap-2',\n  sm: 'gap-2',\n  md: 'gap-3',\n  lg: 'gap-4',\n}\n\nexport const stackGaps: Record<GrFormFileSize, string> = {\n  xs: 'gap-1',\n  sm: 'gap-1.5',\n  md: 'gap-2',\n  lg: 'gap-2.5',\n}\n\n/** Отступ между иконкой и подписью внутри кнопки. */\nexport const iconOffsets: Record<GrFormFileSize, string> = {\n  xs: 'ml-1',\n  sm: 'ml-1.5',\n  md: 'ml-2',\n  lg: 'ml-2',\n}\n\n/**\n * Миниатюра картинки в строке набора.\n *\n * Квадрат с `object-cover`: файлы приходят любых пропорций, а строки списка\n * обязаны остаться одной высоты.\n */\nexport const previewSizes: Record<GrFormFileSize, string> = {\n  xs: 'h-6 w-6',\n  sm: 'h-7 w-7',\n  md: 'h-8 w-8',\n  lg: 'h-10 w-10',\n}\n\nexport const previewBaseClass = 'shrink-0 rounded-[var(--gr-radius-sm)] object-cover border border-[var(--gr-brd)]'\n\n/** Кнопки берут размер из шкалы `GrButton` — на ступень ниже самого поля. */\nexport const buttonSizes: Record<GrFormFileSize, GrComponentSize> = {\n  xs: 'xs',\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n}\n\n/** Иконка внутри кнопки — из шкалы `GrIcon` (`xs…lg` → `14…20px`). */\nexport const iconSizes: Record<GrFormFileSize, GrComponentSize> = {\n  xs: 'xs',\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  iconOffsets,\n  previewBaseClass,\n  previewSizes,\n  removeTextSizes,\n  rowGaps,\n  stackGaps,\n  textSizes,\n} from './grFormFileStyles'\n\nexport const grFormFileSafelist = [...new Set([\n  ...Object.values(textSizes).flatMap(splitClassTokens),\n  ...Object.values(removeTextSizes).flatMap(splitClassTokens),\n  ...Object.values(rowGaps).flatMap(splitClassTokens),\n  ...Object.values(stackGaps).flatMap(splitClassTokens),\n  ...Object.values(iconOffsets).flatMap(splitClassTokens),\n  ...Object.values(previewSizes).flatMap(splitClassTokens),\n  ...splitClassTokens(previewBaseClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grFormFileSafelist } from './safelist'\n\nexport const grFormFileConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrFormFile',\n  dependencies: ['GrButton', 'GrIcon', 'GrSortableList'],\n  safelist: grFormFileSafelist,\n})\n"],"mappings":";;;;AAKA,IAAa,YAA4C;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,kBAAkD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,UAA0C;CACrD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,YAA4C;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,cAA8C;CACzD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;AAQA,IAAa,eAA+C;CAC1D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,mBAAmB;;AAGhC,IAAa,cAAuD;CAClE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,YAAqD;CAChE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;AC5DA,IAAa,qBAAqB,CAAC,mBAAG,IAAI,IAAI;CAC5C,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,GAAG,OAAO,OAAO,OAAO,CAAC,CAAC,QAAQ,gBAAgB;CAClD,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,GAAG,OAAO,OAAO,WAAW,CAAC,CAAC,QAAQ,gBAAgB;CACtD,GAAG,OAAO,OAAO,YAAY,CAAC,CAAC,QAAQ,gBAAgB;CACvD,GAAG,iBAAiB,gBAAgB;AACtC,CAAC,CAAC;;;ACfF,IAAa,mBAAmB,wBAAwB,YAAY,KAAK;CACvE,MAAM;CACN,cAAc;EAAC;EAAY;EAAU;CAAgB;CACrD,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-BHLMTJaR.js → config-D1oVht-E.js}

@@ -1,7 +1,12 @@
 import { n as splitClassTokens, t as flattenTransitionTokens } from "./classTokens-8v2XC74x.js";
-import { n as panelPopTransition, t as overlayPanelSurfaceClass } from "./overlayPanelSurface-BKeMhRx4.js";
+import { t as overlayListPanelClass } from "./overlayListPanel-D91jBCHU.js";
+import { n as overlayPanelSurfaceClass, t as panelPopTransition } from "./overlayTransition-C0FDMx7Q.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrAutocomplete/grAutocompleteStyles.ts
+/** Группа опознаётся по наличию вложенного списка, а не по служебному полю. */
+function isAutocompleteOptionGroup(item) {
+	return Array.isArray(item.options);
+}
 /**
 * Оболочка (визуально повторяет `GrInput`): бордер + focus-ring по `focus-within`,
 * т.к. фокус живёт на вложенном `<input role="combobox">`. Flex-контейнер с
@@ -63,7 +68,7 @@ var autocompleteStateClass = "flex items-center justify-center gap-2 px-3 py-4 t
 * (card + бордер + shadow-2 + скругление). Держим локальную копию строки,
 * чтобы не тянуть зависимость от `GrSelect` (компоненты гранулярно независимы).
 */
-var autocompletePanelClasses = `${overlayPanelSurfaceClass} overflow-hidden`;
+var autocompletePanelClasses = `${overlayPanelSurfaceClass} ${overlayListPanelClass} overflow-hidden`;
 //#endregion
 //#region src/components/GrAutocomplete/safelist.ts
 var grAutocompleteSafelist = [.../* @__PURE__ */ new Set([
@@ -98,4 +103,4 @@ var grAutocompleteConfig = defineGranularComponent(import.meta.url, {
 	safelist: grAutocompleteSafelist
 });
 //#endregion
-export { autocompleteShellClass as a, autocompletePanelClasses as i, grAutocompleteSafelist as n, autocompleteStateClass as o, autocompleteOptionClass as r, grAutocompleteConfig as t };
+export { autocompleteShellClass as a, autocompletePanelClasses as i, grAutocompleteSafelist as n, autocompleteStateClass as o, autocompleteOptionClass as r, isAutocompleteOptionGroup as s, grAutocompleteConfig as t };

package/dist/chunks/config-D1oVht-E.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-D1oVht-E.js","names":[],"sources":["../../src/components/GrAutocomplete/grAutocompleteStyles.ts","../../src/components/GrAutocomplete/safelist.ts","../../src/components/GrAutocomplete/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\nimport { overlayListPanelClass } from '../shared/overlayListPanel'\nimport { overlayPanelSurfaceClass } from '../shared/overlayPanelSurface'\n\nexport type GrAutocompleteSize = GrComponentSize\n/**\n * Тип значения опции — те же примитивы, что у `GrSelect`: значение должно\n * однозначно восстанавливаться из строкового представления.\n */\nexport type GrAutocompleteValue = string | number\n\n/** Опция автокомплита. Метка — строка, значение параметризуется. */\nexport type GrAutocompleteOption<TValue extends GrAutocompleteValue = string> = {\n  value: TValue\n  label: string\n  disabled?: boolean\n}\n/**\n * Группа опций: заголовок `label` + вложенные опции `options`.\n *\n * Форма та же, что у `GrSelect`: два соседних контрола, у которых списки\n * различаются только способом ввода, обязаны принимать данные одинаково.\n */\nexport type GrAutocompleteOptionGroup<TValue extends GrAutocompleteValue = string> = {\n  label: string\n  options: GrAutocompleteOption<TValue>[]\n}\n\n/** Элемент списка: либо одиночная опция, либо группа. */\nexport type GrAutocompleteOptionOrGroup<TValue extends GrAutocompleteValue = string>\n  = | GrAutocompleteOption<TValue>\n    | GrAutocompleteOptionGroup<TValue>\n\n/** Группа опознаётся по наличию вложенного списка, а не по служебному полю. */\nexport function isAutocompleteOptionGroup<TValue extends GrAutocompleteValue>(\n  item: GrAutocompleteOptionOrGroup<TValue>,\n): item is GrAutocompleteOptionGroup<TValue> {\n  return Array.isArray((item as GrAutocompleteOptionGroup<TValue>).options)\n}\n\nexport type GrAutocompleteModelValue<TValue extends GrAutocompleteValue = string> = TValue | TValue[]\n\n/**\n * Оболочка (визуально повторяет `GrInput`): бордер + focus-ring по `focus-within`,\n * т.к. фокус живёт на вложенном `<input role=\"combobox\">`. Flex-контейнер с\n * `flex-wrap` — чтобы chips в multiple-режиме переносились и коробка росла в высоту.\n */\nexport const autocompleteShellBase = 'relative flex w-full flex-wrap items-center gap-1 rounded-[var(--gr-radius-control)] border text-[var(--gr-fg)] transition-colors duration-[var(--gr-duration-fast)] focus-within:ring-2 focus-within:ring-[var(--gr-ring)]'\n\nexport const autocompleteShellEnabledClass = 'bg-[var(--gr-bg)]'\n\n/**\n * Заблокированная оболочка гасится фоном, а не `opacity` (как `GrInput`):\n * прозрачность разбавляет выверенные на AA токены текста и роняет контраст.\n * Фон взаимоисключающий с `autocompleteShellEnabledClass` — два `bg-*` одной\n * специфичности разрулил бы порядок в сгенерированном CSS, а не порядок в\n * списке классов.\n */\nexport const autocompleteShellDisabledClass = 'bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] cursor-not-allowed'\n\n/**\n * Ошибка валидации красится своей ролью, а не декоративным тоном `danger`:\n * тема вправе развести вердикт валидации и подсветку по решению разработчика.\n */\nexport const invalidShellClass = 'border-[var(--gr-invalid-brd)] focus-within:ring-[var(--gr-invalid-ring)]'\n\n// Размеры совпадают с `GrInput`/`GrSelect` (h → min-h, чтобы multiple мог расти).\nexport const autocompleteSizeClassBySize: Record<GrAutocompleteSize, string> = {\n  xs: 'min-h-7 px-2.5 py-1 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]',\n  sm: 'min-h-8 px-3 py-1 text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]',\n  md: 'min-h-10 px-3 py-1.5 text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]',\n  lg: 'min-h-11 px-4 py-2 text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-lg)]',\n}\n\nexport function autocompleteShellClass(options: {\n  size: GrAutocompleteSize\n  disabled: boolean\n  invalid: boolean\n}): string {\n  return [\n    autocompleteShellBase,\n    autocompleteSizeClassBySize[options.size],\n    options.invalid ? invalidShellClass : 'border-[var(--gr-brd)]',\n    options.disabled ? autocompleteShellDisabledClass : autocompleteShellEnabledClass,\n  ]\n    .filter(Boolean)\n    .join(' ')\n}\n\n/** Общая подсветка наведения и активной опции. */\nconst autocompleteOptionHighlight = 'bg-[color-mix(in_srgb,var(--gr-muted)_30%,transparent)]'\n\nexport const autocompleteOptionBaseClass = 'w-full rounded-[var(--gr-radius-md)] px-3 py-2 text-left text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]'\nexport const autocompleteOptionActiveClass = autocompleteOptionHighlight\nexport const autocompleteOptionEnabledClass = `hover:${autocompleteOptionHighlight}`\n/** Выключенная опция гасится токеном текста — по той же причине, что и оболочка. */\nexport const autocompleteOptionDisabledClass = 'cursor-not-allowed text-[var(--gr-muted-fg)]'\n\nexport function autocompleteOptionClass(options: { disabled: boolean, active: boolean }): string {\n  return [\n    autocompleteOptionBaseClass,\n    options.disabled ? autocompleteOptionDisabledClass : autocompleteOptionEnabledClass,\n    !options.disabled && options.active ? autocompleteOptionActiveClass : '',\n  ]\n    .filter(Boolean)\n    .join(' ')\n}\n\n/**\n * Строка состояния панели: загрузка, «введите ещё N», «ничего не найдено».\n *\n * По центру и с двойным вертикальным воздухом — как у `GrSelect` и палитры команд.\n * Слева, как у опций, она стоять не может: опции лежат внутри listbox с его `p-1`,\n * а состояние — сиблинг, и текст расходился с опциями на 4px.\n */\nexport const autocompleteStateClass = '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\n/**\n * Панель списка опций — тот же «язык» поверхностей, что у `GrSelect`\n * (card + бордер + shadow-2 + скругление). Держим локальную копию строки,\n * чтобы не тянуть зависимость от `GrSelect` (компоненты гранулярно независимы).\n */\nexport const autocompletePanelClasses = `${overlayPanelSurfaceClass} ${overlayListPanelClass} overflow-hidden`\n","import { flattenTransitionTokens, splitClassTokens } from '../shared/classTokens'\nimport { panelPopTransition } from '../shared/overlayTransition'\nimport {\n  autocompleteOptionActiveClass,\n  autocompleteOptionBaseClass,\n  autocompleteOptionDisabledClass,\n  autocompleteOptionEnabledClass,\n  autocompletePanelClasses,\n  autocompleteShellBase,\n  autocompleteShellDisabledClass,\n  autocompleteShellEnabledClass,\n  autocompleteSizeClassBySize,\n  autocompleteStateClass,\n  invalidShellClass,\n} from './grAutocompleteStyles'\n\n// Всё, что живёт в `grAutocompleteStyles.ts`: и вычисляемые мапы, и строковые\n// литералы оболочки, опций и панели (чип — это `GrBadge`, его safelist приезжает\n// зависимостью). Хелпер уезжает в общий\n// `dist/chunks/`, вне области скана компонента — гейт `src/__tests__/safelist.test.ts`.\nexport const grAutocompleteSafelist = [...new Set([\n  ...Object.values(autocompleteSizeClassBySize).flatMap(splitClassTokens),\n  ...splitClassTokens(autocompleteShellBase),\n  ...splitClassTokens(autocompleteShellEnabledClass),\n  ...splitClassTokens(autocompleteShellDisabledClass),\n  ...splitClassTokens(autocompletePanelClasses),\n  ...splitClassTokens(autocompleteOptionBaseClass),\n  ...splitClassTokens(autocompleteOptionEnabledClass),\n  ...splitClassTokens(autocompleteOptionActiveClass),\n  ...splitClassTokens(autocompleteOptionDisabledClass),\n  ...splitClassTokens(autocompleteStateClass),\n  ...splitClassTokens(invalidShellClass),\n  ...splitClassTokens('border-[var(--gr-brd)]'),\n  // Набор перехода панели общий на пять компонентов и живёт безадресным\n  // модулем в `shared/`: в `dist` он лежит в общем чанке, который пресет не\n  // сканирует, поэтому объявить его обязан каждый потребитель.\n  ...flattenTransitionTokens(panelPopTransition),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grAutocompleteSafelist } from './safelist'\n\nexport const grAutocompleteConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrAutocomplete',\n  /**\n   * Слой панели задаёт `useFloating` → `floatingLayerZIndex`: имя приходит\n   * параметром, а `var()` собирается в рантайме (`overlayStack.ts`). В\n   * исходниках `var(--gr-z-*)` не встречается, статический скан их не видит.\n   *\n   * `gr-z-modal` — из ветки `calc(var(--gr-z-modal) + N)`: панель, открытая\n   * внутри модалки, встаёт над ней.\n   */\n  dynamicTokens: ['gr-z-dropdown', 'gr-z-modal'],\n  dependencies: ['GrChip'],\n  safelist: grAutocompleteSafelist,\n})\n"],"mappings":";;;;;;AAkCA,SAAgB,0BACd,MAC2C;CAC3C,OAAO,MAAM,QAAS,KAA2C,OAAO;AAC1E;;;;;;AASA,IAAa,wBAAwB;AAErC,IAAa,gCAAgC;;;;;;;;AAS7C,IAAa,iCAAiC;;;;;AAM9C,IAAa,oBAAoB;AAGjC,IAAa,8BAAkE;CAC7E,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,SAAgB,uBAAuB,SAI5B;CACT,OAAO;EACL;EACA,4BAA4B,QAAQ;EACpC,QAAQ,UAAU,oBAAoB;EACtC,QAAQ,WAAW,iCAAiC;CACtD,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;AACb;;AAGA,IAAM,8BAA8B;AAEpC,IAAa,8BAA8B;AAC3C,IAAa,gCAAgC;AAC7C,IAAa,iCAAiC,SAAS;;AAEvD,IAAa,kCAAkC;AAE/C,SAAgB,wBAAwB,SAAyD;CAC/F,OAAO;EACL;EACA,QAAQ,WAAW,kCAAkC;EACrD,CAAC,QAAQ,YAAY,QAAQ,SAAS,gCAAgC;CACxE,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;AACb;;;;;;;;AASA,IAAa,yBAAyB;;;;;;AAOtC,IAAa,2BAA2B,GAAG,yBAAyB,GAAG,sBAAsB;;;ACtG7F,IAAa,yBAAyB,CAAC,mBAAG,IAAI,IAAI;CAChD,GAAG,OAAO,OAAO,2BAA2B,CAAC,CAAC,QAAQ,gBAAgB;CACtE,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,6BAA6B;CACjD,GAAG,iBAAiB,8BAA8B;CAClD,GAAG,iBAAiB,wBAAwB;CAC5C,GAAG,iBAAiB,2BAA2B;CAC/C,GAAG,iBAAiB,8BAA8B;CAClD,GAAG,iBAAiB,6BAA6B;CACjD,GAAG,iBAAiB,+BAA+B;CACnD,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,wBAAwB;CAI5C,GAAG,wBAAwB,kBAAkB;AAC/C,CAAC,CAAC;;;ACjCF,IAAa,uBAAuB,wBAAwB,YAAY,KAAK;CAC3E,MAAM;;;;;;;;;CASN,eAAe,CAAC,iBAAiB,YAAY;CAC7C,cAAc,CAAC,QAAQ;CACvB,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-BscVxZR3.js → config-DF1ezU6y.js}

@@ -1,4 +1,4 @@
-import { t as grBadgeSafelist } from "./safelist-x8USecK8.js";
+import { t as grBadgeSafelist } from "./safelist-CSfynUC1.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrBadge/config.ts
 var grBadgeConfig = defineGranularComponent(import.meta.url, {

package/dist/chunks/{config-BscVxZR3.js.map → config-DF1ezU6y.js.map}

@@ -1 +1 @@
-{"version":3,"file":"config-BscVxZR3.js","names":[],"sources":["../../src/components/GrBadge/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grBadgeSafelist } from './safelist'\n\nexport const grBadgeConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrBadge',\n  safelist: grBadgeSafelist,\n  tokenDefinitionsRef: {\n    light: { url: './themes/light.css', selector: ':root' },\n    dark: { url: './themes/dark.css', as: '.dark, [data-theme=\"dark\"]' },\n  },\n})\n"],"mappings":";;;AAIA,IAAa,gBAAgB,wBAAwB,YAAY,KAAK;CACpE,MAAM;CACN,UAAU;CACV,qBAAqB;EACnB,OAAO;GAAE,KAAK;GAAsB,UAAU;EAAQ;EACtD,MAAM;GAAE,KAAK;GAAqB,IAAI;EAA6B;CACrE;AACF,CAAC"}
+{"version":3,"file":"config-DF1ezU6y.js","names":[],"sources":["../../src/components/GrBadge/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grBadgeSafelist } from './safelist'\n\nexport const grBadgeConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrBadge',\n  safelist: grBadgeSafelist,\n  tokenDefinitionsRef: {\n    light: { url: './themes/light.css', selector: ':root' },\n    dark: { url: './themes/dark.css', as: '.dark, [data-theme=\"dark\"]' },\n  },\n})\n"],"mappings":";;;AAIA,IAAa,gBAAgB,wBAAwB,YAAY,KAAK;CACpE,MAAM;CACN,UAAU;CACV,qBAAqB;EACnB,OAAO;GAAE,KAAK;GAAsB,UAAU;EAAQ;EACtD,MAAM;GAAE,KAAK;GAAqB,IAAI;EAA6B;CACrE;AACF,CAAC"}

package/dist/chunks/{config-B42iJ48O.js → config-DG41PD9i.js}

@@ -47,6 +47,17 @@ function grInputTagWrapperClass(options) {
 function grInputTagInputClass(size) {
 	return inputSizeClassBySize[size];
 }
+/**
+* Поле правки тега — внутри чипа, вместо его содержимого.
+*
+* Ни фона, ни рамки: их рисует сам чип, и второй набор внутри выглядел бы
+* полем в поле. А вот кольцо фокуса нужно: без него чип в правке неотличим от
+* обычного — единственным признаком остаётся каретка, и режим не виден.
+*
+* Ширину задаёт нативный `size` по длине черновика: в режиме правки у чипа нет
+* содержимого, от которого он взял бы ширину.
+*/
+var tagEditInputClass = "min-w-[2ch] bg-transparent border-none p-0 text-inherit [font:inherit] rounded-[var(--gr-radius-sm)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
 //#endregion
 //#region src/components/GrInputTag/safelist.ts
 var grInputTagSafelist = [.../* @__PURE__ */ new Set([
@@ -59,6 +70,7 @@ var grInputTagSafelist = [.../* @__PURE__ */ new Set([
 	...splitClassTokens(wrapperDisabledClass),
 	...splitClassTokens(clearButtonClass),
 	...splitClassTokens(spinnerClass),
+	...splitClassTokens(tagEditInputClass),
 	...splitClassTokens(controlStateIconClass),
 	...Object.values(controlStateIconColors).flatMap(splitClassTokens),
 	...splitClassTokens("sr-only")
@@ -71,4 +83,4 @@ var grInputTagConfig = defineGranularComponent(import.meta.url, {
 	safelist: grInputTagSafelist
 });
 //#endregion
-export { grInputTagWrapperClass as a, grInputTagInputClass as i, grInputTagSafelist as n, spinnerClass as o, clearButtonClass as r, grInputTagConfig as t };
+export { grInputTagWrapperClass as a, grInputTagInputClass as i, grInputTagSafelist as n, spinnerClass as o, clearButtonClass as r, tagEditInputClass as s, grInputTagConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-DG41PD9i.js","names":[],"sources":["../../src/components/GrInputTag/grInputTagStyles.ts","../../src/components/GrInputTag/safelist.ts","../../src/components/GrInputTag/config.ts"],"sourcesContent":["import type { GrControlState } from '../shared/sizes'\n\nimport type { GrInputSize } from '../GrInput/GrInput.vue'\n\nexport type GrInputTagSize = GrInputSize\nexport type GrInputTagState = GrControlState\n\nexport const wrapperSizeClassBySize: Record<GrInputTagSize, string> = {\n  xs: 'min-h-7 px-2.5 py-1 gap-1.5',\n  sm: 'min-h-8 px-3 py-1 gap-1.5',\n  md: 'min-h-10 px-3 py-1.5 gap-2',\n  lg: 'min-h-11 px-4 py-2 gap-2',\n}\n\nexport const inputSizeClassBySize: Record<GrInputTagSize, string> = {\n  xs: 'text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]',\n  sm: 'text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]',\n  md: 'text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]',\n  lg: 'text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-lg)]',\n}\n\nexport const wrapperBorderClassByState: Record<GrInputTagState, 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 invalidWrapperBorderClass = 'border-[var(--gr-invalid-brd)] focus-within:ring-[var(--gr-invalid-ring)]'\n\nexport const wrapperBaseClass = 'w-full flex flex-wrap items-center rounded-[var(--gr-radius-control)] border text-[var(--gr-fg)] transition-colors duration-[var(--gr-duration-fast)] focus-within:ring-2 focus-within:ring-[var(--gr-ring)]'\n\nexport const wrapperEnabledClass = 'bg-[var(--gr-bg)] cursor-text'\n\n/**\n * Заблокированное поле гасится фоном, а не `opacity`: прозрачность разбавляет\n * выверенные на AA токены текста. Фон взаимоисключающий с `wrapperEnabledClass` —\n * два `bg-*` одной специфичности разрулил бы порядок в сгенерированном CSS.\n */\nexport const wrapperDisabledClass = 'bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] cursor-not-allowed'\n\nexport const clearButtonClass = 'ml-auto shrink-0 inline-flex items-center justify-center rounded-[var(--gr-radius-control)] p-0.5 text-[var(--gr-muted-fg)] transition-colors hover:text-[var(--gr-fg)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport const spinnerClass = 'shrink-0 inline-flex items-center justify-center text-[var(--gr-muted-fg)]'\n\nexport function grInputTagWrapperClass(options: {\n  size: GrInputTagSize\n  state: GrInputTagState\n  invalid: boolean\n  disabled: boolean\n}): string {\n  return [\n    wrapperBaseClass,\n    wrapperSizeClassBySize[options.size],\n    options.invalid ? invalidWrapperBorderClass : wrapperBorderClassByState[options.state],\n    options.disabled ? wrapperDisabledClass : wrapperEnabledClass,\n  ].join(' ')\n}\n\nexport function grInputTagInputClass(size: GrInputTagSize): string {\n  return inputSizeClassBySize[size]\n}\n\n/**\n * Поле правки тега — внутри чипа, вместо его содержимого.\n *\n * Ни фона, ни рамки: их рисует сам чип, и второй набор внутри выглядел бы\n * полем в поле. А вот кольцо фокуса нужно: без него чип в правке неотличим от\n * обычного — единственным признаком остаётся каретка, и режим не виден.\n *\n * Ширину задаёт нативный `size` по длине черновика: в режиме правки у чипа нет\n * содержимого, от которого он взял бы ширину.\n */\nexport const tagEditInputClass = 'min-w-[2ch] bg-transparent border-none p-0 text-inherit [font:inherit] rounded-[var(--gr-radius-sm)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n","import { splitClassTokens } from '../shared/classTokens'\nimport { controlStateIconClass, controlStateIconColors } from '../shared/controlState'\nimport {\n  clearButtonClass,\n  inputSizeClassBySize,\n  invalidWrapperBorderClass,\n  spinnerClass,\n  tagEditInputClass,\n  wrapperBaseClass,\n  wrapperBorderClassByState,\n  wrapperDisabledClass,\n  wrapperEnabledClass,\n  wrapperSizeClassBySize,\n} from './grInputTagStyles'\n\nexport const grInputTagSafelist = [...new Set([\n  ...Object.values(wrapperSizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(inputSizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(wrapperBorderClassByState).flatMap(splitClassTokens),\n  ...splitClassTokens(invalidWrapperBorderClass),\n  ...splitClassTokens(wrapperBaseClass),\n  ...splitClassTokens(wrapperEnabledClass),\n  ...splitClassTokens(wrapperDisabledClass),\n  ...splitClassTokens(clearButtonClass),\n  ...splitClassTokens(spinnerClass),\n  ...splitClassTokens(tagEditInputClass),\n  // Общий модуль лежит в чанке без адреса — его классы объявляет каждый импортёр.\n  ...splitClassTokens(controlStateIconClass),\n  ...Object.values(controlStateIconColors).flatMap(splitClassTokens),\n  ...splitClassTokens('sr-only'),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grInputTagSafelist } from './safelist'\n\nexport const grInputTagConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrInputTag',\n  dependencies: ['GrChip', 'GrIcon'],\n  safelist: grInputTagSafelist,\n})\n"],"mappings":";;;;AAOA,IAAa,yBAAyD;CACpE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,uBAAuD;CAClE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,4BAA6D;CACxE,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;AACV;;;;;;AAOA,IAAa,4BAA4B;AAEzC,IAAa,mBAAmB;AAEhC,IAAa,sBAAsB;;;;;;AAOnC,IAAa,uBAAuB;AAEpC,IAAa,mBAAmB;AAEhC,IAAa,eAAe;AAE5B,SAAgB,uBAAuB,SAK5B;CACT,OAAO;EACL;EACA,uBAAuB,QAAQ;EAC/B,QAAQ,UAAU,4BAA4B,0BAA0B,QAAQ;EAChF,QAAQ,WAAW,uBAAuB;CAC5C,CAAC,CAAC,KAAK,GAAG;AACZ;AAEA,SAAgB,qBAAqB,MAA8B;CACjE,OAAO,qBAAqB;AAC9B;;;;;;;;;;;AAYA,IAAa,oBAAoB;;;AC/DjC,IAAa,qBAAqB,CAAC,mBAAG,IAAI,IAAI;CAC5C,GAAG,OAAO,OAAO,sBAAsB,CAAC,CAAC,QAAQ,gBAAgB;CACjE,GAAG,OAAO,OAAO,oBAAoB,CAAC,CAAC,QAAQ,gBAAgB;CAC/D,GAAG,OAAO,OAAO,yBAAyB,CAAC,CAAC,QAAQ,gBAAgB;CACpE,GAAG,iBAAiB,yBAAyB;CAC7C,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,iBAAiB;CAErC,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,OAAO,OAAO,sBAAsB,CAAC,CAAC,QAAQ,gBAAgB;CACjE,GAAG,iBAAiB,SAAS;AAC/B,CAAC,CAAC;;;AC1BF,IAAa,mBAAmB,wBAAwB,YAAY,KAAK;CACvE,MAAM;CACN,cAAc,CAAC,UAAU,QAAQ;CACjC,UAAU;AACZ,CAAC"}

package/dist/chunks/{config-Bs1HwUcx.js → config-DPJ3jtiB.js}

@@ -33,6 +33,14 @@ var placeholderPaddings = {
 */
 var columnHandleClass = "inline-flex shrink-0 cursor-grab items-center text-[var(--gr-datatable-drag-handle,var(--gr-muted-fg))] opacity-0 [touch-action:none] transition-opacity duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] rounded-[var(--gr-radius-sm)] group-hover:opacity-100";
 var columnHandleActiveClass = "opacity-100";
+/**
+* Кнопка меню колонки. Как и ручка переноса, в покое не видна: три значка в
+* каждом заголовке — шум, а нужны они по случаю.
+*
+* Открытое меню держит кнопку видимой само (`aria-expanded`), иначе она гасла
+* бы ровно в тот момент, когда указатель уходит с заголовка на её же панель.
+*/
+var columnMenuTriggerClass = "absolute end-1 top-1/2 -translate-y-1/2 inline-flex shrink-0 items-center rounded-[var(--gr-radius-sm)] text-[var(--gr-muted-fg)] opacity-0 transition-opacity duration-[var(--gr-duration-fast)] hover:text-[var(--gr-fg)] focus:outline-none focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] group-hover:opacity-100 [&[aria-expanded=true]]:opacity-100 disabled:cursor-not-allowed disabled:text-[var(--gr-disabled-fg)]";
 /** Переносимая колонка гасится, чтобы было видно, что она «поднята». */
 var columnDraggingClass = "bg-[var(--gr-muted)]";
 /**
@@ -155,6 +163,7 @@ var grDataTableSafelist = [.../* @__PURE__ */ new Set([
 	...Object.values(headerGaps).flatMap(splitClassTokens),
 	...Object.values(spinnerSizes).flatMap(splitClassTokens),
 	...splitClassTokens(columnHandleClass),
+	...splitClassTokens(columnMenuTriggerClass),
 	...splitClassTokens(columnHandleActiveClass),
 	...splitClassTokens(columnDraggingClass),
 	...splitClassTokens(columnDropBeforeClass),
@@ -187,7 +196,8 @@ var grDataTableConfig = defineGranularComponent(import.meta.url, {
 		"GrIcon",
 		"GrCheckbox",
 		"GrButton",
-		"GrSkeleton"
+		"GrSkeleton",
+		"GrDropdownMenu"
 	],
 	safelist: grDataTableSafelist,
 	tokenDefinitionsRef: { light: {
@@ -196,4 +206,4 @@ var grDataTableConfig = defineGranularComponent(import.meta.url, {
 	} }
 });
 //#endregion
-export { selectCheckboxSizes as A, expandIconClass as C, placeholderPaddings as D, headerTextSizes as E, sortIconSizes as M, spinnerSizes as N, rowHeightEstimates as O, summaryRowClass as P, expandColumnWidths as S, headerGaps as T, detailContentClass as _, columnDropAfterClass as a, detailRowClass as b, columnHandleClass as c, columnPinnedRightEdgeClass as d, columnResizerClass as f, detailCellClass as g, columnResizerLineClass as h, columnDraggingClass as i, selectColumnWidths as j, rowSelectedClass as k, columnPinnedClass as l, columnResizerLineActiveClass as m, grDataTableSafelist as n, columnDropBeforeClass as o, columnResizerHoverClass as p, cellPaddings as r, columnHandleActiveClass as s, grDataTableConfig as t, columnPinnedLeftEdgeClass as u, detailErrorClass as v, expandIconOpenClass as w, expandButtonClass as x, detailPaddings as y };
+export { rowSelectedClass as A, expandColumnWidths as C, headerTextSizes as D, headerGaps as E, summaryRowClass as F, selectColumnWidths as M, sortIconSizes as N, placeholderPaddings as O, spinnerSizes as P, expandButtonClass as S, expandIconOpenClass as T, detailCellClass as _, columnDropAfterClass as a, detailPaddings as b, columnHandleClass as c, columnPinnedLeftEdgeClass as d, columnPinnedRightEdgeClass as f, columnResizerLineClass as g, columnResizerLineActiveClass as h, columnDraggingClass as i, selectCheckboxSizes as j, rowHeightEstimates as k, columnMenuTriggerClass as l, columnResizerHoverClass as m, grDataTableSafelist as n, columnDropBeforeClass as o, columnResizerClass as p, cellPaddings as r, columnHandleActiveClass as s, grDataTableConfig as t, columnPinnedClass as u, detailContentClass as v, expandIconClass as w, detailRowClass as x, detailErrorClass as y };