@feugene/granularity 0.12.0 → 0.16.0

package/dist/chunks/grDropdownStyles-V7TRiCXn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grDropdownStyles-V7TRiCXn.js","names":[],"sources":["../../src/components/GrDropdown/grDropdownStyles.ts"],"sourcesContent":["import type { Placement } from '@floating-ui/dom'\n\n/** Ширина панели: число — пиксели, строка — CSS-длина, `auto` — по контенту. */\nexport type GrDropdownWidth = number | string\n\n// `transform-origin` для scale-transition — координата x/y уже приходит от\n// `useFloating` (см. `floatingStyle`), здесь остаётся только направление\n// \"роста\" панели относительно триггера. Ключи — это `resolvedPlacement` ПОСЛЕ\n// применения `flip`, поэтому origin остаётся верным и когда панели не хватило\n// места снизу и её перевернуло вверх.\nexport const originClassByPlacement: Record<Placement, string> = {\n  'bottom-start': 'origin-top-left',\n  'bottom-end': 'origin-top-right',\n  'bottom': 'origin-top',\n  'top-start': 'origin-bottom-left',\n  'top-end': 'origin-bottom-right',\n  'top': 'origin-bottom',\n  'left-start': 'origin-top-right',\n  'left-end': 'origin-bottom-right',\n  'left': 'origin-right',\n  'right-start': 'origin-top-left',\n  'right-end': 'origin-bottom-left',\n  'right': 'origin-left',\n}\n\nexport function grDropdownOriginClass(placement: Placement): string {\n  return originClassByPlacement[placement] ?? 'origin-top'\n}\n\nexport const dropdownContentBaseClass = 'rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] p-1'\n\nexport function grDropdownContentClass(contentClass?: string): string {\n  return [\n    dropdownContentBaseClass,\n    contentClass,\n  ].filter(Boolean).join(' ')\n}\n"],"mappings":";AAUA,IAAa,yBAAoD;CAC/D,gBAAgB;CAChB,cAAc;CACd,UAAU;CACV,aAAa;CACb,WAAW;CACX,OAAO;CACP,cAAc;CACd,YAAY;CACZ,QAAQ;CACR,eAAe;CACf,aAAa;CACb,SAAS;AACX;AAEA,SAAgB,sBAAsB,WAA8B;CAClE,OAAO,uBAAuB,cAAc;AAC9C;AAEA,IAAa,2BAA2B;AAExC,SAAgB,uBAAuB,cAA+B;CACpE,OAAO,CACL,0BACA,YACF,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B"}

package/dist/chunks/grFormFieldStyles-BkeZHIw0.js

@@ -0,0 +1,32 @@
+//#region src/components/GrFormField/grFormFieldStyles.ts
+/** Вертикальный ритм поля: подпись → подсказка → контрол → ошибка. */
+var fieldGaps = {
+	xs: "gap-1",
+	sm: "gap-1.5",
+	md: "gap-2",
+	lg: "gap-2"
+};
+var labelTexts = {
+	xs: "text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	sm: "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
+	md: "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
+	lg: "text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]"
+};
+/** Подсказка набирается на ступень мельче подписи — она вторична. */
+var hintTexts = {
+	xs: "text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	sm: "text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	md: "text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	lg: "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]"
+};
+var errorTexts = labelTexts;
+var rootColumnClass = "flex flex-col";
+var rootRowClass = "flex items-start";
+var labelInlineClass = "shrink-0";
+var controlColumnClass = "flex flex-col min-w-0 flex-1";
+var labelBaseClass = "text-[var(--gr-muted-fg)]";
+var hintBaseClass = "text-[var(--gr-muted-fg)]";
+var errorBaseClass = "text-[var(--gr-invalid-text)]";
+var requiredMarkClass = "text-[var(--gr-invalid-text)]";
+//#endregion
+export { hintBaseClass as a, labelInlineClass as c, rootColumnClass as d, rootRowClass as f, fieldGaps as i, labelTexts as l, errorBaseClass as n, hintTexts as o, errorTexts as r, labelBaseClass as s, controlColumnClass as t, requiredMarkClass as u };

package/dist/chunks/grFormFieldStyles-BkeZHIw0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grFormFieldStyles-BkeZHIw0.js","names":[],"sources":["../../src/components/GrFormField/grFormFieldStyles.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nexport type GrFormFieldSize = GrComponentSize\n\n/** Вертикальный ритм поля: подпись → подсказка → контрол → ошибка. */\nexport const fieldGaps: Record<GrFormFieldSize, string> = {\n  xs: 'gap-1',\n  sm: 'gap-1.5',\n  md: 'gap-2',\n  lg: 'gap-2',\n}\n\nexport const labelTexts: Record<GrFormFieldSize, string> = {\n  xs: 'text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  sm: 'text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  md: 'text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  lg: 'text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]',\n}\n\n/** Подсказка набирается на ступень мельче подписи — она вторична. */\nexport const hintTexts: Record<GrFormFieldSize, string> = {\n  xs: 'text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  sm: 'text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  md: 'text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  lg: 'text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n}\n\nexport const errorTexts: Record<GrFormFieldSize, string> = labelTexts\n\n/** Сторона подписи относительно контрола — логическая, не физическая (RTL). */\nexport const GR_FORM_FIELD_LABEL_POSITIONS = ['top', 'start'] as const\nexport type GrFormFieldLabelPosition = typeof GR_FORM_FIELD_LABEL_POSITIONS[number]\n\nexport const rootColumnClass = 'flex flex-col'\nexport const rootRowClass = 'flex items-start'\nexport const labelInlineClass = 'shrink-0'\nexport const controlColumnClass = 'flex flex-col min-w-0 flex-1'\n\nexport const labelBaseClass = 'text-[var(--gr-muted-fg)]'\nexport const hintBaseClass = 'text-[var(--gr-muted-fg)]'\nexport const errorBaseClass = 'text-[var(--gr-invalid-text)]'\nexport const requiredMarkClass = 'text-[var(--gr-invalid-text)]'\n"],"mappings":";;AAKA,IAAa,YAA6C;CACxD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,aAA8C;CACzD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,YAA6C;CACxD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,aAA8C;AAM3D,IAAa,kBAAkB;AAC/B,IAAa,eAAe;AAC5B,IAAa,mBAAmB;AAChC,IAAa,qBAAqB;AAElC,IAAa,iBAAiB;AAC9B,IAAa,gBAAgB;AAC7B,IAAa,iBAAiB;AAC9B,IAAa,oBAAoB"}

package/dist/chunks/grIconStyles-BwJrml2L.js

