@feugene/granularity 0.13.0 → 0.18.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-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-Baj7Wvx-.js

@@ -0,0 +1,72 @@
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrRating/grRatingStyles.ts
+/**
+* Кастомизация через CSS-переменные (на самом компоненте или любом предке):
+*
+* - `--gr-rating-color`      — цвет «залитых» символов (по умолчанию — из `tone`).
+* - `--gr-rating-void-color` — цвет «пустых» символов.
+* - `--gr-rating-symbol-size` — размер символа (по умолчанию — из `size`).
+*/
+var ratingSymbolSizeBySize = {
+	xs: "h-[var(--gr-rating-symbol-size,0.875rem)] w-[var(--gr-rating-symbol-size,0.875rem)]",
+	sm: "h-[var(--gr-rating-symbol-size,1rem)] w-[var(--gr-rating-symbol-size,1rem)]",
+	md: "h-[var(--gr-rating-symbol-size,1.25rem)] w-[var(--gr-rating-symbol-size,1.25rem)]",
+	lg: "h-[var(--gr-rating-symbol-size,1.5rem)] w-[var(--gr-rating-symbol-size,1.5rem)]"
+};
+var ratingGapBySize = {
+	xs: "gap-0.5",
+	sm: "gap-0.5",
+	md: "gap-1",
+	lg: "gap-1.5"
+};
+var ratingTextSizeBySize = {
+	xs: "text-[length:var(--gr-control-text-2xs)]",
+	sm: "text-[length:var(--gr-control-text-xs)]",
+	md: "text-[length:var(--gr-control-text-sm)]",
+	lg: "text-[length:var(--gr-rating-font-size-lg,15px)]"
+};
+var ratingFillClassByTone = {
+	primary: "text-[var(--gr-rating-color,var(--gr-primary))]",
+	neutral: "text-[var(--gr-rating-color,var(--gr-fg))]",
+	success: "text-[var(--gr-rating-color,var(--gr-success))]",
+	warning: "text-[var(--gr-rating-color,var(--gr-warning))]",
+	danger: "text-[var(--gr-rating-color,var(--gr-danger))]",
+	info: "text-[var(--gr-rating-color,var(--gr-info))]",
+	slate: "text-[var(--gr-rating-color,var(--gr-slate))]",
+	azure: "text-[var(--gr-rating-color,var(--gr-azure))]"
+};
+var ratingVoidClass = "text-[var(--gr-rating-void-color,color-mix(in_srgb,var(--gr-muted-fg)_35%,transparent))]";
+var ratingDisabledClass = "cursor-not-allowed text-[var(--gr-disabled-fg)]";
+var ratingRootBaseClass = "inline-flex items-center rounded-[var(--gr-radius-control)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--gr-bg)]";
+function ratingRootClass(options) {
+	return [
+		ratingRootBaseClass,
+		ratingGapBySize[options.size],
+		options.disabled ? ratingDisabledClass : options.interactive ? "cursor-pointer" : ""
+	].filter(Boolean).join(" ");
+}
+function ratingSymbolClass(size) {
+	return `relative block shrink-0 ${ratingSymbolSizeBySize[size]}`;
+}
+//#endregion
+//#region src/components/GrRating/safelist.ts
+var grRatingSafelist = [.../* @__PURE__ */ new Set([
+	...Object.values(ratingSymbolSizeBySize).flatMap(splitClassTokens),
+	...Object.values(ratingGapBySize).flatMap(splitClassTokens),
+	...Object.values(ratingTextSizeBySize).flatMap(splitClassTokens),
+	...Object.values(ratingFillClassByTone).flatMap(splitClassTokens),
+	...splitClassTokens(ratingVoidClass),
+	...splitClassTokens(ratingRootBaseClass),
+	...splitClassTokens(ratingDisabledClass),
+	...splitClassTokens("cursor-pointer"),
+	...splitClassTokens("relative block shrink-0 tabular-nums")
+])];
+//#endregion
+//#region src/components/GrRating/config.ts
+var grRatingConfig = defineGranularComponent(import.meta.url, {
+	name: "GrRating",
+	safelist: grRatingSafelist
+});
+//#endregion
+export { ratingSymbolClass as a, ratingRootClass as i, grRatingSafelist as n, ratingTextSizeBySize as o, ratingFillClassByTone as r, ratingVoidClass as s, grRatingConfig as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-Baj7Wvx-.js","names":[],"sources":["../../src/components/GrRating/grRatingStyles.ts","../../src/components/GrRating/safelist.ts","../../src/components/GrRating/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nimport type { GrTone } from '../shared/tones'\n\nexport type GrRatingSize = GrComponentSize\nexport type GrRatingTone = GrTone\n\n/**\n * Кастомизация через CSS-переменные (на самом компоненте или любом предке):\n *\n * - `--gr-rating-color`      — цвет «залитых» символов (по умолчанию — из `tone`).\n * - `--gr-rating-void-color` — цвет «пустых» символов.\n * - `--gr-rating-symbol-size` — размер символа (по умолчанию — из `size`).\n */\n\n// Размер символа — дефолт для `--gr-rating-symbol-size`.\nexport const ratingSymbolSizeBySize: Record<GrRatingSize, string> = {\n  xs: 'h-[var(--gr-rating-symbol-size,0.875rem)] w-[var(--gr-rating-symbol-size,0.875rem)]',\n  sm: 'h-[var(--gr-rating-symbol-size,1rem)] w-[var(--gr-rating-symbol-size,1rem)]',\n  md: 'h-[var(--gr-rating-symbol-size,1.25rem)] w-[var(--gr-rating-symbol-size,1.25rem)]',\n  lg: 'h-[var(--gr-rating-symbol-size,1.5rem)] w-[var(--gr-rating-symbol-size,1.5rem)]',\n}\n\nexport const ratingGapBySize: Record<GrRatingSize, string> = {\n  xs: 'gap-0.5',\n  sm: 'gap-0.5',\n  md: 'gap-1',\n  lg: 'gap-1.5',\n}\n\nexport const ratingTextSizeBySize: Record<GrRatingSize, string> = {\n  xs: 'text-[length:var(--gr-control-text-2xs)]',\n  sm: 'text-[length:var(--gr-control-text-xs)]',\n  md: 'text-[length:var(--gr-control-text-sm)]',\n  lg: 'text-[length:var(--gr-rating-font-size-lg,15px)]',\n}\n\n// Цвет заливки по тону. `--gr-rating-color` перекрывает тон точечно.\nexport const ratingFillClassByTone: Record<GrRatingTone, string> = {\n  primary: 'text-[var(--gr-rating-color,var(--gr-primary))]',\n  neutral: 'text-[var(--gr-rating-color,var(--gr-fg))]',\n  success: 'text-[var(--gr-rating-color,var(--gr-success))]',\n  warning: 'text-[var(--gr-rating-color,var(--gr-warning))]',\n  danger: 'text-[var(--gr-rating-color,var(--gr-danger))]',\n  info: 'text-[var(--gr-rating-color,var(--gr-info))]',\n  slate: 'text-[var(--gr-rating-color,var(--gr-slate))]',\n  azure: 'text-[var(--gr-rating-color,var(--gr-azure))]',\n}\n\n// «Пустой» символ: приглушённая заливка, чтобы шкала читалась целиком.\nexport const ratingVoidClass = 'text-[var(--gr-rating-void-color,color-mix(in_srgb,var(--gr-muted-fg)_35%,transparent))]'\n\nexport const ratingDisabledClass = 'cursor-not-allowed text-[var(--gr-disabled-fg)]'\n\nexport const ratingRootBaseClass = 'inline-flex items-center rounded-[var(--gr-radius-control)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--gr-bg)]'\n\nexport function ratingRootClass(options: { size: GrRatingSize, disabled: boolean, interactive: boolean }): string {\n  return [\n    ratingRootBaseClass,\n    ratingGapBySize[options.size],\n    // Недоступная шкала гасится токеном, а не `opacity`: прозрачность\n    // разбавляет выверенные на AA токены и роняет контраст подписи.\n    options.disabled ? ratingDisabledClass : (options.interactive ? 'cursor-pointer' : ''),\n  ]\n    .filter(Boolean)\n    .join(' ')\n}\n\nexport function ratingSymbolClass(size: GrRatingSize): string {\n  return `relative block shrink-0 ${ratingSymbolSizeBySize[size]}`\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport {\n  ratingDisabledClass,\n  ratingFillClassByTone,\n  ratingGapBySize,\n  ratingRootBaseClass,\n  ratingSymbolSizeBySize,\n  ratingTextSizeBySize,\n  ratingVoidClass,\n} from './grRatingStyles'\n\n// Всё, что живёт в `grRatingStyles.ts`: и вычисляемые мапы (size/tone), и\n// строковые литералы. Хелпер бандлер волен вынести в общий `dist/chunks/`,\n// который не попадает в область скана компонента — гейт `src/__tests__/safelist.test.ts`.\nexport const grRatingSafelist = [...new Set([\n  ...Object.values(ratingSymbolSizeBySize).flatMap(splitClassTokens),\n  ...Object.values(ratingGapBySize).flatMap(splitClassTokens),\n  ...Object.values(ratingTextSizeBySize).flatMap(splitClassTokens),\n  ...Object.values(ratingFillClassByTone).flatMap(splitClassTokens),\n  ...splitClassTokens(ratingVoidClass),\n  ...splitClassTokens(ratingRootBaseClass),\n  ...splitClassTokens(ratingDisabledClass),\n  ...splitClassTokens('cursor-pointer'),\n  ...splitClassTokens('relative block shrink-0 tabular-nums'),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grRatingSafelist } from './safelist'\n\nexport const grRatingConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrRating',\n  safelist: grRatingSafelist,\n})\n"],"mappings":";;;;;;;;;;AAgBA,IAAa,yBAAuD;CAClE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,kBAAgD;CAC3D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,uBAAqD;CAChE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAGA,IAAa,wBAAsD;CACjE,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;AACT;AAGA,IAAa,kBAAkB;AAE/B,IAAa,sBAAsB;AAEnC,IAAa,sBAAsB;AAEnC,SAAgB,gBAAgB,SAAkF;CAChH,OAAO;EACL;EACA,gBAAgB,QAAQ;EAGxB,QAAQ,WAAW,sBAAuB,QAAQ,cAAc,mBAAmB;CACrF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;AACb;AAEA,SAAgB,kBAAkB,MAA4B;CAC5D,OAAO,2BAA2B,uBAAuB;AAC3D;;;ACxDA,IAAa,mBAAmB,CAAC,mBAAG,IAAI,IAAI;CAC1C,GAAG,OAAO,OAAO,sBAAsB,CAAC,CAAC,QAAQ,gBAAgB;CACjE,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,GAAG,OAAO,OAAO,oBAAoB,CAAC,CAAC,QAAQ,gBAAgB;CAC/D,GAAG,OAAO,OAAO,qBAAqB,CAAC,CAAC,QAAQ,gBAAgB;CAChE,GAAG,iBAAiB,eAAe;CACnC,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,mBAAmB;CACvC,GAAG,iBAAiB,gBAAgB;CACpC,GAAG,iBAAiB,sCAAsC;AAC5D,CAAC,CAAC;;;ACpBF,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,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"}