@feugene/granularity 0.42.0 → 0.43.0

package/README.md

@@ -91,10 +91,10 @@ from its own chunk, so a granular import already brings everything it needs.
 <!-- entry-sizes:generated:start lang=en -->
 | What you import | gzip | of the barrel |
 | --- | ---: | ---: |
-| the whole package from the root | 541.7 kB | 100 % |
+| the whole package from the root | 580.9 kB | 100 % |
 | the lightest component — `GrButtonGroup` | 1.8 kB | < 1 % |
-| the median component — `GrSegmented` | 15.2 kB | 3 % |
-| the 5 heaviest together | 171.7 kB | 32 % |
+| the median component — `GrNavbar` | 15.4 kB | 3 % |
+| the 5 heaviest together | 171.9 kB | 30 % |
 
 These numbers **do not add up**: shared code is counted again in every row but paid for once, which is why
 the set is shown as a union rather than a sum. They are an upper bound — the gzip of everything a subpath

package/dist/chunks/config-BXRmsn3t.js

@@ -0,0 +1,172 @@
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
+import { t as GR_TONES } from "./tones-CRJAaYyg.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrCarousel/grCarouselStyles.ts
+/**
+* Тон текущего переключателя. Своей шкалы компонент не заводит: она одна на
+* пакет, и хук `--gr-carousel-dot-active` перебивает её точечно.
+*/
+var dotToneVars = {
+	primary: "var(--gr-carousel-dot-active,var(--gr-primary))",
+	neutral: "var(--gr-carousel-dot-active,var(--gr-secondary))",
+	success: "var(--gr-carousel-dot-active,var(--gr-success))",
+	warning: "var(--gr-carousel-dot-active,var(--gr-warning))",
+	danger: "var(--gr-carousel-dot-active,var(--gr-danger))",
+	info: "var(--gr-carousel-dot-active,var(--gr-info))",
+	slate: "var(--gr-carousel-dot-active,var(--gr-slate))",
+	azure: "var(--gr-carousel-dot-active,var(--gr-azure))"
+};
+/**
+* Текущая точка: заливка **и** обвод вокруг неё.
+*
+* Одной заливки мало: при диаметре в 8 пикселей текущая точка отличалась от
+* соседних только оттенком, а на тон вроде `slate` разница почти пропадала. Обвод
+* добавляет второй признак — форму, — и работает там, где цвет не различают.
+*
+* `outline`, а не `ring`: он рисуется вне потока и не требует цвета подложки под
+* зазор, тогда как `ring-offset` пришлось бы красить в фон страницы, которого
+* компонент не знает.
+*/
+/**
+* Скобки приносит хелпер, а не литерал.
+*
+* Гейт safelist читает класс-литералы `.ts`-хелперов статически, и запись вида
+* `` `bg-[${color}]` `` он видит как класс, которого в safelist нет. Приём взят
+* у `GrProgressBar`: в литерале скобок не остаётся вовсе.
+*/
+function arbitrary(value) {
+	return `[${value}]`;
+}
+/**
+* Текущая точка: заливка **и** обвод вокруг неё.
+*
+* Одной заливки мало: при диаметре в 8 пикселей текущая точка отличалась от
+* соседних только оттенком, а на приглушённом тоне разница почти пропадала.
+* Обвод добавляет второй признак — форму, — и работает там, где цвет не
+* различают.
+*
+* `outline`, а не `ring`: он рисуется вне потока и не требует цвета подложки под
+* зазор, тогда как `ring-offset` пришлось бы красить в фон страницы, которого
+* компонент не знает.
+*/
+function grCarouselDotActiveClass(tone) {
+	const color = dotToneVars[tone];
+	return [
+		`bg-${arbitrary(color)}`,
+		arbitrary(`outline:var(--gr-carousel-dot-ring-width,2px)_solid_${color}`),
+		arbitrary("outline-offset:var(--gr-carousel-dot-ring-offset,2px)")
+	].join(" ");
+}
+function grCarouselThumbActiveClass(tone) {
+	return `border-${arbitrary(dotToneVars[tone])}`;
+}
+var carouselRootBase = "relative w-full";
+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";
+/**
+* Стрелки лежат поверх произвольного содержимого, поэтому несут собственную
+* подложку: на светлом кадре иконка без неё пропадает. `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 carouselControlPositions = {
+	prev: "start-2",
+	next: "end-2"
+};
+/**
+* Стрелка на краю без `loop` гасится фоном, а не `opacity`: прозрачность
+* разбавляет выверенные на AA токены текста и роняет контраст.
+*/
+var carouselControlStates = {
+	idle: "hover:bg-[var(--gr-carousel-control-bg-hover,var(--gr-muted))]",
+	disabled: "cursor-not-allowed bg-[var(--gr-muted)] text-[var(--gr-disabled-fg)]"
+};
+/** Тумблер автопрокрутки: тот же хром, что у стрелок, но в углу ленты. */
+var 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)]";
+var carouselIconClass = "h-4 w-4 shrink-0";
+/**
+* Полоса переключателей прокручивается, а не переносится: перенос увёл бы
+* миниатюры под соседний блок. Своей остановки `Tab` у неё нет — её дети
+* фокусируемы, и вторая остановка была бы лишней (приём `GrTabs`).
+*/
+var carouselIndicatorsBase = "flex max-w-full items-center overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden";
+var carouselIndicatorsVariants = {
+	dots: "justify-center gap-[var(--gr-carousel-gap,0.5rem)] px-1 pt-3.5 pb-1.5",
+	thumbnails: "gap-[var(--gr-carousel-gap,0.5rem)] pt-3",
+	none: ""
+};
+var carouselIndicatorBase = "shrink-0 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+var carouselDotBase = "rounded-[var(--gr-radius-full)] h-[var(--gr-carousel-dot-size,0.5rem)] w-[var(--gr-carousel-dot-size,0.5rem)]";
+var carouselDotStates = { idle: "bg-[var(--gr-carousel-dot,var(--gr-brd))] hover:bg-[var(--gr-muted-fg)]" };
+var 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)]";
+var carouselThumbStates = { idle: "border-[var(--gr-brd)] hover:border-[var(--gr-muted-fg)]" };
+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) {
+	return [
+		carouselControlBase,
+		carouselControlPositions[direction],
+		disabled ? carouselControlStates.disabled : carouselControlStates.idle
+	].join(" ");
+}
+function grCarouselIndicatorsClass(variant) {
+	return [carouselIndicatorsBase, carouselIndicatorsVariants[variant]].filter(Boolean).join(" ");
+}
+function grCarouselIndicatorClass(variant, active, tone = "primary") {
+	if (variant === "thumbnails") return [
+		carouselIndicatorBase,
+		carouselThumbBase,
+		active ? grCarouselThumbActiveClass(tone) : carouselThumbStates.idle
+	].join(" ");
+	return [
+		carouselIndicatorBase,
+		carouselDotBase,
+		active ? grCarouselDotActiveClass(tone) : carouselDotStates.idle
+	].join(" ");
+}
+//#endregion
+//#region src/components/GrCarousel/safelist.ts
+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(carouselControlStates).flatMap(splitClassTokens),
+	...Object.values(carouselIndicatorsVariants).flatMap(splitClassTokens),
+	...Object.values(carouselDotStates).flatMap(splitClassTokens),
+	...Object.values(carouselThumbStates).flatMap(splitClassTokens),
+	...splitClassTokens(carouselRootBase),
+	...splitClassTokens(carouselViewportBase),
+	...splitClassTokens(carouselViewportSwipeClass),
+	...splitClassTokens(carouselTrackBase),
+	...splitClassTokens(carouselSlideBase),
+	...splitClassTokens(carouselControlBase),
+	...splitClassTokens(carouselToggleClass),
+	...splitClassTokens(carouselIconClass),
+	...splitClassTokens(carouselIndicatorsBase),
+	...splitClassTokens(carouselIndicatorBase),
+	...splitClassTokens(carouselDotBase),
+	...splitClassTokens(carouselThumbBase),
+	...splitClassTokens(carouselThumbImageClass),
+	...splitClassTokens(carouselThumbFallbackClass)
+])];
+//#endregion
+//#region src/components/GrCarousel/config.ts
+/**
+* `dependencies` пуст намеренно: стрелки и тумблер — обычные `<button>`, а не
+* `GrButton`. Тот связывает `disabled` с нативным атрибутом, а стрелка на краю
+* без `loop` обязана остаться фокусируемой (`aria-disabled`), иначе фокус
+* падает в `<body>` ровно в момент, когда пользователь долистал до конца.
+*/
+var grCarouselConfig = defineGranularComponent(import.meta.url, {
+	name: "GrCarousel",
+	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 };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BXRmsn3t.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\nexport const carouselViewportBase = 'relative w-full overflow-hidden'\n\n/**\n * Вертикальная прокрутка страницы остаётся браузеру, горизонталь забирает лента.\n * `select-none` — против выделения текста слайда протяжкой.\n */\nexport const carouselViewportSwipeClass = '[touch-action:pan-y] select-none'\n\nexport const carouselTrackBase = 'flex w-full will-change-transform transition-transform duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]'\n\nexport const carouselSlideBase = 'w-full min-w-0 shrink-0 grow-0 basis-full'\n\n/**\n * Стрелки лежат поверх произвольного содержимого, поэтому несут собственную\n * подложку: на светлом кадре иконка без неё пропадает. `z-10` — порядок внутри\n * собственного stacking-контекста компонента, а не слой страницы.\n */\nexport const 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)]'\n\nexport const carouselControlPositions = {\n  prev: 'start-2',\n  next: 'end-2',\n} as const\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(direction: 'prev' | 'next', disabled: boolean): string {\n  return [\n    carouselControlBase,\n    carouselControlPositions[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  carouselControlBase,\n  carouselControlPositions,\n  carouselControlStates,\n  carouselDotBase,\n  carouselDotStates,\n  carouselIconClass,\n  carouselIndicatorBase,\n  carouselIndicatorsBase,\n  carouselIndicatorsVariants,\n  carouselRootBase,\n  carouselSlideBase,\n  carouselThumbBase,\n  carouselThumbFallbackClass,\n  carouselThumbImageClass,\n  carouselThumbStates,\n  carouselToggleClass,\n  grCarouselDotActiveClass,\n  grCarouselThumbActiveClass,\n  carouselTrackBase,\n  carouselViewportBase,\n  carouselViewportSwipeClass,\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(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":"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"}