@@ -0,0 +1,44 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+//#region src/components/GrIcon/grIconStyles.ts
+/**
+* Шкала размеров — токенами, а не числами: иконка обязана масштабироваться
+* вместе с темой, а не вместе с пересборкой пакета. Произвольный размер
+* задаётся числом прямо на компоненте, это escape-hatch мимо шкалы.
+*/
+var iconSizeVarBySize = {
+	xs: "var(--gr-icon-size-xs)",
+	sm: "var(--gr-icon-size-sm)",
+	md: "var(--gr-icon-size-md)",
+	lg: "var(--gr-icon-size-lg)"
+};
+/**
+* Тон → токен **текста**, а не насыщенный тон: правило пакета запрещает
+* насыщенный цвет как цвет текста (контраст на `-light`-подложках падает до
+* 2:1). Отображение повторяет `GrAlert/grAlertStyles.ts`: у `primary` и
+* `neutral` пары `-text` нет, поэтому берутся ближайшие семантические роли.
+*/
+var iconToneClass = {
+	primary: "text-[var(--gr-primary)]",
+	neutral: "text-[var(--gr-muted-fg)]",
+	success: "text-[var(--gr-success-text)]",
+	warning: "text-[var(--gr-warning-text)]",
+	danger: "text-[var(--gr-danger-text)]",
+	info: "text-[var(--gr-info-text)]",
+	slate: "text-[var(--gr-slate-text)]",
+	azure: "text-[var(--gr-azure-text)]"
+};
+/** `gr-icon` — не утилита, а зацепка для глобального стиля компонента. */
+var iconHookClass = "gr-icon";
+var iconUtilityClass = "inline-flex items-center justify-center align-middle";
+var iconBaseClass = `${iconHookClass} ${iconUtilityClass}`;
+var iconSpinClass = "animate-spin";
+function grIconToneClass(tone) {
+	return tone === "current" ? "" : iconToneClass[tone];
+}
+var grIconClassTokens = [
+	...splitClassTokens(iconUtilityClass),
+	...splitClassTokens(iconSpinClass),
+	...Object.values(iconToneClass).flatMap(splitClassTokens)
+];
+//#endregion
+export { iconSpinClass as a, iconSizeVarBySize as i, grIconToneClass as n, iconBaseClass as r, grIconClassTokens as t };

package/dist/chunks/grIconStyles-BwJrml2L.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grIconStyles-BwJrml2L.js","names":[],"sources":["../../src/components/GrIcon/grIconStyles.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport type { GrComponentSize } from '../shared/sizes'\nimport type { GrTone } from '../shared/tones'\n\nexport type GrIconSize = GrComponentSize\n\n/** Цвет иконки: тон палитры либо наследование от родителя. */\nexport type GrIconTone = GrTone | 'current'\n\n/**\n * Шкала размеров — токенами, а не числами: иконка обязана масштабироваться\n * вместе с темой, а не вместе с пересборкой пакета. Произвольный размер\n * задаётся числом прямо на компоненте, это escape-hatch мимо шкалы.\n */\nexport const iconSizeVarBySize: Record<GrIconSize, string> = {\n  xs: 'var(--gr-icon-size-xs)',\n  sm: 'var(--gr-icon-size-sm)',\n  md: 'var(--gr-icon-size-md)',\n  lg: 'var(--gr-icon-size-lg)',\n}\n\n/**\n * Тон → токен **текста**, а не насыщенный тон: правило пакета запрещает\n * насыщенный цвет как цвет текста (контраст на `-light`-подложках падает до\n * 2:1). Отображение повторяет `GrAlert/grAlertStyles.ts`: у `primary` и\n * `neutral` пары `-text` нет, поэтому берутся ближайшие семантические роли.\n */\nexport const iconToneClass: Record<GrTone, string> = {\n  primary: 'text-[var(--gr-primary)]',\n  neutral: 'text-[var(--gr-muted-fg)]',\n  success: 'text-[var(--gr-success-text)]',\n  warning: 'text-[var(--gr-warning-text)]',\n  danger: 'text-[var(--gr-danger-text)]',\n  info: 'text-[var(--gr-info-text)]',\n  slate: 'text-[var(--gr-slate-text)]',\n  azure: 'text-[var(--gr-azure-text)]',\n}\n\n/** `gr-icon` — не утилита, а зацепка для глобального стиля компонента. */\nexport const iconHookClass = 'gr-icon'\nexport const iconUtilityClass = 'inline-flex items-center justify-center align-middle'\nexport const iconBaseClass = `${iconHookClass} ${iconUtilityClass}`\nexport const iconSpinClass = 'animate-spin'\n\nexport function grIconToneClass(tone: GrIconTone): string {\n  return tone === 'current' ? '' : iconToneClass[tone]\n}\n\n// В safelist идут только утилиты: `gr-icon` CSS не порождает — он лишь селектор\n// собственного стиля компонента, и гейт `documentedConfig` справедливо считает\n// такую запись мёртвой.\nexport const grIconClassTokens = [\n  ...splitClassTokens(iconUtilityClass),\n  ...splitClassTokens(iconSpinClass),\n  ...Object.values(iconToneClass).flatMap(splitClassTokens),\n]\n"],"mappings":";;;;;;;AAcA,IAAa,oBAAgD;CAC3D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;AAQA,IAAa,gBAAwC;CACnD,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;AACT;;AAGA,IAAa,gBAAgB;AAC7B,IAAa,mBAAmB;AAChC,IAAa,gBAAgB,GAAG,cAAc,GAAG;AACjD,IAAa,gBAAgB;AAE7B,SAAgB,gBAAgB,MAA0B;CACxD,OAAO,SAAS,YAAY,KAAK,cAAc;AACjD;AAKA,IAAa,oBAAoB;CAC/B,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,aAAa;CACjC,GAAG,OAAO,OAAO,aAAa,CAAC,CAAC,QAAQ,gBAAgB;AAC1D"}

package/dist/chunks/grInputStyles-CJeMhUe5.js

@@ -0,0 +1,66 @@
+//#region src/components/GrInput/grInputStyles.ts
+/**
+* Классы `GrInput`.
+*
+* Единственный источник правды: те же карты были продублированы инлайн в
+* `GrInput.vue`, копии разошлись (`focus-visible:` против `focus-within:`), и
+* safelist декларировал классы, которых в разметке нет.
+*
+* Кольцо фокуса живёт на оболочке через `focus-within`: фокус получает инпут
+* внутри, а рамку рисует оболочка вместе с аддонами.
+*/
+var sizes = {
+	xs: "h-7 px-2.5 text-[length:var(--gr-control-text-xs)]",
+	sm: "h-8 px-3 text-[length:var(--gr-control-text-sm)]",
+	md: "h-10 px-3 text-[length:var(--gr-control-text-md)]",
+	lg: "h-11 px-4 text-[length:var(--gr-control-text-lg)]"
+};
+/**
+* Горизонтальный padding из `sizes`, но числом: аддоны задают паддинги инлайн-
+* стилем, а он перекрывает класс — значение нужно обеим формам, и расходиться
+* им нельзя.
+*/
+var paddingX = {
+	xs: "10px",
+	sm: "12px",
+	md: "12px",
+	lg: "16px"
+};
+var textAlign = {
+	left: "text-left",
+	center: "text-center",
+	right: "text-right"
+};
+var states = {
+	default: "border-[var(--gr-brd)]",
+	success: "border-[var(--gr-success)] focus-within:ring-[var(--gr-success)]",
+	warning: "border-[var(--gr-warning)] focus-within:ring-[var(--gr-warning)]",
+	danger: "border-[var(--gr-danger)] focus-within:ring-[var(--gr-danger)]"
+};
+/**
+* Ошибка валидации красится своей ролью, а не декоративным тоном `danger`:
+* `state="danger"` — это подсветка по решению разработчика, `invalid` — вердикт
+* валидации, и тема вправе развести их по цвету.
+*/
+var invalidClass = "border-[var(--gr-invalid-brd)] focus-within:ring-[var(--gr-invalid-ring)]";
+var shellBaseClass = "relative w-full overflow-hidden rounded-[var(--gr-radius-control)] border transition-colors duration-[var(--gr-duration-fast)] focus-within:ring-2 focus-within:ring-[var(--gr-ring)]";
+var shellEnabledClass = "bg-[var(--gr-bg)]";
+/**
+* Заблокированное поле гасится фоном, а не `opacity`: прозрачность разбавляет
+* выверенные на AA токены текста и роняет контраст. Фон взаимоисключающий с
+* `shellEnabledClass` — два `bg-*` одной специфичности разрулил бы порядок в
+* сгенерированном CSS, а не порядок в списке классов.
+*/
+var shellDisabledClass = "bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] cursor-not-allowed";
+function grInputShellClass(options) {
+	return [
+		shellBaseClass,
+		options.invalid ? invalidClass : states[options.state],
+		options.disabled ? shellDisabledClass : shellEnabledClass
+	].join(" ");
+}
+function grInputFieldClass(options) {
+	return [sizes[options.size], textAlign[options.align]].join(" ");
+}
+//#endregion
+export { shellBaseClass as a, sizes as c, paddingX as i, states as l, grInputShellClass as n, shellDisabledClass as o, invalidClass as r, shellEnabledClass as s, grInputFieldClass as t, textAlign as u };

