@feugene/granularity 0.12.0 → 0.16.0

package/dist/chunks/config-BKvX0q10.js

@@ -0,0 +1,89 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrDropdownMenu/grDropdownMenuStyles.ts
+var alignClass = {
+	left: "justify-start text-left",
+	center: "justify-center text-center",
+	right: "justify-end text-right"
+};
+var textAlignClass = {
+	left: "text-left",
+	center: "text-center",
+	right: "text-right"
+};
+var colsClass = {
+	2: "grid-cols-2",
+	3: "grid-cols-3",
+	4: "grid-cols-4"
+};
+var itemBaseClass = "w-full min-h-10 px-4 py-2.5 flex items-center gap-2 text-[length:var(--gr-text-sm)] transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+var itemVariantClass = {
+	default: "text-[var(--gr-fg)]",
+	danger: "text-[var(--gr-danger-text)]"
+};
+var itemInteractiveClass = "cursor-pointer hover:bg-[var(--gr-accent)] hover:text-[var(--gr-accent-fg)]";
+var itemDisabledClass = "cursor-not-allowed pointer-events-none bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]";
+var itemIndicatorClass = "h-3.5 w-3.5 shrink-0";
+var itemShortcutClass = "ml-auto pl-4 text-[length:var(--gr-text-xs)] text-[var(--gr-muted-fg)]";
+var headerClass = "px-4 py-2 text-[length:var(--gr-text-xs)] tracking-wide text-[var(--gr-muted-fg)]";
+var listBaseClass = "w-full";
+var dividersClass = "divide-y divide-[var(--gr-brd)]";
+var borderTopClass = "border-t border-[var(--gr-brd)]";
+var borderBottomClass = "border-b border-[var(--gr-brd)]";
+var columnsBaseClass = "w-full grid divide-x divide-[var(--gr-brd)]";
+var columnBaseClass = "px-3 py-2 flex items-center";
+var dividerClass = "border-t border-[var(--gr-brd)]";
+var dividerInsetClass = "mx-2";
+function grDropdownMenuItemClass(options) {
+	return [
+		itemBaseClass,
+		alignClass[options.align],
+		options.disabled ? itemDisabledClass : itemVariantClass[options.variant],
+		options.disabled ? "" : itemInteractiveClass
+	].filter(Boolean).join(" ");
+}
+function grDropdownMenuListClass(options) {
+	return [
+		listBaseClass,
+		options.dividers ? dividersClass : "",
+		options.borderTop ? borderTopClass : "",
+		options.borderBottom ? borderBottomClass : ""
+	].filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/components/GrDropdownMenu/safelist.ts
+/**
+* Классы каталога живут в `.ts`-хелпере, а его бандлер волен вынести в общий
+* `dist/chunks/` — вне области скана компонента. Симптом промаха тут особенно
+* незаметный: размеры пунктов на месте, а выравнивание, колонки и цвета
+* пропали. Гейт — `src/__tests__/safelist.test.ts`.
+*/
+var grDropdownMenuSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(alignClass).flatMap(splitClassTokens),
+	...Object.values(textAlignClass).flatMap(splitClassTokens),
+	...Object.values(colsClass).flatMap(splitClassTokens),
+	...Object.values(itemVariantClass).flatMap(splitClassTokens),
+	...splitClassTokens(itemBaseClass),
+	...splitClassTokens(itemInteractiveClass),
+	...splitClassTokens(itemDisabledClass),
+	...splitClassTokens(itemIndicatorClass),
+	...splitClassTokens(itemShortcutClass),
+	...splitClassTokens(headerClass),
+	...splitClassTokens(listBaseClass),
+	...splitClassTokens(dividersClass),
+	...splitClassTokens(borderTopClass),
+	...splitClassTokens(borderBottomClass),
+	...splitClassTokens(columnsBaseClass),
+	...splitClassTokens(columnBaseClass),
+	...splitClassTokens(dividerClass),
+	...splitClassTokens(dividerInsetClass)
+])];
+//#endregion
+//#region src/components/GrDropdownMenu/config.ts
+var grDropdownMenuConfig = defineGranularComponent(import.meta.url, {
+	name: "GrDropdownMenu",
+	dependencies: ["GrDropdown"],
+	safelist: grDropdownMenuSafelist
+});
+//#endregion
+export { columnBaseClass as a, dividerInsetClass as c, grDropdownMenuListClass as d, headerClass as f, textAlignClass as g, listBaseClass as h, colsClass as i, dividersClass as l, itemShortcutClass as m, grDropdownMenuSafelist as n, columnsBaseClass as o, itemIndicatorClass as p, alignClass as r, dividerClass as s, grDropdownMenuConfig as t, grDropdownMenuItemClass as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BKvX0q10.js","names":[],"sources":["../../src/components/GrDropdownMenu/grDropdownMenuStyles.ts","../../src/components/GrDropdownMenu/safelist.ts","../../src/components/GrDropdownMenu/config.ts"],"sourcesContent":["export type GrDropdownMenuItemAlign = 'left' | 'center' | 'right'\nexport type GrDropdownMenuItemVariant = 'default' | 'danger'\nexport type GrDropdownMenuHeaderAlign = GrDropdownMenuItemAlign\nexport type GrDropdownMenuColumnAlign = GrDropdownMenuItemAlign\nexport type GrDropdownMenuColumnsCount = 2 | 3 | 4\n\nexport const alignClass: Record<GrDropdownMenuItemAlign, string> = {\n  left: 'justify-start text-left',\n  center: 'justify-center text-center',\n  right: 'justify-end text-right',\n}\n\nexport const textAlignClass: Record<GrDropdownMenuHeaderAlign, string> = {\n  left: 'text-left',\n  center: 'text-center',\n  right: 'text-right',\n}\n\nexport const colsClass: Record<GrDropdownMenuColumnsCount, string> = {\n  2: 'grid-cols-2',\n  3: 'grid-cols-3',\n  4: 'grid-cols-4',\n}\n\nexport const itemBaseClass = 'w-full min-h-10 px-4 py-2.5 flex items-center gap-2 text-[length:var(--gr-text-sm)] transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\n// Насыщенный тон как цвет текста запрещён — для текста есть `-text`-роль.\nexport const itemVariantClass: Record<GrDropdownMenuItemVariant, string> = {\n  default: 'text-[var(--gr-fg)]',\n  danger: 'text-[var(--gr-danger-text)]',\n}\n\nexport const itemInteractiveClass = 'cursor-pointer hover:bg-[var(--gr-accent)] hover:text-[var(--gr-accent-fg)]'\n\n// Disabled гасится фоном, а не `opacity`: прозрачность разбавляет выверенные на\n// AA токены текста. `pointer-events-none` оставлен — он же гасит hover.\nexport const itemDisabledClass = 'cursor-not-allowed pointer-events-none bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]'\n\nexport const itemIndicatorClass = 'h-3.5 w-3.5 shrink-0'\nexport const itemShortcutClass = 'ml-auto pl-4 text-[length:var(--gr-text-xs)] text-[var(--gr-muted-fg)]'\n\nexport const headerClass = 'px-4 py-2 text-[length:var(--gr-text-xs)] tracking-wide text-[var(--gr-muted-fg)]'\n\nexport const listBaseClass = 'w-full'\nexport const dividersClass = 'divide-y divide-[var(--gr-brd)]'\nexport const borderTopClass = 'border-t border-[var(--gr-brd)]'\nexport const borderBottomClass = 'border-b border-[var(--gr-brd)]'\n\nexport const columnsBaseClass = 'w-full grid divide-x divide-[var(--gr-brd)]'\nexport const columnBaseClass = 'px-3 py-2 flex items-center'\n\nexport const dividerClass = 'border-t border-[var(--gr-brd)]'\nexport const dividerInsetClass = 'mx-2'\n\nexport function grDropdownMenuItemClass(options: {\n  align: GrDropdownMenuItemAlign\n  variant: GrDropdownMenuItemVariant\n  disabled: boolean\n}): string {\n  return [\n    itemBaseClass,\n    alignClass[options.align],\n    options.disabled ? itemDisabledClass : itemVariantClass[options.variant],\n    options.disabled ? '' : itemInteractiveClass,\n  ].filter(Boolean).join(' ')\n}\n\nexport function grDropdownMenuListClass(options: {\n  dividers: boolean\n  borderTop: boolean\n  borderBottom: boolean\n}): string {\n  return [\n    listBaseClass,\n    options.dividers ? dividersClass : '',\n    options.borderTop ? borderTopClass : '',\n    options.borderBottom ? borderBottomClass : '',\n  ].filter(Boolean).join(' ')\n}\n","import { splitClassTokens } from '../shared/classTokens'\n\nimport {\n    alignClass,\n    borderBottomClass,\n    borderTopClass,\n    colsClass,\n    columnBaseClass,\n    columnsBaseClass,\n    dividerClass,\n    dividerInsetClass,\n    dividersClass,\n    headerClass,\n    itemBaseClass,\n    itemDisabledClass,\n    itemIndicatorClass,\n    itemInteractiveClass,\n    itemShortcutClass,\n    itemVariantClass,\n    listBaseClass,\n    textAlignClass,\n} from './grDropdownMenuStyles'\n\n/**\n * Классы каталога живут в `.ts`-хелпере, а его бандлер волен вынести в общий\n * `dist/chunks/` — вне области скана компонента. Симптом промаха тут особенно\n * незаметный: размеры пунктов на месте, а выравнивание, колонки и цвета\n * пропали. Гейт — `src/__tests__/safelist.test.ts`.\n */\nexport const grDropdownMenuSafelist = [...new Set([\n    ...Object.values(alignClass).flatMap(splitClassTokens),\n    ...Object.values(textAlignClass).flatMap(splitClassTokens),\n    ...Object.values(colsClass).flatMap(splitClassTokens),\n    ...Object.values(itemVariantClass).flatMap(splitClassTokens),\n    ...splitClassTokens(itemBaseClass),\n    ...splitClassTokens(itemInteractiveClass),\n    ...splitClassTokens(itemDisabledClass),\n    ...splitClassTokens(itemIndicatorClass),\n    ...splitClassTokens(itemShortcutClass),\n    ...splitClassTokens(headerClass),\n    ...splitClassTokens(listBaseClass),\n    ...splitClassTokens(dividersClass),\n    ...splitClassTokens(borderTopClass),\n    ...splitClassTokens(borderBottomClass),\n    ...splitClassTokens(columnsBaseClass),\n    ...splitClassTokens(columnBaseClass),\n    ...splitClassTokens(dividerClass),\n    ...splitClassTokens(dividerInsetClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grDropdownMenuSafelist } from './safelist'\n\nexport const grDropdownMenuConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDropdownMenu',\n  dependencies: ['GrDropdown'],\n  safelist: grDropdownMenuSafelist,\n})\n"],"mappings":";;;AAMA,IAAa,aAAsD;CACjE,MAAM;CACN,QAAQ;CACR,OAAO;AACT;AAEA,IAAa,iBAA4D;CACvE,MAAM;CACN,QAAQ;CACR,OAAO;AACT;AAEA,IAAa,YAAwD;CACnE,GAAG;CACH,GAAG;CACH,GAAG;AACL;AAEA,IAAa,gBAAgB;AAG7B,IAAa,mBAA8D;CACzE,SAAS;CACT,QAAQ;AACV;AAEA,IAAa,uBAAuB;AAIpC,IAAa,oBAAoB;AAEjC,IAAa,qBAAqB;AAClC,IAAa,oBAAoB;AAEjC,IAAa,cAAc;AAE3B,IAAa,gBAAgB;AAC7B,IAAa,gBAAgB;AAC7B,IAAa,iBAAiB;AAC9B,IAAa,oBAAoB;AAEjC,IAAa,mBAAmB;AAChC,IAAa,kBAAkB;AAE/B,IAAa,eAAe;AAC5B,IAAa,oBAAoB;AAEjC,SAAgB,wBAAwB,SAI7B;CACT,OAAO;EACL;EACA,WAAW,QAAQ;EACnB,QAAQ,WAAW,oBAAoB,iBAAiB,QAAQ;EAChE,QAAQ,WAAW,KAAK;CAC1B,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B;AAEA,SAAgB,wBAAwB,SAI7B;CACT,OAAO;EACL;EACA,QAAQ,WAAW,gBAAgB;EACnC,QAAQ,YAAY,iBAAiB;EACrC,QAAQ,eAAe,oBAAoB;CAC7C,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B;;;;;;;;;ACjDA,IAAa,yBAAyB,CAAC,mBAAG,IAAI,IAAI;CAC9C,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CACrD,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;CACzD,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,QAAQ,gBAAgB;CACpD,GAAG,OAAO,OAAO,gBAAgB,CAAC,CAAC,QAAQ,gBAAgB;CAC3D,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,WAAW;CAC/B,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,aAAa;CACjC,GAAG,iBAAiB,cAAc;CAClC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,YAAY;CAChC,GAAG,iBAAiB,iBAAiB;AACzC,CAAC,CAAC;;;AC5CF,IAAa,uBAAuB,wBAAwB,OAAO,KAAK,KAAK;CAC3E,MAAM;CACN,cAAc,CAAC,YAAY;CAC3B,UAAU;AACZ,CAAC"}