package/dist/chunks/config-Dg0bSoGw.js

@@ -0,0 +1,81 @@
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrAffix/grAffixStyles.ts
+/**
+* Слой — локальное число, а не токен шкалы `--gr-z-*`, и это осознанно.
+* `docs/z-index.md` оставляет шаг между слоями приложению «вклиниться между
+* уровнями — например, свой sticky-хедер под дропдауном»; аффикс это он и есть,
+* так что занимать под него ступень шкалы значило бы забрать оставленное место.
+* К тому же `sticky` с `z-index` заводит свой stacking-контекст — число всё
+* равно локально, и глобального ответа «выше или ниже нижней навигации» у
+* компонента нет: он зависит от приложения. Нужен слой шкалы — приложение
+* ставит `--gr-affix-z: var(--gr-z-navbar)`.
+*
+* `ease-*` обязателен вместе с `duration-*`: без него `presetMini` подставит
+* свою кривую, и движение задавал бы пресет, а не дизайн-система.
+*/
+var affixBaseClass = "z-[var(--gr-affix-z,10)] transition-[box-shadow,background-color] duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-out)]";
+var affixStickyClass = "sticky";
+var affixEdgeClass = {
+	top: "top-[var(--gr-affix-offset,0px)]",
+	bottom: "bottom-[var(--gr-affix-offset,0px)]"
+};
+/**
+* Поверхность прилипшей панели.
+*
+* Фон обязателен: без него уезжающее под панель содержимое просвечивает
+* насквозь — тот же дефект, что у `stickyHeader` в `GrTable` и у закреплённых
+* колонок `GrDataTable`. Отделяет панель тень, а не рамка: рамка добавляет
+* высоту и сдвигает раскладку ровно в момент прилипания.
+*
+* Дефолт фона — `--gr-bg`, а не `--gr-card`: аффикс стоит на странице, и
+* содержимое обязано под ним исчезать, а не наезжать на вторую поверхность.
+* Внутри карточки перекрывается строкой `style="--gr-affix-bg: var(--gr-card)"`.
+*
+* Тень направлена от края прилипания, поэтому наборов два. Верхний берёт
+* системный уровень elevation — тема даёт ему свою плотность. У нижнего
+* направление обратное, системного зеркала нет, и он собирается подмесом
+* `--gr-fg`: подмес переворачивается вместе с темой, литеральный `rgba` — нет.
+*/
+var affixSurfaceClass = {
+	top: "bg-[var(--gr-affix-bg,var(--gr-bg))] shadow-[var(--gr-affix-shadow,var(--gr-shadow-2))]",
+	bottom: "bg-[var(--gr-affix-bg,var(--gr-bg))] shadow-[var(--gr-affix-shadow,0_-8px_24px_-12px_color-mix(in_srgb,var(--gr-fg)_45%,transparent))]"
+};
+/**
+* Сентинел — зонд положения в потоке: отмечает место, где коробка стояла бы, не
+* будь она липкой. Раскладку не сдвигает, потому что пиксель высоты гасится
+* пикселем отрицательного поля с той стороны, где стоит коробка.
+*
+* Высота именно пиксель, а не ноль: нулевая площадь у цели
+* `IntersectionObserver` — спорный по спецификации угол, и полагаться на него
+* незачем, когда пиксель ничего не стоит.
+*/
+var affixSentinelClass = {
+	top: "h-px -mb-px pointer-events-none",
+	bottom: "h-px -mt-px pointer-events-none"
+};
+function grAffixRootClass(placement, sticky, surface) {
+	return [
+		affixBaseClass,
+		sticky ? affixStickyClass : "",
+		sticky ? affixEdgeClass[placement] : "",
+		surface ? affixSurfaceClass[placement] : ""
+	].filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/components/GrAffix/safelist.ts
+var grAffixSafelist = [.../* @__PURE__ */ new Set([
+	...splitClassTokens(affixBaseClass),
+	...splitClassTokens(affixStickyClass),
+	...Object.values(affixEdgeClass).flatMap(splitClassTokens),
+	...Object.values(affixSurfaceClass).flatMap(splitClassTokens),
+	...Object.values(affixSentinelClass).flatMap(splitClassTokens)
+])];
+//#endregion
+//#region src/components/GrAffix/config.ts
+var grAffixConfig = defineGranularComponent(import.meta.url, {
+	name: "GrAffix",
+	safelist: grAffixSafelist
+});
+//#endregion
+export { grAffixRootClass as i, grAffixSafelist as n, affixSentinelClass as r, grAffixConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-Dg0bSoGw.js","names":[],"sources":["../../src/components/GrAffix/grAffixStyles.ts","../../src/components/GrAffix/safelist.ts","../../src/components/GrAffix/config.ts"],"sourcesContent":["import type { GrAffixPlacement } from './affixState'\n\n/**\n * Слой — локальное число, а не токен шкалы `--gr-z-*`, и это осознанно.\n * `docs/z-index.md` оставляет шаг между слоями приложению «вклиниться между\n * уровнями — например, свой sticky-хедер под дропдауном»; аффикс это он и есть,\n * так что занимать под него ступень шкалы значило бы забрать оставленное место.\n * К тому же `sticky` с `z-index` заводит свой stacking-контекст — число всё\n * равно локально, и глобального ответа «выше или ниже нижней навигации» у\n * компонента нет: он зависит от приложения. Нужен слой шкалы — приложение\n * ставит `--gr-affix-z: var(--gr-z-navbar)`.\n *\n * `ease-*` обязателен вместе с `duration-*`: без него `presetMini` подставит\n * свою кривую, и движение задавал бы пресет, а не дизайн-система.\n */\nexport const affixBaseClass = 'z-[var(--gr-affix-z,10)] transition-[box-shadow,background-color] duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-out)]'\n\nexport const affixStickyClass = 'sticky'\n\nexport const affixEdgeClass: Record<GrAffixPlacement, string> = {\n  top: 'top-[var(--gr-affix-offset,0px)]',\n  bottom: 'bottom-[var(--gr-affix-offset,0px)]',\n}\n\n/**\n * Поверхность прилипшей панели.\n *\n * Фон обязателен: без него уезжающее под панель содержимое просвечивает\n * насквозь — тот же дефект, что у `stickyHeader` в `GrTable` и у закреплённых\n * колонок `GrDataTable`. Отделяет панель тень, а не рамка: рамка добавляет\n * высоту и сдвигает раскладку ровно в момент прилипания.\n *\n * Дефолт фона — `--gr-bg`, а не `--gr-card`: аффикс стоит на странице, и\n * содержимое обязано под ним исчезать, а не наезжать на вторую поверхность.\n * Внутри карточки перекрывается строкой `style=\"--gr-affix-bg: var(--gr-card)\"`.\n *\n * Тень направлена от края прилипания, поэтому наборов два. Верхний берёт\n * системный уровень elevation — тема даёт ему свою плотность. У нижнего\n * направление обратное, системного зеркала нет, и он собирается подмесом\n * `--gr-fg`: подмес переворачивается вместе с темой, литеральный `rgba` — нет.\n */\nexport const affixSurfaceClass: Record<GrAffixPlacement, string> = {\n  top: 'bg-[var(--gr-affix-bg,var(--gr-bg))] shadow-[var(--gr-affix-shadow,var(--gr-shadow-2))]',\n  bottom: 'bg-[var(--gr-affix-bg,var(--gr-bg))] shadow-[var(--gr-affix-shadow,0_-8px_24px_-12px_color-mix(in_srgb,var(--gr-fg)_45%,transparent))]',\n}\n\n/**\n * Сентинел — зонд положения в потоке: отмечает место, где коробка стояла бы, не\n * будь она липкой. Раскладку не сдвигает, потому что пиксель высоты гасится\n * пикселем отрицательного поля с той стороны, где стоит коробка.\n *\n * Высота именно пиксель, а не ноль: нулевая площадь у цели\n * `IntersectionObserver` — спорный по спецификации угол, и полагаться на него\n * незачем, когда пиксель ничего не стоит.\n */\nexport const affixSentinelClass: Record<GrAffixPlacement, string> = {\n  top: 'h-px -mb-px pointer-events-none',\n  bottom: 'h-px -mt-px pointer-events-none',\n}\n\nexport function grAffixRootClass(placement: GrAffixPlacement, sticky: boolean, surface: boolean): string {\n  return [\n    affixBaseClass,\n    sticky ? affixStickyClass : '',\n    sticky ? affixEdgeClass[placement] : '',\n    surface ? affixSurfaceClass[placement] : '',\n  ].filter(Boolean).join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\n\nimport {\n  affixBaseClass,\n  affixEdgeClass,\n  affixSentinelClass,\n  affixStickyClass,\n  affixSurfaceClass,\n} from './grAffixStyles'\n\nexport const grAffixSafelist = [...new Set([\n  ...splitClassTokens(affixBaseClass),\n  ...splitClassTokens(affixStickyClass),\n  ...Object.values(affixEdgeClass).flatMap(splitClassTokens),\n  ...Object.values(affixSurfaceClass).flatMap(splitClassTokens),\n  ...Object.values(affixSentinelClass).flatMap(splitClassTokens),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grAffixSafelist } from './safelist'\n\nexport const grAffixConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrAffix',\n  safelist: grAffixSafelist,\n})\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,IAAa,iBAAiB;AAE9B,IAAa,mBAAmB;AAEhC,IAAa,iBAAmD;CAC9D,KAAK;CACL,QAAQ;AACV;;;;;;;;;;;;;;;;;;AAmBA,IAAa,oBAAsD;CACjE,KAAK;CACL,QAAQ;AACV;;;;;;;;;;AAWA,IAAa,qBAAuD;CAClE,KAAK;CACL,QAAQ;AACV;AAEA,SAAgB,iBAAiB,WAA6B,QAAiB,SAA0B;CACvG,OAAO;EACL;EACA,SAAS,mBAAmB;EAC5B,SAAS,eAAe,aAAa;EACrC,UAAU,kBAAkB,aAAa;CAC3C,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B;;;ACzDA,IAAa,kBAAkB,CAAC,mBAAG,IAAI,IAAI;CACzC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;CACzD,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,GAAG,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;AAC/D,CAAC,CAAC;;;ACZF,IAAa,gBAAgB,wBAAwB,YAAY,KAAK;CACpE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/config-DmED6aJV.js

@@ -0,0 +1,237 @@
+import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrTransfer/grTransferStyles.ts
+var transferRootBase = "flex items-stretch gap-4";
+var transferPanelBase = "flex min-w-0 flex-1 flex-col overflow-hidden rounded-[var(--gr-radius-md)] border border-[var(--gr-brd)] bg-[var(--gr-card)]";
+/**
+* Панель под указателем во время переноса.
+*
+* Одной рамки мало: на широком экране она за пределами взгляда, занятого
+* курсором. Мягкая подложка сообщает «сюда» там, где человек и смотрит.
+*/
+var transferPanelDropClass = "border-[var(--gr-transfer-drop-brd,var(--gr-primary))] bg-[var(--gr-transfer-drop-bg,color-mix(in_srgb,var(--gr-primary)_6%,transparent))]";
+var transferHeaderBase = "flex items-center gap-2 border-b border-[var(--gr-brd)]";
+var transferTitleClass = "min-w-0 flex-1 truncate font-600 text-[var(--gr-fg)]";
+var transferCounterClass = "shrink-0 text-[var(--gr-muted-fg)] tabular-nums";
+var transferSearchBase = "border-b border-[var(--gr-brd)]";
+/**
+* Список — скроллер, но своего таб-стопа не получает: его строки фокусируемы,
+* и вторая остановка `Tab` перед ними была бы лишней (приём `GrTabs`).
+*/
+var transferListBase = "relative min-h-0 flex-1 overflow-y-auto";
+var transferOptionBase = "relative flex w-full select-none items-center gap-2 text-start transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-inset";
+/** Строку можно взять — курсор обязан это предложить до нажатия, а не после. */
+var transferOptionGrabClass = "cursor-grab";
+var transferOptionPlainClass = "cursor-pointer";
+var transferOptionStates = {
+	selected: "bg-[var(--gr-transfer-selected-bg,color-mix(in_srgb,var(--gr-primary)_12%,transparent))] text-[var(--gr-fg)]",
+	idle: "text-[var(--gr-fg)] hover:bg-[var(--gr-muted)]",
+	disabled: "cursor-not-allowed bg-[var(--gr-muted)] text-[var(--gr-disabled-fg)]"
+};
+/**
+* Строка, только что приехавшая из соседней панели.
+*
+* Статичный итог перенос уже показывает — строка приходит отмеченной, счётчики
+* меняются, — но само **движение** ничем не выдано: строки просто возникают.
+* Короткая подсветка связывает «нажал» и «появилось». Под `prefers-reduced-motion`
+* её гасит глобальный кламп, и остаётся тот же статичный итог.
+*/
+var transferOptionArrivedClass = "gr-transfer-arrived";
+/**
+* Место, откуда строку унесли.
+*
+* Правило живёт в `<style>` компонента, а не утилитой: цвет текста строки задаёт
+* класс состояния той же специфичности, и кто победит, решал бы порядок правил в
+* собранном CSS — та же ловушка, что записана в `grTabsStyles.ts`.
+*/
+var transferOptionDraggingClass = "gr-transfer-vacated";
+/**
+* Отметка строки декоративна: `GrCheckbox` внутрь `role="option"` вложить
+* нельзя — его индикатор сам `role="checkbox"` с `tabindex="0"`, то есть ровно
+* `nested-interactive`. Состояние объявляет `aria-selected` самой строки.
+*/
+var transferMarkBase = "inline-flex shrink-0 items-center justify-center rounded-[var(--gr-radius-sm)] border border-[var(--gr-brd)] bg-[var(--gr-bg)]";
+var transferMarkStates = {
+	selected: "border-[var(--gr-primary)] bg-[var(--gr-primary)] text-[var(--gr-primary-fg)]",
+	idle: ""
+};
+var transferMarkIconClass = "h-3 w-3";
+var transferLabelClass = "min-w-0 flex-1 truncate";
+/**
+* Место вставки — псевдоэлемент строки-соседа, а не отдельный узел: лишний узел
+* между строками ломает подсчёт позиций и разделители.
+*/
+var transferIndicatorBeforeClass = "before:absolute before:inset-x-0 before:top-0 before:h-[var(--gr-transfer-indicator-width,3px)] before:rounded-[var(--gr-radius-full)] before:bg-[var(--gr-transfer-indicator,var(--gr-primary))] before:content-empty";
+var transferIndicatorAfterClass = "after:absolute after:inset-x-0 after:bottom-0 after:h-[var(--gr-transfer-indicator-width,3px)] after:rounded-[var(--gr-radius-full)] after:bg-[var(--gr-transfer-indicator,var(--gr-primary))] after:content-empty";
+var transferEmptyClass = "flex h-full items-center justify-center px-4 py-6 text-center text-[var(--gr-muted-fg)]";
+var transferActionsClass = "flex shrink-0 items-center";
+/**
+* Кнопки перестановки в шапке правой панели. Перестановка обязана быть видимой:
+* сочетание `Alt` + стрелка её ускоряет, но само по себе неоткрываемо, а на
+* macOS ещё и неудобно — почти все мета-клавиши там заняты системой.
+*
+* Стрелки горизонтальные, потому что порядок — это **последовательность**, а не
+* положение на экране: правая панель задаёт порядок колонок отчёта или полей
+* выгрузки, и они читаются слева направо.
+*
+* Сочетание при этом остаётся вертикальным (`Alt` + `↑`/`↓`), и расхождение с
+* иконками намеренное: в Chrome и Firefox под Windows и Linux `Alt` + `←`/`→` —
+* это «назад/вперёд» в истории браузера. В Safari навигация висит на
+* `Cmd` + стрелках, то есть там сочетание было бы свободно, — но пакет едет ко
+* всем, и ориентироваться на одну платформу нельзя.
+*/
+var transferReorderBase = "inline-flex shrink-0 items-center justify-center rounded-[var(--gr-radius-sm)] text-[var(--gr-muted-fg)] transition-colors hover:bg-[var(--gr-muted)] hover:text-[var(--gr-fg)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+var transferReorderSizes = {
+	xs: "h-5 w-5",
+	sm: "h-5 w-5",
+	md: "h-6 w-6",
+	lg: "h-7 w-7"
+};
+var transferReorderIconClass = "h-3.5 w-3.5";
+function grTransferReorderClass(size) {
+	return [transferReorderBase, transferReorderSizes[size]].join(" ");
+}
+var transferActionIconClass = "h-4 w-4 shrink-0";
+/**
+* Кнопка без пути наружу остаётся в таб-порядке — нативный `disabled` уронил бы
+* фокус в тело документа. Показывает она это правилом в `<style>` компонента, а
+* не утилитой: у `GrButton` свой фон классом той же специфичности, и кто победит,
+* решал бы порядок в сгенерированном CSS, то есть через раз.
+*/
+var transferActionInertClass = "cursor-not-allowed";
+/**
+* Предпросмотр переносимого: он и есть ответ на «где сейчас элемент».
+*
+* Без него строка оставалась на месте, а за курсором не двигалось ничего — жест
+* выглядел так, будто ничего не происходит. Узел не ловит указатель
+* (`pointer-events: none`), иначе он перехватывал бы попадание у самих панелей.
+*/
+var transferGhostClass = "pointer-events-none fixed left-0 top-0 z-10 flex max-w-[16rem] items-center gap-2 rounded-[var(--gr-radius-md)] border border-[var(--gr-brd)] bg-[var(--gr-transfer-ghost-bg,var(--gr-card))] px-3 py-1.5 text-[var(--gr-fg)] shadow-[var(--gr-shadow-2)]";
+var transferGhostLabelClass = "min-w-0 flex-1 truncate text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]";
+/** Сколько строк едет разом: одну видно по подписи, остальные — числом. */
+var transferGhostCountClass = "shrink-0 rounded-[var(--gr-radius-full)] bg-[var(--gr-primary)] px-1.5 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)] text-[var(--gr-primary-fg)] tabular-nums";
+var transferStatusClass = "sr-only";
+var transferHeaderSizes = {
+	xs: "px-2 py-1 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]",
+	sm: "px-2.5 py-1.5 text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]",
+	md: "px-3 py-2 text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]",
+	lg: "px-4 py-2.5 text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-lg)]"
+};
+var transferOptionSizes = {
+	xs: "px-2 py-1 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]",
+	sm: "px-2.5 py-1.5 text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]",
+	md: "px-3 py-2 text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]",
+	lg: "px-4 py-2.5 text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-lg)]"
+};
+var transferMarkSizes = {
+	xs: "h-3.5 w-3.5",
+	sm: "h-4 w-4",
+	md: "h-4 w-4",
+	lg: "h-5 w-5"
+};
+var transferSearchSizes = {
+	xs: "p-1",
+	sm: "p-1.5",
+	md: "p-2",
+	lg: "p-2.5"
+};
+var transferEmptySizes = {
+	xs: "text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]",
+	sm: "text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]",
+	md: "text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]",
+	lg: "text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-lg)]"
+};
+var transferActionsSizes = {
+	xs: "px-1",
+	sm: "px-1.5",
+	md: "px-2",
+	lg: "px-2.5"
+};
+function grTransferOptionClass(options) {
+	const state = options.disabled ? transferOptionStates.disabled : options.selected ? transferOptionStates.selected : transferOptionStates.idle;
+	return [
+		transferOptionBase,
+		options.draggable && !options.disabled ? transferOptionGrabClass : transferOptionPlainClass,
+		transferOptionSizes[options.size],
+		state,
+		options.dragging ? transferOptionDraggingClass : "",
+		options.arrived ? transferOptionArrivedClass : "",
+		options.indicator === "before" ? transferIndicatorBeforeClass : "",
+		options.indicator === "after" ? transferIndicatorAfterClass : ""
+	].filter(Boolean).join(" ");
+}
+function grTransferMarkClass(size, selected) {
+	return [
+		transferMarkBase,
+		transferMarkSizes[size],
+		selected ? transferMarkStates.selected : transferMarkStates.idle
+	].filter(Boolean).join(" ");
+}
+function grTransferPanelClass(dropActive) {
+	return [transferPanelBase, dropActive ? transferPanelDropClass : ""].filter(Boolean).join(" ");
+}
+function grTransferEmptyClass(size) {
+	return [transferEmptyClass, transferEmptySizes[size]].join(" ");
+}
+function grTransferHeaderClass(size) {
+	return [transferHeaderBase, transferHeaderSizes[size]].join(" ");
+}
+function grTransferSearchClass(size) {
+	return [transferSearchBase, transferSearchSizes[size]].join(" ");
+}
+function grTransferActionsClass(size) {
+	return [transferActionsClass, transferActionsSizes[size]].join(" ");
+}
+//#endregion
+//#region src/components/GrTransfer/safelist.ts
+var grTransferSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(transferHeaderSizes).flatMap(splitClassTokens),
+	...Object.values(transferOptionSizes).flatMap(splitClassTokens),
+	...Object.values(transferMarkSizes).flatMap(splitClassTokens),
+	...Object.values(transferSearchSizes).flatMap(splitClassTokens),
+	...Object.values(transferEmptySizes).flatMap(splitClassTokens),
+	...Object.values(transferActionsSizes).flatMap(splitClassTokens),
+	...Object.values(transferReorderSizes).flatMap(splitClassTokens),
+	...Object.values(transferOptionStates).flatMap(splitClassTokens),
+	...Object.values(transferMarkStates).flatMap(splitClassTokens),
+	...splitClassTokens(transferRootBase),
+	...splitClassTokens(transferPanelBase),
+	...splitClassTokens(transferPanelDropClass),
+	...splitClassTokens(transferHeaderBase),
+	...splitClassTokens(transferTitleClass),
+	...splitClassTokens(transferCounterClass),
+	...splitClassTokens(transferGhostClass),
+	...splitClassTokens(transferGhostLabelClass),
+	...splitClassTokens(transferGhostCountClass),
+	...splitClassTokens(transferSearchBase),
+	...splitClassTokens(transferListBase),
+	...splitClassTokens(transferOptionBase),
+	...splitClassTokens(transferOptionGrabClass),
+	...splitClassTokens(transferOptionPlainClass),
+	...splitClassTokens(transferMarkBase),
+	...splitClassTokens(transferMarkIconClass),
+	...splitClassTokens(transferLabelClass),
+	...splitClassTokens(transferIndicatorBeforeClass),
+	...splitClassTokens(transferIndicatorAfterClass),
+	...splitClassTokens(transferEmptyClass),
+	...splitClassTokens(transferActionsClass),
+	...splitClassTokens(transferActionIconClass),
+	...splitClassTokens(transferActionInertClass),
+	...splitClassTokens(transferReorderBase),
+	...splitClassTokens(transferReorderIconClass),
+	...splitClassTokens(transferStatusClass)
+])];
+//#endregion
+//#region src/components/GrTransfer/config.ts
+var grTransferConfig = defineGranularComponent(import.meta.url, {
+	name: "GrTransfer",
+	dependencies: [
+		"GrButton",
+		"GrButtonGroup",
+		"GrCheckbox",
+		"GrInput"
+	],
+	safelist: grTransferSafelist
+});
+//#endregion
+export { transferTitleClass as C, transferStatusClass as S, transferLabelClass as _, grTransferHeaderClass as a, transferReorderIconClass as b, grTransferPanelClass as c, transferActionIconClass as d, transferActionInertClass as f, transferGhostLabelClass as g, transferGhostCountClass as h, grTransferEmptyClass as i, grTransferReorderClass as l, transferGhostClass as m, grTransferSafelist as n, grTransferMarkClass as o, transferCounterClass as p, grTransferActionsClass as r, grTransferOptionClass as s, grTransferConfig as t, grTransferSearchClass as u, transferListBase as v, transferRootBase as x, transferMarkIconClass as y };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-DmED6aJV.js","names":[],"sources":["../../src/components/GrTransfer/grTransferStyles.ts","../../src/components/GrTransfer/safelist.ts","../../src/components/GrTransfer/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nexport type GrTransferSize = GrComponentSize\n\nexport const transferRootBase = 'flex items-stretch gap-4'\n\nexport const transferPanelBase = 'flex min-w-0 flex-1 flex-col overflow-hidden rounded-[var(--gr-radius-md)] border border-[var(--gr-brd)] bg-[var(--gr-card)]'\n\n/**\n * Панель под указателем во время переноса.\n *\n * Одной рамки мало: на широком экране она за пределами взгляда, занятого\n * курсором. Мягкая подложка сообщает «сюда» там, где человек и смотрит.\n */\nexport const transferPanelDropClass = 'border-[var(--gr-transfer-drop-brd,var(--gr-primary))] bg-[var(--gr-transfer-drop-bg,color-mix(in_srgb,var(--gr-primary)_6%,transparent))]'\n\nexport const transferHeaderBase = 'flex items-center gap-2 border-b border-[var(--gr-brd)]'\n\nexport const transferTitleClass = 'min-w-0 flex-1 truncate font-600 text-[var(--gr-fg)]'\n\nexport const transferCounterClass = 'shrink-0 text-[var(--gr-muted-fg)] tabular-nums'\n\nexport const transferSearchBase = 'border-b border-[var(--gr-brd)]'\n\n/**\n * Список — скроллер, но своего таб-стопа не получает: его строки фокусируемы,\n * и вторая остановка `Tab` перед ними была бы лишней (приём `GrTabs`).\n */\nexport const transferListBase = 'relative min-h-0 flex-1 overflow-y-auto'\n\nexport const transferOptionBase = 'relative flex w-full select-none items-center gap-2 text-start transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-inset'\n\n/** Строку можно взять — курсор обязан это предложить до нажатия, а не после. */\nexport const transferOptionGrabClass = 'cursor-grab'\n\nexport const transferOptionPlainClass = 'cursor-pointer'\n\nexport const transferOptionStates = {\n  // Тон, а не заливка: строка остаётся читаемой обычным `--gr-fg`, и контраст\n  // не приходится выверять заново. Мягкой подложки под `--gr-primary` в темах\n  // нет (есть только у danger/info/success/warning), поэтому `color-mix` —\n  // тот же приём, которым красят наведение `GrTabs` и `GrSelect`.\n  selected: 'bg-[var(--gr-transfer-selected-bg,color-mix(in_srgb,var(--gr-primary)_12%,transparent))] text-[var(--gr-fg)]',\n  idle: 'text-[var(--gr-fg)] hover:bg-[var(--gr-muted)]',\n  // Гашение фоном, а не `opacity`: прозрачность разбавляет выверенные на AA\n  // токены текста и роняет контраст.\n  disabled: 'cursor-not-allowed bg-[var(--gr-muted)] text-[var(--gr-disabled-fg)]',\n} as const\n\n/**\n * Строка, только что приехавшая из соседней панели.\n *\n * Статичный итог перенос уже показывает — строка приходит отмеченной, счётчики\n * меняются, — но само **движение** ничем не выдано: строки просто возникают.\n * Короткая подсветка связывает «нажал» и «появилось». Под `prefers-reduced-motion`\n * её гасит глобальный кламп, и остаётся тот же статичный итог.\n */\nexport const transferOptionArrivedClass = 'gr-transfer-arrived'\n\n/**\n * Место, откуда строку унесли.\n *\n * Правило живёт в `<style>` компонента, а не утилитой: цвет текста строки задаёт\n * класс состояния той же специфичности, и кто победит, решал бы порядок правил в\n * собранном CSS — та же ловушка, что записана в `grTabsStyles.ts`.\n */\nexport const transferOptionDraggingClass = 'gr-transfer-vacated'\n\n/**\n * Отметка строки декоративна: `GrCheckbox` внутрь `role=\"option\"` вложить\n * нельзя — его индикатор сам `role=\"checkbox\"` с `tabindex=\"0\"`, то есть ровно\n * `nested-interactive`. Состояние объявляет `aria-selected` самой строки.\n */\nexport const transferMarkBase = 'inline-flex shrink-0 items-center justify-center rounded-[var(--gr-radius-sm)] border border-[var(--gr-brd)] bg-[var(--gr-bg)]'\n\nexport const transferMarkStates = {\n  selected: 'border-[var(--gr-primary)] bg-[var(--gr-primary)] text-[var(--gr-primary-fg)]',\n  idle: '',\n} as const\n\nexport const transferMarkIconClass = 'h-3 w-3'\n\nexport const transferLabelClass = 'min-w-0 flex-1 truncate'\n\n/**\n * Место вставки — псевдоэлемент строки-соседа, а не отдельный узел: лишний узел\n * между строками ломает подсчёт позиций и разделители.\n */\nexport const transferIndicatorBeforeClass = 'before:absolute before:inset-x-0 before:top-0 before:h-[var(--gr-transfer-indicator-width,3px)] before:rounded-[var(--gr-radius-full)] before:bg-[var(--gr-transfer-indicator,var(--gr-primary))] before:content-empty'\n\nexport const transferIndicatorAfterClass = 'after:absolute after:inset-x-0 after:bottom-0 after:h-[var(--gr-transfer-indicator-width,3px)] after:rounded-[var(--gr-radius-full)] after:bg-[var(--gr-transfer-indicator,var(--gr-primary))] after:content-empty'\n\nexport const transferEmptyClass = 'flex h-full items-center justify-center px-4 py-6 text-center text-[var(--gr-muted-fg)]'\n\nexport const transferActionsClass = 'flex shrink-0 items-center'\n\n/**\n * Кнопки перестановки в шапке правой панели. Перестановка обязана быть видимой:\n * сочетание `Alt` + стрелка её ускоряет, но само по себе неоткрываемо, а на\n * macOS ещё и неудобно — почти все мета-клавиши там заняты системой.\n *\n * Стрелки горизонтальные, потому что порядок — это **последовательность**, а не\n * положение на экране: правая панель задаёт порядок колонок отчёта или полей\n * выгрузки, и они читаются слева направо.\n *\n * Сочетание при этом остаётся вертикальным (`Alt` + `↑`/`↓`), и расхождение с\n * иконками намеренное: в Chrome и Firefox под Windows и Linux `Alt` + `←`/`→` —\n * это «назад/вперёд» в истории браузера. В Safari навигация висит на\n * `Cmd` + стрелках, то есть там сочетание было бы свободно, — но пакет едет ко\n * всем, и ориентироваться на одну платформу нельзя.\n */\nexport const transferReorderBase = 'inline-flex shrink-0 items-center justify-center rounded-[var(--gr-radius-sm)] text-[var(--gr-muted-fg)] transition-colors hover:bg-[var(--gr-muted)] hover:text-[var(--gr-fg)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport const transferReorderSizes: Record<GrTransferSize, string> = {\n  xs: 'h-5 w-5',\n  sm: 'h-5 w-5',\n  md: 'h-6 w-6',\n  lg: 'h-7 w-7',\n}\n\nexport const transferReorderIconClass = 'h-3.5 w-3.5'\n\nexport function grTransferReorderClass(size: GrTransferSize): string {\n  return [transferReorderBase, transferReorderSizes[size]].join(' ')\n}\n\nexport const transferActionIconClass = 'h-4 w-4 shrink-0'\n\n/**\n * Кнопка без пути наружу остаётся в таб-порядке — нативный `disabled` уронил бы\n * фокус в тело документа. Показывает она это правилом в `<style>` компонента, а\n * не утилитой: у `GrButton` свой фон классом той же специфичности, и кто победит,\n * решал бы порядок в сгенерированном CSS, то есть через раз.\n */\nexport const transferActionInertClass = 'cursor-not-allowed'\n\n/**\n * Предпросмотр переносимого: он и есть ответ на «где сейчас элемент».\n *\n * Без него строка оставалась на месте, а за курсором не двигалось ничего — жест\n * выглядел так, будто ничего не происходит. Узел не ловит указатель\n * (`pointer-events: none`), иначе он перехватывал бы попадание у самих панелей.\n */\nexport const transferGhostClass = 'pointer-events-none fixed left-0 top-0 z-10 flex max-w-[16rem] items-center gap-2 rounded-[var(--gr-radius-md)] border border-[var(--gr-brd)] bg-[var(--gr-transfer-ghost-bg,var(--gr-card))] px-3 py-1.5 text-[var(--gr-fg)] shadow-[var(--gr-shadow-2)]'\n\nexport const transferGhostLabelClass = 'min-w-0 flex-1 truncate text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]'\n\n/** Сколько строк едет разом: одну видно по подписи, остальные — числом. */\nexport const transferGhostCountClass = 'shrink-0 rounded-[var(--gr-radius-full)] bg-[var(--gr-primary)] px-1.5 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)] text-[var(--gr-primary-fg)] tabular-nums'\n\nexport const transferStatusClass = 'sr-only'\n\nexport const transferHeaderSizes: Record<GrTransferSize, string> = {\n  xs: 'px-2 py-1 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]',\n  sm: 'px-2.5 py-1.5 text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]',\n  md: 'px-3 py-2 text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]',\n  lg: 'px-4 py-2.5 text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-lg)]',\n}\n\nexport const transferOptionSizes: Record<GrTransferSize, string> = {\n  xs: 'px-2 py-1 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]',\n  sm: 'px-2.5 py-1.5 text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]',\n  md: 'px-3 py-2 text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]',\n  lg: 'px-4 py-2.5 text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-lg)]',\n}\n\nexport const transferMarkSizes: Record<GrTransferSize, string> = {\n  xs: 'h-3.5 w-3.5',\n  sm: 'h-4 w-4',\n  md: 'h-4 w-4',\n  lg: 'h-5 w-5',\n}\n\nexport const transferSearchSizes: Record<GrTransferSize, string> = {\n  xs: 'p-1',\n  sm: 'p-1.5',\n  md: 'p-2',\n  lg: 'p-2.5',\n}\n\nexport const transferEmptySizes: Record<GrTransferSize, 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 transferActionsSizes: Record<GrTransferSize, string> = {\n  xs: 'px-1',\n  sm: 'px-1.5',\n  md: 'px-2',\n  lg: 'px-2.5',\n}\n\nexport interface GrTransferOptionClassOptions {\n  size: GrTransferSize\n  selected: boolean\n  disabled: boolean\n  draggable: boolean\n  dragging: boolean\n  arrived: boolean\n  indicator: 'before' | 'after' | null\n}\n\nexport function grTransferOptionClass(options: GrTransferOptionClassOptions): string {\n  const state = options.disabled\n    ? transferOptionStates.disabled\n    : options.selected ? transferOptionStates.selected : transferOptionStates.idle\n\n  return [\n    transferOptionBase,\n    options.draggable && !options.disabled ? transferOptionGrabClass : transferOptionPlainClass,\n    transferOptionSizes[options.size],\n    state,\n    options.dragging ? transferOptionDraggingClass : '',\n    options.arrived ? transferOptionArrivedClass : '',\n    options.indicator === 'before' ? transferIndicatorBeforeClass : '',\n    options.indicator === 'after' ? transferIndicatorAfterClass : '',\n  ].filter(Boolean).join(' ')\n}\n\nexport function grTransferMarkClass(size: GrTransferSize, selected: boolean): string {\n  return [\n    transferMarkBase,\n    transferMarkSizes[size],\n    selected ? transferMarkStates.selected : transferMarkStates.idle,\n  ].filter(Boolean).join(' ')\n}\n\nexport function grTransferPanelClass(dropActive: boolean): string {\n  return [transferPanelBase, dropActive ? transferPanelDropClass : ''].filter(Boolean).join(' ')\n}\n\nexport function grTransferEmptyClass(size: GrTransferSize): string {\n  return [transferEmptyClass, transferEmptySizes[size]].join(' ')\n}\n\nexport function grTransferHeaderClass(size: GrTransferSize): string {\n  return [transferHeaderBase, transferHeaderSizes[size]].join(' ')\n}\n\nexport function grTransferSearchClass(size: GrTransferSize): string {\n  return [transferSearchBase, transferSearchSizes[size]].join(' ')\n}\n\nexport function grTransferActionsClass(size: GrTransferSize): string {\n  return [transferActionsClass, transferActionsSizes[size]].join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  transferActionIconClass,\n  transferActionInertClass,\n  transferActionsClass,\n  transferActionsSizes,\n  transferCounterClass,\n  transferGhostClass,\n  transferGhostCountClass,\n  transferGhostLabelClass,\n  transferEmptyClass,\n  transferEmptySizes,\n  transferHeaderBase,\n  transferHeaderSizes,\n  transferIndicatorAfterClass,\n  transferIndicatorBeforeClass,\n  transferLabelClass,\n  transferListBase,\n  transferMarkBase,\n  transferMarkIconClass,\n  transferMarkSizes,\n  transferMarkStates,\n  transferOptionBase,\n  transferOptionGrabClass,\n  transferOptionPlainClass,\n  transferOptionSizes,\n  transferOptionStates,\n  transferPanelBase,\n  transferPanelDropClass,\n  transferReorderBase,\n  transferReorderIconClass,\n  transferReorderSizes,\n  transferRootBase,\n  transferSearchBase,\n  transferSearchSizes,\n  transferStatusClass,\n  transferTitleClass,\n} from './grTransferStyles'\n\n// `gr-transfer-vacated` и `gr-transfer-arrived` сюда не входят: это обычные\n// классы из `<style>` компонента, а не утилиты — генерировать их нечем.\nexport const grTransferSafelist = [...new Set([\n  ...Object.values(transferHeaderSizes).flatMap(splitClassTokens),\n  ...Object.values(transferOptionSizes).flatMap(splitClassTokens),\n  ...Object.values(transferMarkSizes).flatMap(splitClassTokens),\n  ...Object.values(transferSearchSizes).flatMap(splitClassTokens),\n  ...Object.values(transferEmptySizes).flatMap(splitClassTokens),\n  ...Object.values(transferActionsSizes).flatMap(splitClassTokens),\n  ...Object.values(transferReorderSizes).flatMap(splitClassTokens),\n  ...Object.values(transferOptionStates).flatMap(splitClassTokens),\n  ...Object.values(transferMarkStates).flatMap(splitClassTokens),\n  ...splitClassTokens(transferRootBase),\n  ...splitClassTokens(transferPanelBase),\n  ...splitClassTokens(transferPanelDropClass),\n  ...splitClassTokens(transferHeaderBase),\n  ...splitClassTokens(transferTitleClass),\n  ...splitClassTokens(transferCounterClass),\n  ...splitClassTokens(transferGhostClass),\n  ...splitClassTokens(transferGhostLabelClass),\n  ...splitClassTokens(transferGhostCountClass),\n  ...splitClassTokens(transferSearchBase),\n  ...splitClassTokens(transferListBase),\n  ...splitClassTokens(transferOptionBase),\n  ...splitClassTokens(transferOptionGrabClass),\n  ...splitClassTokens(transferOptionPlainClass),\n  ...splitClassTokens(transferMarkBase),\n  ...splitClassTokens(transferMarkIconClass),\n  ...splitClassTokens(transferLabelClass),\n  ...splitClassTokens(transferIndicatorBeforeClass),\n  ...splitClassTokens(transferIndicatorAfterClass),\n  ...splitClassTokens(transferEmptyClass),\n  ...splitClassTokens(transferActionsClass),\n  ...splitClassTokens(transferActionIconClass),\n  ...splitClassTokens(transferActionInertClass),\n  ...splitClassTokens(transferReorderBase),\n  ...splitClassTokens(transferReorderIconClass),\n  ...splitClassTokens(transferStatusClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grTransferSafelist } from './safelist'\n\nexport const grTransferConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTransfer',\n  dependencies: ['GrButton', 'GrButtonGroup', 'GrCheckbox', 'GrInput'],\n  safelist: grTransferSafelist,\n})\n"],"mappings":"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"}