package/dist/chunks/grInputStyles-CJeMhUe5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grInputStyles-CJeMhUe5.js","names":[],"sources":["../../src/components/GrInput/grInputStyles.ts"],"sourcesContent":["/**\n * Классы `GrInput`.\n *\n * Единственный источник правды: те же карты были продублированы инлайн в\n * `GrInput.vue`, копии разошлись (`focus-visible:` против `focus-within:`), и\n * safelist декларировал классы, которых в разметке нет.\n *\n * Кольцо фокуса живёт на оболочке через `focus-within`: фокус получает инпут\n * внутри, а рамку рисует оболочка вместе с аддонами.\n */\n\nexport const sizes = {\n  xs: 'h-7 px-2.5 text-[length:var(--gr-control-text-xs)]',\n  sm: 'h-8 px-3 text-[length:var(--gr-control-text-sm)]',\n  md: 'h-10 px-3 text-[length:var(--gr-control-text-md)]',\n  lg: 'h-11 px-4 text-[length:var(--gr-control-text-lg)]',\n} as const\n\n/**\n * Горизонтальный padding из `sizes`, но числом: аддоны задают паддинги инлайн-\n * стилем, а он перекрывает класс — значение нужно обеим формам, и расходиться\n * им нельзя.\n */\nexport const paddingX = {\n  xs: '10px',\n  sm: '12px',\n  md: '12px',\n  lg: '16px',\n} as const\n\nexport const textAlign = {\n  left: 'text-left',\n  center: 'text-center',\n  right: 'text-right',\n} as const\n\nexport const states = {\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} as const\n\n/**\n * Ошибка валидации красится своей ролью, а не декоративным тоном `danger`:\n * `state=\"danger\"` — это подсветка по решению разработчика, `invalid` — вердикт\n * валидации, и тема вправе развести их по цвету.\n */\nexport const invalidClass = 'border-[var(--gr-invalid-brd)] focus-within:ring-[var(--gr-invalid-ring)]'\n\nexport type GrInputState = keyof typeof states\n\nexport const shellBaseClass = 'relative w-full overflow-hidden rounded-[var(--gr-radius-control)] border transition-colors duration-[var(--gr-duration-fast)] focus-within:ring-2 focus-within:ring-[var(--gr-ring)]'\n\nexport const shellEnabledClass = 'bg-[var(--gr-bg)]'\n\n/**\n * Заблокированное поле гасится фоном, а не `opacity`: прозрачность разбавляет\n * выверенные на AA токены текста и роняет контраст. Фон взаимоисключающий с\n * `shellEnabledClass` — два `bg-*` одной специфичности разрулил бы порядок в\n * сгенерированном CSS, а не порядок в списке классов.\n */\nexport const shellDisabledClass = 'bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] cursor-not-allowed'\n\nexport function grInputShellClass(options: {\n  state: GrInputState\n  invalid: boolean\n  disabled: boolean\n}): string {\n  return [\n    shellBaseClass,\n    options.invalid ? invalidClass : states[options.state],\n    options.disabled ? shellDisabledClass : shellEnabledClass,\n  ].join(' ')\n}\n\nexport function grInputFieldClass(options: {\n  size: keyof typeof sizes\n  align: keyof typeof textAlign\n}): string {\n  return [sizes[options.size], textAlign[options.align]].join(' ')\n}\n"],"mappings":";;;;;;;;;;;AAWA,IAAa,QAAQ;CACnB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;AAOA,IAAa,WAAW;CACtB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,YAAY;CACvB,MAAM;CACN,QAAQ;CACR,OAAO;AACT;AAEA,IAAa,SAAS;CACpB,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;AACV;;;;;;AAOA,IAAa,eAAe;AAI5B,IAAa,iBAAiB;AAE9B,IAAa,oBAAoB;;;;;;;AAQjC,IAAa,qBAAqB;AAElC,SAAgB,kBAAkB,SAIvB;CACT,OAAO;EACL;EACA,QAAQ,UAAU,eAAe,OAAO,QAAQ;EAChD,QAAQ,WAAW,qBAAqB;CAC1C,CAAC,CAAC,KAAK,GAAG;AACZ;AAEA,SAAgB,kBAAkB,SAGvB;CACT,OAAO,CAAC,MAAM,QAAQ,OAAO,UAAU,QAAQ,MAAM,CAAC,CAAC,KAAK,GAAG;AACjE"}

package/dist/chunks/grKbdStyles-DAoxiytu.js

@@ -0,0 +1,31 @@
+//#region src/components/GrKbd/grKbdStyles.ts
+/**
+* Классы `GrKbd`.
+*
+* Шкала полная (`xs…lg`), а не «sm и всё остальное»: тип пропа обещает четыре
+* ступени, и `xs`/`lg` не должны молча рендериться как `md`.
+*/
+var keyBaseClass = "inline-flex items-center justify-center rounded-[var(--gr-radius-control)] border border-[var(--gr-brd)] bg-[var(--gr-muted)] font-medium leading-none text-[var(--gr-muted-fg)] shadow-[var(--gr-shadow-1)] [font-variant-numeric:tabular-nums]";
+var keySizes = {
+	xs: "min-w-[1.25rem] h-5 px-1 text-[length:var(--gr-control-text-3xs)]",
+	sm: "min-w-[1.5rem] h-6 px-1.5 text-[length:var(--gr-control-text-xs)]",
+	md: "min-w-[1.75rem] h-7 px-2 text-[length:var(--gr-control-text-md)]",
+	lg: "min-w-[2rem] h-8 px-2.5 text-[length:var(--gr-control-text-lg)]"
+};
+/** Обёртка комбинации: сама рамки не имеет — её рисуют вложенные клавиши. */
+var comboBaseClass = "inline-flex items-center align-middle";
+var comboGaps = {
+	xs: "gap-0.5",
+	sm: "gap-1",
+	md: "gap-1",
+	lg: "gap-1.5"
+};
+var separatorClass = "select-none text-[var(--gr-muted-fg)]";
+function grKbdKeyClass(size) {
+	return `${keyBaseClass} ${keySizes[size]}`;
+}
+function grKbdComboClass(size) {
+	return `${comboBaseClass} ${comboGaps[size]}`;
+}
+//#endregion
+export { keyBaseClass as a, grKbdKeyClass as i, comboGaps as n, keySizes as o, grKbdComboClass as r, separatorClass as s, comboBaseClass as t };