package/dist/chunks/config-BN4sXYXn.js

@@ -0,0 +1,77 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrInputTag/grInputTagStyles.ts
+var wrapperSizeClassBySize = {
+	xs: "min-h-7 px-2.5 py-1 gap-1.5",
+	sm: "min-h-8 px-3 py-1 gap-1.5",
+	md: "min-h-10 px-3 py-1.5 gap-2",
+	lg: "min-h-11 px-4 py-2 gap-2"
+};
+var inputSizeClassBySize = {
+	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 wrapperBorderClassByState = {
+	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 invalidWrapperBorderClass = "border-[var(--gr-invalid-brd)] focus-within:ring-[var(--gr-invalid-ring)]";
+var wrapperBaseClass = "w-full flex flex-wrap items-center rounded-[var(--gr-radius-control)] border text-[var(--gr-fg)] transition-colors duration-[var(--gr-duration-fast)] focus-within:ring-2 focus-within:ring-[var(--gr-ring)]";
+var wrapperEnabledClass = "bg-[var(--gr-bg)] cursor-text";
+/**
+* Заблокированное поле гасится фоном, а не `opacity`: прозрачность разбавляет
+* выверенные на AA токены текста. Фон взаимоисключающий с `wrapperEnabledClass` —
+* два `bg-*` одной специфичности разрулил бы порядок в сгенерированном CSS.
+*/
+var wrapperDisabledClass = "bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] cursor-not-allowed";
+/**
+* Крестик наследует цвет тона бейджа (`text-current`) в полную силу: гасить его
+* прозрачностью нельзя — контраст глифа тогда зависит от тона чипа, а на тёмном
+* бейдже он проваливается.
+*/
+var removeButtonClass = "-mr-0.5 shrink-0 inline-flex items-center justify-center rounded-[var(--gr-radius-control)] p-0.5 text-current focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+var clearButtonClass = "ml-auto shrink-0 inline-flex items-center justify-center rounded-[var(--gr-radius-control)] p-0.5 text-[var(--gr-muted-fg)] transition-colors hover:text-[var(--gr-fg)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+var spinnerClass = "shrink-0 inline-flex items-center justify-center text-[var(--gr-muted-fg)]";
+function grInputTagWrapperClass(options) {
+	return [
+		wrapperBaseClass,
+		wrapperSizeClassBySize[options.size],
+		options.invalid ? invalidWrapperBorderClass : wrapperBorderClassByState[options.state],
+		options.disabled ? wrapperDisabledClass : wrapperEnabledClass
+	].join(" ");
+}
+function grInputTagInputClass(size) {
+	return inputSizeClassBySize[size];
+}
+//#endregion
+//#region src/components/GrInputTag/safelist.ts
+var grInputTagSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(wrapperSizeClassBySize).flatMap(splitClassTokens),
+	...Object.values(inputSizeClassBySize).flatMap(splitClassTokens),
+	...Object.values(wrapperBorderClassByState).flatMap(splitClassTokens),
+	...splitClassTokens(invalidWrapperBorderClass),
+	...splitClassTokens(wrapperBaseClass),
+	...splitClassTokens(wrapperEnabledClass),
+	...splitClassTokens(wrapperDisabledClass),
+	...splitClassTokens(removeButtonClass),
+	...splitClassTokens(clearButtonClass),
+	...splitClassTokens(spinnerClass)
+])];
+//#endregion
+//#region src/components/GrInputTag/config.ts
+var grInputTagConfig = defineGranularComponent(import.meta.url, {
+	name: "GrInputTag",
+	dependencies: ["GrBadge", "GrIcon"],
+	safelist: grInputTagSafelist
+});
+//#endregion
+export { grInputTagWrapperClass as a, grInputTagInputClass as i, grInputTagSafelist as n, removeButtonClass as o, clearButtonClass as r, spinnerClass as s, grInputTagConfig as t };

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

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