package/dist/chunks/grKbdStyles-DAoxiytu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grKbdStyles-DAoxiytu.js","names":[],"sources":["../../src/components/GrKbd/grKbdStyles.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\n/**\n * Классы `GrKbd`.\n *\n * Шкала полная (`xs…lg`), а не «sm и всё остальное»: тип пропа обещает четыре\n * ступени, и `xs`/`lg` не должны молча рендериться как `md`.\n */\n\nexport const keyBaseClass = 'inline-flex items-center justify-center rounded-[var(--gr-radius-control)] border border-[var(--gr-brd)] bg-[var(--gr-muted)] font-medium leading-none text-[var(--gr-muted-fg)] shadow-[var(--gr-shadow-1)] [font-variant-numeric:tabular-nums]'\n\nexport const keySizes: Record<GrComponentSize, string> = {\n  xs: 'min-w-[1.25rem] h-5 px-1 text-[length:var(--gr-control-text-3xs)]',\n  sm: 'min-w-[1.5rem] h-6 px-1.5 text-[length:var(--gr-control-text-xs)]',\n  md: 'min-w-[1.75rem] h-7 px-2 text-[length:var(--gr-control-text-md)]',\n  lg: 'min-w-[2rem] h-8 px-2.5 text-[length:var(--gr-control-text-lg)]',\n}\n\n/** Обёртка комбинации: сама рамки не имеет — её рисуют вложенные клавиши. */\nexport const comboBaseClass = 'inline-flex items-center align-middle'\n\nexport const comboGaps: Record<GrComponentSize, string> = {\n  xs: 'gap-0.5',\n  sm: 'gap-1',\n  md: 'gap-1',\n  lg: 'gap-1.5',\n}\n\nexport const separatorClass = 'select-none text-[var(--gr-muted-fg)]'\n\nexport function grKbdKeyClass(size: GrComponentSize): string {\n  return `${keyBaseClass} ${keySizes[size]}`\n}\n\nexport function grKbdComboClass(size: GrComponentSize): string {\n  return `${comboBaseClass} ${comboGaps[size]}`\n}\n"],"mappings":";;;;;;;AASA,IAAa,eAAe;AAE5B,IAAa,WAA4C;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,iBAAiB;AAE9B,IAAa,YAA6C;CACxD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,iBAAiB;AAE9B,SAAgB,cAAc,MAA+B;CAC3D,OAAO,GAAG,aAAa,GAAG,SAAS;AACrC;AAEA,SAAgB,gBAAgB,MAA+B;CAC7D,OAAO,GAAG,eAAe,GAAG,UAAU;AACxC"}

package/dist/chunks/grLinkStyles-BoL8QYcV.js

@@ -0,0 +1,84 @@
+//#region src/components/GrLink/grLinkStyles.ts
+var baseRootClass = "inline-flex items-center gap-1 rounded-[var(--gr-radius-control)] transition-colors duration-[var(--gr-duration-fast)]";
+var focusRingClass = "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+var sizeClassBySize = {
+	xs: "text-[length:var(--gr-control-text-xs)]",
+	sm: "text-[length:var(--gr-control-text-sm)]",
+	md: "text-[length:var(--gr-control-text-md)]",
+	lg: "text-[length:var(--gr-control-text-lg)]"
+};
+var colorClass = "text-[var(--gr-link-color)] visited:text-[var(--gr-link-color)] hover:text-[var(--gr-link-color-hover)] active:text-[var(--gr-link-color-active)]";
+/**
+* Пары «цвет / hover / active» на каждый тон из ролей темы.
+*
+* Ссылка — это ТЕКСТ на фоне страницы, поэтому тона берутся из `-text`, а не
+* из насыщенного `--gr-{tone}`: последний под текст не рассчитан
+* (`--gr-success` на `--gr-bg` — 2.2:1). Готовых `-text-hover/-active` в
+* системе нет, поэтому они выводятся тем же приёмом, что и `--gr-{tone}-hover`
+* в `tokens.css` — подмесом `--gr-fg`. В светлой теме это делает ссылку темнее
+* при наведении, в тёмной — светлее, то есть в обеих контраст растёт.
+*/
+function toneTextColors(tone) {
+	const base = `var(--gr-${tone}-text)`;
+	return {
+		base,
+		hover: `color-mix(in srgb, ${base} 92%, var(--gr-fg))`,
+		active: `color-mix(in srgb, ${base} 84%, var(--gr-fg))`
+	};
+}
+var primaryTextColors = toneTextColors("primary");
+var linkToneColors = {
+	primary: primaryTextColors,
+	neutral: {
+		base: "var(--gr-fg)",
+		hover: primaryTextColors.base,
+		active: primaryTextColors.active
+	},
+	success: toneTextColors("success"),
+	warning: toneTextColors("warning"),
+	danger: toneTextColors("danger"),
+	info: toneTextColors("info"),
+	slate: toneTextColors("slate"),
+	azure: toneTextColors("azure")
+};
+/** Инлайновые CSS-переменные цвета для текущей комбинации `tone` × `variant`. */
+function grLinkColorStyle(options) {
+	if (options.disabled) return {};
+	const colors = linkToneColors[options.tone] ?? linkToneColors.primary;
+	if (options.variant === "muted") return {
+		"--gr-link-color": "var(--gr-muted-fg)",
+		"--gr-link-color-hover": colors.base,
+		"--gr-link-color-active": colors.active
+	};
+	return {
+		"--gr-link-color": colors.base,
+		"--gr-link-color-hover": colors.hover,
+		"--gr-link-color-active": colors.active
+	};
+}
+/**
+* Отключённая ссылка гасится цветом, а не `opacity`: прозрачность разбавляет
+* выверенный на AA `--gr-muted-fg` и роняет контраст ниже нормы.
+*/
+var disabledStateClass = "cursor-not-allowed text-[var(--gr-muted-fg)]";
+var UNDERLINE_VALUES = [
+	"auto",
+	"always",
+	"none"
+];
+function underlineClass(underline, disabled) {
+	if (disabled) return "no-underline";
+	if (underline === "always") return "underline underline-offset-4";
+	if (underline === "none") return "no-underline";
+	return "no-underline hover:underline hover:underline-offset-4";
+}
+var underlineClasses = [...new Set(UNDERLINE_VALUES.flatMap((u) => [underlineClass(u, false), underlineClass(u, true)]))];
+function grLinkClass(options) {
+	return [
+		sizeClassBySize[options.size],
+		underlineClass(options.underline, options.disabled),
+		options.disabled ? disabledStateClass : colorClass
+	].filter(Boolean).join(" ");
+}
+//#endregion
+export { grLinkClass as a, underlineClasses as c, focusRingClass as i, colorClass as n, grLinkColorStyle as o, disabledStateClass as r, sizeClassBySize as s, baseRootClass as t };

package/dist/chunks/grLinkStyles-BoL8QYcV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grLinkStyles-BoL8QYcV.js","names":[],"sources":["../../src/components/GrLink/grLinkStyles.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nimport type { GrTone } from '../shared/tones'\n\n/**\n * Архитектура цвета GrLink (согласована с остальной GR, ср. GrButton):\n *\n * - `tone` — семантический ЦВЕТ из общей палитры `GrTone`\n *   (`primary | neutral | success | warning | danger | info | slate | azure`).\n * - `variant` — уровень акцента (СТРУКТУРА), независимый от цвета:\n *   - `default` — текст окрашен в `tone` в покое, `tone-hover`/`tone-active` при\n *     наведении/нажатии (обычная акцентная ссылка);\n *   - `muted` — приглушённый текст (`--gr-muted-fg`) в покое, окрашивается в `tone`\n *     при наведении (вторичные/inline-ссылки в плотных областях).\n *\n * Оси ортогональны намеренно: «красная ссылка» и «приглушённая ссылка» —\n * независимые решения, и любая их комбинация осмысленна.\n */\nexport type GrLinkTone = GrTone\nexport type GrLinkVariant = 'default' | 'muted'\nexport type GrLinkUnderline = 'auto' | 'always' | 'none'\nexport type GrLinkSize = GrComponentSize\n\n// Базовые классы корневого элемента (`<a>`/`<span>`). Вынесены сюда,\n// чтобы быть единственным источником истины как для шаблона, так и для safelist.\nexport const baseRootClass = 'inline-flex items-center gap-1 rounded-[var(--gr-radius-control)] transition-colors duration-[var(--gr-duration-fast)]'\nexport const focusRingClass = 'focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport const sizeClassBySize: Record<GrLinkSize, string> = {\n  xs: 'text-[length:var(--gr-control-text-xs)]',\n  sm: 'text-[length:var(--gr-control-text-sm)]',\n  md: 'text-[length:var(--gr-control-text-md)]',\n  lg: 'text-[length:var(--gr-control-text-lg)]',\n}\n\n// Цвет управляется CSS-переменными (как трек в GrSwitch): один набор классов\n// вместо class-эксплозии 8 тонов × 3 состояния. Safelist остаётся крошечным.\nexport const colorClass = 'text-[var(--gr-link-color)] visited:text-[var(--gr-link-color)] hover:text-[var(--gr-link-color-hover)] active:text-[var(--gr-link-color-active)]'\n\ntype GrLinkToneColors = { base: string, hover: string, active: string }\n\n/**\n * Пары «цвет / hover / active» на каждый тон из ролей темы.\n *\n * Ссылка — это ТЕКСТ на фоне страницы, поэтому тона берутся из `-text`, а не\n * из насыщенного `--gr-{tone}`: последний под текст не рассчитан\n * (`--gr-success` на `--gr-bg` — 2.2:1). Готовых `-text-hover/-active` в\n * системе нет, поэтому они выводятся тем же приёмом, что и `--gr-{tone}-hover`\n * в `tokens.css` — подмесом `--gr-fg`. В светлой теме это делает ссылку темнее\n * при наведении, в тёмной — светлее, то есть в обеих контраст растёт.\n */\nfunction toneTextColors(tone: string): GrLinkToneColors {\n  const base = `var(--gr-${tone}-text)`\n\n  return {\n    base,\n    hover: `color-mix(in srgb, ${base} 92%, var(--gr-fg))`,\n    active: `color-mix(in srgb, ${base} 84%, var(--gr-fg))`,\n  }\n}\n\nconst primaryTextColors = toneTextColors('primary')\n\nconst linkToneColors: Record<GrLinkTone, GrLinkToneColors> = {\n  primary: primaryTextColors,\n  // Нейтральная ссылка: читаемый `--gr-fg` в покое, акцент при наведении — тот\n  // же, что у тона `primary`, и по тому же правилу «текст берётся из `-text`».\n  neutral: { base: 'var(--gr-fg)', hover: primaryTextColors.base, active: primaryTextColors.active },\n  success: toneTextColors('success'),\n  warning: toneTextColors('warning'),\n  danger: toneTextColors('danger'),\n  info: toneTextColors('info'),\n  slate: toneTextColors('slate'),\n  azure: toneTextColors('azure'),\n}\n\n/** Инлайновые CSS-переменные цвета для текущей комбинации `tone` × `variant`. */\nexport function grLinkColorStyle(options: { tone: GrLinkTone, variant: GrLinkVariant, disabled: boolean }): Record<string, string> {\n  if (options.disabled) return {}\n\n  const colors = linkToneColors[options.tone] ?? linkToneColors.primary\n\n  if (options.variant === 'muted') {\n    return {\n      '--gr-link-color': 'var(--gr-muted-fg)',\n      '--gr-link-color-hover': colors.base,\n      '--gr-link-color-active': colors.active,\n    }\n  }\n\n  return {\n    '--gr-link-color': colors.base,\n    '--gr-link-color-hover': colors.hover,\n    '--gr-link-color-active': colors.active,\n  }\n}\n\n/**\n * Отключённая ссылка гасится цветом, а не `opacity`: прозрачность разбавляет\n * выверенный на AA `--gr-muted-fg` и роняет контраст ниже нормы.\n */\nexport const disabledStateClass = 'cursor-not-allowed text-[var(--gr-muted-fg)]'\n\nconst UNDERLINE_VALUES: readonly GrLinkUnderline[] = ['auto', 'always', 'none']\n\nfunction underlineClass(underline: GrLinkUnderline, disabled: boolean): string {\n  if (disabled) return 'no-underline'\n  if (underline === 'always') return 'underline underline-offset-4'\n  if (underline === 'none') return 'no-underline'\n  return 'no-underline hover:underline hover:underline-offset-4'\n}\n\n// Derived from `underlineClass` so that there is a single source of truth:\n// any change/extension of the underline logic is automatically reflected\n// in the safelist without manual updates.\nexport const underlineClasses: readonly string[] = [...new Set(\n  UNDERLINE_VALUES.flatMap(u => [underlineClass(u, false), underlineClass(u, true)]),\n)]\n\nexport function grLinkClass(options: { size: GrLinkSize, underline: GrLinkUnderline, disabled: boolean }): string {\n  return [\n    sizeClassBySize[options.size],\n    underlineClass(options.underline, options.disabled),\n    options.disabled ? disabledStateClass : colorClass,\n  ]\n    .filter(Boolean)\n    .join(' ')\n}\n"],"mappings":";AAyBA,IAAa,gBAAgB;AAC7B,IAAa,iBAAiB;AAE9B,IAAa,kBAA8C;CACzD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAIA,IAAa,aAAa;;;;;;;;;;;AAc1B,SAAS,eAAe,MAAgC;CACtD,MAAM,OAAO,YAAY,KAAK;CAE9B,OAAO;EACL;EACA,OAAO,sBAAsB,KAAK;EAClC,QAAQ,sBAAsB,KAAK;CACrC;AACF;AAEA,IAAM,oBAAoB,eAAe,SAAS;AAElD,IAAM,iBAAuD;CAC3D,SAAS;CAGT,SAAS;EAAE,MAAM;EAAgB,OAAO,kBAAkB;EAAM,QAAQ,kBAAkB;CAAO;CACjG,SAAS,eAAe,SAAS;CACjC,SAAS,eAAe,SAAS;CACjC,QAAQ,eAAe,QAAQ;CAC/B,MAAM,eAAe,MAAM;CAC3B,OAAO,eAAe,OAAO;CAC7B,OAAO,eAAe,OAAO;AAC/B;;AAGA,SAAgB,iBAAiB,SAAkG;CACjI,IAAI,QAAQ,UAAU,OAAO,CAAC;CAE9B,MAAM,SAAS,eAAe,QAAQ,SAAS,eAAe;CAE9D,IAAI,QAAQ,YAAY,SACtB,OAAO;EACL,mBAAmB;EACnB,yBAAyB,OAAO;EAChC,0BAA0B,OAAO;CACnC;CAGF,OAAO;EACL,mBAAmB,OAAO;EAC1B,yBAAyB,OAAO;EAChC,0BAA0B,OAAO;CACnC;AACF;;;;;AAMA,IAAa,qBAAqB;AAElC,IAAM,mBAA+C;CAAC;CAAQ;CAAU;AAAM;AAE9E,SAAS,eAAe,WAA4B,UAA2B;CAC7E,IAAI,UAAU,OAAO;CACrB,IAAI,cAAc,UAAU,OAAO;CACnC,IAAI,cAAc,QAAQ,OAAO;CACjC,OAAO;AACT;AAKA,IAAa,mBAAsC,CAAC,GAAG,IAAI,IACzD,iBAAiB,SAAQ,MAAK,CAAC,eAAe,GAAG,KAAK,GAAG,eAAe,GAAG,IAAI,CAAC,CAAC,CACnF,CAAC;AAED,SAAgB,YAAY,SAAsF;CAChH,OAAO;EACL,gBAAgB,QAAQ;EACxB,eAAe,QAAQ,WAAW,QAAQ,QAAQ;EAClD,QAAQ,WAAW,qBAAqB;CAC1C,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;AACb"}