package/dist/chunks/config-BNfQwyL4.js

@@ -0,0 +1,97 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrDataTable/grDataTableStyles.ts
+/** Паддинг ячейки — и в шапке, и в теле: колонки обязаны совпадать по сетке. */
+var cellPaddings = {
+	xs: "px-2 py-1.5",
+	sm: "px-3 py-2",
+	md: "px-4 py-3",
+	lg: "px-5 py-4"
+};
+/**
+* Оценка высоты строки по размеру: два вертикальных отступа ячейки плюс строка
+* текста и рамка. Виртуализация уточняет её замером — точное число здесь знать
+* неоткуда, содержимое ячейки задаёт потребитель.
+*/
+var rowHeightEstimates = {
+	xs: 33,
+	sm: 41,
+	md: 49,
+	lg: 57
+};
+/** Заглушки loading/empty: по горизонтали как ячейка, по вертикали просторнее. */
+var placeholderPaddings = {
+	xs: "px-2 py-3",
+	sm: "px-3 py-4",
+	md: "px-4 py-6",
+	lg: "px-5 py-8"
+};
+/** Подпись колонки набирается мельче тела таблицы — она не данные, а навигация. */
+var headerTextSizes = {
+	xs: "text-[length:var(--gr-control-text-3xs)]",
+	sm: "text-[length:var(--gr-control-text-2xs)]",
+	md: "text-[length:var(--gr-control-text-xs)] leading-[var(--gr-leading-xs)]",
+	lg: "text-[length:var(--gr-control-text-md)] leading-[var(--gr-leading-sm)]"
+};
+/**
+* Размер `GrCheckbox` в колонке выбора. Здесь не классы, а ступень шкалы:
+* коробку рисует сам чекбокс — он же держит `indeterminate`, disabled без
+* `opacity` и фокус-кольцо.
+*/
+var selectCheckboxSizes = {
+	xs: "xs",
+	sm: "sm",
+	md: "md",
+	lg: "lg"
+};
+/** Ширина колонки выбора: коробка чекбокса плюс горизонтальный паддинг ячейки. */
+var selectColumnWidths = {
+	xs: "w-7",
+	sm: "w-8",
+	md: "w-10",
+	lg: "w-12"
+};
+/** Зазор между подписью колонки и стрелкой сортировки. */
+var headerGaps = {
+	xs: "gap-1",
+	sm: "gap-1.5",
+	md: "gap-2",
+	lg: "gap-2"
+};
+/** Спиннер в строке загрузки — тем же кеглем, что иконка сортировки рядом. */
+var spinnerSizes = {
+	xs: "h-3 w-3",
+	sm: "h-3.5 w-3.5",
+	md: "h-4 w-4",
+	lg: "h-5 w-5"
+};
+/** Стрелка сортировки берёт размер из шкалы `GrIcon` (`xs…lg` → `14…20px`). */
+var sortIconSizes = {
+	xs: "xs",
+	sm: "xs",
+	md: "sm",
+	lg: "md"
+};
+//#endregion
+//#region src/components/GrDataTable/safelist.ts
+var grDataTableSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(cellPaddings).flatMap(splitClassTokens),
+	...Object.values(placeholderPaddings).flatMap(splitClassTokens),
+	...Object.values(headerTextSizes).flatMap(splitClassTokens),
+	...Object.values(selectColumnWidths).flatMap(splitClassTokens),
+	...Object.values(headerGaps).flatMap(splitClassTokens),
+	...Object.values(spinnerSizes).flatMap(splitClassTokens)
+])];
+//#endregion
+//#region src/components/GrDataTable/config.ts
+var grDataTableConfig = defineGranularComponent(import.meta.url, {
+	name: "GrDataTable",
+	dependencies: [
+		"GrTable",
+		"GrIcon",
+		"GrCheckbox"
+	],
+	safelist: grDataTableSafelist
+});
+//#endregion
+export { headerTextSizes as a, selectCheckboxSizes as c, spinnerSizes as d, headerGaps as i, selectColumnWidths as l, grDataTableSafelist as n, placeholderPaddings as o, cellPaddings as r, rowHeightEstimates as s, grDataTableConfig as t, sortIconSizes as u };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BNfQwyL4.js","names":[],"sources":["../../src/components/GrDataTable/grDataTableStyles.ts","../../src/components/GrDataTable/safelist.ts","../../src/components/GrDataTable/config.ts"],"sourcesContent":["import type { GrCheckboxSize } from '../GrCheckbox/grCheckboxStyles'\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type GrDataTableSize = GrComponentSize\n\n/** Паддинг ячейки — и в шапке, и в теле: колонки обязаны совпадать по сетке. */\nexport const cellPaddings: Record<GrDataTableSize, string> = {\n  xs: 'px-2 py-1.5',\n  sm: 'px-3 py-2',\n  md: 'px-4 py-3',\n  lg: 'px-5 py-4',\n}\n\n/**\n * Оценка высоты строки по размеру: два вертикальных отступа ячейки плюс строка\n * текста и рамка. Виртуализация уточняет её замером — точное число здесь знать\n * неоткуда, содержимое ячейки задаёт потребитель.\n */\nexport const rowHeightEstimates: Record<GrDataTableSize, number> = {\n  xs: 33,\n  sm: 41,\n  md: 49,\n  lg: 57,\n}\n\n/** Заглушки loading/empty: по горизонтали как ячейка, по вертикали просторнее. */\nexport const placeholderPaddings: Record<GrDataTableSize, string> = {\n  xs: 'px-2 py-3',\n  sm: 'px-3 py-4',\n  md: 'px-4 py-6',\n  lg: 'px-5 py-8',\n}\n\n/** Подпись колонки набирается мельче тела таблицы — она не данные, а навигация. */\nexport const headerTextSizes: Record<GrDataTableSize, string> = {\n  xs: 'text-[length:var(--gr-control-text-3xs)]',\n  sm: 'text-[length:var(--gr-control-text-2xs)]',\n  md: 'text-[length:var(--gr-control-text-xs)] leading-[var(--gr-leading-xs)]',\n  lg: 'text-[length:var(--gr-control-text-md)] leading-[var(--gr-leading-sm)]',\n}\n\n/**\n * Размер `GrCheckbox` в колонке выбора. Здесь не классы, а ступень шкалы:\n * коробку рисует сам чекбокс — он же держит `indeterminate`, disabled без\n * `opacity` и фокус-кольцо.\n */\nexport const selectCheckboxSizes: Record<GrDataTableSize, GrCheckboxSize> = {\n  xs: 'xs',\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n}\n\n/** Ширина колонки выбора: коробка чекбокса плюс горизонтальный паддинг ячейки. */\nexport const selectColumnWidths: Record<GrDataTableSize, string> = {\n  xs: 'w-7',\n  sm: 'w-8',\n  md: 'w-10',\n  lg: 'w-12',\n}\n\n/** Зазор между подписью колонки и стрелкой сортировки. */\nexport const headerGaps: Record<GrDataTableSize, string> = {\n  xs: 'gap-1',\n  sm: 'gap-1.5',\n  md: 'gap-2',\n  lg: 'gap-2',\n}\n\n/** Спиннер в строке загрузки — тем же кеглем, что иконка сортировки рядом. */\nexport const spinnerSizes: Record<GrDataTableSize, string> = {\n  xs: 'h-3 w-3',\n  sm: 'h-3.5 w-3.5',\n  md: 'h-4 w-4',\n  lg: 'h-5 w-5',\n}\n\n/** Стрелка сортировки берёт размер из шкалы `GrIcon` (`xs…lg` → `14…20px`). */\nexport const sortIconSizes: Record<GrDataTableSize, GrComponentSize> = {\n  xs: 'xs',\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  cellPaddings,\n  headerGaps,\n  headerTextSizes,\n  placeholderPaddings,\n  selectColumnWidths,\n  spinnerSizes,\n} from './grDataTableStyles'\n\nexport const grDataTableSafelist = [...new Set([\n  ...Object.values(cellPaddings).flatMap(splitClassTokens),\n  ...Object.values(placeholderPaddings).flatMap(splitClassTokens),\n  ...Object.values(headerTextSizes).flatMap(splitClassTokens),\n  ...Object.values(selectColumnWidths).flatMap(splitClassTokens),\n  ...Object.values(headerGaps).flatMap(splitClassTokens),\n  ...Object.values(spinnerSizes).flatMap(splitClassTokens),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grDataTableSafelist } from './safelist'\n\nexport const grDataTableConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDataTable',\n  dependencies: ['GrTable', 'GrIcon', 'GrCheckbox'],\n  safelist: grDataTableSafelist,\n})\n"],"mappings":";;;;AAMA,IAAa,eAAgD;CAC3D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;AAOA,IAAa,qBAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,sBAAuD;CAClE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,kBAAmD;CAC9D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;AAOA,IAAa,sBAA+D;CAC1E,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,qBAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,aAA8C;CACzD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,eAAgD;CAC3D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,gBAA0D;CACrE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;ACzEA,IAAa,sBAAsB,CAAC,mBAAG,IAAI,IAAI;CAC7C,GAAG,OAAO,OAAO,YAAY,CAAC,CAAC,QAAQ,gBAAgB;CACvD,GAAG,OAAO,OAAO,mBAAmB,CAAC,CAAC,QAAQ,gBAAgB;CAC9D,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,GAAG,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;CAC7D,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CACrD,GAAG,OAAO,OAAO,YAAY,CAAC,CAAC,QAAQ,gBAAgB;AACzD,CAAC,CAAC;;;ACbF,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK;CACxE,MAAM;CACN,cAAc;EAAC;EAAW;EAAU;CAAY;CAChD,UAAU;AACZ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"config-BNu8lFQB.js","names":[],"sources":["../../src/components/GrAlert/config.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nexport const grAlertConfig = defineGranularComponent(import.meta.url, {\n    name: 'GrAlert',\n})\n"],"mappings":";;AAEA,IAAa,gBAAgB,wBAAwB,OAAO,KAAK,KAAK,EAClE,MAAM,UACV,CAAC"}
+{"version":3,"file":"config-BNu8lFQB.js","names":[],"sources":["../../src/components/GrAlert/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grAlertConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrAlert',\n})\n"],"mappings":";;AAEA,IAAa,gBAAgB,wBAAwB,OAAO,KAAK,KAAK,EACpE,MAAM,UACR,CAAC"}

package/dist/chunks/config-BSyiFlbi.js

@@ -0,0 +1,17 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { i as popoverPanelBaseClass, n as originClassByPlacement, r as panelSizes } from "./grPopoverStyles-Rz_Z5nLW.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrPopover/safelist.ts
+var grPopoverSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(panelSizes).flatMap(splitClassTokens),
+	...Object.values(originClassByPlacement).flatMap(splitClassTokens),
+	...splitClassTokens(popoverPanelBaseClass)
+])];
+//#endregion
+//#region src/components/GrPopover/config.ts
+var grPopoverConfig = defineGranularComponent(import.meta.url, {
+	name: "GrPopover",
+	safelist: grPopoverSafelist
+});
+//#endregion
+export { grPopoverSafelist as n, grPopoverConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BSyiFlbi.js","names":[],"sources":["../../src/components/GrPopover/safelist.ts","../../src/components/GrPopover/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport { originClassByPlacement, panelSizes, popoverPanelBaseClass } from './grPopoverStyles'\n\nexport const grPopoverSafelist = [...new Set([\n  ...Object.values(panelSizes).flatMap(splitClassTokens),\n  ...Object.values(originClassByPlacement).flatMap(splitClassTokens),\n  // Базовый класс живёт литералом в `grPopoverStyles.ts`, а такой хелпер на\n  // сборке уезжает в общий чанк, которого скан не видит (см. gotchas.md §2).\n  ...splitClassTokens(popoverPanelBaseClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grPopoverSafelist } from './safelist'\n\nexport const grPopoverConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrPopover',\n  safelist: grPopoverSafelist,\n})\n"],"mappings":";;;;AAGA,IAAa,oBAAoB,CAAC,mBAAG,IAAI,IAAI;CAC3C,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CACrD,GAAG,OAAO,OAAO,sBAAsB,CAAC,CAAC,QAAQ,gBAAgB;CAGjE,GAAG,iBAAiB,qBAAqB;AAC3C,CAAC,CAAC;;;ACLF,IAAa,kBAAkB,wBAAwB,OAAO,KAAK,KAAK;CACtE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/config-BViooYNv.js

@@ -0,0 +1,13 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { i as originClassByPlacement, t as dropdownContentBaseClass } from "./grDropdownStyles-V7TRiCXn.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrDropdown/safelist.ts
+var grDropdownSafelist = [.../* @__PURE__ */ new Set([...Object.values(originClassByPlacement).flatMap((v) => splitClassTokens(v ?? "")), ...splitClassTokens(dropdownContentBaseClass)])];
+//#endregion
+//#region src/components/GrDropdown/config.ts
+var grDropdownConfig = defineGranularComponent(import.meta.url, {
+	name: "GrDropdown",
+	safelist: grDropdownSafelist
+});
+//#endregion
+export { grDropdownSafelist as n, grDropdownConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BViooYNv.js","names":[],"sources":["../../src/components/GrDropdown/safelist.ts","../../src/components/GrDropdown/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  dropdownContentBaseClass,\n  originClassByPlacement,\n} from './grDropdownStyles'\n\n// И динамические токены (`resolvedPlacement`), и литералы отделки панели:\n// `grDropdownStyles.ts` уезжает в общий `dist/chunks/`, вне области скана\n// компонента — гейт `src/__tests__/safelist.test.ts`.\nexport const grDropdownSafelist = [...new Set([\n  ...Object.values(originClassByPlacement).flatMap(v => splitClassTokens(v ?? '')),\n  ...splitClassTokens(dropdownContentBaseClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grDropdownSafelist } from './safelist'\n\nexport const grDropdownConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDropdown',\n  safelist: grDropdownSafelist,\n})"],"mappings":";;;;AASA,IAAa,qBAAqB,CAAC,mBAAG,IAAI,IAAI,CAC5C,GAAG,OAAO,OAAO,sBAAsB,CAAC,CAAC,SAAQ,MAAK,iBAAiB,KAAK,EAAE,CAAC,GAC/E,GAAG,iBAAiB,wBAAwB,CAC9C,CAAC,CAAC;;;ACRF,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/config-BbY2SKGE.js

@@ -0,0 +1,90 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrAutocomplete/grAutocompleteStyles.ts
+/**
+* Оболочка (визуально повторяет `GrInput`): бордер + focus-ring по `focus-within`,
+* т.к. фокус живёт на вложенном `<input role="combobox">`. Flex-контейнер с
+* `flex-wrap` — чтобы chips в multiple-режиме переносились и коробка росла в высоту.
+*/
+var autocompleteShellBase = "relative flex w-full flex-wrap items-center gap-1 rounded-[var(--gr-radius-control)] border text-[var(--gr-fg)] transition-colors duration-[var(--gr-duration-fast)] focus-within:ring-2 focus-within:ring-[var(--gr-ring)]";
+var autocompleteShellEnabledClass = "bg-[var(--gr-bg)]";
+/**
+* Заблокированная оболочка гасится фоном, а не `opacity` (как `GrInput`):
+* прозрачность разбавляет выверенные на AA токены текста и роняет контраст.
+* Фон взаимоисключающий с `autocompleteShellEnabledClass` — два `bg-*` одной
+* специфичности разрулил бы порядок в сгенерированном CSS, а не порядок в
+* списке классов.
+*/
+var autocompleteShellDisabledClass = "bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] cursor-not-allowed";
+/**
+* Ошибка валидации красится своей ролью, а не декоративным тоном `danger`:
+* тема вправе развести вердикт валидации и подсветку по решению разработчика.
+*/
+var invalidShellClass = "border-[var(--gr-invalid-brd)] focus-within:ring-[var(--gr-invalid-ring)]";
+var autocompleteSizeClassBySize = {
+	xs: "min-h-7 px-2.5 py-1 text-[length:var(--gr-control-text-xs)]",
+	sm: "min-h-8 px-3 py-1 text-[length:var(--gr-control-text-sm)]",
+	md: "min-h-10 px-3 py-1.5 text-[length:var(--gr-control-text-md)]",
+	lg: "min-h-11 px-4 py-2 text-[length:var(--gr-control-text-lg)]"
+};
+function autocompleteShellClass(options) {
+	return [
+		autocompleteShellBase,
+		autocompleteSizeClassBySize[options.size],
+		options.invalid ? invalidShellClass : "border-[var(--gr-brd)]",
+		options.disabled ? autocompleteShellDisabledClass : autocompleteShellEnabledClass
+	].filter(Boolean).join(" ");
+}
+/** Общая подсветка наведения и активной опции. */
+var autocompleteOptionHighlight = "bg-[color-mix(in_srgb,var(--gr-muted)_30%,transparent)]";
+var autocompleteOptionBaseClass = "w-full rounded-[var(--gr-radius-md)] px-3 py-2 text-left text-[length:var(--gr-text-sm)]";
+var autocompleteOptionActiveClass = autocompleteOptionHighlight;
+var autocompleteOptionEnabledClass = `hover:${autocompleteOptionHighlight}`;
+/** Выключенная опция гасится токеном текста — по той же причине, что и оболочка. */
+var autocompleteOptionDisabledClass = "cursor-not-allowed text-[var(--gr-muted-fg)]";
+function autocompleteOptionClass(options) {
+	return [
+		autocompleteOptionBaseClass,
+		options.disabled ? autocompleteOptionDisabledClass : autocompleteOptionEnabledClass,
+		!options.disabled && options.active ? autocompleteOptionActiveClass : ""
+	].filter(Boolean).join(" ");
+}
+/**
+* Строка состояния панели: загрузка, «введите ещё N», «ничего не найдено».
+*
+* По центру и с двойным вертикальным воздухом — как у `GrSelect` и палитры команд.
+* Слева, как у опций, она стоять не может: опции лежат внутри listbox с его `p-1`,
+* а состояние — сиблинг, и текст расходился с опциями на 4px.
+*/
+var autocompleteStateClass = "flex items-center justify-center gap-2 px-3 py-4 text-center text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]";
+/**
+* Панель списка опций — тот же «язык» поверхностей, что у `GrSelect`
+* (card + бордер + shadow-2 + скругление). Держим локальную копию строки,
+* чтобы не тянуть зависимость от `GrSelect` (компоненты гранулярно независимы).
+*/
+var autocompletePanelClasses = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] overflow-hidden";
+//#endregion
+//#region src/components/GrAutocomplete/safelist.ts
+var grAutocompleteSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(autocompleteSizeClassBySize).flatMap(splitClassTokens),
+	...splitClassTokens(autocompleteShellBase),
+	...splitClassTokens(autocompleteShellEnabledClass),
+	...splitClassTokens(autocompleteShellDisabledClass),
+	...splitClassTokens(autocompletePanelClasses),
+	...splitClassTokens(autocompleteOptionBaseClass),
+	...splitClassTokens(autocompleteOptionEnabledClass),
+	...splitClassTokens(autocompleteOptionActiveClass),
+	...splitClassTokens(autocompleteOptionDisabledClass),
+	...splitClassTokens(autocompleteStateClass),
+	...splitClassTokens(invalidShellClass),
+	...splitClassTokens("border-[var(--gr-brd)]")
+])];
+//#endregion
+//#region src/components/GrAutocomplete/config.ts
+var grAutocompleteConfig = defineGranularComponent(import.meta.url, {
+	name: "GrAutocomplete",
+	dependencies: ["GrBadge"],
+	safelist: grAutocompleteSafelist
+});
+//#endregion
+export { autocompleteShellClass as a, autocompletePanelClasses as i, grAutocompleteSafelist as n, autocompleteStateClass as o, autocompleteOptionClass as r, grAutocompleteConfig as t };

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

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