package/dist/chunks/grLoadingStyles-DEmji2wv.js

@@ -0,0 +1,30 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+//#region src/components/GrLoading/grLoadingStyles.ts
+/**
+* Полноэкранный оверлей сидит на собственном слое шкалы: он блокирует всё
+* приложение целиком, поэтому обязан лечь выше модалки (`--gr-z-modal`), но
+* ниже тоста — уведомление о фоновой ошибке загрузка прятать не должна.
+* Инлайновый режим к шкале отношения не имеет: `z-10` — порядок внутри
+* собственного контейнера.
+*/
+var rootModeClass = {
+	fullscreen: "fixed inset-0 z-[var(--gr-z-loading)]",
+	inline: "absolute inset-0 z-10"
+};
+var rootBackgroundClass = "bg-[var(--gr-overlay-bg)]";
+var rootBackdropBlurClass = "backdrop-blur-sm";
+function grLoadingRootClass(options) {
+	return [
+		options.fullscreen ? rootModeClass.fullscreen : rootModeClass.inline,
+		!options.hasBackground ? rootBackgroundClass : "",
+		rootBackdropBlurClass,
+		options.customClass
+	].filter(Boolean).join(" ");
+}
+var grLoadingClassTokens = [
+	...Object.values(rootModeClass).flatMap(splitClassTokens),
+	...splitClassTokens(rootBackgroundClass),
+	...splitClassTokens(rootBackdropBlurClass)
+];
+//#endregion
+export { grLoadingRootClass as n, grLoadingClassTokens as t };

package/dist/chunks/grLoadingStyles-DEmji2wv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grLoadingStyles-DEmji2wv.js","names":[],"sources":["../../src/components/GrLoading/grLoadingStyles.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\n\n/**\n * Полноэкранный оверлей сидит на собственном слое шкалы: он блокирует всё\n * приложение целиком, поэтому обязан лечь выше модалки (`--gr-z-modal`), но\n * ниже тоста — уведомление о фоновой ошибке загрузка прятать не должна.\n * Инлайновый режим к шкале отношения не имеет: `z-10` — порядок внутри\n * собственного контейнера.\n */\nexport const rootModeClass = {\n    fullscreen: 'fixed inset-0 z-[var(--gr-z-loading)]',\n    inline: 'absolute inset-0 z-10',\n} as const\nexport const rootBackgroundClass = 'bg-[var(--gr-overlay-bg)]'\nexport const rootBackdropBlurClass = 'backdrop-blur-sm'\n\nexport function grLoadingRootClass(options: {\n    fullscreen: boolean,\n    hasBackground: boolean,\n    customClass?: string\n}): string {\n    return [\n        options.fullscreen ? rootModeClass.fullscreen : rootModeClass.inline,\n        !options.hasBackground ? rootBackgroundClass : '',\n        rootBackdropBlurClass,\n        options.customClass,\n    ]\n        .filter(Boolean)\n        .join(' ')\n}\n\nexport const grLoadingClassTokens = [\n    ...Object.values(rootModeClass).flatMap(splitClassTokens),\n    ...splitClassTokens(rootBackgroundClass),\n    ...splitClassTokens(rootBackdropBlurClass),\n]\n"],"mappings":";;;;;;;;;AASA,IAAa,gBAAgB;CACzB,YAAY;CACZ,QAAQ;AACZ;AACA,IAAa,sBAAsB;AACnC,IAAa,wBAAwB;AAErC,SAAgB,mBAAmB,SAIxB;CACP,OAAO;EACH,QAAQ,aAAa,cAAc,aAAa,cAAc;EAC9D,CAAC,QAAQ,gBAAgB,sBAAsB;EAC/C;EACA,QAAQ;CACZ,CAAC,CACI,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;AACjB;AAEA,IAAa,uBAAuB;CAChC,GAAG,OAAO,OAAO,aAAa,CAAC,CAAC,QAAQ,gBAAgB;CACxD,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,qBAAqB;AAC7C"}

package/dist/chunks/grModalStyles-EZfuEiw_.js

@@ -0,0 +1,77 @@
+//#region src/components/GrModal/grModalStyles.ts
+var root = "fixed inset-0 z-[var(--gr-z-modal)]";
+var overlay = "fixed inset-0 z-0 bg-[var(--gr-overlay-bg)]";
+var shellBase = "fixed inset-0";
+var shellPaddingBySize = {
+	sm: "p-4 sm:p-6",
+	md: "p-4 sm:p-6",
+	lg: "p-4 sm:p-6",
+	xl: "p-4 sm:p-6",
+	full: ""
+};
+var shellByScroll = {
+	outside: "overflow-y-auto",
+	inside: "overflow-hidden"
+};
+var layoutByScroll = {
+	outside: "min-h-full flex items-center justify-center",
+	inside: "h-full flex items-center justify-center"
+};
+var overlayTransition = {
+	enter: "duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]",
+	enterFrom: "opacity-0",
+	enterTo: "opacity-100",
+	leave: "duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-in)]",
+	leaveFrom: "opacity-100",
+	leaveTo: "opacity-0"
+};
+var panelTransition = {
+	enter: "duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]",
+	enterFrom: "opacity-0 translate-y-2 sm:translate-y-0 sm:scale-95",
+	enterTo: "opacity-100 translate-y-0 sm:scale-100",
+	leave: "duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-in)]",
+	leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
+	leaveTo: "opacity-0 translate-y-2 sm:translate-y-0 sm:scale-95"
+};
+var panelBase = "w-full relative z-10 border border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] outline-none";
+var panelOverflowByScroll = {
+	outside: "overflow-hidden",
+	inside: "max-h-full flex flex-col overflow-hidden"
+};
+/** Тело окна при `inside`. `min-h-0` — иначе flex-потомок не даст себя сжать. */
+var panelBodyScrollClass = "min-h-0 overflow-y-auto";
+/** Шапка и подвал при `inside`: сжиматься должно тело, а не они. */
+var panelSectionClass = "shrink-0";
+var panelWidthBySize = {
+	sm: "max-w-[420px]",
+	md: "max-w-[560px]",
+	lg: "max-w-[720px]",
+	xl: "max-w-[920px]",
+	full: "max-w-none"
+};
+var panelRadiusBySize = {
+	sm: "rounded-[var(--gr-radius-xl)]",
+	md: "rounded-[var(--gr-radius-xl)]",
+	lg: "rounded-[var(--gr-radius-xl)]",
+	xl: "rounded-[var(--gr-radius-xl)]",
+	full: "rounded-[var(--gr-radius-none)]"
+};
+var panelHeightBySize = { full: "h-full" };
+function getGrModalPanelClass(size, scrollBehavior = "outside") {
+	return [
+		panelBase,
+		panelOverflowByScroll[scrollBehavior],
+		panelWidthBySize[size],
+		panelHeightBySize[size],
+		panelRadiusBySize[size]
+	].filter(Boolean).join(" ");
+}
+function getGrModalShellClass(size, scrollBehavior) {
+	return [
+		shellBase,
+		shellPaddingBySize[size],
+		shellByScroll[scrollBehavior]
+	].filter(Boolean).join(" ");
+}
+//#endregion
+export { shellPaddingBySize as _, overlayTransition as a, panelHeightBySize as c, panelSectionClass as d, panelTransition as f, shellByScroll as g, shellBase as h, overlay as i, panelOverflowByScroll as l, root as m, getGrModalShellClass as n, panelBase as o, panelWidthBySize as p, layoutByScroll as r, panelBodyScrollClass as s, getGrModalPanelClass as t, panelRadiusBySize as u };

package/dist/chunks/grModalStyles-EZfuEiw_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grModalStyles-EZfuEiw_.js","names":[],"sources":["../../src/components/GrModal/grModalStyles.ts"],"sourcesContent":["import type { GrOverlaySize } from '../shared/sizes'\n\nexport type GrModalSize = GrOverlaySize\n\n/**\n * Кто скроллится при длинном содержимом: весь оверлей (`outside`, окно уезжает\n * вверх вместе со страницей) или сама панель (`inside`, окно остаётся на месте,\n * а шапка и подвал `GrDialog` — на виду).\n */\nexport type GrModalScrollBehavior = 'outside' | 'inside'\n\n// Корневые утилитарные классы, используемые шаблоном `GrModal.vue`.\n// Они же являются единственным источником истины для safelist.\nexport const root = 'fixed inset-0 z-[var(--gr-z-modal)]'\nexport const overlay = 'fixed inset-0 z-0 bg-[var(--gr-overlay-bg)]'\n\nexport const shellBase = 'fixed inset-0'\n\n// Поля вокруг панели. У `full` их нет вовсе: размер означает «во весь экран», а\n// паддинг оболочки вместе с `h-full` панели дал бы окно выше вьюпорта.\nexport const shellPaddingBySize: Record<GrModalSize, string> = {\n  sm: 'p-4 sm:p-6',\n  md: 'p-4 sm:p-6',\n  lg: 'p-4 sm:p-6',\n  xl: 'p-4 sm:p-6',\n  full: '',\n}\n\n// Скролл живёт ровно в одном месте: либо в оболочке, либо в панели. Держать\n// `overflow-y-auto` на обеих — значит получить два скроллбара на одно окно.\nexport const shellByScroll: Record<GrModalScrollBehavior, string> = {\n  outside: 'overflow-y-auto',\n  inside: 'overflow-hidden',\n}\n\nexport const layoutByScroll: Record<GrModalScrollBehavior, string> = {\n  outside: 'min-h-full flex items-center justify-center',\n  inside: 'h-full flex items-center justify-center',\n}\n\n// Классы для `<TransitionChild :enter=\"...\" :enter-from=\"...\" ...>`.\n// Разбиты по фазам транзишна, чтобы не склеивать их в «мешок токенов».\nexport const overlayTransition = {\n  enter: 'duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]',\n  enterFrom: 'opacity-0',\n  enterTo: 'opacity-100',\n  leave: 'duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-in)]',\n  leaveFrom: 'opacity-100',\n  leaveTo: 'opacity-0',\n} as const\n\nexport const panelTransition = {\n  enter: 'duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]',\n  enterFrom: 'opacity-0 translate-y-2 sm:translate-y-0 sm:scale-95',\n  enterTo: 'opacity-100 translate-y-0 sm:scale-100',\n  leave: 'duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-in)]',\n  leaveFrom: 'opacity-100 translate-y-0 sm:scale-100',\n  leaveTo: 'opacity-0 translate-y-2 sm:translate-y-0 sm:scale-95',\n} as const\n\nexport const panelBase\n  = 'w-full relative z-10 border border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] outline-none'\n\n// `overflow-hidden` панели нужен, чтобы её содержимое обрезалось по радиусу.\n// При `inside` панель становится колонкой: заголовок остаётся на месте, а\n// скроллится только тело — ради этого режим и заводят.\nexport const panelOverflowByScroll: Record<GrModalScrollBehavior, string> = {\n  outside: 'overflow-hidden',\n  inside: 'max-h-full flex flex-col overflow-hidden',\n}\n\n/** Тело окна при `inside`. `min-h-0` — иначе flex-потомок не даст себя сжать. */\nexport const panelBodyScrollClass = 'min-h-0 overflow-y-auto'\n\n/** Шапка и подвал при `inside`: сжиматься должно тело, а не они. */\nexport const panelSectionClass = 'shrink-0'\n\nexport const panelWidthBySize: Record<GrModalSize, string> = {\n  sm: 'max-w-[420px]',\n  md: 'max-w-[560px]',\n  lg: 'max-w-[720px]',\n  xl: 'max-w-[920px]',\n  full: 'max-w-none',\n}\n\nexport const panelRadiusBySize: Record<GrModalSize, string> = {\n  sm: 'rounded-[var(--gr-radius-xl)]',\n  md: 'rounded-[var(--gr-radius-xl)]',\n  lg: 'rounded-[var(--gr-radius-xl)]',\n  xl: 'rounded-[var(--gr-radius-xl)]',\n  full: 'rounded-[var(--gr-radius-none)]',\n}\n\n// Для большинства размеров высота не задаётся — `Partial` + фильтрация пустых\n// значений в `getGrModalPanelClass` избавляют от двойных пробелов.\nexport const panelHeightBySize: Partial<Record<GrModalSize, string>> = {\n  full: 'h-full',\n}\n\nexport function getGrModalPanelClass(\n  size: GrModalSize,\n  scrollBehavior: GrModalScrollBehavior = 'outside',\n): string {\n  return [\n    panelBase,\n    panelOverflowByScroll[scrollBehavior],\n    panelWidthBySize[size],\n    panelHeightBySize[size],\n    panelRadiusBySize[size],\n  ]\n    .filter(Boolean)\n    .join(' ')\n}\n\nexport function getGrModalShellClass(size: GrModalSize, scrollBehavior: GrModalScrollBehavior): string {\n  return [shellBase, shellPaddingBySize[size], shellByScroll[scrollBehavior]]\n    .filter(Boolean)\n    .join(' ')\n}\n"],"mappings":";AAaA,IAAa,OAAO;AACpB,IAAa,UAAU;AAEvB,IAAa,YAAY;AAIzB,IAAa,qBAAkD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR;AAIA,IAAa,gBAAuD;CAClE,SAAS;CACT,QAAQ;AACV;AAEA,IAAa,iBAAwD;CACnE,SAAS;CACT,QAAQ;AACV;AAIA,IAAa,oBAAoB;CAC/B,OAAO;CACP,WAAW;CACX,SAAS;CACT,OAAO;CACP,WAAW;CACX,SAAS;AACX;AAEA,IAAa,kBAAkB;CAC7B,OAAO;CACP,WAAW;CACX,SAAS;CACT,OAAO;CACP,WAAW;CACX,SAAS;AACX;AAEA,IAAa,YACT;AAKJ,IAAa,wBAA+D;CAC1E,SAAS;CACT,QAAQ;AACV;;AAGA,IAAa,uBAAuB;;AAGpC,IAAa,oBAAoB;AAEjC,IAAa,mBAAgD;CAC3D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR;AAEA,IAAa,oBAAiD;CAC5D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR;AAIA,IAAa,oBAA0D,EACrE,MAAM,SACR;AAEA,SAAgB,qBACd,MACA,iBAAwC,WAChC;CACR,OAAO;EACL;EACA,sBAAsB;EACtB,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;CACpB,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;AACb;AAEA,SAAgB,qBAAqB,MAAmB,gBAA+C;CACrG,OAAO;EAAC;EAAW,mBAAmB;EAAO,cAAc;CAAe,CAAC,CACxE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;AACb"}