package/dist/chunks/config-BeZRuonp.js

@@ -0,0 +1,54 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrImageViewer/grImageViewerStyles.ts
+/**
+* Классы хрома просмотрщика.
+*
+* Живут отдельным `.ts`-хелпером и целиком объявлены в safelist: бандлер волен
+* вынести модуль в общий `dist/chunks/`, вне области скана компонента, и у
+* изолированного потребителя хром остался бы без цветов — правило про safelist.
+*
+* Цвета — покомпонентные токены (`themes/*.css`), а не литералы `bg-black/35`:
+* так потребитель может перекрасить панель под свой продукт, не переписывая
+* шаблон.
+*/
+var scrimClass = "absolute inset-0 bg-[var(--gr-image-viewer-scrim)] backdrop-blur-sm";
+/** Круглая кнопка хрома: закрыть, предыдущее/следующее изображение. */
+var chromeButtonClass = "flex items-center justify-center rounded-[var(--gr-radius-full)] border border-[var(--gr-image-viewer-chrome-brd)] bg-[var(--gr-image-viewer-chrome-bg)] text-[var(--gr-image-viewer-chrome-fg)] transition-colors hover:bg-[var(--gr-image-viewer-chrome-bg-hover)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-image-viewer-ring)]";
+/** Кнопка внутри панели инструментов — без рамки, подсветка мягкая. */
+var toolbarButtonClass = "flex items-center justify-center rounded-[var(--gr-radius-full)] text-[var(--gr-image-viewer-chrome-fg)] transition-colors hover:bg-[var(--gr-image-viewer-chrome-bg-soft)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-image-viewer-ring)]";
+var toolbarShellClass = "rounded-[var(--gr-radius-full)] border border-[var(--gr-image-viewer-chrome-brd)] bg-[var(--gr-image-viewer-chrome-bg)] p-1 backdrop-blur-sm flex items-center gap-1";
+var toolbarSeparatorClass = "mx-1 h-6 w-px bg-[var(--gr-image-viewer-chrome-brd)]";
+/** Плашки счётчика и масштаба. */
+var badgeClass = "rounded-[var(--gr-radius-full)] bg-[var(--gr-image-viewer-chrome-bg)] px-3 py-1 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)] text-[var(--gr-image-viewer-chrome-fg)] sm:text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]";
+var emptyStateClass = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-image-viewer-chrome-brd)] bg-[var(--gr-image-viewer-chrome-bg)] px-4 py-3 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] text-[var(--gr-image-viewer-chrome-fg-muted)]";
+//#endregion
+//#region src/components/GrImageViewer/safelist.ts
+var grImageViewerSafelist = [.../* @__PURE__ */ new Set([
+	...splitClassTokens(scrimClass),
+	...splitClassTokens(chromeButtonClass),
+	...splitClassTokens(toolbarButtonClass),
+	...splitClassTokens(toolbarShellClass),
+	...splitClassTokens(toolbarSeparatorClass),
+	...splitClassTokens(badgeClass),
+	...splitClassTokens(emptyStateClass)
+])];
+//#endregion
+//#region src/components/GrImageViewer/config.ts
+var grImageViewerConfig = defineGranularComponent(import.meta.url, {
+	name: "GrImageViewer",
+	dependencies: ["GrIcon"],
+	safelist: grImageViewerSafelist,
+	tokenDefinitionsRef: {
+		light: {
+			url: "./themes/light.css",
+			selector: ":root"
+		},
+		dark: {
+			url: "./themes/dark.css",
+			as: ".dark, [data-theme=\"dark\"]"
+		}
+	}
+});
+//#endregion
+export { emptyStateClass as a, toolbarSeparatorClass as c, chromeButtonClass as i, toolbarShellClass as l, grImageViewerSafelist as n, scrimClass as o, badgeClass as r, toolbarButtonClass as s, grImageViewerConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-BeZRuonp.js","names":[],"sources":["../../src/components/GrImageViewer/grImageViewerStyles.ts","../../src/components/GrImageViewer/safelist.ts","../../src/components/GrImageViewer/config.ts"],"sourcesContent":["/**\n * Классы хрома просмотрщика.\n *\n * Живут отдельным `.ts`-хелпером и целиком объявлены в safelist: бандлер волен\n * вынести модуль в общий `dist/chunks/`, вне области скана компонента, и у\n * изолированного потребителя хром остался бы без цветов — правило про safelist.\n *\n * Цвета — покомпонентные токены (`themes/*.css`), а не литералы `bg-black/35`:\n * так потребитель может перекрасить панель под свой продукт, не переписывая\n * шаблон.\n */\n\nexport const scrimClass = 'absolute inset-0 bg-[var(--gr-image-viewer-scrim)] backdrop-blur-sm'\n\n/** Круглая кнопка хрома: закрыть, предыдущее/следующее изображение. */\nexport const chromeButtonClass = 'flex items-center justify-center rounded-[var(--gr-radius-full)] border border-[var(--gr-image-viewer-chrome-brd)] bg-[var(--gr-image-viewer-chrome-bg)] text-[var(--gr-image-viewer-chrome-fg)] transition-colors hover:bg-[var(--gr-image-viewer-chrome-bg-hover)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-image-viewer-ring)]'\n\n/** Кнопка внутри панели инструментов — без рамки, подсветка мягкая. */\nexport const toolbarButtonClass = 'flex items-center justify-center rounded-[var(--gr-radius-full)] text-[var(--gr-image-viewer-chrome-fg)] transition-colors hover:bg-[var(--gr-image-viewer-chrome-bg-soft)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-image-viewer-ring)]'\n\nexport const toolbarShellClass = 'rounded-[var(--gr-radius-full)] border border-[var(--gr-image-viewer-chrome-brd)] bg-[var(--gr-image-viewer-chrome-bg)] p-1 backdrop-blur-sm flex items-center gap-1'\n\nexport const toolbarSeparatorClass = 'mx-1 h-6 w-px bg-[var(--gr-image-viewer-chrome-brd)]'\n\n/** Плашки счётчика и масштаба. */\nexport const badgeClass = 'rounded-[var(--gr-radius-full)] bg-[var(--gr-image-viewer-chrome-bg)] px-3 py-1 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)] text-[var(--gr-image-viewer-chrome-fg)] sm:text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]'\n\nexport const emptyStateClass = 'rounded-[var(--gr-radius-xl)] border border-[var(--gr-image-viewer-chrome-brd)] bg-[var(--gr-image-viewer-chrome-bg)] px-4 py-3 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] text-[var(--gr-image-viewer-chrome-fg-muted)]'\n","import { splitClassTokens } from '../shared/classTokens'\n\nimport {\n  badgeClass,\n  chromeButtonClass,\n  emptyStateClass,\n  scrimClass,\n  toolbarButtonClass,\n  toolbarSeparatorClass,\n  toolbarShellClass,\n} from './grImageViewerStyles'\n\nexport const grImageViewerSafelist = [...new Set([\n  ...splitClassTokens(scrimClass),\n  ...splitClassTokens(chromeButtonClass),\n  ...splitClassTokens(toolbarButtonClass),\n  ...splitClassTokens(toolbarShellClass),\n  ...splitClassTokens(toolbarSeparatorClass),\n  ...splitClassTokens(badgeClass),\n  ...splitClassTokens(emptyStateClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grImageViewerSafelist } from './safelist'\n\nexport const grImageViewerConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrImageViewer',\n  dependencies: ['GrIcon'],\n  safelist: grImageViewerSafelist,\n  tokenDefinitionsRef: {\n    light: { url: './themes/light.css', selector: ':root' },\n    dark: { url: './themes/dark.css', as: '.dark, [data-theme=\"dark\"]' },\n  },\n})\n"],"mappings":";;;;;;;;;;;;;;AAYA,IAAa,aAAa;;AAG1B,IAAa,oBAAoB;;AAGjC,IAAa,qBAAqB;AAElC,IAAa,oBAAoB;AAEjC,IAAa,wBAAwB;;AAGrC,IAAa,aAAa;AAE1B,IAAa,kBAAkB;;;ACf/B,IAAa,wBAAwB,CAAC,mBAAG,IAAI,IAAI;CAC/C,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,UAAU;CAC9B,GAAG,iBAAiB,eAAe;AACrC,CAAC,CAAC;;;AChBF,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK;CAC1E,MAAM;CACN,cAAc,CAAC,QAAQ;CACvB,UAAU;CACV,qBAAqB;EACnB,OAAO;GAAE,KAAK;GAAsB,UAAU;EAAQ;EACtD,MAAM;GAAE,KAAK;GAAqB,IAAI;EAA6B;CACrE;AACF,CAAC"}