package/dist/chunks/grPopoverStyles-Rz_Z5nLW.js

@@ -0,0 +1,46 @@
+//#region src/components/GrPopover/grPopoverStyles.ts
+var panelSizes = {
+	xs: "p-2 text-[length:var(--gr-control-text-xs)]",
+	sm: "p-2.5 text-[length:var(--gr-control-text-sm)]",
+	md: "p-3 text-[length:var(--gr-control-text-md)] leading-[var(--gr-leading-sm)]",
+	lg: "p-4 text-[length:var(--gr-control-text-lg)] leading-[var(--gr-leading-base)]"
+};
+/**
+* `transform-origin` для scale-анимации: координаты панели уже посчитал
+* `useFloating`, здесь остаётся направление «роста» относительно триггера.
+*
+* Ключ — `resolvedPlacement`, то есть положение **после** `flip`: если снизу не
+* хватило места и панель перевернуло вверх, origin переворачивается вместе с ней.
+*/
+var originClassByPlacement = {
+	"bottom": "origin-top",
+	"bottom-start": "origin-top-left",
+	"bottom-end": "origin-top-right",
+	"top": "origin-bottom",
+	"top-start": "origin-bottom-left",
+	"top-end": "origin-bottom-right",
+	"left": "origin-right",
+	"left-start": "origin-top-right",
+	"left-end": "origin-bottom-right",
+	"right": "origin-left",
+	"right-start": "origin-top-left",
+	"right-end": "origin-bottom-left"
+};
+function grPopoverOriginClass(placement) {
+	return originClassByPlacement[placement] ?? "origin-top";
+}
+/**
+* Поверхность панели. `max-w-[min(...)]` не даёт поповеру вылезти за узкий
+* экран: `useFloating` смещает панель в пределах viewport, но не сужает её.
+*/
+var popoverPanelBaseClass = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-2)] max-w-[min(22rem,calc(100vw-1rem))] focus:outline-none";
+function grPopoverPanelClass(size, placement, extra) {
+	return [
+		popoverPanelBaseClass,
+		panelSizes[size],
+		grPopoverOriginClass(placement),
+		extra ?? ""
+	].filter(Boolean).join(" ");
+}
+//#endregion
+export { popoverPanelBaseClass as i, originClassByPlacement as n, panelSizes as r, grPopoverPanelClass as t };

package/dist/chunks/grPopoverStyles-Rz_Z5nLW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grPopoverStyles-Rz_Z5nLW.js","names":[],"sources":["../../src/components/GrPopover/grPopoverStyles.ts"],"sourcesContent":["import type { Placement } from '@floating-ui/dom'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type GrPopoverSize = GrComponentSize\n\n/**\n * Роль панели.\n *\n * `dialog` — произвольный интерактивный контент (значение по умолчанию).\n * Остальные нужны компонентам, которые строятся поверх этого примитива:\n * меню (`GrMenu`, `GrContextMenu`), списки, палитры. Роль задаёт потребитель,\n * потому что клавиатурный паттерн принадлежит ему, а не поповеру.\n */\nexport type GrPopoverRole = 'dialog' | 'menu' | 'listbox' | 'grid' | 'group' | 'none'\n\nexport const panelSizes: Record<GrPopoverSize, string> = {\n  xs: 'p-2 text-[length:var(--gr-control-text-xs)]',\n  sm: 'p-2.5 text-[length:var(--gr-control-text-sm)]',\n  md: 'p-3 text-[length:var(--gr-control-text-md)] leading-[var(--gr-leading-sm)]',\n  lg: 'p-4 text-[length:var(--gr-control-text-lg)] leading-[var(--gr-leading-base)]',\n}\n\n/**\n * `transform-origin` для scale-анимации: координаты панели уже посчитал\n * `useFloating`, здесь остаётся направление «роста» относительно триггера.\n *\n * Ключ — `resolvedPlacement`, то есть положение **после** `flip`: если снизу не\n * хватило места и панель перевернуло вверх, origin переворачивается вместе с ней.\n */\nexport const originClassByPlacement: Partial<Record<Placement, string>> = {\n  'bottom': 'origin-top',\n  'bottom-start': 'origin-top-left',\n  'bottom-end': 'origin-top-right',\n  'top': 'origin-bottom',\n  'top-start': 'origin-bottom-left',\n  'top-end': 'origin-bottom-right',\n  'left': 'origin-right',\n  'left-start': 'origin-top-right',\n  'left-end': 'origin-bottom-right',\n  'right': 'origin-left',\n  'right-start': 'origin-top-left',\n  'right-end': 'origin-bottom-left',\n}\n\nexport function grPopoverOriginClass(placement: Placement): string {\n  return originClassByPlacement[placement] ?? 'origin-top'\n}\n\n/**\n * Поверхность панели. `max-w-[min(...)]` не даёт поповеру вылезти за узкий\n * экран: `useFloating` смещает панель в пределах viewport, но не сужает её.\n */\nexport const popoverPanelBaseClass = 'rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-2)] max-w-[min(22rem,calc(100vw-1rem))] focus:outline-none'\n\nexport function grPopoverPanelClass(size: GrPopoverSize, placement: Placement, extra?: string): string {\n  return [\n    popoverPanelBaseClass,\n    panelSizes[size],\n    grPopoverOriginClass(placement),\n    extra ?? '',\n  ].filter(Boolean).join(' ')\n}\n"],"mappings":";AAgBA,IAAa,aAA4C;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;;AASA,IAAa,yBAA6D;CACxE,UAAU;CACV,gBAAgB;CAChB,cAAc;CACd,OAAO;CACP,aAAa;CACb,WAAW;CACX,QAAQ;CACR,cAAc;CACd,YAAY;CACZ,SAAS;CACT,eAAe;CACf,aAAa;AACf;AAEA,SAAgB,qBAAqB,WAA8B;CACjE,OAAO,uBAAuB,cAAc;AAC9C;;;;;AAMA,IAAa,wBAAwB;AAErC,SAAgB,oBAAoB,MAAqB,WAAsB,OAAwB;CACrG,OAAO;EACL;EACA,WAAW;EACX,qBAAqB,SAAS;EAC9B,SAAS;CACX,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B"}