@feugene/granularity 0.4.3 → 0.4.5

package/dist/chunks/{config-BDlh6iNz.js → config-R0jaXatX.js}

@@ -1,17 +1,19 @@
 import { t as splitClassTokens } from "./classTokens-BPeBXNzu.js";
-import { c as selectSizeClassBySize, o as selectLinkSizeClassBySize, s as selectLinkVariantClassByVariant } from "./grSelectStyles-B7doeAQp.js";
+import { c as selectLinkNativeLabelVariantClassByVariant, d as selectSizeClassBySize, l as selectLinkSizeClassBySize, u as selectLinkVariantClassByVariant } from "./grSelectStyles-daEeDlBn.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrSelect/safelist.ts
 var grSelectSafelist = [...new Set([
 	...Object.values(selectSizeClassBySize).flatMap(splitClassTokens),
 	...Object.values(selectLinkSizeClassBySize).flatMap(splitClassTokens),
 	...Object.values(selectLinkVariantClassByVariant).flatMap(splitClassTokens),
-	...splitClassTokens("no-underline underline underline-offset-4 hover:underline hover:underline-offset-4"),
+	...Object.values(selectLinkNativeLabelVariantClassByVariant).flatMap(splitClassTokens),
+	...splitClassTokens("no-underline underline underline-offset-4 hover:underline hover:underline-offset-4 peer-hover:underline peer-hover:underline-offset-4"),
 	...splitClassTokens("disabled:opacity-60 disabled:cursor-not-allowed disabled:text-[var(--muted-fg)] disabled:no-underline"),
 	...splitClassTokens("disabled:opacity-50 disabled:cursor-not-allowed"),
 	...splitClassTokens("appearance-none pr-9"),
 	...splitClassTokens("inline-flex items-center gap-1 text-left"),
-	...splitClassTokens("flex items-center justify-between text-left")
+	...splitClassTokens("flex items-center justify-between text-left"),
+	...splitClassTokens("block min-w-full w-max whitespace-nowrap")
 ])];
 //#endregion
 //#region src/components/GrSelect/config.ts

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

@@ -0,0 +1 @@
+{"version":3,"file":"config-R0jaXatX.js","names":[],"sources":["../../src/components/GrSelect/safelist.ts","../../src/components/GrSelect/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  selectLinkNativeLabelVariantClassByVariant,\n  selectLinkSizeClassBySize,\n  selectLinkVariantClassByVariant,\n  selectSizeClassBySize,\n} from './grSelectStyles'\n\n// Правило: литералы из шаблонов (`defaultBaseClass`/`linkBaseClass`/`grSelectPanelClasses`\n// и прочие статические строки) в safelist не дублируем — UnoCSS находит их сканом.\n// Сюда попадают только токены, которые собираются в рантайме через `grSelectClass*`.\nexport const grSelectSafelist = [...new Set([\n  ...Object.values(selectSizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(selectLinkSizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(selectLinkVariantClassByVariant).flatMap(splitClassTokens),\n  ...Object.values(selectLinkNativeLabelVariantClassByVariant).flatMap(splitClassTokens),\n  ...splitClassTokens('no-underline underline underline-offset-4 hover:underline hover:underline-offset-4 peer-hover:underline peer-hover:underline-offset-4'),\n  ...splitClassTokens('disabled:opacity-60 disabled:cursor-not-allowed disabled:text-[var(--muted-fg)] disabled:no-underline'),\n  ...splitClassTokens('disabled:opacity-50 disabled:cursor-not-allowed'),\n  ...splitClassTokens('appearance-none pr-9'),\n  ...splitClassTokens('inline-flex items-center gap-1 text-left'),\n  ...splitClassTokens('flex items-center justify-between text-left'),\n  ...splitClassTokens('block min-w-full w-max whitespace-nowrap'),\n])]\n","import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport { grSelectSafelist } from './safelist'\n\nexport const grSelectConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSelect',\n  dependencies: ['GrInput'],\n  safelist: grSelectSafelist,\n})"],"mappings":";;;;AAWA,IAAa,mBAAmB,CAAC,GAAG,IAAI,IAAI;CAC1C,GAAG,OAAO,OAAO,sBAAsB,CAAC,QAAQ,iBAAiB;CACjE,GAAG,OAAO,OAAO,0BAA0B,CAAC,QAAQ,iBAAiB;CACrE,GAAG,OAAO,OAAO,gCAAgC,CAAC,QAAQ,iBAAiB;CAC3E,GAAG,OAAO,OAAO,2CAA2C,CAAC,QAAQ,iBAAiB;CACtF,GAAG,iBAAiB,wIAAwI;CAC5J,GAAG,iBAAiB,wGAAwG;CAC5H,GAAG,iBAAiB,kDAAkD;CACtE,GAAG,iBAAiB,uBAAuB;CAC3C,GAAG,iBAAiB,2CAA2C;CAC/D,GAAG,iBAAiB,8CAA8C;CAClE,GAAG,iBAAiB,2CAA2C;CAChE,CAAC,CAAC;;;ACnBH,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,UAAU;CACzB,UAAU;CACX,CAAA"}

package/dist/chunks/grSelectStyles-daEeDlBn.js

@@ -0,0 +1,97 @@
+//#region src/components/GrSelect/grSelectStyles.ts
+var defaultBaseClass = "w-full rounded-md border border-[var(--brd)] bg-[var(--bg)] text-[var(--fg)] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]";
+var linkBaseClass = "cursor-pointer inline-block w-auto align-baseline appearance-none bg-transparent border border-transparent px-0 py-0 rounded-[6px] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]";
+var selectSizeClassBySize = {
+	xs: "h-7 px-2.5 text-[12px]",
+	sm: "h-8 px-3 text-[13px]",
+	md: "h-10 px-3 text-[14px]",
+	lg: "h-11 px-4 text-[16px]"
+};
+var selectLinkSizeClassBySize = {
+	xs: "text-[12px]",
+	sm: "text-[13px]",
+	md: "text-[14px]",
+	lg: "text-[16px]"
+};
+var selectLinkVariantClassByVariant = {
+	primary: "text-[var(--primary)] hover:text-[var(--primary-hover)] active:text-[var(--primary-active)]",
+	default: "text-[var(--fg)] hover:text-[var(--primary)] active:text-[var(--primary-active)]",
+	muted: "text-[var(--muted-fg)] hover:text-[var(--fg)] active:text-[var(--fg)]",
+	danger: "text-[var(--ds-danger)] hover:text-[var(--ds-danger-hover)] active:text-[var(--ds-danger-active)]"
+};
+/**
+* Variant-классы для видимой метки в `view="link"` + `optionsView="native"`.
+* Hover-цвет приходит через `peer-hover:` от прозрачного `<select>`-overlay,
+* т.к. видимая метка имеет `pointer-events-none` и не получает hover напрямую.
+*/
+var selectLinkNativeLabelVariantClassByVariant = {
+	primary: "text-[var(--primary)] peer-hover:text-[var(--primary-hover)] peer-active:text-[var(--primary-active)]",
+	default: "text-[var(--fg)] peer-hover:text-[var(--primary)] peer-active:text-[var(--primary-active)]",
+	muted: "text-[var(--muted-fg)] peer-hover:text-[var(--fg)] peer-active:text-[var(--fg)]",
+	danger: "text-[var(--ds-danger)] peer-hover:text-[var(--ds-danger-hover)] peer-active:text-[var(--ds-danger-active)]"
+};
+function selectLinkUnderlineClass(options) {
+	if (options.disabled) return "no-underline";
+	if (options.underline === "always") return "underline underline-offset-4";
+	if (options.underline === "none") return "no-underline";
+	return "no-underline hover:underline hover:underline-offset-4";
+}
+/**
+* Underline-классы для видимой метки в `view="link"` + `optionsView="native"`.
+* Видимая метка имеет `pointer-events-none`, а hover получает прозрачный
+* `<select>`-overlay (peer), поэтому для `underline="auto"` используем
+* `peer-hover:underline` вместо `hover:underline`.
+*/
+function selectLinkNativeLabelUnderlineClass(options) {
+	if (options.disabled) return "no-underline";
+	if (options.underline === "always") return "underline underline-offset-4";
+	if (options.underline === "none") return "no-underline";
+	return "no-underline peer-hover:underline peer-hover:underline-offset-4";
+}
+/**
+* Классы прозрачного `<select>`-overlay для `view="link"` + `optionsView="native"`.
+* Нативный селект растягивается на всю обёртку, но визуально невидим — ширину обёртки
+* задаёт видимый `<span>` с выбранной меткой, благодаря чему компонент в закрытом
+* состоянии занимает столько места, сколько нужно текущей опции (а не самой длинной).
+*/
+var grSelectLinkNativeOverlayClass = "peer absolute inset-0 w-full h-full m-0 p-0 border-0 bg-transparent text-transparent appearance-none opacity-0 cursor-pointer disabled:cursor-not-allowed focus:outline-none";
+/**
+* Классы видимой метки для `view="link"` + `optionsView="native"` (поверх прозрачного `<select>`).
+* Получает все link-стили (size/variant/underline), а также focus-ring через `peer-focus-visible`.
+*/
+function grSelectLinkNativeLabelClass(options) {
+	return [
+		"pointer-events-none inline-block whitespace-nowrap align-baseline rounded-[6px] transition-colors duration-150",
+		selectLinkSizeClassBySize[options.size],
+		selectLinkNativeLabelUnderlineClass({
+			underline: options.underline,
+			disabled: options.disabled
+		}),
+		selectLinkNativeLabelVariantClassByVariant[options.variant],
+		options.disabled ? "opacity-60 text-[var(--muted-fg)] no-underline" : "",
+		"peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--ring)]"
+	].filter(Boolean).join(" ");
+}
+function grSelectClass(options) {
+	if (options.view === "link") return [
+		selectLinkSizeClassBySize[options.size],
+		selectLinkUnderlineClass({
+			underline: options.underline,
+			disabled: options.disabled
+		}),
+		selectLinkVariantClassByVariant[options.variant],
+		"disabled:opacity-60 disabled:cursor-not-allowed disabled:text-[var(--muted-fg)] disabled:no-underline"
+	].join(" ");
+	return [selectSizeClassBySize[options.size], "disabled:opacity-50 disabled:cursor-not-allowed"].join(" ");
+}
+function grSelectNativeClass(options) {
+	return [grSelectClass(options), options.showNativeChevron ? "appearance-none pr-9" : ""].filter(Boolean).join(" ");
+}
+function grSelectTriggerClass(options) {
+	if (options.optionsView !== "panel") return grSelectClass(options);
+	if (options.view === "link") return [grSelectClass(options), "inline-flex items-center gap-1 text-left"].join(" ");
+	return [grSelectClass(options), "flex items-center justify-between text-left"].join(" ");
+}
+var grSelectPanelClasses = "rounded-[var(--ds-radius-xl)] border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-[var(--ds-shadow-2)] overflow-hidden";
+//#endregion
+export { grSelectPanelClasses as a, selectLinkNativeLabelVariantClassByVariant as c, selectSizeClassBySize as d, grSelectNativeClass as i, selectLinkSizeClassBySize as l, grSelectLinkNativeLabelClass as n, grSelectTriggerClass as o, grSelectLinkNativeOverlayClass as r, linkBaseClass as s, defaultBaseClass as t, selectLinkVariantClassByVariant as u };

package/dist/chunks/grSelectStyles-daEeDlBn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grSelectStyles-daEeDlBn.js","names":[],"sources":["../../src/components/GrSelect/grSelectStyles.ts"],"sourcesContent":["export type GrSelectView = 'default' | 'link'\nexport type GrSelectSize = 'xs' | 'sm' | 'md' | 'lg'\nexport type GrSelectVariant = 'primary' | 'default' | 'muted' | 'danger'\nexport type GrSelectUnderline = 'auto' | 'always' | 'none'\nexport type GrSelectOptionsView = 'native' | 'panel'\nexport type GrSelectOption = { value: string, label: string }\nexport type GrSelectModelValue = string | string[]\n\nexport const defaultBaseClass = 'w-full rounded-md border border-[var(--brd)] bg-[var(--bg)] text-[var(--fg)] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]'\nexport const linkBaseClass = 'cursor-pointer inline-block w-auto align-baseline appearance-none bg-transparent border border-transparent px-0 py-0 rounded-[6px] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]'\n\n\nexport const selectSizeClassBySize: Record<GrSelectSize, string> = {\n  xs: 'h-7 px-2.5 text-[12px]',\n  sm: 'h-8 px-3 text-[13px]',\n  md: 'h-10 px-3 text-[14px]',\n  lg: 'h-11 px-4 text-[16px]',\n}\n\nexport const selectLinkSizeClassBySize: Record<GrSelectSize, string> = {\n  xs: 'text-[12px]',\n  sm: 'text-[13px]',\n  md: 'text-[14px]',\n  lg: 'text-[16px]',\n}\n\nexport const selectLinkVariantClassByVariant: Record<GrSelectVariant, string> = {\n  primary: 'text-[var(--primary)] hover:text-[var(--primary-hover)] active:text-[var(--primary-active)]',\n  default: 'text-[var(--fg)] hover:text-[var(--primary)] active:text-[var(--primary-active)]',\n  muted: 'text-[var(--muted-fg)] hover:text-[var(--fg)] active:text-[var(--fg)]',\n  danger: 'text-[var(--ds-danger)] hover:text-[var(--ds-danger-hover)] active:text-[var(--ds-danger-active)]',\n}\n\n/**\n * Variant-классы для видимой метки в `view=\"link\"` + `optionsView=\"native\"`.\n * Hover-цвет приходит через `peer-hover:` от прозрачного `<select>`-overlay,\n * т.к. видимая метка имеет `pointer-events-none` и не получает hover напрямую.\n */\nexport const selectLinkNativeLabelVariantClassByVariant: Record<GrSelectVariant, string> = {\n  primary: 'text-[var(--primary)] peer-hover:text-[var(--primary-hover)] peer-active:text-[var(--primary-active)]',\n  default: 'text-[var(--fg)] peer-hover:text-[var(--primary)] peer-active:text-[var(--primary-active)]',\n  muted: 'text-[var(--muted-fg)] peer-hover:text-[var(--fg)] peer-active:text-[var(--fg)]',\n  danger: 'text-[var(--ds-danger)] peer-hover:text-[var(--ds-danger-hover)] peer-active:text-[var(--ds-danger-active)]',\n}\n\nfunction selectLinkUnderlineClass(options: { underline: GrSelectUnderline, disabled: boolean }): string {\n  if (options.disabled) return 'no-underline'\n  if (options.underline === 'always') return 'underline underline-offset-4'\n  if (options.underline === 'none') return 'no-underline'\n  return 'no-underline hover:underline hover:underline-offset-4'\n}\n\n/**\n * Underline-классы для видимой метки в `view=\"link\"` + `optionsView=\"native\"`.\n * Видимая метка имеет `pointer-events-none`, а hover получает прозрачный\n * `<select>`-overlay (peer), поэтому для `underline=\"auto\"` используем\n * `peer-hover:underline` вместо `hover:underline`.\n */\nfunction selectLinkNativeLabelUnderlineClass(options: { underline: GrSelectUnderline, disabled: boolean }): string {\n  if (options.disabled) return 'no-underline'\n  if (options.underline === 'always') return 'underline underline-offset-4'\n  if (options.underline === 'none') return 'no-underline'\n  return 'no-underline peer-hover:underline peer-hover:underline-offset-4'\n}\n\n/**\n * Классы прозрачного `<select>`-overlay для `view=\"link\"` + `optionsView=\"native\"`.\n * Нативный селект растягивается на всю обёртку, но визуально невидим — ширину обёртки\n * задаёт видимый `<span>` с выбранной меткой, благодаря чему компонент в закрытом\n * состоянии занимает столько места, сколько нужно текущей опции (а не самой длинной).\n */\nexport const grSelectLinkNativeOverlayClass = 'peer absolute inset-0 w-full h-full m-0 p-0 border-0 bg-transparent text-transparent appearance-none opacity-0 cursor-pointer disabled:cursor-not-allowed focus:outline-none'\n\n/**\n * Классы видимой метки для `view=\"link\"` + `optionsView=\"native\"` (поверх прозрачного `<select>`).\n * Получает все link-стили (size/variant/underline), а также focus-ring через `peer-focus-visible`.\n */\nexport function grSelectLinkNativeLabelClass(options: {\n  size: GrSelectSize\n  variant: GrSelectVariant\n  underline: GrSelectUnderline\n  disabled: boolean\n}): string {\n  return [\n    'pointer-events-none inline-block whitespace-nowrap align-baseline rounded-[6px] transition-colors duration-150',\n    selectLinkSizeClassBySize[options.size],\n    selectLinkNativeLabelUnderlineClass({ underline: options.underline, disabled: options.disabled }),\n    selectLinkNativeLabelVariantClassByVariant[options.variant],\n    options.disabled ? 'opacity-60 text-[var(--muted-fg)] no-underline' : '',\n    'peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--ring)]',\n  ]\n    .filter(Boolean)\n    .join(' ')\n}\n\nexport function grSelectClass(options: {\n  view: GrSelectView\n  size: GrSelectSize\n  disabled: boolean\n  variant: GrSelectVariant\n  underline: GrSelectUnderline\n}): string {\n  if (options.view === 'link') {\n    return [\n      selectLinkSizeClassBySize[options.size],\n      selectLinkUnderlineClass({ underline: options.underline, disabled: options.disabled }),\n      selectLinkVariantClassByVariant[options.variant],\n      'disabled:opacity-60 disabled:cursor-not-allowed disabled:text-[var(--muted-fg)] disabled:no-underline',\n    ].join(' ')\n  }\n\n  return [\n    selectSizeClassBySize[options.size],\n    'disabled:opacity-50 disabled:cursor-not-allowed',\n  ].join(' ')\n}\n\nexport function grSelectNativeClass(options: {\n  view: GrSelectView\n  size: GrSelectSize\n  disabled: boolean\n  variant: GrSelectVariant\n  underline: GrSelectUnderline\n  showNativeChevron: boolean\n}): string {\n  return [\n    grSelectClass(options),\n    options.showNativeChevron ? 'appearance-none pr-9' : '',\n  ]\n    .filter(Boolean)\n    .join(' ')\n}\n\nexport function grSelectTriggerClass(options: {\n  view: GrSelectView\n  optionsView: GrSelectOptionsView\n  size: GrSelectSize\n  disabled: boolean\n  variant: GrSelectVariant\n  underline: GrSelectUnderline\n}): string {\n  if (options.optionsView !== 'panel') {\n    return grSelectClass(options)\n  }\n\n  if (options.view === 'link') {\n    return [\n      grSelectClass(options),\n      'inline-flex items-center gap-1 text-left',\n    ].join(' ')\n  }\n\n  return [\n    grSelectClass(options),\n    'flex items-center justify-between text-left',\n  ].join(' ')\n}\n\nexport const grSelectPanelClasses = 'rounded-[var(--ds-radius-xl)] border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-[var(--ds-shadow-2)] overflow-hidden'\n"],"mappings":";AAQA,IAAa,mBAAmB;AAChC,IAAa,gBAAgB;AAG7B,IAAa,wBAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,IAAa,4BAA0D;CACrE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,IAAa,kCAAmE;CAC9E,SAAS;CACT,SAAS;CACT,OAAO;CACP,QAAQ;CACT;;;;;;AAOD,IAAa,6CAA8E;CACzF,SAAS;CACT,SAAS;CACT,OAAO;CACP,QAAQ;CACT;AAED,SAAS,yBAAyB,SAAsE;AACtG,KAAI,QAAQ,SAAU,QAAO;AAC7B,KAAI,QAAQ,cAAc,SAAU,QAAO;AAC3C,KAAI,QAAQ,cAAc,OAAQ,QAAO;AACzC,QAAO;;;;;;;;AAST,SAAS,oCAAoC,SAAsE;AACjH,KAAI,QAAQ,SAAU,QAAO;AAC7B,KAAI,QAAQ,cAAc,SAAU,QAAO;AAC3C,KAAI,QAAQ,cAAc,OAAQ,QAAO;AACzC,QAAO;;;;;;;;AAST,IAAa,iCAAiC;;;;;AAM9C,SAAgB,6BAA6B,SAKlC;AACT,QAAO;EACL;EACA,0BAA0B,QAAQ;EAClC,oCAAoC;GAAE,WAAW,QAAQ;GAAW,UAAU,QAAQ;GAAU,CAAC;EACjG,2CAA2C,QAAQ;EACnD,QAAQ,WAAW,mDAAmD;EACtE;EACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;;AAGd,SAAgB,cAAc,SAMnB;AACT,KAAI,QAAQ,SAAS,OACnB,QAAO;EACL,0BAA0B,QAAQ;EAClC,yBAAyB;GAAE,WAAW,QAAQ;GAAW,UAAU,QAAQ;GAAU,CAAC;EACtF,gCAAgC,QAAQ;EACxC;EACD,CAAC,KAAK,IAAI;AAGb,QAAO,CACL,sBAAsB,QAAQ,OAC9B,kDACD,CAAC,KAAK,IAAI;;AAGb,SAAgB,oBAAoB,SAOzB;AACT,QAAO,CACL,cAAc,QAAQ,EACtB,QAAQ,oBAAoB,yBAAyB,GACtD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;;AAGd,SAAgB,qBAAqB,SAO1B;AACT,KAAI,QAAQ,gBAAgB,QAC1B,QAAO,cAAc,QAAQ;AAG/B,KAAI,QAAQ,SAAS,OACnB,QAAO,CACL,cAAc,QAAQ,EACtB,2CACD,CAAC,KAAK,IAAI;AAGb,QAAO,CACL,cAAc,QAAQ,EACtB,8CACD,CAAC,KAAK,IAAI;;AAGb,IAAa,uBAAuB"}

package/dist/chunks/{shared-buYOkZSv.js → shared-BB4Bq2z2.js}

@@ -35,7 +35,7 @@ import { t as grPromptDialogConfig } from "./config-1I95Zy4V.js";
 import { t as grRadioConfig } from "./config-DEv4m-ZP.js";
 import { t as grRadioGroupConfig } from "./config-nfOMJXVs.js";
 import { t as grSegmentedConfig } from "./config-CUgvsjZx.js";
-import { t as grSelectConfig } from "./config-BDlh6iNz.js";
+import { t as grSelectConfig } from "./config-R0jaXatX.js";
 import { t as grSidebarConfig } from "./config-qJXIIY1E.js";
 import { t as grSkeletonConfig } from "./config-C0j836dC.js";
 import { t as grSwitchConfig } from "./config-CM7nbATU2.js";

package/dist/chunks/{shared-buYOkZSv.js.map → shared-BB4Bq2z2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"shared-buYOkZSv.js","names":[],"sources":["../../src/components/GrDialog/config.ts","../../src/granular-provider/shared.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport { grDialogSafelist } from './safelist'\n\nexport const grDialogConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDialog',\n  dependencies: ['GrButton', 'GrModal'],\n  safelist: grDialogSafelist,\n})\n","// Общий код browser- и node-entry granular-provider'а.\n//\n// Оба entry (`./index.ts`, `./node.ts`) отличаются только списком\n// компонентов, у которых есть node-only вариант конфига (например,\n// `GrButton`, чей `config.node.ts` использует `tokenDefinitionsFromCssSync`\n// и тянет `node:fs`). Browser-вариант таких компонентов берёт облегчённый\n// `./config.ts`, node-вариант — `./config.node.ts`. Всё остальное — `id`,\n// `theme.*`, `packageBaseUrl` и полный список browser-safe компонентов —\n// живёт здесь.\n//\n// ВАЖНО: все `new URL('../styles/...', import.meta.url)` намеренно находятся\n// здесь — `shared.ts` лежит в той же директории, что и `index.ts` / `node.ts`,\n// поэтому относительные пути идентичны. Это ОК для браузера: бандлеры\n// транслируют такие конструкции в статические asset-URL и `node:*` в бандл\n// не утаскивают.\n//\n// Ключи записи `<Name>: ds<Name>Config` в `granularityComponentConfigs`\n// критичны для regex‑парсинга в `apps/showcase/scripts/generate-component-api.mjs`,\n// не ломайте формат.\nimport {\n  defineGranularProvider,\n  type GranularComponentDescriptor,\n  type GranularProvider,\n} from '@feugene/unocss-preset-granular/contract'\nimport { grAlertConfig } from '../components/GrAlert/config'\nimport { grAvatarConfig } from '../components/GrAvatar/config'\nimport { grBadgeConfig } from '../components/GrBadge/config'\nimport { grBadgeWrapConfig } from '../components/GrBadgeWrap/config'\nimport { grBottomNavConfig } from '../components/GrBottomNav/config'\nimport { grButtonConfig } from '../components/GrButton/config'\nimport { grButtonGroupConfig } from '../components/GrButtonGroup/config'\nimport { grCardConfig } from '../components/GrCard/config'\nimport { grCheckboxConfig } from '../components/GrCheckbox/config'\nimport { grCollapseConfig } from '../components/GrCollapse/config'\nimport { grConfirmDialogConfig } from '../components/GrConfirmDialog/config'\nimport { grDataTableConfig } from '../components/GrDataTable/config'\nimport { grDialogConfig } from '../components/GrDialog/config'\nimport { grDrawerConfig } from '../components/GrDrawer/config'\nimport { grDropdownConfig } from '../components/GrDropdown/config'\nimport { grDropdownMenuConfig } from '../components/GrDropdownMenu/config'\nimport { grEmptyStateConfig } from '../components/GrEmptyState/config'\nimport { grFileUploadConfig } from '../components/GrFileUpload/config'\nimport { grFormFieldConfig } from '../components/GrFormField/config'\nimport { grFormFileConfig } from '../components/GrFormFile/config'\nimport { grFormSectionConfig } from '../components/GrFormSection/config'\nimport { grIconConfig } from '../components/GrIcon/config'\nimport { grImageViewerConfig } from '../components/GrImageViewer/config'\nimport { grInputConfig } from '../components/GrInput/config'\nimport { grInputTagConfig } from '../components/GrInputTag/config'\nimport { grLinkConfig } from '../components/GrLink/config'\nimport { grListConfig } from '../components/GrList/config'\nimport { grLoadingConfig } from '../components/GrLoading/config'\nimport { grModalConfig } from '../components/GrModal/config'\nimport { grNavbarConfig } from '../components/GrNavbar/config'\nimport { grNumberInputConfig } from '../components/GrNumberInput/config'\nimport { grPaginationConfig } from '../components/GrPagination/config'\nimport { grProgressBarConfig } from '../components/GrProgressBar/config'\nimport { grPromptDialogConfig } from '../components/GrPromptDialog/config'\nimport { grRadioConfig } from '../components/GrRadio/config'\nimport { grRadioGroupConfig } from '../components/GrRadioGroup/config'\nimport { grSegmentedConfig } from '../components/GrSegmented/config'\nimport { grSelectConfig } from '../components/GrSelect/config'\nimport { grSidebarConfig } from '../components/GrSidebar/config'\nimport { grSkeletonConfig } from '../components/GrSkeleton/config'\nimport { grSwitchConfig } from '../components/GrSwitch/config'\nimport { grTableConfig } from '../components/GrTable/config'\nimport { grTabsConfig } from '../components/GrTabs/config'\nimport { grTextareaConfig } from '../components/GrTextarea/config'\nimport { grToasterConfig } from '../components/GrToaster/config'\nimport { grTooltipConfig } from '../components/GrTooltip/config'\nimport { grTreeConfig } from '../components/GrTree/config'\nimport { grTreeSelectConfig } from '../components/GrTreeSelect/config'\n\n/** Идентификатор провайдера — совпадает с именем пакета. */\nexport const GRANULARITY_PROVIDER_ID = '@feugene/granularity'\n\n// runtime-concat: литерал `new URL('..', import.meta.url)` rolldown заменяет\n// на `data:`-URL, поэтому собираем корень пакета из `import.meta.url` вручную\n// (отрезая два последних сегмента: имя файла и каталог `granular-provider/`).\nconst packageBaseUrl = `${import.meta.url.slice(\n  0,\n  import.meta.url.lastIndexOf('/', import.meta.url.lastIndexOf('/') - 1) + 1,\n)}`\n\n/** Встроенные темы пакета. Единственный источник правды о списке тем. */\nexport const granularityThemeNames = ['light', 'dark'] as const\nexport type GranularityThemeName = (typeof granularityThemeNames)[number]\n\n/** Темы, активные по умолчанию, если окружение не переопределяет выбор. */\nexport const granularityDefaultThemes: readonly GranularityThemeName[] = ['light']\n\nconst theme = {\n  baseCssUrl: new URL('../styles/base.css', import.meta.url).href,\n  tokensCssUrl: new URL('../styles/tokens.css', import.meta.url).href,\n  themes: {\n    light: new URL('../styles/themes/light.css', import.meta.url).href,\n    dark: new URL('../styles/themes/dark.css', import.meta.url).href,\n  },\n  defaultThemes: granularityDefaultThemes,\n} as const\n\n/**\n * Полный реестр публичных компонентов пакета `@feugene/granularity`.\n *\n * Ключи — имена компонентов (совпадают с публичным subpath‑экспортом\n * `@feugene/granularity/components/<Name>`). Значения — browser‑safe\n * `ds<Name>Config` из `./config.ts` рядом с SFC.\n *\n * Для компонентов, у которых есть node-only вариант конфига\n * (например, `GrButton` с `tokenDefinitionsFromCssSync`), browser‑конфиг\n * остаётся здесь, а node‑вариант подставляется снаружи через\n * `createGranularityProvider(overrides)` — см. `./index.ts` (browser)\n * и `./node.ts` (node).\n *\n * Формат записи `<Name>: ds<Name>Config` критичен для regex‑парсинга\n * в `apps/showcase/scripts/generate-component-api.mjs`, не ломайте его.\n */\nexport const granularityComponentConfigs = {\n  GrAlert: grAlertConfig,\n  GrAvatar: grAvatarConfig,\n  GrBadge: grBadgeConfig,\n  GrBadgeWrap: grBadgeWrapConfig,\n  GrBottomNav: grBottomNavConfig,\n  GrButton: grButtonConfig,\n  GrButtonGroup: grButtonGroupConfig,\n  GrCard: grCardConfig,\n  GrCheckbox: grCheckboxConfig,\n  GrCollapse: grCollapseConfig,\n  GrConfirmDialog: grConfirmDialogConfig,\n  GrDataTable: grDataTableConfig,\n  GrDialog: grDialogConfig,\n  GrDrawer: grDrawerConfig,\n  GrDropdown: grDropdownConfig,\n  GrDropdownMenu: grDropdownMenuConfig,\n  GrEmptyState: grEmptyStateConfig,\n  GrFileUpload: grFileUploadConfig,\n  GrFormField: grFormFieldConfig,\n  GrFormFile: grFormFileConfig,\n  GrFormSection: grFormSectionConfig,\n  GrIcon: grIconConfig,\n  GrImageViewer: grImageViewerConfig,\n  GrInput: grInputConfig,\n  GrInputTag: grInputTagConfig,\n  GrLink: grLinkConfig,\n  GrList: grListConfig,\n  GrLoading: grLoadingConfig,\n  GrModal: grModalConfig,\n  GrNavbar: grNavbarConfig,\n  GrNumberInput: grNumberInputConfig,\n  GrPagination: grPaginationConfig,\n  GrProgressBar: grProgressBarConfig,\n  GrPromptDialog: grPromptDialogConfig,\n  GrRadio: grRadioConfig,\n  GrRadioGroup: grRadioGroupConfig,\n  GrSegmented: grSegmentedConfig,\n  GrSelect: grSelectConfig,\n  GrSidebar: grSidebarConfig,\n  GrSkeleton: grSkeletonConfig,\n  GrSwitch: grSwitchConfig,\n  GrTable: grTableConfig,\n  GrTabs: grTabsConfig,\n  GrTextarea: grTextareaConfig,\n  GrToaster: grToasterConfig,\n  GrTooltip: grTooltipConfig,\n  GrTree: grTreeConfig,\n  GrTreeSelect: grTreeSelectConfig,\n}\n\nexport type GranularityComponentName = keyof typeof granularityComponentConfigs\n\n/** Базовый (browser-safe) набор компонентов в порядке реестра. */\nconst baseComponents: readonly GranularComponentDescriptor[] = Object.values(\n  granularityComponentConfigs,\n)\n\n/**\n * Собирает granular-provider пакета `@feugene/granularity`.\n *\n * Принимает массив `GranularComponentDescriptor`'ов — это компоненты,\n * у которых есть node-only вариант конфига (например, `GrButton` с\n * `tokenDefinitionsFromCssSync`). Дескрипторы с именем, которое уже\n * присутствует в базовом наборе, переопределяют его (побеждает\n * переданный снаружи), остальные — добавляются в конец списка.\n */\nexport function createGranularityProvider(\n  overrides: readonly GranularComponentDescriptor[] = [],\n): GranularProvider {\n  const overrideByName = new Map(\n    overrides.map(component => [component.name, component]),\n  )\n  const components: GranularComponentDescriptor[] = [\n    ...baseComponents.map(component => overrideByName.get(component.name) ?? component),\n    ...overrides.filter(component => !baseComponents.some(base => base.name === component.name)),\n  ]\n\n  return defineGranularProvider({\n    id: GRANULARITY_PROVIDER_ID,\n    contractVersion: 1,\n    packageBaseUrl,\n    components,\n    theme,\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,YAAY,UAAU;CACrC,UAAU;CACX,CAAC;;;;ACkEF,IAAa,0BAA0B;AAKvC,IAAM,iBAAiB,GAAG,OAAO,KAAK,IAAI,MACxC,GACA,OAAO,KAAK,IAAI,YAAY,KAAK,OAAO,KAAK,IAAI,YAAY,IAAI,GAAG,EAAE,GAAG,EAC1E;;AAGD,IAAa,wBAAwB,CAAC,SAAS,OAAO;;AAItD,IAAa,2BAA4D,CAAC,QAAQ;AAElF,IAAM,QAAQ;CACZ,YAAY,IAAA,IAAA,i2BAAA,KAAA,OAAA,KAAA,IAA8C,CAAC;CAC3D,cAAc,IAAA,IAAA,iuKAAA,KAAA,OAAA,KAAA,IAAgD,CAAC;CAC/D,QAAQ;EACN,OAAO,IAAA,IAAA,qrGAAA,KAAA,OAAA,KAAA,IAAsD,CAAC;EAC9D,MAAM,IAAA,IAAA,qxGAAA,KAAA,OAAA,KAAA,IAAqD,CAAC;EAC7D;CACD,eAAe;CAChB;;;;;;;;;;;;;;;;;AAkBD,IAAa,8BAA8B;CACzC,SAAS;CACT,UAAU;CACV,SAAS;CACT,aAAa;CACb,aAAa;CACb,UAAU;CACV,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,aAAa;CACb,UAAU;CACV,UAAU;CACV,YAAY;CACZ,gBAAgB;CAChB,cAAc;CACd,cAAc;CACd,aAAa;CACb,YAAY;CACZ,eAAe;CACf,QAAQ;CACR,eAAe;CACf,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,QAAQ;CACR,WAAW;CACX,SAAS;CACT,UAAU;CACV,eAAe;CACf,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,SAAS;CACT,cAAc;CACd,aAAa;CACb,UAAU;CACV,WAAW;CACX,YAAY;CACZ,UAAU;CACV,SAAS;CACT,QAAQ;CACR,YAAY;CACZ,WAAW;CACX,WAAW;CACX,QAAQ;CACR,cAAc;CACf;;AAKD,IAAM,iBAAyD,OAAO,OACpE,4BACD;;;;;;;;;;AAWD,SAAgB,0BACd,YAAoD,EAAE,EACpC;CAClB,MAAM,iBAAiB,IAAI,IACzB,UAAU,KAAI,cAAa,CAAC,UAAU,MAAM,UAAU,CAAC,CACxD;AAMD,QAAO,uBAAuB;EAC5B,IAAI;EACJ,iBAAiB;EACjB;EACA,YATgD,CAChD,GAAG,eAAe,KAAI,cAAa,eAAe,IAAI,UAAU,KAAK,IAAI,UAAU,EACnF,GAAG,UAAU,QAAO,cAAa,CAAC,eAAe,MAAK,SAAQ,KAAK,SAAS,UAAU,KAAK,CAAC,CAC7F;EAOC;EACD,CAAC"}
+{"version":3,"file":"shared-BB4Bq2z2.js","names":[],"sources":["../../src/components/GrDialog/config.ts","../../src/granular-provider/shared.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport { grDialogSafelist } from './safelist'\n\nexport const grDialogConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDialog',\n  dependencies: ['GrButton', 'GrModal'],\n  safelist: grDialogSafelist,\n})\n","// Общий код browser- и node-entry granular-provider'а.\n//\n// Оба entry (`./index.ts`, `./node.ts`) отличаются только списком\n// компонентов, у которых есть node-only вариант конфига (например,\n// `GrButton`, чей `config.node.ts` использует `tokenDefinitionsFromCssSync`\n// и тянет `node:fs`). Browser-вариант таких компонентов берёт облегчённый\n// `./config.ts`, node-вариант — `./config.node.ts`. Всё остальное — `id`,\n// `theme.*`, `packageBaseUrl` и полный список browser-safe компонентов —\n// живёт здесь.\n//\n// ВАЖНО: все `new URL('../styles/...', import.meta.url)` намеренно находятся\n// здесь — `shared.ts` лежит в той же директории, что и `index.ts` / `node.ts`,\n// поэтому относительные пути идентичны. Это ОК для браузера: бандлеры\n// транслируют такие конструкции в статические asset-URL и `node:*` в бандл\n// не утаскивают.\n//\n// Ключи записи `<Name>: ds<Name>Config` в `granularityComponentConfigs`\n// критичны для regex‑парсинга в `apps/showcase/scripts/generate-component-api.mjs`,\n// не ломайте формат.\nimport {\n  defineGranularProvider,\n  type GranularComponentDescriptor,\n  type GranularProvider,\n} from '@feugene/unocss-preset-granular/contract'\nimport { grAlertConfig } from '../components/GrAlert/config'\nimport { grAvatarConfig } from '../components/GrAvatar/config'\nimport { grBadgeConfig } from '../components/GrBadge/config'\nimport { grBadgeWrapConfig } from '../components/GrBadgeWrap/config'\nimport { grBottomNavConfig } from '../components/GrBottomNav/config'\nimport { grButtonConfig } from '../components/GrButton/config'\nimport { grButtonGroupConfig } from '../components/GrButtonGroup/config'\nimport { grCardConfig } from '../components/GrCard/config'\nimport { grCheckboxConfig } from '../components/GrCheckbox/config'\nimport { grCollapseConfig } from '../components/GrCollapse/config'\nimport { grConfirmDialogConfig } from '../components/GrConfirmDialog/config'\nimport { grDataTableConfig } from '../components/GrDataTable/config'\nimport { grDialogConfig } from '../components/GrDialog/config'\nimport { grDrawerConfig } from '../components/GrDrawer/config'\nimport { grDropdownConfig } from '../components/GrDropdown/config'\nimport { grDropdownMenuConfig } from '../components/GrDropdownMenu/config'\nimport { grEmptyStateConfig } from '../components/GrEmptyState/config'\nimport { grFileUploadConfig } from '../components/GrFileUpload/config'\nimport { grFormFieldConfig } from '../components/GrFormField/config'\nimport { grFormFileConfig } from '../components/GrFormFile/config'\nimport { grFormSectionConfig } from '../components/GrFormSection/config'\nimport { grIconConfig } from '../components/GrIcon/config'\nimport { grImageViewerConfig } from '../components/GrImageViewer/config'\nimport { grInputConfig } from '../components/GrInput/config'\nimport { grInputTagConfig } from '../components/GrInputTag/config'\nimport { grLinkConfig } from '../components/GrLink/config'\nimport { grListConfig } from '../components/GrList/config'\nimport { grLoadingConfig } from '../components/GrLoading/config'\nimport { grModalConfig } from '../components/GrModal/config'\nimport { grNavbarConfig } from '../components/GrNavbar/config'\nimport { grNumberInputConfig } from '../components/GrNumberInput/config'\nimport { grPaginationConfig } from '../components/GrPagination/config'\nimport { grProgressBarConfig } from '../components/GrProgressBar/config'\nimport { grPromptDialogConfig } from '../components/GrPromptDialog/config'\nimport { grRadioConfig } from '../components/GrRadio/config'\nimport { grRadioGroupConfig } from '../components/GrRadioGroup/config'\nimport { grSegmentedConfig } from '../components/GrSegmented/config'\nimport { grSelectConfig } from '../components/GrSelect/config'\nimport { grSidebarConfig } from '../components/GrSidebar/config'\nimport { grSkeletonConfig } from '../components/GrSkeleton/config'\nimport { grSwitchConfig } from '../components/GrSwitch/config'\nimport { grTableConfig } from '../components/GrTable/config'\nimport { grTabsConfig } from '../components/GrTabs/config'\nimport { grTextareaConfig } from '../components/GrTextarea/config'\nimport { grToasterConfig } from '../components/GrToaster/config'\nimport { grTooltipConfig } from '../components/GrTooltip/config'\nimport { grTreeConfig } from '../components/GrTree/config'\nimport { grTreeSelectConfig } from '../components/GrTreeSelect/config'\n\n/** Идентификатор провайдера — совпадает с именем пакета. */\nexport const GRANULARITY_PROVIDER_ID = '@feugene/granularity'\n\n// runtime-concat: литерал `new URL('..', import.meta.url)` rolldown заменяет\n// на `data:`-URL, поэтому собираем корень пакета из `import.meta.url` вручную\n// (отрезая два последних сегмента: имя файла и каталог `granular-provider/`).\nconst packageBaseUrl = `${import.meta.url.slice(\n  0,\n  import.meta.url.lastIndexOf('/', import.meta.url.lastIndexOf('/') - 1) + 1,\n)}`\n\n/** Встроенные темы пакета. Единственный источник правды о списке тем. */\nexport const granularityThemeNames = ['light', 'dark'] as const\nexport type GranularityThemeName = (typeof granularityThemeNames)[number]\n\n/** Темы, активные по умолчанию, если окружение не переопределяет выбор. */\nexport const granularityDefaultThemes: readonly GranularityThemeName[] = ['light']\n\nconst theme = {\n  baseCssUrl: new URL('../styles/base.css', import.meta.url).href,\n  tokensCssUrl: new URL('../styles/tokens.css', import.meta.url).href,\n  themes: {\n    light: new URL('../styles/themes/light.css', import.meta.url).href,\n    dark: new URL('../styles/themes/dark.css', import.meta.url).href,\n  },\n  defaultThemes: granularityDefaultThemes,\n} as const\n\n/**\n * Полный реестр публичных компонентов пакета `@feugene/granularity`.\n *\n * Ключи — имена компонентов (совпадают с публичным subpath‑экспортом\n * `@feugene/granularity/components/<Name>`). Значения — browser‑safe\n * `ds<Name>Config` из `./config.ts` рядом с SFC.\n *\n * Для компонентов, у которых есть node-only вариант конфига\n * (например, `GrButton` с `tokenDefinitionsFromCssSync`), browser‑конфиг\n * остаётся здесь, а node‑вариант подставляется снаружи через\n * `createGranularityProvider(overrides)` — см. `./index.ts` (browser)\n * и `./node.ts` (node).\n *\n * Формат записи `<Name>: ds<Name>Config` критичен для regex‑парсинга\n * в `apps/showcase/scripts/generate-component-api.mjs`, не ломайте его.\n */\nexport const granularityComponentConfigs = {\n  GrAlert: grAlertConfig,\n  GrAvatar: grAvatarConfig,\n  GrBadge: grBadgeConfig,\n  GrBadgeWrap: grBadgeWrapConfig,\n  GrBottomNav: grBottomNavConfig,\n  GrButton: grButtonConfig,\n  GrButtonGroup: grButtonGroupConfig,\n  GrCard: grCardConfig,\n  GrCheckbox: grCheckboxConfig,\n  GrCollapse: grCollapseConfig,\n  GrConfirmDialog: grConfirmDialogConfig,\n  GrDataTable: grDataTableConfig,\n  GrDialog: grDialogConfig,\n  GrDrawer: grDrawerConfig,\n  GrDropdown: grDropdownConfig,\n  GrDropdownMenu: grDropdownMenuConfig,\n  GrEmptyState: grEmptyStateConfig,\n  GrFileUpload: grFileUploadConfig,\n  GrFormField: grFormFieldConfig,\n  GrFormFile: grFormFileConfig,\n  GrFormSection: grFormSectionConfig,\n  GrIcon: grIconConfig,\n  GrImageViewer: grImageViewerConfig,\n  GrInput: grInputConfig,\n  GrInputTag: grInputTagConfig,\n  GrLink: grLinkConfig,\n  GrList: grListConfig,\n  GrLoading: grLoadingConfig,\n  GrModal: grModalConfig,\n  GrNavbar: grNavbarConfig,\n  GrNumberInput: grNumberInputConfig,\n  GrPagination: grPaginationConfig,\n  GrProgressBar: grProgressBarConfig,\n  GrPromptDialog: grPromptDialogConfig,\n  GrRadio: grRadioConfig,\n  GrRadioGroup: grRadioGroupConfig,\n  GrSegmented: grSegmentedConfig,\n  GrSelect: grSelectConfig,\n  GrSidebar: grSidebarConfig,\n  GrSkeleton: grSkeletonConfig,\n  GrSwitch: grSwitchConfig,\n  GrTable: grTableConfig,\n  GrTabs: grTabsConfig,\n  GrTextarea: grTextareaConfig,\n  GrToaster: grToasterConfig,\n  GrTooltip: grTooltipConfig,\n  GrTree: grTreeConfig,\n  GrTreeSelect: grTreeSelectConfig,\n}\n\nexport type GranularityComponentName = keyof typeof granularityComponentConfigs\n\n/** Базовый (browser-safe) набор компонентов в порядке реестра. */\nconst baseComponents: readonly GranularComponentDescriptor[] = Object.values(\n  granularityComponentConfigs,\n)\n\n/**\n * Собирает granular-provider пакета `@feugene/granularity`.\n *\n * Принимает массив `GranularComponentDescriptor`'ов — это компоненты,\n * у которых есть node-only вариант конфига (например, `GrButton` с\n * `tokenDefinitionsFromCssSync`). Дескрипторы с именем, которое уже\n * присутствует в базовом наборе, переопределяют его (побеждает\n * переданный снаружи), остальные — добавляются в конец списка.\n */\nexport function createGranularityProvider(\n  overrides: readonly GranularComponentDescriptor[] = [],\n): GranularProvider {\n  const overrideByName = new Map(\n    overrides.map(component => [component.name, component]),\n  )\n  const components: GranularComponentDescriptor[] = [\n    ...baseComponents.map(component => overrideByName.get(component.name) ?? component),\n    ...overrides.filter(component => !baseComponents.some(base => base.name === component.name)),\n  ]\n\n  return defineGranularProvider({\n    id: GRANULARITY_PROVIDER_ID,\n    contractVersion: 1,\n    packageBaseUrl,\n    components,\n    theme,\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,YAAY,UAAU;CACrC,UAAU;CACX,CAAC;;;;ACkEF,IAAa,0BAA0B;AAKvC,IAAM,iBAAiB,GAAG,OAAO,KAAK,IAAI,MACxC,GACA,OAAO,KAAK,IAAI,YAAY,KAAK,OAAO,KAAK,IAAI,YAAY,IAAI,GAAG,EAAE,GAAG,EAC1E;;AAGD,IAAa,wBAAwB,CAAC,SAAS,OAAO;;AAItD,IAAa,2BAA4D,CAAC,QAAQ;AAElF,IAAM,QAAQ;CACZ,YAAY,IAAA,IAAA,i2BAAA,KAAA,OAAA,KAAA,IAA8C,CAAC;CAC3D,cAAc,IAAA,IAAA,iuKAAA,KAAA,OAAA,KAAA,IAAgD,CAAC;CAC/D,QAAQ;EACN,OAAO,IAAA,IAAA,qrGAAA,KAAA,OAAA,KAAA,IAAsD,CAAC;EAC9D,MAAM,IAAA,IAAA,qxGAAA,KAAA,OAAA,KAAA,IAAqD,CAAC;EAC7D;CACD,eAAe;CAChB;;;;;;;;;;;;;;;;;AAkBD,IAAa,8BAA8B;CACzC,SAAS;CACT,UAAU;CACV,SAAS;CACT,aAAa;CACb,aAAa;CACb,UAAU;CACV,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,aAAa;CACb,UAAU;CACV,UAAU;CACV,YAAY;CACZ,gBAAgB;CAChB,cAAc;CACd,cAAc;CACd,aAAa;CACb,YAAY;CACZ,eAAe;CACf,QAAQ;CACR,eAAe;CACf,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,QAAQ;CACR,WAAW;CACX,SAAS;CACT,UAAU;CACV,eAAe;CACf,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,SAAS;CACT,cAAc;CACd,aAAa;CACb,UAAU;CACV,WAAW;CACX,YAAY;CACZ,UAAU;CACV,SAAS;CACT,QAAQ;CACR,YAAY;CACZ,WAAW;CACX,WAAW;CACX,QAAQ;CACR,cAAc;CACf;;AAKD,IAAM,iBAAyD,OAAO,OACpE,4BACD;;;;;;;;;;AAWD,SAAgB,0BACd,YAAoD,EAAE,EACpC;CAClB,MAAM,iBAAiB,IAAI,IACzB,UAAU,KAAI,cAAa,CAAC,UAAU,MAAM,UAAU,CAAC,CACxD;AAMD,QAAO,uBAAuB;EAC5B,IAAI;EACJ,iBAAiB;EACjB;EACA,YATgD,CAChD,GAAG,eAAe,KAAI,cAAa,eAAe,IAAI,UAAU,KAAK,IAAI,UAAU,EACnF,GAAG,UAAU,QAAO,cAAa,CAAC,eAAe,MAAK,SAAQ,KAAK,SAAS,UAAU,KAAK,CAAC,CAC7F;EAOC;EACD,CAAC"}

package/dist/components/GrLink/chunks/{GrLink-BbN7R3iP.js → GrLink-DvvNkP0M.js}

@@ -1,19 +1,12 @@
 import { a as grLinkClass, i as focusRingClass, r as baseRootClass } from "../../../chunks/config-DUtUkSzc.js";
-import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, useAttrs } from "vue";
-//#region src/components/GrLink/GrLink.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = [
-	"href",
-	"target",
-	"rel",
-	"aria-label"
-];
-var _hoisted_2 = ["aria-label", "aria-disabled"];
+import { computed, createBlock, defineComponent, markRaw, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, withCtx } from "vue";
 //#endregion
 //#region src/components/GrLink/GrLink.vue
 var GrLink_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "GrLink",
 	props: {
+		as: { default: void 0 },
 		href: { default: void 0 },
 		external: {
 			type: Boolean,
@@ -35,15 +28,28 @@ var GrLink_default = /* @__PURE__ */ defineComponent({
 		* GrLink — DS-примитив ссылки.
 		*
 		* Корневой тег зависит от пропов:
-		* - `<a>` — когда заданы `href` и не `disabled`;
-		* - `<span>` — во всех остальных случаях (включая `disabled`, даже если `href` задан).
+		* - кастомный компонент/тег из пропа `as` — когда `as` передан и не `disabled`
+		*   (например, `Link` от `@inertiajs/vue3` или `RouterLink` от Vue Router);
+		* - `<a>` — когда задан `href` и не `disabled`;
+		* - `<span>` — во всех остальных случаях (включая `disabled`, даже если задан
+		*   `href`/`as`).
 		*
 		* Это осознанное решение, чтобы отключённая ссылка не была кликабельной и
 		* не участвовала в порядке табуляции. Учтите это в внешних CSS-селекторах.
+		*
+		* Проп `as` нужен для интеграции с роутерами (Inertia, Vue Router и пр.):
+		* стили/поведение DS остаются едиными, а тег корня подменяется. Все
+		* специфичные для роутера атрибуты (`method`, `replace`, `preserve-scroll` и т.п.)
+		* проходят через fallthrough-attrs.
 		*/
 		const props = __props;
 		const attrs = useAttrs();
-		const isAnchor = computed(() => !!props.href && !props.disabled);
+		const isInteractive = computed(() => !props.disabled && (!!props.as || !!props.href));
+		const renderAs = computed(() => {
+			if (!isInteractive.value) return "span";
+			if (props.as) return typeof props.as === "string" ? props.as : markRaw(props.as);
+			return "a";
+		});
 		const resolvedTarget = computed(() => {
 			if (props.target) return props.target;
 			if (props.external) return "_blank";
@@ -62,17 +68,24 @@ var GrLink_default = /* @__PURE__ */ defineComponent({
 			return props.disabled ? `${baseRootClass} ${variantClass}` : `${baseRootClass} ${focusRingClass} ${variantClass}`;
 		});
 		return (_ctx, _cache) => {
-			return isAnchor.value ? (openBlock(), createElementBlock("a", mergeProps({ key: 0 }, unref(attrs), {
-				href: __props.href,
-				target: resolvedTarget.value,
-				rel: resolvedRel.value,
-				"aria-label": __props.ariaLabel,
-				class: rootClass.value
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1)) : (openBlock(), createElementBlock("span", mergeProps({ key: 1 }, unref(attrs), {
+			return openBlock(), createBlock(resolveDynamicComponent(renderAs.value), mergeProps(unref(attrs), {
+				href: isInteractive.value ? __props.href : void 0,
+				target: isInteractive.value ? resolvedTarget.value : void 0,
+				rel: isInteractive.value ? resolvedRel.value : void 0,
 				"aria-label": __props.ariaLabel,
 				"aria-disabled": __props.disabled ? "true" : void 0,
 				class: rootClass.value
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2));
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"href",
+				"target",
+				"rel",
+				"aria-label",
+				"aria-disabled",
+				"class"
+			]);
 		};
 	}
 });

package/dist/components/GrLink/chunks/GrLink-DvvNkP0M.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrLink-DvvNkP0M.js","names":[],"sources":["../../../../src/components/GrLink/GrLink.vue","../../../../src/components/GrLink/GrLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrLink — DS-примитив ссылки.\n *\n * Корневой тег зависит от пропов:\n * - кастомный компонент/тег из пропа `as` — когда `as` передан и не `disabled`\n *   (например, `Link` от `@inertiajs/vue3` или `RouterLink` от Vue Router);\n * - `<a>` — когда задан `href` и не `disabled`;\n * - `<span>` — во всех остальных случаях (включая `disabled`, даже если задан\n *   `href`/`as`).\n *\n * Это осознанное решение, чтобы отключённая ссылка не была кликабельной и\n * не участвовала в порядке табуляции. Учтите это в внешних CSS-селекторах.\n *\n * Проп `as` нужен для интеграции с роутерами (Inertia, Vue Router и пр.):\n * стили/поведение DS остаются едиными, а тег корня подменяется. Все\n * специфичные для роутера атрибуты (`method`, `replace`, `preserve-scroll` и т.п.)\n * проходят через fallthrough-attrs.\n */\nimport { computed, markRaw, useAttrs, type Component } from 'vue'\n\nimport {\n  baseRootClass,\n  focusRingClass,\n  type GrLinkSize,\n  type GrLinkUnderline,\n  type GrLinkVariant,\n  grLinkClass,\n} from './grLinkStyles'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<{\n  /**\n   * Кастомный корневой тег/компонент. Если передан и компонент не `disabled` —\n   * рендерится через `<component :is=\"as\">`. Игнорируется при `disabled`.\n   */\n  as?: string | Component\n  href?: string\n  external?: boolean\n  target?: string\n  rel?: string\n  disabled?: boolean\n  ariaLabel?: string\n  variant?: GrLinkVariant\n  underline?: GrLinkUnderline\n  size?: GrLinkSize\n}>(), {\n  as: undefined,\n  href: undefined,\n  external: false,\n  target: undefined,\n  rel: undefined,\n  disabled: false,\n  ariaLabel: undefined,\n  variant: 'primary',\n  underline: 'auto',\n  size: 'md',\n})\n\nconst attrs = useAttrs()\n\n// Кастомный корень имеет приоритет над `<a>` — DS не пытается угадывать\n// «правильный» тег за пользователя, если он явно его указал.\nconst isInteractive = computed(() => !props.disabled && (!!props.as || !!props.href))\n\nconst renderAs = computed<string | Component>(() => {\n  if (!isInteractive.value) return 'span'\n  if (props.as) {\n    // Если `as` — объект-компонент, помечаем его как нереактивный, чтобы избежать\n    // оверхеда от Vue-прокси и предупреждений в консоли. Строки (нативные теги)\n    // оставляем как есть.\n    return typeof props.as === 'string' ? props.as : markRaw(props.as)\n  }\n  return 'a'\n})\n\nconst resolvedTarget = computed(() => {\n  if (props.target)\n    return props.target\n\n  if (props.external)\n    return '_blank'\n\n  return undefined\n})\n\nconst resolvedRel = computed(() => {\n  if (props.rel)\n    return props.rel\n\n  // Авто-защита для любых ссылок, открывающихся в новой вкладке,\n  // а не только когда выставлен `external`.\n  if (resolvedTarget.value === '_blank')\n    return 'noopener noreferrer'\n\n  return undefined\n})\n\nconst rootClass = computed(() => {\n  const variantClass = grLinkClass({\n    size: props.size,\n    underline: props.underline,\n    variant: props.variant,\n    disabled: props.disabled,\n  })\n\n  // На disabled-ветке (`<span>`) focus-ring не нужен: элемент не фокусируется,\n  // а если снаружи ему навесят `tabindex`, фокус-рамка на «отключённой» ссылке смотрелась бы странно.\n  return props.disabled\n    ? `${baseRootClass} ${variantClass}`\n    : `${baseRootClass} ${focusRingClass} ${variantClass}`\n})\n</script>\n\n<template>\n  <component\n    :is=\"renderAs\"\n    v-bind=\"attrs\"\n    :href=\"isInteractive ? href : undefined\"\n    :target=\"isInteractive ? resolvedTarget : undefined\"\n    :rel=\"isInteractive ? resolvedRel : undefined\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :class=\"rootClass\"\n  >\n    <slot />\n  </component>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrLink — DS-примитив ссылки.\n *\n * Корневой тег зависит от пропов:\n * - кастомный компонент/тег из пропа `as` — когда `as` передан и не `disabled`\n *   (например, `Link` от `@inertiajs/vue3` или `RouterLink` от Vue Router);\n * - `<a>` — когда задан `href` и не `disabled`;\n * - `<span>` — во всех остальных случаях (включая `disabled`, даже если задан\n *   `href`/`as`).\n *\n * Это осознанное решение, чтобы отключённая ссылка не была кликабельной и\n * не участвовала в порядке табуляции. Учтите это в внешних CSS-селекторах.\n *\n * Проп `as` нужен для интеграции с роутерами (Inertia, Vue Router и пр.):\n * стили/поведение DS остаются едиными, а тег корня подменяется. Все\n * специфичные для роутера атрибуты (`method`, `replace`, `preserve-scroll` и т.п.)\n * проходят через fallthrough-attrs.\n */\nimport { computed, markRaw, useAttrs, type Component } from 'vue'\n\nimport {\n  baseRootClass,\n  focusRingClass,\n  type GrLinkSize,\n  type GrLinkUnderline,\n  type GrLinkVariant,\n  grLinkClass,\n} from './grLinkStyles'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<{\n  /**\n   * Кастомный корневой тег/компонент. Если передан и компонент не `disabled` —\n   * рендерится через `<component :is=\"as\">`. Игнорируется при `disabled`.\n   */\n  as?: string | Component\n  href?: string\n  external?: boolean\n  target?: string\n  rel?: string\n  disabled?: boolean\n  ariaLabel?: string\n  variant?: GrLinkVariant\n  underline?: GrLinkUnderline\n  size?: GrLinkSize\n}>(), {\n  as: undefined,\n  href: undefined,\n  external: false,\n  target: undefined,\n  rel: undefined,\n  disabled: false,\n  ariaLabel: undefined,\n  variant: 'primary',\n  underline: 'auto',\n  size: 'md',\n})\n\nconst attrs = useAttrs()\n\n// Кастомный корень имеет приоритет над `<a>` — DS не пытается угадывать\n// «правильный» тег за пользователя, если он явно его указал.\nconst isInteractive = computed(() => !props.disabled && (!!props.as || !!props.href))\n\nconst renderAs = computed<string | Component>(() => {\n  if (!isInteractive.value) return 'span'\n  if (props.as) {\n    // Если `as` — объект-компонент, помечаем его как нереактивный, чтобы избежать\n    // оверхеда от Vue-прокси и предупреждений в консоли. Строки (нативные теги)\n    // оставляем как есть.\n    return typeof props.as === 'string' ? props.as : markRaw(props.as)\n  }\n  return 'a'\n})\n\nconst resolvedTarget = computed(() => {\n  if (props.target)\n    return props.target\n\n  if (props.external)\n    return '_blank'\n\n  return undefined\n})\n\nconst resolvedRel = computed(() => {\n  if (props.rel)\n    return props.rel\n\n  // Авто-защита для любых ссылок, открывающихся в новой вкладке,\n  // а не только когда выставлен `external`.\n  if (resolvedTarget.value === '_blank')\n    return 'noopener noreferrer'\n\n  return undefined\n})\n\nconst rootClass = computed(() => {\n  const variantClass = grLinkClass({\n    size: props.size,\n    underline: props.underline,\n    variant: props.variant,\n    disabled: props.disabled,\n  })\n\n  // На disabled-ветке (`<span>`) focus-ring не нужен: элемент не фокусируется,\n  // а если снаружи ему навесят `tabindex`, фокус-рамка на «отключённой» ссылке смотрелась бы странно.\n  return props.disabled\n    ? `${baseRootClass} ${variantClass}`\n    : `${baseRootClass} ${focusRingClass} ${variantClass}`\n})\n</script>\n\n<template>\n  <component\n    :is=\"renderAs\"\n    v-bind=\"attrs\"\n    :href=\"isInteractive ? href : undefined\"\n    :target=\"isInteractive ? resolvedTarget : undefined\"\n    :rel=\"isInteractive ? resolvedRel : undefined\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :class=\"rootClass\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCA,MAAM,QAAQ;EA4Bd,MAAM,QAAQ,UAAS;EAIvB,MAAM,gBAAgB,eAAe,CAAC,MAAM,aAAa,CAAC,CAAC,MAAM,MAAM,CAAC,CAAC,MAAM,MAAK;EAEpF,MAAM,WAAW,eAAmC;AAClD,OAAI,CAAC,cAAc,MAAO,QAAO;AACjC,OAAI,MAAM,GAIR,QAAO,OAAO,MAAM,OAAO,WAAW,MAAM,KAAK,QAAQ,MAAM,GAAE;AAEnE,UAAO;IACR;EAED,MAAM,iBAAiB,eAAe;AACpC,OAAI,MAAM,OACR,QAAO,MAAM;AAEf,OAAI,MAAM,SACR,QAAO;IAGV;EAED,MAAM,cAAc,eAAe;AACjC,OAAI,MAAM,IACR,QAAO,MAAM;AAIf,OAAI,eAAe,UAAU,SAC3B,QAAO;IAGV;EAED,MAAM,YAAY,eAAe;GAC/B,MAAM,eAAe,YAAY;IAC/B,MAAM,MAAM;IACZ,WAAW,MAAM;IACjB,SAAS,MAAM;IACf,UAAU,MAAM;IACjB,CAAA;AAID,UAAO,MAAM,WACT,GAAG,cAAc,GAAG,iBACpB,GAAG,cAAc,GAAG,eAAe,GAAG;IAC3C;;uBAIC,YAWY,wBAVL,SAAA,MAAQ,EADf,WAEU,MASE,MATG,EAAA;IACZ,MAAM,cAAA,QAAgB,QAAA,OAAO,KAAA;IAC7B,QAAQ,cAAA,QAAgB,eAAA,QAAiB,KAAA;IACzC,KAAK,cAAA,QAAgB,YAAA,QAAc,KAAA;IACnC,cAAY,QAAA;IACZ,iBAAe,QAAA,WAAQ,SAAY,KAAA;IACnC,OAAO,UAAA;;2BAEA,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/GrLink/index.js

@@ -1,3 +1,3 @@
 import { n as grLinkSafelist, t as grLinkConfig } from "../../chunks/config-DUtUkSzc.js";
-import { t as GrLink_default } from "./chunks/GrLink-BbN7R3iP.js";
+import { t as GrLink_default } from "./chunks/GrLink-DvvNkP0M.js";
 export { GrLink_default as GrLink, GrLink_default as default, grLinkConfig, grLinkSafelist };

package/dist/components/GrPagination/chunks/{GrPagination-BSTO6flk.js → GrPagination-BDVXvgMR.js}

@@ -1,6 +1,6 @@
 import { t as GrButton_default } from "../../GrButton/chunks/GrButton-BmGdp8-4.js";
 import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-GCqUz_lo.js";
-import { t as GrSelect_default } from "../../GrSelect/chunks/GrSelect-9wRWAu2R.js";
+import { t as GrSelect_default } from "../../GrSelect/chunks/GrSelect-BMmQWQBp.js";
 import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
 //#region src/components/GrPagination/GrPagination.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];

package/dist/components/GrPagination/chunks/{GrPagination-BSTO6flk.js.map → GrPagination-BDVXvgMR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrPagination-BSTO6flk.js","names":[],"sources":["../../../../src/components/GrPagination/GrPagination.vue","../../../../src/components/GrPagination/GrPagination.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrSelect from '../GrSelect/GrSelect.vue'\n\n/**\n * Пропы пагинации.\n *\n * `total` интерпретируется как общее количество элементов; число страниц\n * вычисляется из `total` и `pageSize`. Окно отображаемых номеров — 5.\n */\nexport interface GrPaginationProps {\n  page: number\n  pageSize: number\n  total: number\n  pageSizes?: number[]\n}\n\nconst { t } = useGranularityTranslations()\n\nconst props = withDefaults(defineProps<GrPaginationProps>(), {\n  pageSizes: () => [10, 20, 50],\n})\n\nconst emit = defineEmits<{\n  (e: 'update:page', value: number): void\n  (e: 'update:pageSize', value: number): void\n}>()\n\nconst pageCount = computed(() => Math.max(1, Math.ceil(props.total / props.pageSize)))\n\nconst pageSizeModel = computed({\n  get: () => String(props.pageSize),\n  set: (value: string) => emit('update:pageSize', Number(value)),\n})\n\nconst pageSizeOptions = computed(() =>\n  props.pageSizes.map(pageSize => ({\n    value: String(pageSize),\n    label: String(pageSize),\n  })),\n)\n\nconst pages = computed(() => {\n  const max = pageCount.value\n  const current = props.page\n  const windowSize = 5\n  const half = Math.floor(windowSize / 2)\n\n  let start = Math.max(1, current - half)\n  const end = Math.min(max, start + windowSize - 1)\n  start = Math.max(1, end - windowSize + 1)\n\n  const list: number[] = []\n  for (let page = start; page <= end; page += 1)\n    list.push(page)\n\n  return list\n})\n\nfunction goTo(page: number): void {\n  emit('update:page', page)\n}\n\nfunction prev(): void {\n  goTo(Math.max(1, props.page - 1))\n}\n\nfunction next(): void {\n  goTo(Math.min(pageCount.value, props.page + 1))\n}\n</script>\n\n<template>\n  <div\n    class=\"flex flex-wrap items-center justify-end gap-3\"\n    data-ds-pagination\n    role=\"navigation\"\n    :aria-label=\"t('gr.pagination.pageSize', 'Pagination')\"\n  >\n    <div class=\"min-w-[100px]\">\n      <GrSelect\n        v-model=\"pageSizeModel\"\n        :options=\"pageSizeOptions\"\n        :aria-label=\"t('gr.pagination.pageSize', 'Page size')\"\n      />\n    </div>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page <= 1\" @click=\"prev\">\n      {{ t('gr.pagination.prev', 'Prev') }}\n    </GrButton>\n\n    <div class=\"flex items-center gap-1\">\n      <button\n        v-for=\"pageNumber in pages\"\n        :key=\"pageNumber\"\n        type=\"button\"\n        data-ds-pagination-page\n        :aria-current=\"pageNumber === page ? 'page' : undefined\"\n        :aria-label=\"`Page ${pageNumber}`\"\n        class=\"h-8 min-w-8 px-2 rounded-md text-sm font-600 transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n        :class=\"pageNumber === page ? 'bg-[var(--primary)] text-[var(--primary-fg)]' : 'text-[var(--muted-fg)] hover:bg-[var(--muted)] hover:text-[var(--fg)]'\"\n        @click=\"goTo(pageNumber)\"\n      >\n        {{ pageNumber }}\n      </button>\n    </div>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page >= pageCount\" @click=\"next\">\n      {{ t('gr.pagination.next', 'Next') }}\n    </GrButton>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrSelect from '../GrSelect/GrSelect.vue'\n\n/**\n * Пропы пагинации.\n *\n * `total` интерпретируется как общее количество элементов; число страниц\n * вычисляется из `total` и `pageSize`. Окно отображаемых номеров — 5.\n */\nexport interface GrPaginationProps {\n  page: number\n  pageSize: number\n  total: number\n  pageSizes?: number[]\n}\n\nconst { t } = useGranularityTranslations()\n\nconst props = withDefaults(defineProps<GrPaginationProps>(), {\n  pageSizes: () => [10, 20, 50],\n})\n\nconst emit = defineEmits<{\n  (e: 'update:page', value: number): void\n  (e: 'update:pageSize', value: number): void\n}>()\n\nconst pageCount = computed(() => Math.max(1, Math.ceil(props.total / props.pageSize)))\n\nconst pageSizeModel = computed({\n  get: () => String(props.pageSize),\n  set: (value: string) => emit('update:pageSize', Number(value)),\n})\n\nconst pageSizeOptions = computed(() =>\n  props.pageSizes.map(pageSize => ({\n    value: String(pageSize),\n    label: String(pageSize),\n  })),\n)\n\nconst pages = computed(() => {\n  const max = pageCount.value\n  const current = props.page\n  const windowSize = 5\n  const half = Math.floor(windowSize / 2)\n\n  let start = Math.max(1, current - half)\n  const end = Math.min(max, start + windowSize - 1)\n  start = Math.max(1, end - windowSize + 1)\n\n  const list: number[] = []\n  for (let page = start; page <= end; page += 1)\n    list.push(page)\n\n  return list\n})\n\nfunction goTo(page: number): void {\n  emit('update:page', page)\n}\n\nfunction prev(): void {\n  goTo(Math.max(1, props.page - 1))\n}\n\nfunction next(): void {\n  goTo(Math.min(pageCount.value, props.page + 1))\n}\n</script>\n\n<template>\n  <div\n    class=\"flex flex-wrap items-center justify-end gap-3\"\n    data-ds-pagination\n    role=\"navigation\"\n    :aria-label=\"t('gr.pagination.pageSize', 'Pagination')\"\n  >\n    <div class=\"min-w-[100px]\">\n      <GrSelect\n        v-model=\"pageSizeModel\"\n        :options=\"pageSizeOptions\"\n        :aria-label=\"t('gr.pagination.pageSize', 'Page size')\"\n      />\n    </div>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page <= 1\" @click=\"prev\">\n      {{ t('gr.pagination.prev', 'Prev') }}\n    </GrButton>\n\n    <div class=\"flex items-center gap-1\">\n      <button\n        v-for=\"pageNumber in pages\"\n        :key=\"pageNumber\"\n        type=\"button\"\n        data-ds-pagination-page\n        :aria-current=\"pageNumber === page ? 'page' : undefined\"\n        :aria-label=\"`Page ${pageNumber}`\"\n        class=\"h-8 min-w-8 px-2 rounded-md text-sm font-600 transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n        :class=\"pageNumber === page ? 'bg-[var(--primary)] text-[var(--primary-fg)]' : 'text-[var(--muted-fg)] hover:bg-[var(--muted)] hover:text-[var(--fg)]'\"\n        @click=\"goTo(pageNumber)\"\n      >\n        {{ pageNumber }}\n      </button>\n    </div>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page >= pageCount\" @click=\"next\">\n      {{ t('gr.pagination.next', 'Next') }}\n    </GrButton>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,MAAM,EAAE,MAAM,4BAA2B;EAEzC,MAAM,QAAQ;EAId,MAAM,OAAO;EAKb,MAAM,YAAY,eAAe,KAAK,IAAI,GAAG,KAAK,KAAK,MAAM,QAAQ,MAAM,SAAS,CAAC,CAAA;EAErF,MAAM,gBAAgB,SAAS;GAC7B,WAAW,OAAO,MAAM,SAAS;GACjC,MAAM,UAAkB,KAAK,mBAAmB,OAAO,MAAM,CAAC;GAC/D,CAAA;EAED,MAAM,kBAAkB,eACtB,MAAM,UAAU,KAAI,cAAa;GAC/B,OAAO,OAAO,SAAS;GACvB,OAAO,OAAO,SAAS;GACxB,EAAE,CACL;EAEA,MAAM,QAAQ,eAAe;GAC3B,MAAM,MAAM,UAAU;GACtB,MAAM,UAAU,MAAM;GACtB,MAAM,aAAa;GACnB,MAAM,OAAO,KAAK,MAAM,aAAa,EAAC;GAEtC,IAAI,QAAQ,KAAK,IAAI,GAAG,UAAU,KAAI;GACtC,MAAM,MAAM,KAAK,IAAI,KAAK,QAAQ,aAAa,EAAC;AAChD,WAAQ,KAAK,IAAI,GAAG,MAAM,aAAa,EAAC;GAExC,MAAM,OAAiB,EAAC;AACxB,QAAK,IAAI,OAAO,OAAO,QAAQ,KAAK,QAAQ,EAC1C,MAAK,KAAK,KAAI;AAEhB,UAAO;IACR;EAED,SAAS,KAAK,MAAoB;AAChC,QAAK,eAAe,KAAI;;EAG1B,SAAS,OAAa;AACpB,QAAK,KAAK,IAAI,GAAG,MAAM,OAAO,EAAE,CAAA;;EAGlC,SAAS,OAAa;AACpB,QAAK,KAAK,IAAI,UAAU,OAAO,MAAM,OAAO,EAAE,CAAA;;;uBAK9C,mBAqCM,OAAA;IApCJ,OAAM;IACN,sBAAA;IACA,MAAK;IACJ,cAAY,MAAA,EAAC,CAAA,0BAAA,aAAA;;IAEd,mBAMM,OANN,YAMM,CALJ,YAIE,kBAAA;iBAHS,cAAA;gFAAa,QAAA;KACrB,SAAS,gBAAA;KACT,cAAY,MAAA,EAAC,CAAA,0BAAA,YAAA;;;;;;IAIlB,YAEW,kBAAA;KAFD,SAAQ;KAAQ,MAAK;KAAM,UAAU,QAAA,QAAI;KAAQ,SAAO;;4BAC3B,CAAA,gBAAA,gBAAlC,MAAA,EAAC,CAAA,sBAAA,OAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;IAGN,mBAcM,OAdN,YAcM,EAAA,UAAA,KAAA,EAbJ,mBAYS,UAAA,MAAA,WAXc,MAAA,QAAd,eAAU;yBADnB,mBAYS,UAAA;MAVN,KAAK;MACN,MAAK;MACL,2BAAA;MACC,gBAAc,eAAe,QAAA,OAAI,SAAY,KAAA;MAC7C,cAAU,QAAU;MACrB,OAAK,eAAA,CAAC,wJACE,eAAe,QAAA,OAAI,iDAAA,wEAAA,CAAA;MAC1B,UAAK,WAAE,KAAK,WAAU;wBAEpB,WAAU,EAAA,IAAA,WAAA;;IAIjB,YAEW,kBAAA;KAFD,SAAQ;KAAQ,MAAK;KAAM,UAAU,QAAA,QAAQ,UAAA;KAAY,SAAO;;4BACnC,CAAA,gBAAA,gBAAlC,MAAA,EAAC,CAAA,sBAAA,OAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"GrPagination-BDVXvgMR.js","names":[],"sources":["../../../../src/components/GrPagination/GrPagination.vue","../../../../src/components/GrPagination/GrPagination.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrSelect from '../GrSelect/GrSelect.vue'\n\n/**\n * Пропы пагинации.\n *\n * `total` интерпретируется как общее количество элементов; число страниц\n * вычисляется из `total` и `pageSize`. Окно отображаемых номеров — 5.\n */\nexport interface GrPaginationProps {\n  page: number\n  pageSize: number\n  total: number\n  pageSizes?: number[]\n}\n\nconst { t } = useGranularityTranslations()\n\nconst props = withDefaults(defineProps<GrPaginationProps>(), {\n  pageSizes: () => [10, 20, 50],\n})\n\nconst emit = defineEmits<{\n  (e: 'update:page', value: number): void\n  (e: 'update:pageSize', value: number): void\n}>()\n\nconst pageCount = computed(() => Math.max(1, Math.ceil(props.total / props.pageSize)))\n\nconst pageSizeModel = computed({\n  get: () => String(props.pageSize),\n  set: (value: string) => emit('update:pageSize', Number(value)),\n})\n\nconst pageSizeOptions = computed(() =>\n  props.pageSizes.map(pageSize => ({\n    value: String(pageSize),\n    label: String(pageSize),\n  })),\n)\n\nconst pages = computed(() => {\n  const max = pageCount.value\n  const current = props.page\n  const windowSize = 5\n  const half = Math.floor(windowSize / 2)\n\n  let start = Math.max(1, current - half)\n  const end = Math.min(max, start + windowSize - 1)\n  start = Math.max(1, end - windowSize + 1)\n\n  const list: number[] = []\n  for (let page = start; page <= end; page += 1)\n    list.push(page)\n\n  return list\n})\n\nfunction goTo(page: number): void {\n  emit('update:page', page)\n}\n\nfunction prev(): void {\n  goTo(Math.max(1, props.page - 1))\n}\n\nfunction next(): void {\n  goTo(Math.min(pageCount.value, props.page + 1))\n}\n</script>\n\n<template>\n  <div\n    class=\"flex flex-wrap items-center justify-end gap-3\"\n    data-ds-pagination\n    role=\"navigation\"\n    :aria-label=\"t('gr.pagination.pageSize', 'Pagination')\"\n  >\n    <div class=\"min-w-[100px]\">\n      <GrSelect\n        v-model=\"pageSizeModel\"\n        :options=\"pageSizeOptions\"\n        :aria-label=\"t('gr.pagination.pageSize', 'Page size')\"\n      />\n    </div>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page <= 1\" @click=\"prev\">\n      {{ t('gr.pagination.prev', 'Prev') }}\n    </GrButton>\n\n    <div class=\"flex items-center gap-1\">\n      <button\n        v-for=\"pageNumber in pages\"\n        :key=\"pageNumber\"\n        type=\"button\"\n        data-ds-pagination-page\n        :aria-current=\"pageNumber === page ? 'page' : undefined\"\n        :aria-label=\"`Page ${pageNumber}`\"\n        class=\"h-8 min-w-8 px-2 rounded-md text-sm font-600 transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n        :class=\"pageNumber === page ? 'bg-[var(--primary)] text-[var(--primary-fg)]' : 'text-[var(--muted-fg)] hover:bg-[var(--muted)] hover:text-[var(--fg)]'\"\n        @click=\"goTo(pageNumber)\"\n      >\n        {{ pageNumber }}\n      </button>\n    </div>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page >= pageCount\" @click=\"next\">\n      {{ t('gr.pagination.next', 'Next') }}\n    </GrButton>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrSelect from '../GrSelect/GrSelect.vue'\n\n/**\n * Пропы пагинации.\n *\n * `total` интерпретируется как общее количество элементов; число страниц\n * вычисляется из `total` и `pageSize`. Окно отображаемых номеров — 5.\n */\nexport interface GrPaginationProps {\n  page: number\n  pageSize: number\n  total: number\n  pageSizes?: number[]\n}\n\nconst { t } = useGranularityTranslations()\n\nconst props = withDefaults(defineProps<GrPaginationProps>(), {\n  pageSizes: () => [10, 20, 50],\n})\n\nconst emit = defineEmits<{\n  (e: 'update:page', value: number): void\n  (e: 'update:pageSize', value: number): void\n}>()\n\nconst pageCount = computed(() => Math.max(1, Math.ceil(props.total / props.pageSize)))\n\nconst pageSizeModel = computed({\n  get: () => String(props.pageSize),\n  set: (value: string) => emit('update:pageSize', Number(value)),\n})\n\nconst pageSizeOptions = computed(() =>\n  props.pageSizes.map(pageSize => ({\n    value: String(pageSize),\n    label: String(pageSize),\n  })),\n)\n\nconst pages = computed(() => {\n  const max = pageCount.value\n  const current = props.page\n  const windowSize = 5\n  const half = Math.floor(windowSize / 2)\n\n  let start = Math.max(1, current - half)\n  const end = Math.min(max, start + windowSize - 1)\n  start = Math.max(1, end - windowSize + 1)\n\n  const list: number[] = []\n  for (let page = start; page <= end; page += 1)\n    list.push(page)\n\n  return list\n})\n\nfunction goTo(page: number): void {\n  emit('update:page', page)\n}\n\nfunction prev(): void {\n  goTo(Math.max(1, props.page - 1))\n}\n\nfunction next(): void {\n  goTo(Math.min(pageCount.value, props.page + 1))\n}\n</script>\n\n<template>\n  <div\n    class=\"flex flex-wrap items-center justify-end gap-3\"\n    data-ds-pagination\n    role=\"navigation\"\n    :aria-label=\"t('gr.pagination.pageSize', 'Pagination')\"\n  >\n    <div class=\"min-w-[100px]\">\n      <GrSelect\n        v-model=\"pageSizeModel\"\n        :options=\"pageSizeOptions\"\n        :aria-label=\"t('gr.pagination.pageSize', 'Page size')\"\n      />\n    </div>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page <= 1\" @click=\"prev\">\n      {{ t('gr.pagination.prev', 'Prev') }}\n    </GrButton>\n\n    <div class=\"flex items-center gap-1\">\n      <button\n        v-for=\"pageNumber in pages\"\n        :key=\"pageNumber\"\n        type=\"button\"\n        data-ds-pagination-page\n        :aria-current=\"pageNumber === page ? 'page' : undefined\"\n        :aria-label=\"`Page ${pageNumber}`\"\n        class=\"h-8 min-w-8 px-2 rounded-md text-sm font-600 transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n        :class=\"pageNumber === page ? 'bg-[var(--primary)] text-[var(--primary-fg)]' : 'text-[var(--muted-fg)] hover:bg-[var(--muted)] hover:text-[var(--fg)]'\"\n        @click=\"goTo(pageNumber)\"\n      >\n        {{ pageNumber }}\n      </button>\n    </div>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page >= pageCount\" @click=\"next\">\n      {{ t('gr.pagination.next', 'Next') }}\n    </GrButton>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,MAAM,EAAE,MAAM,4BAA2B;EAEzC,MAAM,QAAQ;EAId,MAAM,OAAO;EAKb,MAAM,YAAY,eAAe,KAAK,IAAI,GAAG,KAAK,KAAK,MAAM,QAAQ,MAAM,SAAS,CAAC,CAAA;EAErF,MAAM,gBAAgB,SAAS;GAC7B,WAAW,OAAO,MAAM,SAAS;GACjC,MAAM,UAAkB,KAAK,mBAAmB,OAAO,MAAM,CAAC;GAC/D,CAAA;EAED,MAAM,kBAAkB,eACtB,MAAM,UAAU,KAAI,cAAa;GAC/B,OAAO,OAAO,SAAS;GACvB,OAAO,OAAO,SAAS;GACxB,EAAE,CACL;EAEA,MAAM,QAAQ,eAAe;GAC3B,MAAM,MAAM,UAAU;GACtB,MAAM,UAAU,MAAM;GACtB,MAAM,aAAa;GACnB,MAAM,OAAO,KAAK,MAAM,aAAa,EAAC;GAEtC,IAAI,QAAQ,KAAK,IAAI,GAAG,UAAU,KAAI;GACtC,MAAM,MAAM,KAAK,IAAI,KAAK,QAAQ,aAAa,EAAC;AAChD,WAAQ,KAAK,IAAI,GAAG,MAAM,aAAa,EAAC;GAExC,MAAM,OAAiB,EAAC;AACxB,QAAK,IAAI,OAAO,OAAO,QAAQ,KAAK,QAAQ,EAC1C,MAAK,KAAK,KAAI;AAEhB,UAAO;IACR;EAED,SAAS,KAAK,MAAoB;AAChC,QAAK,eAAe,KAAI;;EAG1B,SAAS,OAAa;AACpB,QAAK,KAAK,IAAI,GAAG,MAAM,OAAO,EAAE,CAAA;;EAGlC,SAAS,OAAa;AACpB,QAAK,KAAK,IAAI,UAAU,OAAO,MAAM,OAAO,EAAE,CAAA;;;uBAK9C,mBAqCM,OAAA;IApCJ,OAAM;IACN,sBAAA;IACA,MAAK;IACJ,cAAY,MAAA,EAAC,CAAA,0BAAA,aAAA;;IAEd,mBAMM,OANN,YAMM,CALJ,YAIE,kBAAA;iBAHS,cAAA;gFAAa,QAAA;KACrB,SAAS,gBAAA;KACT,cAAY,MAAA,EAAC,CAAA,0BAAA,YAAA;;;;;;IAIlB,YAEW,kBAAA;KAFD,SAAQ;KAAQ,MAAK;KAAM,UAAU,QAAA,QAAI;KAAQ,SAAO;;4BAC3B,CAAA,gBAAA,gBAAlC,MAAA,EAAC,CAAA,sBAAA,OAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;IAGN,mBAcM,OAdN,YAcM,EAAA,UAAA,KAAA,EAbJ,mBAYS,UAAA,MAAA,WAXc,MAAA,QAAd,eAAU;yBADnB,mBAYS,UAAA;MAVN,KAAK;MACN,MAAK;MACL,2BAAA;MACC,gBAAc,eAAe,QAAA,OAAI,SAAY,KAAA;MAC7C,cAAU,QAAU;MACrB,OAAK,eAAA,CAAC,wJACE,eAAe,QAAA,OAAI,iDAAA,wEAAA,CAAA;MAC1B,UAAK,WAAE,KAAK,WAAU;wBAEpB,WAAU,EAAA,IAAA,WAAA;;IAIjB,YAEW,kBAAA;KAFD,SAAQ;KAAQ,MAAK;KAAM,UAAU,QAAA,QAAQ,UAAA;KAAY,SAAO;;4BACnC,CAAA,gBAAA,gBAAlC,MAAA,EAAC,CAAA,sBAAA,OAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/GrPagination/index.js

@@ -1,3 +1,3 @@
-import { t as GrPagination_default } from "./chunks/GrPagination-BSTO6flk.js";
+import { t as GrPagination_default } from "./chunks/GrPagination-BDVXvgMR.js";
 import { t as grPaginationConfig } from "../../chunks/config-C2iI7_QX.js";
 export { GrPagination_default as GrPagination, GrPagination_default as default, grPaginationConfig };

package/dist/components/GrSelect/chunks/{GrSelect-9wRWAu2R.js → GrSelect-BMmQWQBp.js}

@@ -1,6 +1,6 @@
 import { vClickOutside } from "../../../directives/clickOutside.js";
 import { t as GrInput_default } from "../../GrInput/chunks/GrInput-ghxaTf6d.js";
-import { a as linkBaseClass, i as grSelectTriggerClass, n as grSelectNativeClass, r as grSelectPanelClasses, t as defaultBaseClass } from "../../../chunks/grSelectStyles-B7doeAQp.js";
+import { a as grSelectPanelClasses, i as grSelectNativeClass, n as grSelectLinkNativeLabelClass, o as grSelectTriggerClass, r as grSelectLinkNativeOverlayClass, s as linkBaseClass, t as defaultBaseClass } from "../../../chunks/grSelectStyles-daEeDlBn.js";
 import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onUnmounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 //#region src/components/GrSelect/GrSelect.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -16,7 +16,7 @@ var _hoisted_2 = {
 var _hoisted_3 = ["value"];
 var _hoisted_4 = ["value"];
 var _hoisted_5 = {
-	key: 0,
+	key: 1,
 	"data-testid": "ds-select-chevron",
 	class: "absolute top-1/2 -translate-y-1/2 right-3 text-[var(--muted-fg)] pointer-events-none"
 };
@@ -150,6 +150,16 @@ var GrSelect_default = /* @__PURE__ */ defineComponent({
 			const root = rootEl.value;
 			if (!root) return;
 			const rect = root.getBoundingClientRect();
+			if (props.view === "link") {
+				panelStyle.value = {
+					left: `${rect.left}px`,
+					top: `${rect.bottom + 8}px`,
+					width: "max-content",
+					minWidth: `${rect.width}px`,
+					zIndex: "2147483647"
+				};
+				return;
+			}
 			panelStyle.value = {
 				left: `${rect.left}px`,
 				top: `${rect.bottom + 8}px`,
@@ -283,6 +293,22 @@ var GrSelect_default = /* @__PURE__ */ defineComponent({
 				showNativeChevron: showNativeChevron.value
 			});
 		});
+		/**
+		* `view="link"` в native-режиме: ширина обёртки должна определяться выбранной опцией,
+		* а не самой длинной (как делает браузер по умолчанию). Поэтому рендерим прозрачный
+		* `<select>`-overlay поверх видимого `<span>` с меткой — overlay принимает клики/клавиатуру,
+		* span задаёт ширину компонента в закрытом состоянии.
+		*/
+		const isLinkNative = computed(() => props.view === "link" && props.optionsView === "native");
+		const linkNativeLabelClassName = computed(() => grSelectLinkNativeLabelClass({
+			size: props.size,
+			variant: props.variant,
+			underline: props.underline,
+			disabled: props.disabled
+		}));
+		const linkNativeDisplayText = computed(() => {
+			return displayText.value || props.placeholder || "\xA0";
+		});
 		const triggerClassName = computed(() => {
 			return grSelectTriggerClass({
 				view: props.view,
@@ -310,26 +336,35 @@ var GrSelect_default = /* @__PURE__ */ defineComponent({
 				key: 0,
 				"data-ds-select": "",
 				class: normalizeClass(rootClass.value)
-			}, [createElementVNode("select", {
-				"data-ds-select-native": "",
-				value: __props.multiple ? modelMultiple.value : modelSingle.value,
-				multiple: __props.multiple,
-				disabled: __props.disabled,
-				"aria-label": __props.ariaLabel,
-				class: normalizeClass([baseClassName.value, nativeClassName.value]),
-				onChange
-			}, [nativeClearOptionVisible.value ? (openBlock(), createElementBlock("option", _hoisted_2)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, () => [nativeCustomOptionVisible.value ? (openBlock(), createElementBlock("option", {
-				key: 0,
-				value: modelSingle.value
-			}, toDisplayString(modelSingle.value), 9, _hoisted_3)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (opt) => {
-				return openBlock(), createElementBlock("option", {
-					key: opt.value,
-					value: opt.value
-				}, toDisplayString(opt.label), 9, _hoisted_4);
-			}), 128))])], 42, _hoisted_1), showNativeChevron.value ? (openBlock(), createElementBlock("span", _hoisted_5, [..._cache[1] || (_cache[1] = [createElementVNode("span", {
-				class: "i-lucide-chevron-down h-4 w-4",
-				"aria-hidden": "true"
-			}, null, -1)])])) : createCommentVNode("", true)], 2)) : withDirectives((openBlock(), createElementBlock("div", {
+			}, [
+				createElementVNode("select", {
+					"data-ds-select-native": "",
+					value: __props.multiple ? modelMultiple.value : modelSingle.value,
+					multiple: __props.multiple,
+					disabled: __props.disabled,
+					"aria-label": __props.ariaLabel,
+					class: normalizeClass(isLinkNative.value ? unref(grSelectLinkNativeOverlayClass) : [baseClassName.value, nativeClassName.value]),
+					onChange
+				}, [nativeClearOptionVisible.value ? (openBlock(), createElementBlock("option", _hoisted_2)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, () => [nativeCustomOptionVisible.value ? (openBlock(), createElementBlock("option", {
+					key: 0,
+					value: modelSingle.value
+				}, toDisplayString(modelSingle.value), 9, _hoisted_3)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (opt) => {
+					return openBlock(), createElementBlock("option", {
+						key: opt.value,
+						value: opt.value
+					}, toDisplayString(opt.label), 9, _hoisted_4);
+				}), 128))])], 42, _hoisted_1),
+				isLinkNative.value ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					"data-ds-select-link-label": "",
+					"aria-hidden": "true",
+					class: normalizeClass(linkNativeLabelClassName.value)
+				}, toDisplayString(linkNativeDisplayText.value), 3)) : createCommentVNode("", true),
+				showNativeChevron.value ? (openBlock(), createElementBlock("span", _hoisted_5, [..._cache[1] || (_cache[1] = [createElementVNode("span", {
+					class: "i-lucide-chevron-down h-4 w-4",
+					"aria-hidden": "true"
+				}, null, -1)])])) : createCommentVNode("", true)
+			], 2)) : withDirectives((openBlock(), createElementBlock("div", {
 				key: 1,
 				ref_key: "rootEl",
 				ref: rootEl,
@@ -410,16 +445,16 @@ var GrSelect_default = /* @__PURE__ */ defineComponent({
 						"data-testid": "ds-select-add-option",
 						"data-ds-select-add-option": "",
 						type: "button",
-						class: "w-full rounded-[10px] px-3 py-2 text-left text-[13px] hover:bg-[color-mix(in_srgb,var(--muted)_30%,transparent)]",
+						class: normalizeClass(["rounded-[10px] px-3 py-2 text-left text-[13px] hover:bg-[color-mix(in_srgb,var(--muted)_30%,transparent)]", [__props.view === "link" ? "block min-w-full w-max whitespace-nowrap" : "w-full"]]),
 						onClick: addCustom
-					}, " Add “" + toDisplayString(customValue.value.trim()) + "” ", 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(visibleOptions.value, (opt) => {
+					}, " Add “" + toDisplayString(customValue.value.trim()) + "” ", 3)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(visibleOptions.value, (opt) => {
 						return openBlock(), createElementBlock("button", {
 							key: opt.value,
 							"data-ds-select-option": "",
 							type: "button",
 							role: "option",
 							"aria-selected": isSelected(opt.value) ? "true" : "false",
-							class: "w-full rounded-[10px] px-3 py-2 text-left text-[13px] hover:bg-[color-mix(in_srgb,var(--muted)_30%,transparent)]",
+							class: normalizeClass(["rounded-[10px] px-3 py-2 text-left text-[13px] hover:bg-[color-mix(in_srgb,var(--muted)_30%,transparent)]", [__props.view === "link" ? "block min-w-full w-max whitespace-nowrap" : "w-full"]]),
 							onClick: ($event) => toggleValue(opt.value)
 						}, [renderSlot(_ctx.$slots, "option", {
 							option: opt,
@@ -427,7 +462,7 @@ var GrSelect_default = /* @__PURE__ */ defineComponent({
 						}, () => [createElementVNode("span", _hoisted_14, [createElementVNode("span", {
 							class: normalizeClass(["h-4 w-4 shrink-0", isSelected(opt.value) ? "i-lucide-check text-[var(--primary)]" : ""]),
 							"aria-hidden": "true"
-						}, null, 2), createElementVNode("span", _hoisted_15, toDisplayString(opt.label), 1)])])], 8, _hoisted_13);
+						}, null, 2), createElementVNode("span", _hoisted_15, toDisplayString(opt.label), 1)])])], 10, _hoisted_13);
 					}), 128))], 12, _hoisted_12)], 2)], 4), [[vShow, open.value]])]),
 					_: 3
 				})]))

package/dist/components/GrSelect/chunks/GrSelect-BMmQWQBp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrSelect-BMmQWQBp.js","names":[],"sources":["../../../../src/components/GrSelect/GrSelect.vue","../../../../src/components/GrSelect/GrSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onUnmounted, ref, watch } from 'vue'\n\nimport GrInput from '../GrInput/GrInput.vue'\nimport { vClickOutside } from '../../directives'\n\nimport {\n  defaultBaseClass,\n  grSelectLinkNativeLabelClass,\n  grSelectLinkNativeOverlayClass,\n  grSelectNativeClass,\n  grSelectPanelClasses,\n  grSelectTriggerClass,\n  linkBaseClass,\n  type GrSelectModelValue,\n  type GrSelectOption,\n  type GrSelectOptionsView,\n  type GrSelectSize,\n  type GrSelectUnderline,\n  type GrSelectVariant,\n  type GrSelectView,\n} from './grSelectStyles'\n\nexport type {\n  GrSelectModelValue,\n  GrSelectOption,\n  GrSelectOptionsView,\n  GrSelectSize,\n  GrSelectUnderline,\n  GrSelectVariant,\n  GrSelectView,\n} from './grSelectStyles'\n\n/**\n * Пропсы публичного DS-примитива «Select».\n */\nexport interface GrSelectProps {\n  modelValue: GrSelectModelValue\n  options?: GrSelectOption[]\n  disabled?: boolean\n  ariaLabel?: string\n  view?: GrSelectView\n  size?: GrSelectSize\n  /** Placeholder (показывается, когда значение не выбрано). */\n  placeholder?: string\n  /** Multiple selection. */\n  multiple?: boolean\n  /** Как отображать список опций: нативный `<select>` или кастомная панель. */\n  optionsView?: GrSelectOptionsView\n  /** Разрешает ввод/выбор значения, которого нет в `options`. */\n  allowCustomValue?: boolean\n  /** Placeholder для инпута кастомного значения (только в `optionsView=\"panel\"`). */\n  customValuePlaceholder?: string\n  /** Максимальная высота панели (только в `optionsView=\"panel\"`). */\n  dropdownMaxHeight?: number\n  /** Закрывать панель после выбора (только в `optionsView=\"panel\"`). */\n  closeOnSelect?: boolean\n  /** Разрешает очистку выбранного значения. */\n  clearable?: boolean\n  /** i18n-label для кнопки очистки (`aria-label`). */\n  clearLabel?: string\n  /**\n   * Цвет/вариант ссылки для `view=\"link\"` (аналогично `GrLink`).\n   * В `view=\"default\"` не используется.\n   */\n  variant?: GrSelectVariant\n  /**\n   * Подчёркивание для `view=\"link\"` (аналогично `GrLink`).\n   * В `view=\"default\"` не используется.\n   */\n  underline?: GrSelectUnderline\n}\n\nconst props = withDefaults(\n  defineProps<GrSelectProps>(),\n  {\n    options: undefined,\n    disabled: false,\n    ariaLabel: undefined,\n    view: 'default',\n    size: 'md',\n\n    placeholder: undefined,\n    multiple: false,\n\n    optionsView: 'native',\n    allowCustomValue: false,\n    customValuePlaceholder: 'Add value…',\n    dropdownMaxHeight: 280,\n    closeOnSelect: true,\n    clearable: false,\n    clearLabel: 'Clear',\n    variant: 'primary',\n    underline: 'auto',\n  },\n)\n\nconst baseClassName = computed(() => props.view === 'link' ? linkBaseClass : defaultBaseClass)\n\nconst rootClass = computed(() => props.view === 'link' ? 'relative inline-block align-baseline' : 'relative w-full')\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrSelectModelValue): void\n}>()\n\nconst optionsResolved = computed(() => props.options ?? [])\n\nfunction modelToArray(value: GrSelectModelValue): string[] {\n  if (Array.isArray(value)) return value\n  if (!value) return []\n  return [value]\n}\n\nconst modelSingle = computed(() => {\n  return Array.isArray(props.modelValue) ? (props.modelValue[0] ?? '') : props.modelValue\n})\n\nconst modelMultiple = computed(() => modelToArray(props.modelValue))\n\nconst selectedValues = computed(() => {\n  return props.multiple ? modelMultiple.value : (modelSingle.value ? [modelSingle.value] : [])\n})\n\nconst hasSelection = computed(() => selectedValues.value.length > 0)\n\nconst selectedOptions = computed<GrSelectOption[]>(() => {\n  const byValue = new Map(optionsResolved.value.map(o => [o.value, o]))\n  return selectedValues.value.map((v) => byValue.get(v) ?? { value: v, label: v })\n})\n\nconst hasModelInOptions = computed(() => {\n  if (props.multiple) return false\n  return optionsResolved.value.some((o) => o.value === modelSingle.value)\n})\n\nconst displayLabel = computed(() => {\n  if (props.multiple) {\n    if (!selectedValues.value.length) return ''\n    return selectedValues.value\n      .map((v) => optionsResolved.value.find((o) => o.value === v)?.label ?? v)\n      .join(', ')\n  }\n\n  return optionsResolved.value.find((o) => o.value === modelSingle.value)?.label ?? modelSingle.value\n})\n\nconst displayText = computed(() => {\n  if (hasSelection.value) return displayLabel.value\n  return props.placeholder ?? ''\n})\n\nconst nativeCustomOptionVisible = computed(() => {\n  if (!props.allowCustomValue) return false\n  if (props.optionsView !== 'native') return false\n  if (props.multiple) return false\n  if (!props.options) return false\n  if (modelSingle.value === '') return false\n  return !hasModelInOptions.value\n})\n\nconst customValue = ref('')\nconst open = ref(false)\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst customInputRef = ref<InstanceType<typeof GrInput> | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\nconst panelStyle = ref<Record<string, string>>({\n  left: '0px',\n  top: '0px',\n  width: '0px',\n  zIndex: '2147483647',\n})\n\nfunction syncPanelPosition(): void {\n  if (typeof window === 'undefined') return\n\n  const root = rootEl.value\n  if (!root) return\n\n  const rect = root.getBoundingClientRect()\n\n  // Для `view='link'` ширина триггера = ширине выбранной опции (`inline-block w-auto`),\n  // и без отдельной обработки панель тоже становилась шириной выбранной опции, из-за чего\n  // её размер «прыгал» при выборе разных опций. Решение — отдать вычисление ширины браузеру:\n  // `width: max-content` (по самому длинному ребёнку — `w-full`-кнопкам с `whitespace-nowrap`),\n  // `min-width` равной ширине триггера (чтобы панель не была уже самого триггера).\n  // Это чисто CSS-подход — без JS-замеров и ResizeObserver, максимально перформантный.\n  if (props.view === 'link') {\n    panelStyle.value = {\n      left: `${rect.left}px`,\n      top: `${rect.bottom + 8}px`,\n      width: 'max-content',\n      minWidth: `${rect.width}px`,\n      zIndex: '2147483647',\n    }\n    return\n  }\n\n  panelStyle.value = {\n    left: `${rect.left}px`,\n    top: `${rect.bottom + 8}px`,\n    width: `${rect.width}px`,\n    zIndex: '2147483647',\n  }\n}\n\nfunction bindPanelPositionListeners(): void {\n  if (typeof window === 'undefined') return\n  window.addEventListener('resize', syncPanelPosition)\n  window.addEventListener('scroll', syncPanelPosition, true)\n}\n\nfunction unbindPanelPositionListeners(): void {\n  if (typeof window === 'undefined') return\n  window.removeEventListener('resize', syncPanelPosition)\n  window.removeEventListener('scroll', syncPanelPosition, true)\n}\n\nfunction closeDropdown(): void {\n  open.value = false\n}\n\nfunction toggleDropdown(): void {\n  if (props.disabled) return\n  open.value = !open.value\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') closeDropdown()\n}\n\nwatch(\n  open,\n  async (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    unbindPanelPositionListeners()\n\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n\n    if (!isOpen) {\n      customValue.value = ''\n      return\n    }\n\n    bindPanelPositionListeners()\n    await nextTick()\n    syncPanelPosition()\n\n    if (props.allowCustomValue) {\n      customInputRef.value?.focus()\n    }\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n  unbindPanelPositionListeners()\n})\n\nconst panelClasses = computed(() => {\n  return grSelectPanelClasses\n})\n\nconst visibleOptions = computed(() => {\n  const base = optionsResolved.value\n\n  const withCustom = (() => {\n    if (!props.allowCustomValue) return base\n    if (props.multiple) return base\n    if (modelSingle.value === '') return base\n    if (hasModelInOptions.value) return base\n    return [{ value: modelSingle.value, label: modelSingle.value }, ...base]\n  })()\n\n  if (!props.allowCustomValue) return withCustom\n\n  const q = customValue.value.trim().toLowerCase()\n  if (!q) return withCustom\n\n  return withCustom.filter((o) => {\n    return o.label.toLowerCase().includes(q) || o.value.toLowerCase().includes(q)\n  })\n})\n\nconst canAddCustom = computed(() => {\n  if (!props.allowCustomValue) return false\n  if (props.optionsView !== 'panel') return false\n  const v = customValue.value.trim()\n  if (!v) return false\n\n  if (props.multiple) {\n    if (selectedValues.value.includes(v)) return false\n    return !optionsResolved.value.some((o) => o.value === v)\n  }\n\n  if (v === modelSingle.value) return false\n  return !optionsResolved.value.some((o) => o.value === v)\n})\n\nfunction emitValue(value: GrSelectModelValue): void {\n  emit('update:modelValue', value)\n}\n\nfunction isSelected(value: string): boolean {\n  return selectedValues.value.includes(value)\n}\n\nfunction selectValue(value: string): void {\n  emitValue(value)\n  if (props.closeOnSelect) {\n    closeDropdown()\n  }\n}\n\nfunction toggleValue(value: string): void {\n  if (!props.multiple) {\n    selectValue(value)\n    return\n  }\n\n  const next = selectedValues.value.slice()\n  const idx = next.indexOf(value)\n  if (idx >= 0) {\n    next.splice(idx, 1)\n  }\n  else {\n    next.push(value)\n  }\n\n  emitValue(next)\n  if (props.closeOnSelect) {\n    closeDropdown()\n  }\n}\n\nfunction addCustom(): void {\n  const v = customValue.value.trim()\n  if (!v) return\n  toggleValue(v)\n}\n\nconst showNativeChevron = computed(() => {\n  return props.optionsView === 'native' && props.view !== 'link' && !props.multiple\n})\n\nconst nativeClearOptionVisible = computed(() => {\n  if (!props.clearable) return false\n  if (props.optionsView !== 'native') return false\n  if (props.multiple) return false\n  if (!props.options) return true\n  return !props.options.some(o => o.value === '')\n})\n\nconst panelClearVisible = computed(() => {\n  if (!props.clearable) return false\n  if (props.optionsView !== 'panel') return false\n  if (props.view === 'link') return false\n  return hasSelection.value\n})\n\nconst nativeClassName = computed(() => {\n  return grSelectNativeClass({\n    view: props.view,\n    size: props.size,\n    disabled: props.disabled,\n    variant: props.variant,\n    underline: props.underline,\n    showNativeChevron: showNativeChevron.value,\n  })\n})\n\n/**\n * `view=\"link\"` в native-режиме: ширина обёртки должна определяться выбранной опцией,\n * а не самой длинной (как делает браузер по умолчанию). Поэтому рендерим прозрачный\n * `<select>`-overlay поверх видимого `<span>` с меткой — overlay принимает клики/клавиатуру,\n * span задаёт ширину компонента в закрытом состоянии.\n */\nconst isLinkNative = computed(() => props.view === 'link' && props.optionsView === 'native')\n\nconst linkNativeLabelClassName = computed(() => grSelectLinkNativeLabelClass({\n  size: props.size,\n  variant: props.variant,\n  underline: props.underline,\n  disabled: props.disabled,\n}))\n\nconst linkNativeDisplayText = computed(() => {\n  return displayText.value || props.placeholder || '\\u00A0'\n})\n\nconst triggerClassName = computed(() => {\n  return grSelectTriggerClass({\n    view: props.view,\n    optionsView: props.optionsView,\n    size: props.size,\n    disabled: props.disabled,\n    variant: props.variant,\n    underline: props.underline,\n  })\n})\n\nfunction onChange(e: Event): void {\n  const el = e.target as HTMLSelectElement\n\n  if (props.multiple) {\n    const values = Array.from(el.selectedOptions, o => o.value)\n    emit('update:modelValue', values)\n    return\n  }\n\n  emit('update:modelValue', el.value)\n}\n\nfunction clearSelection(): void {\n  if (props.disabled) return\n  emitValue(props.multiple ? [] : '')\n}\n</script>\n\n<template>\n  <div\n    v-if=\"optionsView === 'native'\"\n    data-ds-select\n    :class=\"rootClass\"\n  >\n    <select\n      data-ds-select-native\n      :value=\"multiple ? modelMultiple : modelSingle\"\n      :multiple=\"multiple\"\n      :disabled=\"disabled\"\n      :aria-label=\"ariaLabel\"\n      :class=\"isLinkNative ? grSelectLinkNativeOverlayClass : [baseClassName, nativeClassName]\"\n      @change=\"onChange\"\n    >\n      <option v-if=\"nativeClearOptionVisible\" value=\"\" />\n\n      <slot>\n        <option v-if=\"nativeCustomOptionVisible\" :value=\"modelSingle\">\n          {{ modelSingle }}\n        </option>\n        <option v-for=\"opt in options\" :key=\"opt.value\" :value=\"opt.value\">\n          {{ opt.label }}\n        </option>\n      </slot>\n    </select>\n\n    <span\n      v-if=\"isLinkNative\"\n      data-ds-select-link-label\n      aria-hidden=\"true\"\n      :class=\"linkNativeLabelClassName\"\n    >{{ linkNativeDisplayText }}</span>\n\n    <span\n      v-if=\"showNativeChevron\"\n      data-testid=\"ds-select-chevron\"\n      class=\"absolute top-1/2 -translate-y-1/2 right-3 text-[var(--muted-fg)] pointer-events-none\"\n    >\n      <span class=\"i-lucide-chevron-down h-4 w-4\" aria-hidden=\"true\" />\n    </span>\n  </div>\n\n  <div\n    v-else\n    ref=\"rootEl\"\n    v-click-outside=\"{ handler: closeDropdown, enabled: open, exclude: clickOutsideExclude }\"\n    data-ds-select\n    :class=\"rootClass\"\n  >\n    <button\n      data-testid=\"ds-select-trigger\"\n      data-ds-select-trigger\n      type=\"button\"\n      :disabled=\"disabled\"\n      :aria-label=\"ariaLabel\"\n      role=\"combobox\"\n      aria-readonly=\"true\"\n      :aria-expanded=\"open ? 'true' : 'false'\"\n      :class=\"[baseClassName, triggerClassName]\"\n      @click=\"toggleDropdown\"\n    >\n      <span class=\"min-w-0 flex-1\">\n        <slot\n          name=\"value\"\n          :selected-options=\"selectedOptions\"\n          :selected-values=\"selectedValues\"\n          :display-label=\"displayLabel\"\n          :placeholder=\"placeholder\"\n          :has-selection=\"hasSelection\"\n        >\n          <span\n            class=\"block truncate\"\n            :class=\"!hasSelection ? 'text-[var(--muted-fg)]' : ''\"\n          >\n            {{ displayText }}\n          </span>\n        </slot>\n      </span>\n\n      <span\n        v-if=\"panelClearVisible\"\n        class=\"shrink-0 h-4 w-4\"\n        aria-hidden=\"true\"\n      />\n\n      <span\n        v-else\n        data-testid=\"ds-select-chevron\"\n        class=\"shrink-0 text-[var(--muted-fg)] pointer-events-none\"\n      >\n        <span class=\"i-lucide-chevron-down h-4 w-4\" aria-hidden=\"true\" />\n      </span>\n    </button>\n\n    <button\n      v-if=\"panelClearVisible\"\n      data-testid=\"ds-select-clear\"\n      data-ds-select-clear\n      type=\"button\"\n      class=\"absolute top-1/2 -translate-y-1/2 right-3 h-6 w-6 inline-flex items-center justify-center rounded-md text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--muted)_25%,transparent)] disabled:opacity-50\"\n      :disabled=\"disabled\"\n      :aria-label=\"clearLabel\"\n      @click.stop=\"clearSelection\"\n    >\n      <span class=\"i-lucide-x h-4 w-4\" aria-hidden=\"true\" />\n    </button>\n\n    <teleport to=\"body\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          ref=\"panelEl\"\n          data-testid=\"ds-select-panel\"\n          data-ds-select-panel\n          class=\"fixed w-full\"\n          :style=\"panelStyle\"\n        >\n          <div :class=\"panelClasses\">\n            <div v-if=\"allowCustomValue\" class=\"p-2 border-b border-[var(--brd)]\">\n              <GrInput\n                ref=\"customInputRef\"\n                v-model=\"customValue\"\n                data-testid=\"ds-select-custom-input\"\n                type=\"text\"\n                :placeholder=\"customValuePlaceholder\"\n                size=\"sm\"\n                @keydown.enter.prevent=\"addCustom\"\n              />\n            </div>\n\n            <div\n              data-ds-select-listbox\n              class=\"p-1 overflow-auto\"\n              :style=\"{ maxHeight: `${dropdownMaxHeight}px` }\"\n              role=\"listbox\"\n              :aria-multiselectable=\"multiple ? 'true' : undefined\"\n            >\n              <button\n                v-if=\"canAddCustom\"\n                data-testid=\"ds-select-add-option\"\n                data-ds-select-add-option\n                type=\"button\"\n                class=\"rounded-[10px] px-3 py-2 text-left text-[13px] hover:bg-[color-mix(in_srgb,var(--muted)_30%,transparent)]\" :class=\"[\n                  view === 'link' ? 'block min-w-full w-max whitespace-nowrap' : 'w-full',\n                ]\"\n                @click=\"addCustom\"\n              >\n                Add “{{ customValue.trim() }}”\n              </button>\n\n              <button\n                v-for=\"opt in visibleOptions\"\n                :key=\"opt.value\"\n                data-ds-select-option\n                type=\"button\"\n                role=\"option\"\n                :aria-selected=\"isSelected(opt.value) ? 'true' : 'false'\"\n                class=\"rounded-[10px] px-3 py-2 text-left text-[13px] hover:bg-[color-mix(in_srgb,var(--muted)_30%,transparent)]\" :class=\"[\n                  view === 'link' ? 'block min-w-full w-max whitespace-nowrap' : 'w-full',\n                ]\"\n                @click=\"toggleValue(opt.value)\"\n              >\n                <slot name=\"option\" :option=\"opt\" :selected=\"isSelected(opt.value)\">\n                  <span class=\"flex items-center gap-2 min-w-0\">\n                    <span\n                      class=\"h-4 w-4 shrink-0\"\n                      :class=\"isSelected(opt.value) ? 'i-lucide-check text-[var(--primary)]' : ''\"\n                      aria-hidden=\"true\"\n                    />\n                    <span class=\"truncate\">{{ opt.label }}</span>\n                  </span>\n                </slot>\n              </button>\n            </div>\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onUnmounted, ref, watch } from 'vue'\n\nimport GrInput from '../GrInput/GrInput.vue'\nimport { vClickOutside } from '../../directives'\n\nimport {\n  defaultBaseClass,\n  grSelectLinkNativeLabelClass,\n  grSelectLinkNativeOverlayClass,\n  grSelectNativeClass,\n  grSelectPanelClasses,\n  grSelectTriggerClass,\n  linkBaseClass,\n  type GrSelectModelValue,\n  type GrSelectOption,\n  type GrSelectOptionsView,\n  type GrSelectSize,\n  type GrSelectUnderline,\n  type GrSelectVariant,\n  type GrSelectView,\n} from './grSelectStyles'\n\nexport type {\n  GrSelectModelValue,\n  GrSelectOption,\n  GrSelectOptionsView,\n  GrSelectSize,\n  GrSelectUnderline,\n  GrSelectVariant,\n  GrSelectView,\n} from './grSelectStyles'\n\n/**\n * Пропсы публичного DS-примитива «Select».\n */\nexport interface GrSelectProps {\n  modelValue: GrSelectModelValue\n  options?: GrSelectOption[]\n  disabled?: boolean\n  ariaLabel?: string\n  view?: GrSelectView\n  size?: GrSelectSize\n  /** Placeholder (показывается, когда значение не выбрано). */\n  placeholder?: string\n  /** Multiple selection. */\n  multiple?: boolean\n  /** Как отображать список опций: нативный `<select>` или кастомная панель. */\n  optionsView?: GrSelectOptionsView\n  /** Разрешает ввод/выбор значения, которого нет в `options`. */\n  allowCustomValue?: boolean\n  /** Placeholder для инпута кастомного значения (только в `optionsView=\"panel\"`). */\n  customValuePlaceholder?: string\n  /** Максимальная высота панели (только в `optionsView=\"panel\"`). */\n  dropdownMaxHeight?: number\n  /** Закрывать панель после выбора (только в `optionsView=\"panel\"`). */\n  closeOnSelect?: boolean\n  /** Разрешает очистку выбранного значения. */\n  clearable?: boolean\n  /** i18n-label для кнопки очистки (`aria-label`). */\n  clearLabel?: string\n  /**\n   * Цвет/вариант ссылки для `view=\"link\"` (аналогично `GrLink`).\n   * В `view=\"default\"` не используется.\n   */\n  variant?: GrSelectVariant\n  /**\n   * Подчёркивание для `view=\"link\"` (аналогично `GrLink`).\n   * В `view=\"default\"` не используется.\n   */\n  underline?: GrSelectUnderline\n}\n\nconst props = withDefaults(\n  defineProps<GrSelectProps>(),\n  {\n    options: undefined,\n    disabled: false,\n    ariaLabel: undefined,\n    view: 'default',\n    size: 'md',\n\n    placeholder: undefined,\n    multiple: false,\n\n    optionsView: 'native',\n    allowCustomValue: false,\n    customValuePlaceholder: 'Add value…',\n    dropdownMaxHeight: 280,\n    closeOnSelect: true,\n    clearable: false,\n    clearLabel: 'Clear',\n    variant: 'primary',\n    underline: 'auto',\n  },\n)\n\nconst baseClassName = computed(() => props.view === 'link' ? linkBaseClass : defaultBaseClass)\n\nconst rootClass = computed(() => props.view === 'link' ? 'relative inline-block align-baseline' : 'relative w-full')\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrSelectModelValue): void\n}>()\n\nconst optionsResolved = computed(() => props.options ?? [])\n\nfunction modelToArray(value: GrSelectModelValue): string[] {\n  if (Array.isArray(value)) return value\n  if (!value) return []\n  return [value]\n}\n\nconst modelSingle = computed(() => {\n  return Array.isArray(props.modelValue) ? (props.modelValue[0] ?? '') : props.modelValue\n})\n\nconst modelMultiple = computed(() => modelToArray(props.modelValue))\n\nconst selectedValues = computed(() => {\n  return props.multiple ? modelMultiple.value : (modelSingle.value ? [modelSingle.value] : [])\n})\n\nconst hasSelection = computed(() => selectedValues.value.length > 0)\n\nconst selectedOptions = computed<GrSelectOption[]>(() => {\n  const byValue = new Map(optionsResolved.value.map(o => [o.value, o]))\n  return selectedValues.value.map((v) => byValue.get(v) ?? { value: v, label: v })\n})\n\nconst hasModelInOptions = computed(() => {\n  if (props.multiple) return false\n  return optionsResolved.value.some((o) => o.value === modelSingle.value)\n})\n\nconst displayLabel = computed(() => {\n  if (props.multiple) {\n    if (!selectedValues.value.length) return ''\n    return selectedValues.value\n      .map((v) => optionsResolved.value.find((o) => o.value === v)?.label ?? v)\n      .join(', ')\n  }\n\n  return optionsResolved.value.find((o) => o.value === modelSingle.value)?.label ?? modelSingle.value\n})\n\nconst displayText = computed(() => {\n  if (hasSelection.value) return displayLabel.value\n  return props.placeholder ?? ''\n})\n\nconst nativeCustomOptionVisible = computed(() => {\n  if (!props.allowCustomValue) return false\n  if (props.optionsView !== 'native') return false\n  if (props.multiple) return false\n  if (!props.options) return false\n  if (modelSingle.value === '') return false\n  return !hasModelInOptions.value\n})\n\nconst customValue = ref('')\nconst open = ref(false)\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst customInputRef = ref<InstanceType<typeof GrInput> | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\nconst panelStyle = ref<Record<string, string>>({\n  left: '0px',\n  top: '0px',\n  width: '0px',\n  zIndex: '2147483647',\n})\n\nfunction syncPanelPosition(): void {\n  if (typeof window === 'undefined') return\n\n  const root = rootEl.value\n  if (!root) return\n\n  const rect = root.getBoundingClientRect()\n\n  // Для `view='link'` ширина триггера = ширине выбранной опции (`inline-block w-auto`),\n  // и без отдельной обработки панель тоже становилась шириной выбранной опции, из-за чего\n  // её размер «прыгал» при выборе разных опций. Решение — отдать вычисление ширины браузеру:\n  // `width: max-content` (по самому длинному ребёнку — `w-full`-кнопкам с `whitespace-nowrap`),\n  // `min-width` равной ширине триггера (чтобы панель не была уже самого триггера).\n  // Это чисто CSS-подход — без JS-замеров и ResizeObserver, максимально перформантный.\n  if (props.view === 'link') {\n    panelStyle.value = {\n      left: `${rect.left}px`,\n      top: `${rect.bottom + 8}px`,\n      width: 'max-content',\n      minWidth: `${rect.width}px`,\n      zIndex: '2147483647',\n    }\n    return\n  }\n\n  panelStyle.value = {\n    left: `${rect.left}px`,\n    top: `${rect.bottom + 8}px`,\n    width: `${rect.width}px`,\n    zIndex: '2147483647',\n  }\n}\n\nfunction bindPanelPositionListeners(): void {\n  if (typeof window === 'undefined') return\n  window.addEventListener('resize', syncPanelPosition)\n  window.addEventListener('scroll', syncPanelPosition, true)\n}\n\nfunction unbindPanelPositionListeners(): void {\n  if (typeof window === 'undefined') return\n  window.removeEventListener('resize', syncPanelPosition)\n  window.removeEventListener('scroll', syncPanelPosition, true)\n}\n\nfunction closeDropdown(): void {\n  open.value = false\n}\n\nfunction toggleDropdown(): void {\n  if (props.disabled) return\n  open.value = !open.value\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') closeDropdown()\n}\n\nwatch(\n  open,\n  async (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    unbindPanelPositionListeners()\n\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n\n    if (!isOpen) {\n      customValue.value = ''\n      return\n    }\n\n    bindPanelPositionListeners()\n    await nextTick()\n    syncPanelPosition()\n\n    if (props.allowCustomValue) {\n      customInputRef.value?.focus()\n    }\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n  unbindPanelPositionListeners()\n})\n\nconst panelClasses = computed(() => {\n  return grSelectPanelClasses\n})\n\nconst visibleOptions = computed(() => {\n  const base = optionsResolved.value\n\n  const withCustom = (() => {\n    if (!props.allowCustomValue) return base\n    if (props.multiple) return base\n    if (modelSingle.value === '') return base\n    if (hasModelInOptions.value) return base\n    return [{ value: modelSingle.value, label: modelSingle.value }, ...base]\n  })()\n\n  if (!props.allowCustomValue) return withCustom\n\n  const q = customValue.value.trim().toLowerCase()\n  if (!q) return withCustom\n\n  return withCustom.filter((o) => {\n    return o.label.toLowerCase().includes(q) || o.value.toLowerCase().includes(q)\n  })\n})\n\nconst canAddCustom = computed(() => {\n  if (!props.allowCustomValue) return false\n  if (props.optionsView !== 'panel') return false\n  const v = customValue.value.trim()\n  if (!v) return false\n\n  if (props.multiple) {\n    if (selectedValues.value.includes(v)) return false\n    return !optionsResolved.value.some((o) => o.value === v)\n  }\n\n  if (v === modelSingle.value) return false\n  return !optionsResolved.value.some((o) => o.value === v)\n})\n\nfunction emitValue(value: GrSelectModelValue): void {\n  emit('update:modelValue', value)\n}\n\nfunction isSelected(value: string): boolean {\n  return selectedValues.value.includes(value)\n}\n\nfunction selectValue(value: string): void {\n  emitValue(value)\n  if (props.closeOnSelect) {\n    closeDropdown()\n  }\n}\n\nfunction toggleValue(value: string): void {\n  if (!props.multiple) {\n    selectValue(value)\n    return\n  }\n\n  const next = selectedValues.value.slice()\n  const idx = next.indexOf(value)\n  if (idx >= 0) {\n    next.splice(idx, 1)\n  }\n  else {\n    next.push(value)\n  }\n\n  emitValue(next)\n  if (props.closeOnSelect) {\n    closeDropdown()\n  }\n}\n\nfunction addCustom(): void {\n  const v = customValue.value.trim()\n  if (!v) return\n  toggleValue(v)\n}\n\nconst showNativeChevron = computed(() => {\n  return props.optionsView === 'native' && props.view !== 'link' && !props.multiple\n})\n\nconst nativeClearOptionVisible = computed(() => {\n  if (!props.clearable) return false\n  if (props.optionsView !== 'native') return false\n  if (props.multiple) return false\n  if (!props.options) return true\n  return !props.options.some(o => o.value === '')\n})\n\nconst panelClearVisible = computed(() => {\n  if (!props.clearable) return false\n  if (props.optionsView !== 'panel') return false\n  if (props.view === 'link') return false\n  return hasSelection.value\n})\n\nconst nativeClassName = computed(() => {\n  return grSelectNativeClass({\n    view: props.view,\n    size: props.size,\n    disabled: props.disabled,\n    variant: props.variant,\n    underline: props.underline,\n    showNativeChevron: showNativeChevron.value,\n  })\n})\n\n/**\n * `view=\"link\"` в native-режиме: ширина обёртки должна определяться выбранной опцией,\n * а не самой длинной (как делает браузер по умолчанию). Поэтому рендерим прозрачный\n * `<select>`-overlay поверх видимого `<span>` с меткой — overlay принимает клики/клавиатуру,\n * span задаёт ширину компонента в закрытом состоянии.\n */\nconst isLinkNative = computed(() => props.view === 'link' && props.optionsView === 'native')\n\nconst linkNativeLabelClassName = computed(() => grSelectLinkNativeLabelClass({\n  size: props.size,\n  variant: props.variant,\n  underline: props.underline,\n  disabled: props.disabled,\n}))\n\nconst linkNativeDisplayText = computed(() => {\n  return displayText.value || props.placeholder || '\\u00A0'\n})\n\nconst triggerClassName = computed(() => {\n  return grSelectTriggerClass({\n    view: props.view,\n    optionsView: props.optionsView,\n    size: props.size,\n    disabled: props.disabled,\n    variant: props.variant,\n    underline: props.underline,\n  })\n})\n\nfunction onChange(e: Event): void {\n  const el = e.target as HTMLSelectElement\n\n  if (props.multiple) {\n    const values = Array.from(el.selectedOptions, o => o.value)\n    emit('update:modelValue', values)\n    return\n  }\n\n  emit('update:modelValue', el.value)\n}\n\nfunction clearSelection(): void {\n  if (props.disabled) return\n  emitValue(props.multiple ? [] : '')\n}\n</script>\n\n<template>\n  <div\n    v-if=\"optionsView === 'native'\"\n    data-ds-select\n    :class=\"rootClass\"\n  >\n    <select\n      data-ds-select-native\n      :value=\"multiple ? modelMultiple : modelSingle\"\n      :multiple=\"multiple\"\n      :disabled=\"disabled\"\n      :aria-label=\"ariaLabel\"\n      :class=\"isLinkNative ? grSelectLinkNativeOverlayClass : [baseClassName, nativeClassName]\"\n      @change=\"onChange\"\n    >\n      <option v-if=\"nativeClearOptionVisible\" value=\"\" />\n\n      <slot>\n        <option v-if=\"nativeCustomOptionVisible\" :value=\"modelSingle\">\n          {{ modelSingle }}\n        </option>\n        <option v-for=\"opt in options\" :key=\"opt.value\" :value=\"opt.value\">\n          {{ opt.label }}\n        </option>\n      </slot>\n    </select>\n\n    <span\n      v-if=\"isLinkNative\"\n      data-ds-select-link-label\n      aria-hidden=\"true\"\n      :class=\"linkNativeLabelClassName\"\n    >{{ linkNativeDisplayText }}</span>\n\n    <span\n      v-if=\"showNativeChevron\"\n      data-testid=\"ds-select-chevron\"\n      class=\"absolute top-1/2 -translate-y-1/2 right-3 text-[var(--muted-fg)] pointer-events-none\"\n    >\n      <span class=\"i-lucide-chevron-down h-4 w-4\" aria-hidden=\"true\" />\n    </span>\n  </div>\n\n  <div\n    v-else\n    ref=\"rootEl\"\n    v-click-outside=\"{ handler: closeDropdown, enabled: open, exclude: clickOutsideExclude }\"\n    data-ds-select\n    :class=\"rootClass\"\n  >\n    <button\n      data-testid=\"ds-select-trigger\"\n      data-ds-select-trigger\n      type=\"button\"\n      :disabled=\"disabled\"\n      :aria-label=\"ariaLabel\"\n      role=\"combobox\"\n      aria-readonly=\"true\"\n      :aria-expanded=\"open ? 'true' : 'false'\"\n      :class=\"[baseClassName, triggerClassName]\"\n      @click=\"toggleDropdown\"\n    >\n      <span class=\"min-w-0 flex-1\">\n        <slot\n          name=\"value\"\n          :selected-options=\"selectedOptions\"\n          :selected-values=\"selectedValues\"\n          :display-label=\"displayLabel\"\n          :placeholder=\"placeholder\"\n          :has-selection=\"hasSelection\"\n        >\n          <span\n            class=\"block truncate\"\n            :class=\"!hasSelection ? 'text-[var(--muted-fg)]' : ''\"\n          >\n            {{ displayText }}\n          </span>\n        </slot>\n      </span>\n\n      <span\n        v-if=\"panelClearVisible\"\n        class=\"shrink-0 h-4 w-4\"\n        aria-hidden=\"true\"\n      />\n\n      <span\n        v-else\n        data-testid=\"ds-select-chevron\"\n        class=\"shrink-0 text-[var(--muted-fg)] pointer-events-none\"\n      >\n        <span class=\"i-lucide-chevron-down h-4 w-4\" aria-hidden=\"true\" />\n      </span>\n    </button>\n\n    <button\n      v-if=\"panelClearVisible\"\n      data-testid=\"ds-select-clear\"\n      data-ds-select-clear\n      type=\"button\"\n      class=\"absolute top-1/2 -translate-y-1/2 right-3 h-6 w-6 inline-flex items-center justify-center rounded-md text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--muted)_25%,transparent)] disabled:opacity-50\"\n      :disabled=\"disabled\"\n      :aria-label=\"clearLabel\"\n      @click.stop=\"clearSelection\"\n    >\n      <span class=\"i-lucide-x h-4 w-4\" aria-hidden=\"true\" />\n    </button>\n\n    <teleport to=\"body\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          ref=\"panelEl\"\n          data-testid=\"ds-select-panel\"\n          data-ds-select-panel\n          class=\"fixed w-full\"\n          :style=\"panelStyle\"\n        >\n          <div :class=\"panelClasses\">\n            <div v-if=\"allowCustomValue\" class=\"p-2 border-b border-[var(--brd)]\">\n              <GrInput\n                ref=\"customInputRef\"\n                v-model=\"customValue\"\n                data-testid=\"ds-select-custom-input\"\n                type=\"text\"\n                :placeholder=\"customValuePlaceholder\"\n                size=\"sm\"\n                @keydown.enter.prevent=\"addCustom\"\n              />\n            </div>\n\n            <div\n              data-ds-select-listbox\n              class=\"p-1 overflow-auto\"\n              :style=\"{ maxHeight: `${dropdownMaxHeight}px` }\"\n              role=\"listbox\"\n              :aria-multiselectable=\"multiple ? 'true' : undefined\"\n            >\n              <button\n                v-if=\"canAddCustom\"\n                data-testid=\"ds-select-add-option\"\n                data-ds-select-add-option\n                type=\"button\"\n                class=\"rounded-[10px] px-3 py-2 text-left text-[13px] hover:bg-[color-mix(in_srgb,var(--muted)_30%,transparent)]\" :class=\"[\n                  view === 'link' ? 'block min-w-full w-max whitespace-nowrap' : 'w-full',\n                ]\"\n                @click=\"addCustom\"\n              >\n                Add “{{ customValue.trim() }}”\n              </button>\n\n              <button\n                v-for=\"opt in visibleOptions\"\n                :key=\"opt.value\"\n                data-ds-select-option\n                type=\"button\"\n                role=\"option\"\n                :aria-selected=\"isSelected(opt.value) ? 'true' : 'false'\"\n                class=\"rounded-[10px] px-3 py-2 text-left text-[13px] hover:bg-[color-mix(in_srgb,var(--muted)_30%,transparent)]\" :class=\"[\n                  view === 'link' ? 'block min-w-full w-max whitespace-nowrap' : 'w-full',\n                ]\"\n                @click=\"toggleValue(opt.value)\"\n              >\n                <slot name=\"option\" :option=\"opt\" :selected=\"isSelected(opt.value)\">\n                  <span class=\"flex items-center gap-2 min-w-0\">\n                    <span\n                      class=\"h-4 w-4 shrink-0\"\n                      :class=\"isSelected(opt.value) ? 'i-lucide-check text-[var(--primary)]' : ''\"\n                      aria-hidden=\"true\"\n                    />\n                    <span class=\"truncate\">{{ opt.label }}</span>\n                  </span>\n                </slot>\n              </button>\n            </div>\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyEA,MAAM,QAAQ;EAwBd,MAAM,gBAAgB,eAAe,MAAM,SAAS,SAAS,gBAAgB,iBAAgB;EAE7F,MAAM,YAAY,eAAe,MAAM,SAAS,SAAS,yCAAyC,kBAAiB;EAEnH,MAAM,OAAO;EAIb,MAAM,kBAAkB,eAAe,MAAM,WAAW,EAAE,CAAA;EAE1D,SAAS,aAAa,OAAqC;AACzD,OAAI,MAAM,QAAQ,MAAM,CAAE,QAAO;AACjC,OAAI,CAAC,MAAO,QAAO,EAAC;AACpB,UAAO,CAAC,MAAK;;EAGf,MAAM,cAAc,eAAe;AACjC,UAAO,MAAM,QAAQ,MAAM,WAAW,GAAI,MAAM,WAAW,MAAM,KAAM,MAAM;IAC9E;EAED,MAAM,gBAAgB,eAAe,aAAa,MAAM,WAAW,CAAA;EAEnE,MAAM,iBAAiB,eAAe;AACpC,UAAO,MAAM,WAAW,cAAc,QAAS,YAAY,QAAQ,CAAC,YAAY,MAAM,GAAG,EAAE;IAC5F;EAED,MAAM,eAAe,eAAe,eAAe,MAAM,SAAS,EAAC;EAEnE,MAAM,kBAAkB,eAAiC;GACvD,MAAM,UAAU,IAAI,IAAI,gBAAgB,MAAM,KAAI,MAAK,CAAC,EAAE,OAAO,EAAE,CAAC,CAAA;AACpE,UAAO,eAAe,MAAM,KAAK,MAAM,QAAQ,IAAI,EAAE,IAAI;IAAE,OAAO;IAAG,OAAO;IAAG,CAAA;IAChF;EAED,MAAM,oBAAoB,eAAe;AACvC,OAAI,MAAM,SAAU,QAAO;AAC3B,UAAO,gBAAgB,MAAM,MAAM,MAAM,EAAE,UAAU,YAAY,MAAK;IACvE;EAED,MAAM,eAAe,eAAe;AAClC,OAAI,MAAM,UAAU;AAClB,QAAI,CAAC,eAAe,MAAM,OAAQ,QAAO;AACzC,WAAO,eAAe,MACnB,KAAK,MAAM,gBAAgB,MAAM,MAAM,MAAM,EAAE,UAAU,EAAE,EAAE,SAAS,EAAC,CACvE,KAAK,KAAI;;AAGd,UAAO,gBAAgB,MAAM,MAAM,MAAM,EAAE,UAAU,YAAY,MAAM,EAAE,SAAS,YAAY;IAC/F;EAED,MAAM,cAAc,eAAe;AACjC,OAAI,aAAa,MAAO,QAAO,aAAa;AAC5C,UAAO,MAAM,eAAe;IAC7B;EAED,MAAM,4BAA4B,eAAe;AAC/C,OAAI,CAAC,MAAM,iBAAkB,QAAO;AACpC,OAAI,MAAM,gBAAgB,SAAU,QAAO;AAC3C,OAAI,MAAM,SAAU,QAAO;AAC3B,OAAI,CAAC,MAAM,QAAS,QAAO;AAC3B,OAAI,YAAY,UAAU,GAAI,QAAO;AACrC,UAAO,CAAC,kBAAkB;IAC3B;EAED,MAAM,cAAc,IAAI,GAAE;EAC1B,MAAM,OAAO,IAAI,MAAK;EACtB,MAAM,SAAS,IAAwB,KAAI;EAC3C,MAAM,UAAU,IAAwB,KAAI;EAC5C,MAAM,iBAAiB,IAAyC,KAAI;EACpE,MAAM,sBAAsB,OAAO,QAAQ,MAAK;EAChD,MAAM,aAAa,IAA4B;GAC7C,MAAM;GACN,KAAK;GACL,OAAO;GACP,QAAQ;GACT,CAAA;EAED,SAAS,oBAA0B;AACjC,OAAI,OAAO,WAAW,YAAa;GAEnC,MAAM,OAAO,OAAO;AACpB,OAAI,CAAC,KAAM;GAEX,MAAM,OAAO,KAAK,uBAAsB;AAQxC,OAAI,MAAM,SAAS,QAAQ;AACzB,eAAW,QAAQ;KACjB,MAAM,GAAG,KAAK,KAAK;KACnB,KAAK,GAAG,KAAK,SAAS,EAAE;KACxB,OAAO;KACP,UAAU,GAAG,KAAK,MAAM;KACxB,QAAQ;KACV;AACA;;AAGF,cAAW,QAAQ;IACjB,MAAM,GAAG,KAAK,KAAK;IACnB,KAAK,GAAG,KAAK,SAAS,EAAE;IACxB,OAAO,GAAG,KAAK,MAAM;IACrB,QAAQ;IACV;;EAGF,SAAS,6BAAmC;AAC1C,OAAI,OAAO,WAAW,YAAa;AACnC,UAAO,iBAAiB,UAAU,kBAAiB;AACnD,UAAO,iBAAiB,UAAU,mBAAmB,KAAI;;EAG3D,SAAS,+BAAqC;AAC5C,OAAI,OAAO,WAAW,YAAa;AACnC,UAAO,oBAAoB,UAAU,kBAAiB;AACtD,UAAO,oBAAoB,UAAU,mBAAmB,KAAI;;EAG9D,SAAS,gBAAsB;AAC7B,QAAK,QAAQ;;EAGf,SAAS,iBAAuB;AAC9B,OAAI,MAAM,SAAU;AACpB,QAAK,QAAQ,CAAC,KAAK;;EAGrB,SAAS,cAAc,GAAwB;AAC7C,OAAI,EAAE,QAAQ,SAAU,gBAAc;;AAGxC,QACE,MACA,OAAO,WAAW;AAChB,OAAI,OAAO,aAAa,YAAa;AAErC,YAAS,oBAAoB,WAAW,cAAa;AACrD,iCAA6B;AAE7B,OAAI,OAAQ,UAAS,iBAAiB,WAAW,cAAa;AAE9D,OAAI,CAAC,QAAQ;AACX,gBAAY,QAAQ;AACpB;;AAGF,+BAA2B;AAC3B,SAAM,UAAS;AACf,sBAAkB;AAElB,OAAI,MAAM,iBACR,gBAAe,OAAO,OAAM;KAGhC,EAAE,WAAW,MAAM,CACrB;AAEA,oBAAkB;AAChB,OAAI,OAAO,aAAa,YAAa;AACrC,YAAS,oBAAoB,WAAW,cAAa;AACrD,iCAA6B;IAC9B;EAED,MAAM,eAAe,eAAe;AAClC,UAAO;IACR;EAED,MAAM,iBAAiB,eAAe;GACpC,MAAM,OAAO,gBAAgB;GAE7B,MAAM,oBAAoB;AACxB,QAAI,CAAC,MAAM,iBAAkB,QAAO;AACpC,QAAI,MAAM,SAAU,QAAO;AAC3B,QAAI,YAAY,UAAU,GAAI,QAAO;AACrC,QAAI,kBAAkB,MAAO,QAAO;AACpC,WAAO,CAAC;KAAE,OAAO,YAAY;KAAO,OAAO,YAAY;KAAO,EAAE,GAAG,KAAI;OACtE;AAEH,OAAI,CAAC,MAAM,iBAAkB,QAAO;GAEpC,MAAM,IAAI,YAAY,MAAM,MAAM,CAAC,aAAY;AAC/C,OAAI,CAAC,EAAG,QAAO;AAEf,UAAO,WAAW,QAAQ,MAAM;AAC9B,WAAO,EAAE,MAAM,aAAa,CAAC,SAAS,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC,SAAS,EAAC;KAC7E;IACF;EAED,MAAM,eAAe,eAAe;AAClC,OAAI,CAAC,MAAM,iBAAkB,QAAO;AACpC,OAAI,MAAM,gBAAgB,QAAS,QAAO;GAC1C,MAAM,IAAI,YAAY,MAAM,MAAK;AACjC,OAAI,CAAC,EAAG,QAAO;AAEf,OAAI,MAAM,UAAU;AAClB,QAAI,eAAe,MAAM,SAAS,EAAE,CAAE,QAAO;AAC7C,WAAO,CAAC,gBAAgB,MAAM,MAAM,MAAM,EAAE,UAAU,EAAC;;AAGzD,OAAI,MAAM,YAAY,MAAO,QAAO;AACpC,UAAO,CAAC,gBAAgB,MAAM,MAAM,MAAM,EAAE,UAAU,EAAC;IACxD;EAED,SAAS,UAAU,OAAiC;AAClD,QAAK,qBAAqB,MAAK;;EAGjC,SAAS,WAAW,OAAwB;AAC1C,UAAO,eAAe,MAAM,SAAS,MAAK;;EAG5C,SAAS,YAAY,OAAqB;AACxC,aAAU,MAAK;AACf,OAAI,MAAM,cACR,gBAAc;;EAIlB,SAAS,YAAY,OAAqB;AACxC,OAAI,CAAC,MAAM,UAAU;AACnB,gBAAY,MAAK;AACjB;;GAGF,MAAM,OAAO,eAAe,MAAM,OAAM;GACxC,MAAM,MAAM,KAAK,QAAQ,MAAK;AAC9B,OAAI,OAAO,EACT,MAAK,OAAO,KAAK,EAAC;OAGlB,MAAK,KAAK,MAAK;AAGjB,aAAU,KAAI;AACd,OAAI,MAAM,cACR,gBAAc;;EAIlB,SAAS,YAAkB;GACzB,MAAM,IAAI,YAAY,MAAM,MAAK;AACjC,OAAI,CAAC,EAAG;AACR,eAAY,EAAC;;EAGf,MAAM,oBAAoB,eAAe;AACvC,UAAO,MAAM,gBAAgB,YAAY,MAAM,SAAS,UAAU,CAAC,MAAM;IAC1E;EAED,MAAM,2BAA2B,eAAe;AAC9C,OAAI,CAAC,MAAM,UAAW,QAAO;AAC7B,OAAI,MAAM,gBAAgB,SAAU,QAAO;AAC3C,OAAI,MAAM,SAAU,QAAO;AAC3B,OAAI,CAAC,MAAM,QAAS,QAAO;AAC3B,UAAO,CAAC,MAAM,QAAQ,MAAK,MAAK,EAAE,UAAU,GAAE;IAC/C;EAED,MAAM,oBAAoB,eAAe;AACvC,OAAI,CAAC,MAAM,UAAW,QAAO;AAC7B,OAAI,MAAM,gBAAgB,QAAS,QAAO;AAC1C,OAAI,MAAM,SAAS,OAAQ,QAAO;AAClC,UAAO,aAAa;IACrB;EAED,MAAM,kBAAkB,eAAe;AACrC,UAAO,oBAAoB;IACzB,MAAM,MAAM;IACZ,MAAM,MAAM;IACZ,UAAU,MAAM;IAChB,SAAS,MAAM;IACf,WAAW,MAAM;IACjB,mBAAmB,kBAAkB;IACtC,CAAA;IACF;;;;;;;EAQD,MAAM,eAAe,eAAe,MAAM,SAAS,UAAU,MAAM,gBAAgB,SAAQ;EAE3F,MAAM,2BAA2B,eAAe,6BAA6B;GAC3E,MAAM,MAAM;GACZ,SAAS,MAAM;GACf,WAAW,MAAM;GACjB,UAAU,MAAM;GACjB,CAAC,CAAA;EAEF,MAAM,wBAAwB,eAAe;AAC3C,UAAO,YAAY,SAAS,MAAM,eAAe;IAClD;EAED,MAAM,mBAAmB,eAAe;AACtC,UAAO,qBAAqB;IAC1B,MAAM,MAAM;IACZ,aAAa,MAAM;IACnB,MAAM,MAAM;IACZ,UAAU,MAAM;IAChB,SAAS,MAAM;IACf,WAAW,MAAM;IAClB,CAAA;IACF;EAED,SAAS,SAAS,GAAgB;GAChC,MAAM,KAAK,EAAE;AAEb,OAAI,MAAM,UAAU;AAElB,SAAK,qBADU,MAAM,KAAK,GAAG,kBAAiB,MAAK,EAAE,MAAK,CAC1B;AAChC;;AAGF,QAAK,qBAAqB,GAAG,MAAK;;EAGpC,SAAS,iBAAuB;AAC9B,OAAI,MAAM,SAAU;AACpB,aAAU,MAAM,WAAW,EAAE,GAAG,GAAE;;;UAM1B,QAAA,gBAAW,YAAA,WAAA,EADnB,mBAwCM,OAAA;;IAtCJ,kBAAA;IACC,OAAK,eAAE,UAAA,MAAS;;IAEjB,mBAmBS,UAAA;KAlBP,yBAAA;KACC,OAAO,QAAA,WAAW,cAAA,QAAgB,YAAA;KAClC,UAAU,QAAA;KACV,UAAU,QAAA;KACV,cAAY,QAAA;KACZ,OAAK,eAAE,aAAA,QAAe,MAAA,+BAA8B,GAAA,CAAI,cAAA,OAAe,gBAAA,MAAe,CAAA;KAC9E;QAEK,yBAAA,SAAA,WAAA,EAAd,mBAAmD,UAAnD,WAAmD,IAAA,mBAAA,IAAA,KAAA,EAEnD,WAOO,KAAA,QAAA,WAAA,EAAA,QAAA,CANS,0BAAA,SAAA,WAAA,EAAd,mBAES,UAAA;;KAFiC,OAAO,YAAA;uBAC5C,YAAA,MAAW,EAAA,GAAA,WAAA,IAAA,mBAAA,IAAA,KAAA,GAAA,UAAA,KAAA,EAEhB,mBAES,UAAA,MAAA,WAFa,QAAA,UAAP,QAAG;yBAAlB,mBAES,UAAA;MAFuB,KAAK,IAAI;MAAQ,OAAO,IAAI;wBACvD,IAAI,MAAK,EAAA,GAAA,WAAA;;IAMV,aAAA,SAAA,WAAA,EADR,mBAKmC,QAAA;;KAHjC,6BAAA;KACA,eAAY;KACX,OAAK,eAAE,yBAAA,MAAwB;uBAC9B,sBAAA,MAAqB,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAGjB,kBAAA,SAAA,WAAA,EADR,mBAMO,QANP,YAMO,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADL,mBAAiE,QAAA;KAA3D,OAAM;KAAgC,eAAY;;yCAI5D,mBA+IM,OAAA;;aA7IA;IAAJ,KAAI;IAEJ,kBAAA;IACC,OAAK,eAAE,UAAA,MAAS;;IAEjB,mBA2CS,UAAA;KA1CP,eAAY;KACZ,0BAAA;KACA,MAAK;KACJ,UAAU,QAAA;KACV,cAAY,QAAA;KACb,MAAK;KACL,iBAAc;KACb,iBAAe,KAAA,QAAI,SAAA;KACnB,OAAK,eAAA,CAAG,cAAA,OAAe,iBAAA,MAAgB,CAAA;KACvC,SAAO;QAER,mBAgBO,QAhBP,YAgBO,CAfL,WAcO,KAAA,QAAA,SAAA;KAZJ,iBAAkB,gBAAA;KAClB,gBAAiB,eAAA;KACjB,cAAe,aAAA;KACf,aAAa,QAAA;KACb,cAAe,aAAA;aAQX,CANL,mBAKO,QAAA,EAJL,OAAK,eAAA,CAAC,kBAAgB,CACb,aAAA,QAAY,2BAAA,GAAA,CAAA,EAAA,EAAA,gBAElB,YAAA,MAAW,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,EAMZ,kBAAA,SAAA,WAAA,EADR,mBAIE,QAJF,WAIE,KAAA,WAAA,EAEF,mBAMO,QANP,YAMO,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADL,mBAAiE,QAAA;KAA3D,OAAM;KAAgC,eAAY;;IAKpD,kBAAA,SAAA,WAAA,EADR,mBAWS,UAAA;;KATP,eAAY;KACZ,wBAAA;KACA,MAAK;KACL,OAAM;KACL,UAAU,QAAA;KACV,cAAY,QAAA;KACZ,SAAK,cAAO,gBAAc,CAAA,OAAA,CAAA;sCAE3B,mBAAsD,QAAA;KAAhD,OAAM;KAAqB,eAAY;;kBAG/C,YA6EW,UAAA,EA7ED,IAAG,QAAM,EAAA,CACjB,YA2Ea,YAAA;KA1EX,sBAAmB;KACnB,oBAAiB;KACjB,kBAAe;KACf,sBAAmB;KACnB,oBAAiB;KACjB,kBAAe;;4BAoET,CAAA,eAlEN,mBAkEM,OAAA;eAhEA;MAAJ,KAAI;MACJ,eAAY;MACZ,wBAAA;MACA,OAAM;MACL,OAAK,eAAE,WAAA,MAAU;SAElB,mBAyDM,OAAA,EAzDA,OAAK,eAAE,aAAA,MAAY,EAAA,EAAA,CACZ,QAAA,oBAAA,WAAA,EAAX,mBAUM,OAVN,aAUM,CATJ,YAQE,iBAAA;eAPI;MAAJ,KAAI;kBACK,YAAA;+EAAW,QAAA;MACpB,eAAY;MACZ,MAAK;MACJ,aAAa,QAAA;MACd,MAAK;MACJ,WAAO,SAAA,cAAgB,WAAS,CAAA,UAAA,CAAA,EAAA,CAAA,QAAA,CAAA;;;;;2CAIrC,mBA2CM,OAAA;MA1CJ,0BAAA;MACA,OAAM;MACL,OAAK,eAAA,EAAA,WAAA,GAAkB,QAAA,kBAAiB,KAAA,CAAA;MACzC,MAAK;MACJ,wBAAsB,QAAA,WAAQ,SAAY,KAAA;SAGnC,aAAA,SAAA,WAAA,EADR,mBAWS,UAAA;;MATP,eAAY;MACZ,6BAAA;MACA,MAAK;MACL,OAAK,eAAA,CAAC,6GAA2G,CAA6B,QAAA,SAAI,SAAA,6CAAA,SAAA,CAAA,CAAA;MAGjJ,SAAO;QACT,WACM,gBAAG,YAAA,MAAY,MAAI,CAAA,GAAK,MAC/B,EAAA,IAAA,mBAAA,IAAA,KAAA,GAAA,UAAA,KAAA,EAEA,mBAsBS,UAAA,MAAA,WArBO,eAAA,QAAP,QAAG;0BADZ,mBAsBS,UAAA;OApBN,KAAK,IAAI;OACV,yBAAA;OACA,MAAK;OACL,MAAK;OACJ,iBAAe,WAAW,IAAI,MAAK,GAAA,SAAA;OACpC,OAAK,eAAA,CAAC,6GAA2G,CAA6B,QAAA,SAAI,SAAA,6CAAA,SAAA,CAAA,CAAA;OAGjJ,UAAK,WAAE,YAAY,IAAI,MAAK;UAE7B,WASO,KAAA,QAAA,UAAA;OATc,QAAQ;OAAM,UAAU,WAAW,IAAI,MAAK;eAS1D,CARL,mBAOO,QAPP,aAOO,CANL,mBAIE,QAAA;OAHA,OAAK,eAAA,CAAC,oBACE,WAAW,IAAI,MAAK,GAAA,yCAAA,GAAA,CAAA;OAC5B,eAAY;mBAEd,mBAA6C,QAA7C,aAA6C,gBAAnB,IAAI,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,IAAA,YAAA;sDA3DrC,KAAA,MAAI,CAAA,CAAA,CAAA,CAAA;;;;aAxEU;IAAa,SAAW,KAAA;IAAI,SAAW;IAAmB,CAAA,CAAA,CAAA"}

package/dist/components/GrSelect/index.js

@@ -1,3 +1,3 @@
-import { t as GrSelect_default } from "./chunks/GrSelect-9wRWAu2R.js";
-import { n as grSelectSafelist, t as grSelectConfig } from "../../chunks/config-BDlh6iNz.js";
+import { t as GrSelect_default } from "./chunks/GrSelect-BMmQWQBp.js";
+import { n as grSelectSafelist, t as grSelectConfig } from "../../chunks/config-R0jaXatX.js";
 export { GrSelect_default as GrSelect, GrSelect_default as default, grSelectConfig, grSelectSafelist };

package/dist/granular-provider-node.js

@@ -1,6 +1,6 @@
 import { n as grButtonSafelist } from "./chunks/safelist-BY7z8fOl.js";
 import { n as grProgressBarSafelist } from "./chunks/config-Da90XGsi.js";
-import { a as granularityThemeNames, i as granularityDefaultThemes, n as createGranularityProvider, r as granularityComponentConfigs, t as GRANULARITY_PROVIDER_ID } from "./chunks/shared-buYOkZSv.js";
+import { a as granularityThemeNames, i as granularityDefaultThemes, n as createGranularityProvider, r as granularityComponentConfigs, t as GRANULARITY_PROVIDER_ID } from "./chunks/shared-BB4Bq2z2.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 import { tokenDefinitionsFromCssSync } from "@feugene/unocss-preset-granular/node";
 //#region src/components/GrButton/config.node.ts

package/dist/granular-provider.js

@@ -1,4 +1,4 @@
-import { a as granularityThemeNames, i as granularityDefaultThemes, n as createGranularityProvider, r as granularityComponentConfigs, t as GRANULARITY_PROVIDER_ID } from "./chunks/shared-buYOkZSv.js";
+import { a as granularityThemeNames, i as granularityDefaultThemes, n as createGranularityProvider, r as granularityComponentConfigs, t as GRANULARITY_PROVIDER_ID } from "./chunks/shared-BB4Bq2z2.js";
 //#region src/granular-provider/index.ts
 var granularityProvider = createGranularityProvider();
 //#endregion

package/dist/index.js

@@ -69,7 +69,7 @@ import "./components/GrInput/index.js";
 import { n as grInputTagSafelist, t as grInputTagConfig } from "./chunks/config-DgRJlF00.js";
 import { t as GrInputTag_default } from "./components/GrInputTag/chunks/GrInputTag-B0x4U0Yk.js";
 import { n as grLinkSafelist, t as grLinkConfig } from "./chunks/config-DUtUkSzc.js";
-import { t as GrLink_default } from "./components/GrLink/chunks/GrLink-BbN7R3iP.js";
+import { t as GrLink_default } from "./components/GrLink/chunks/GrLink-DvvNkP0M.js";
 import { n as GrList_default, t as GrListItem_default } from "./components/GrList/chunks/GrList--Ib4zLNw.js";
 import { t as grListConfig } from "./chunks/config-fCcRwjIB.js";
 import { n as grLoadingSafelist, t as grLoadingConfig } from "./chunks/config-BN-B2K4r.js";
@@ -80,8 +80,8 @@ import { t as GrNavbar_default } from "./components/GrNavbar/chunks/GrNavbar-nIy
 import { t as grNavbarConfig } from "./chunks/config-DTpwUHgF.js";
 import { n as grNumberInputSafelist, t as grNumberInputConfig } from "./chunks/config-bpQYM5O-.js";
 import { t as GrNumberInput_default } from "./components/GrNumberInput/chunks/GrNumberInput-B0mPLjdv.js";
-import { t as GrSelect_default } from "./components/GrSelect/chunks/GrSelect-9wRWAu2R.js";
-import { t as GrPagination_default } from "./components/GrPagination/chunks/GrPagination-BSTO6flk.js";
+import { t as GrSelect_default } from "./components/GrSelect/chunks/GrSelect-BMmQWQBp.js";
+import { t as GrPagination_default } from "./components/GrPagination/chunks/GrPagination-BDVXvgMR.js";
 import { t as grPaginationConfig } from "./chunks/config-C2iI7_QX.js";
 import { n as grProgressBarSafelist, t as grProgressBarConfig } from "./chunks/config-Da90XGsi.js";
 import { t as GrProgressBar_default } from "./components/GrProgressBar/chunks/GrProgressBar-MvMnzsJl.js";
@@ -93,7 +93,7 @@ import { t as GrRadioGroup_default } from "./components/GrRadioGroup/chunks/GrRa
 import { t as grRadioGroupConfig } from "./chunks/config-nfOMJXVs.js";
 import { n as grSegmentedSafelist, t as grSegmentedConfig } from "./chunks/config-CUgvsjZx.js";
 import { t as GrSegmented_default } from "./components/GrSegmented/chunks/GrSegmented-Bwn2qOY4.js";
-import { n as grSelectSafelist, t as grSelectConfig } from "./chunks/config-BDlh6iNz.js";
+import { n as grSelectSafelist, t as grSelectConfig } from "./chunks/config-R0jaXatX.js";
 import "./components/GrSelect/index.js";
 import { t as GrSidebar_default } from "./components/GrSidebar/chunks/GrSidebar-CSZ3RpFB.js";
 import { t as grSidebarConfig } from "./chunks/config-qJXIIY1E.js";

package/dist/types/src/components/GrLink/GrLink.vue.d.ts

@@ -1,5 +1,29 @@
+/**
+ * GrLink — DS-примитив ссылки.
+ *
+ * Корневой тег зависит от пропов:
+ * - кастомный компонент/тег из пропа `as` — когда `as` передан и не `disabled`
+ *   (например, `Link` от `@inertiajs/vue3` или `RouterLink` от Vue Router);
+ * - `<a>` — когда задан `href` и не `disabled`;
+ * - `<span>` — во всех остальных случаях (включая `disabled`, даже если задан
+ *   `href`/`as`).
+ *
+ * Это осознанное решение, чтобы отключённая ссылка не была кликабельной и
+ * не участвовала в порядке табуляции. Учтите это в внешних CSS-селекторах.
+ *
+ * Проп `as` нужен для интеграции с роутерами (Inertia, Vue Router и пр.):
+ * стили/поведение DS остаются едиными, а тег корня подменяется. Все
+ * специфичные для роутера атрибуты (`method`, `replace`, `preserve-scroll` и т.п.)
+ * проходят через fallthrough-attrs.
+ */
+import { type Component } from 'vue';
 import { type GrLinkSize, type GrLinkUnderline, type GrLinkVariant } from './grLinkStyles';
 type __VLS_Props = {
+    /**
+     * Кастомный корневой тег/компонент. Если передан и компонент не `disabled` —
+     * рендерится через `<component :is="as">`. Игнорируется при `disabled`.
+     */
+    as?: string | Component;
     href?: string;
     external?: boolean;
     target?: string;
@@ -10,13 +34,12 @@ type __VLS_Props = {
     underline?: GrLinkUnderline;
     size?: GrLinkSize;
 };
-declare var __VLS_1: {}, __VLS_3: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-} & {
-    default?: (props: typeof __VLS_3) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    as: undefined;
     href: undefined;
     external: boolean;
     target: undefined;
@@ -27,6 +50,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     underline: string;
     size: string;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    as: undefined;
     href: undefined;
     external: boolean;
     target: undefined;
@@ -41,6 +65,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     size: GrLinkSize;
     disabled: boolean;
     ariaLabel: string;
+    as: string | Component;
     target: string;
     href: string;
     external: boolean;

package/dist/types/src/components/GrSelect/grSelectStyles.d.ts

@@ -13,6 +13,29 @@ export declare const linkBaseClass = "cursor-pointer inline-block w-auto align-b
 export declare const selectSizeClassBySize: Record<GrSelectSize, string>;
 export declare const selectLinkSizeClassBySize: Record<GrSelectSize, string>;
 export declare const selectLinkVariantClassByVariant: Record<GrSelectVariant, string>;
+/**
+ * Variant-классы для видимой метки в `view="link"` + `optionsView="native"`.
+ * Hover-цвет приходит через `peer-hover:` от прозрачного `<select>`-overlay,
+ * т.к. видимая метка имеет `pointer-events-none` и не получает hover напрямую.
+ */
+export declare const selectLinkNativeLabelVariantClassByVariant: Record<GrSelectVariant, string>;
+/**
+ * Классы прозрачного `<select>`-overlay для `view="link"` + `optionsView="native"`.
+ * Нативный селект растягивается на всю обёртку, но визуально невидим — ширину обёртки
+ * задаёт видимый `<span>` с выбранной меткой, благодаря чему компонент в закрытом
+ * состоянии занимает столько места, сколько нужно текущей опции (а не самой длинной).
+ */
+export declare const grSelectLinkNativeOverlayClass = "peer absolute inset-0 w-full h-full m-0 p-0 border-0 bg-transparent text-transparent appearance-none opacity-0 cursor-pointer disabled:cursor-not-allowed focus:outline-none";
+/**
+ * Классы видимой метки для `view="link"` + `optionsView="native"` (поверх прозрачного `<select>`).
+ * Получает все link-стили (size/variant/underline), а также focus-ring через `peer-focus-visible`.
+ */
+export declare function grSelectLinkNativeLabelClass(options: {
+    size: GrSelectSize;
+    variant: GrSelectVariant;
+    underline: GrSelectUnderline;
+    disabled: boolean;
+}): string;
 export declare function grSelectClass(options: {
     view: GrSelectView;
     size: GrSelectSize;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@feugene/granularity",
   "description": "Granularity design system package with Vue 3 components, consumed via the `@feugene/unocss-preset-granular` preset.",
-  "version": "0.4.3",
+  "version": "0.4.5",
   "license": "SEE LICENSE IN LICENSE",
   "author": {
     "name": "Evgeniy Fureev",

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

@@ -1 +0,0 @@
-{"version":3,"file":"config-BDlh6iNz.js","names":[],"sources":["../../src/components/GrSelect/safelist.ts","../../src/components/GrSelect/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  selectLinkSizeClassBySize,\n  selectLinkVariantClassByVariant,\n  selectSizeClassBySize,\n} from './grSelectStyles'\n\n// Правило: литералы из шаблонов (`defaultBaseClass`/`linkBaseClass`/`grSelectPanelClasses`\n// и прочие статические строки) в safelist не дублируем — UnoCSS находит их сканом.\n// Сюда попадают только токены, которые собираются в рантайме через `grSelectClass*`.\nexport const grSelectSafelist = [...new Set([\n  ...Object.values(selectSizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(selectLinkSizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(selectLinkVariantClassByVariant).flatMap(splitClassTokens),\n  ...splitClassTokens('no-underline underline underline-offset-4 hover:underline hover:underline-offset-4'),\n  ...splitClassTokens('disabled:opacity-60 disabled:cursor-not-allowed disabled:text-[var(--muted-fg)] disabled:no-underline'),\n  ...splitClassTokens('disabled:opacity-50 disabled:cursor-not-allowed'),\n  ...splitClassTokens('appearance-none pr-9'),\n  ...splitClassTokens('inline-flex items-center gap-1 text-left'),\n  ...splitClassTokens('flex items-center justify-between text-left'),\n])]\n","import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport { grSelectSafelist } from './safelist'\n\nexport const grSelectConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSelect',\n  dependencies: ['GrInput'],\n  safelist: grSelectSafelist,\n})"],"mappings":";;;;AAUA,IAAa,mBAAmB,CAAC,GAAG,IAAI,IAAI;CAC1C,GAAG,OAAO,OAAO,sBAAsB,CAAC,QAAQ,iBAAiB;CACjE,GAAG,OAAO,OAAO,0BAA0B,CAAC,QAAQ,iBAAiB;CACrE,GAAG,OAAO,OAAO,gCAAgC,CAAC,QAAQ,iBAAiB;CAC3E,GAAG,iBAAiB,qFAAqF;CACzG,GAAG,iBAAiB,wGAAwG;CAC5H,GAAG,iBAAiB,kDAAkD;CACtE,GAAG,iBAAiB,uBAAuB;CAC3C,GAAG,iBAAiB,2CAA2C;CAC/D,GAAG,iBAAiB,8CAA8C;CACnE,CAAC,CAAC;;;AChBH,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,UAAU;CACzB,UAAU;CACX,CAAA"}

package/dist/chunks/grSelectStyles-B7doeAQp.js

@@ -1,50 +0,0 @@
-//#region src/components/GrSelect/grSelectStyles.ts
-var defaultBaseClass = "w-full rounded-md border border-[var(--brd)] bg-[var(--bg)] text-[var(--fg)] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]";
-var linkBaseClass = "cursor-pointer inline-block w-auto align-baseline appearance-none bg-transparent border border-transparent px-0 py-0 rounded-[6px] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]";
-var selectSizeClassBySize = {
-	xs: "h-7 px-2.5 text-[12px]",
-	sm: "h-8 px-3 text-[13px]",
-	md: "h-10 px-3 text-[14px]",
-	lg: "h-11 px-4 text-[16px]"
-};
-var selectLinkSizeClassBySize = {
-	xs: "text-[12px]",
-	sm: "text-[13px]",
-	md: "text-[14px]",
-	lg: "text-[16px]"
-};
-var selectLinkVariantClassByVariant = {
-	primary: "text-[var(--primary)] hover:text-[var(--primary-hover)] active:text-[var(--primary-active)]",
-	default: "text-[var(--fg)] hover:text-[var(--primary)] active:text-[var(--primary-active)]",
-	muted: "text-[var(--muted-fg)] hover:text-[var(--fg)] active:text-[var(--fg)]",
-	danger: "text-[var(--ds-danger)] hover:text-[var(--ds-danger-hover)] active:text-[var(--ds-danger-active)]"
-};
-function selectLinkUnderlineClass(options) {
-	if (options.disabled) return "no-underline";
-	if (options.underline === "always") return "underline underline-offset-4";
-	if (options.underline === "none") return "no-underline";
-	return "no-underline hover:underline hover:underline-offset-4";
-}
-function grSelectClass(options) {
-	if (options.view === "link") return [
-		selectLinkSizeClassBySize[options.size],
-		selectLinkUnderlineClass({
-			underline: options.underline,
-			disabled: options.disabled
-		}),
-		selectLinkVariantClassByVariant[options.variant],
-		"disabled:opacity-60 disabled:cursor-not-allowed disabled:text-[var(--muted-fg)] disabled:no-underline"
-	].join(" ");
-	return [selectSizeClassBySize[options.size], "disabled:opacity-50 disabled:cursor-not-allowed"].join(" ");
-}
-function grSelectNativeClass(options) {
-	return [grSelectClass(options), options.showNativeChevron ? "appearance-none pr-9" : ""].filter(Boolean).join(" ");
-}
-function grSelectTriggerClass(options) {
-	if (options.optionsView !== "panel") return grSelectClass(options);
-	if (options.view === "link") return [grSelectClass(options), "inline-flex items-center gap-1 text-left"].join(" ");
-	return [grSelectClass(options), "flex items-center justify-between text-left"].join(" ");
-}
-var grSelectPanelClasses = "rounded-[var(--ds-radius-xl)] border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-[var(--ds-shadow-2)] overflow-hidden";
-//#endregion
-export { linkBaseClass as a, selectSizeClassBySize as c, grSelectTriggerClass as i, grSelectNativeClass as n, selectLinkSizeClassBySize as o, grSelectPanelClasses as r, selectLinkVariantClassByVariant as s, defaultBaseClass as t };

package/dist/chunks/grSelectStyles-B7doeAQp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"grSelectStyles-B7doeAQp.js","names":[],"sources":["../../src/components/GrSelect/grSelectStyles.ts"],"sourcesContent":["export type GrSelectView = 'default' | 'link'\nexport type GrSelectSize = 'xs' | 'sm' | 'md' | 'lg'\nexport type GrSelectVariant = 'primary' | 'default' | 'muted' | 'danger'\nexport type GrSelectUnderline = 'auto' | 'always' | 'none'\nexport type GrSelectOptionsView = 'native' | 'panel'\nexport type GrSelectOption = { value: string, label: string }\nexport type GrSelectModelValue = string | string[]\n\nexport const defaultBaseClass = 'w-full rounded-md border border-[var(--brd)] bg-[var(--bg)] text-[var(--fg)] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]'\nexport const linkBaseClass = 'cursor-pointer inline-block w-auto align-baseline appearance-none bg-transparent border border-transparent px-0 py-0 rounded-[6px] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]'\n\n\nexport const selectSizeClassBySize: Record<GrSelectSize, string> = {\n  xs: 'h-7 px-2.5 text-[12px]',\n  sm: 'h-8 px-3 text-[13px]',\n  md: 'h-10 px-3 text-[14px]',\n  lg: 'h-11 px-4 text-[16px]',\n}\n\nexport const selectLinkSizeClassBySize: Record<GrSelectSize, string> = {\n  xs: 'text-[12px]',\n  sm: 'text-[13px]',\n  md: 'text-[14px]',\n  lg: 'text-[16px]',\n}\n\nexport const selectLinkVariantClassByVariant: Record<GrSelectVariant, string> = {\n  primary: 'text-[var(--primary)] hover:text-[var(--primary-hover)] active:text-[var(--primary-active)]',\n  default: 'text-[var(--fg)] hover:text-[var(--primary)] active:text-[var(--primary-active)]',\n  muted: 'text-[var(--muted-fg)] hover:text-[var(--fg)] active:text-[var(--fg)]',\n  danger: 'text-[var(--ds-danger)] hover:text-[var(--ds-danger-hover)] active:text-[var(--ds-danger-active)]',\n}\n\nfunction selectLinkUnderlineClass(options: { underline: GrSelectUnderline, disabled: boolean }): string {\n  if (options.disabled) return 'no-underline'\n  if (options.underline === 'always') return 'underline underline-offset-4'\n  if (options.underline === 'none') return 'no-underline'\n  return 'no-underline hover:underline hover:underline-offset-4'\n}\n\nexport function grSelectClass(options: {\n  view: GrSelectView\n  size: GrSelectSize\n  disabled: boolean\n  variant: GrSelectVariant\n  underline: GrSelectUnderline\n}): string {\n  if (options.view === 'link') {\n    return [\n      selectLinkSizeClassBySize[options.size],\n      selectLinkUnderlineClass({ underline: options.underline, disabled: options.disabled }),\n      selectLinkVariantClassByVariant[options.variant],\n      'disabled:opacity-60 disabled:cursor-not-allowed disabled:text-[var(--muted-fg)] disabled:no-underline',\n    ].join(' ')\n  }\n\n  return [\n    selectSizeClassBySize[options.size],\n    'disabled:opacity-50 disabled:cursor-not-allowed',\n  ].join(' ')\n}\n\nexport function grSelectNativeClass(options: {\n  view: GrSelectView\n  size: GrSelectSize\n  disabled: boolean\n  variant: GrSelectVariant\n  underline: GrSelectUnderline\n  showNativeChevron: boolean\n}): string {\n  return [\n    grSelectClass(options),\n    options.showNativeChevron ? 'appearance-none pr-9' : '',\n  ]\n    .filter(Boolean)\n    .join(' ')\n}\n\nexport function grSelectTriggerClass(options: {\n  view: GrSelectView\n  optionsView: GrSelectOptionsView\n  size: GrSelectSize\n  disabled: boolean\n  variant: GrSelectVariant\n  underline: GrSelectUnderline\n}): string {\n  if (options.optionsView !== 'panel') {\n    return grSelectClass(options)\n  }\n\n  if (options.view === 'link') {\n    return [\n      grSelectClass(options),\n      'inline-flex items-center gap-1 text-left',\n    ].join(' ')\n  }\n\n  return [\n    grSelectClass(options),\n    'flex items-center justify-between text-left',\n  ].join(' ')\n}\n\nexport const grSelectPanelClasses = 'rounded-[var(--ds-radius-xl)] border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-[var(--ds-shadow-2)] overflow-hidden'\n"],"mappings":";AAQA,IAAa,mBAAmB;AAChC,IAAa,gBAAgB;AAG7B,IAAa,wBAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,IAAa,4BAA0D;CACrE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,IAAa,kCAAmE;CAC9E,SAAS;CACT,SAAS;CACT,OAAO;CACP,QAAQ;CACT;AAED,SAAS,yBAAyB,SAAsE;AACtG,KAAI,QAAQ,SAAU,QAAO;AAC7B,KAAI,QAAQ,cAAc,SAAU,QAAO;AAC3C,KAAI,QAAQ,cAAc,OAAQ,QAAO;AACzC,QAAO;;AAGT,SAAgB,cAAc,SAMnB;AACT,KAAI,QAAQ,SAAS,OACnB,QAAO;EACL,0BAA0B,QAAQ;EAClC,yBAAyB;GAAE,WAAW,QAAQ;GAAW,UAAU,QAAQ;GAAU,CAAC;EACtF,gCAAgC,QAAQ;EACxC;EACD,CAAC,KAAK,IAAI;AAGb,QAAO,CACL,sBAAsB,QAAQ,OAC9B,kDACD,CAAC,KAAK,IAAI;;AAGb,SAAgB,oBAAoB,SAOzB;AACT,QAAO,CACL,cAAc,QAAQ,EACtB,QAAQ,oBAAoB,yBAAyB,GACtD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;;AAGd,SAAgB,qBAAqB,SAO1B;AACT,KAAI,QAAQ,gBAAgB,QAC1B,QAAO,cAAc,QAAQ;AAG/B,KAAI,QAAQ,SAAS,OACnB,QAAO,CACL,cAAc,QAAQ,EACtB,2CACD,CAAC,KAAK,IAAI;AAGb,QAAO,CACL,cAAc,QAAQ,EACtB,8CACD,CAAC,KAAK,IAAI;;AAGb,IAAa,uBAAuB"}

package/dist/components/GrLink/chunks/GrLink-BbN7R3iP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrLink-BbN7R3iP.js","names":[],"sources":["../../../../src/components/GrLink/GrLink.vue","../../../../src/components/GrLink/GrLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrLink — DS-примитив ссылки.\n *\n * Корневой тег зависит от пропов:\n * - `<a>` — когда заданы `href` и не `disabled`;\n * - `<span>` — во всех остальных случаях (включая `disabled`, даже если `href` задан).\n *\n * Это осознанное решение, чтобы отключённая ссылка не была кликабельной и\n * не участвовала в порядке табуляции. Учтите это в внешних CSS-селекторах.\n */\nimport { computed, useAttrs } from 'vue'\n\nimport {\n  baseRootClass,\n  grLinkClass,\n  type GrLinkSize,\n  type GrLinkUnderline,\n  type GrLinkVariant,\n  focusRingClass,\n} from './grLinkStyles'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<{\n  href?: string\n  external?: boolean\n  target?: string\n  rel?: string\n  disabled?: boolean\n  ariaLabel?: string\n  variant?: GrLinkVariant\n  underline?: GrLinkUnderline\n  size?: GrLinkSize\n}>(), {\n  href: undefined,\n  external: false,\n  target: undefined,\n  rel: undefined,\n  disabled: false,\n  ariaLabel: undefined,\n  variant: 'primary',\n  underline: 'auto',\n  size: 'md',\n})\n\nconst attrs = useAttrs()\n\nconst isAnchor = computed(() => !!props.href && !props.disabled)\n\nconst resolvedTarget = computed(() => {\n  if (props.target)\n    return props.target\n\n  if (props.external)\n    return '_blank'\n\n  return undefined\n})\n\nconst resolvedRel = computed(() => {\n  if (props.rel)\n    return props.rel\n\n  // Авто-защита для любых ссылок, открывающихся в новой вкладке,\n  // а не только когда выставлен `external`.\n  if (resolvedTarget.value === '_blank')\n    return 'noopener noreferrer'\n\n  return undefined\n})\n\nconst rootClass = computed(() => {\n  const variantClass = grLinkClass({\n    size: props.size,\n    underline: props.underline,\n    variant: props.variant,\n    disabled: props.disabled,\n  })\n\n  // На disabled-ветке (`<span>`) focus-ring не нужен: элемент не фокусируется,\n  // а если снаружи ему навесят `tabindex`, фокус-рамка на «отключённой» ссылке смотрелась бы странно.\n  return props.disabled\n    ? `${baseRootClass} ${variantClass}`\n    : `${baseRootClass} ${focusRingClass} ${variantClass}`\n})\n</script>\n\n<template>\n  <a\n    v-if=\"isAnchor\"\n    v-bind=\"attrs\"\n    :href=\"href\"\n    :target=\"resolvedTarget\"\n    :rel=\"resolvedRel\"\n    :aria-label=\"ariaLabel\"\n    :class=\"rootClass\"\n  >\n    <slot />\n  </a>\n\n  <span\n    v-else\n    v-bind=\"attrs\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :class=\"rootClass\"\n  >\n    <slot />\n  </span>\n</template>","<script setup lang=\"ts\">\n/**\n * GrLink — DS-примитив ссылки.\n *\n * Корневой тег зависит от пропов:\n * - `<a>` — когда заданы `href` и не `disabled`;\n * - `<span>` — во всех остальных случаях (включая `disabled`, даже если `href` задан).\n *\n * Это осознанное решение, чтобы отключённая ссылка не была кликабельной и\n * не участвовала в порядке табуляции. Учтите это в внешних CSS-селекторах.\n */\nimport { computed, useAttrs } from 'vue'\n\nimport {\n  baseRootClass,\n  grLinkClass,\n  type GrLinkSize,\n  type GrLinkUnderline,\n  type GrLinkVariant,\n  focusRingClass,\n} from './grLinkStyles'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<{\n  href?: string\n  external?: boolean\n  target?: string\n  rel?: string\n  disabled?: boolean\n  ariaLabel?: string\n  variant?: GrLinkVariant\n  underline?: GrLinkUnderline\n  size?: GrLinkSize\n}>(), {\n  href: undefined,\n  external: false,\n  target: undefined,\n  rel: undefined,\n  disabled: false,\n  ariaLabel: undefined,\n  variant: 'primary',\n  underline: 'auto',\n  size: 'md',\n})\n\nconst attrs = useAttrs()\n\nconst isAnchor = computed(() => !!props.href && !props.disabled)\n\nconst resolvedTarget = computed(() => {\n  if (props.target)\n    return props.target\n\n  if (props.external)\n    return '_blank'\n\n  return undefined\n})\n\nconst resolvedRel = computed(() => {\n  if (props.rel)\n    return props.rel\n\n  // Авто-защита для любых ссылок, открывающихся в новой вкладке,\n  // а не только когда выставлен `external`.\n  if (resolvedTarget.value === '_blank')\n    return 'noopener noreferrer'\n\n  return undefined\n})\n\nconst rootClass = computed(() => {\n  const variantClass = grLinkClass({\n    size: props.size,\n    underline: props.underline,\n    variant: props.variant,\n    disabled: props.disabled,\n  })\n\n  // На disabled-ветке (`<span>`) focus-ring не нужен: элемент не фокусируется,\n  // а если снаружи ему навесят `tabindex`, фокус-рамка на «отключённой» ссылке смотрелась бы странно.\n  return props.disabled\n    ? `${baseRootClass} ${variantClass}`\n    : `${baseRootClass} ${focusRingClass} ${variantClass}`\n})\n</script>\n\n<template>\n  <a\n    v-if=\"isAnchor\"\n    v-bind=\"attrs\"\n    :href=\"href\"\n    :target=\"resolvedTarget\"\n    :rel=\"resolvedRel\"\n    :aria-label=\"ariaLabel\"\n    :class=\"rootClass\"\n  >\n    <slot />\n  </a>\n\n  <span\n    v-else\n    v-bind=\"attrs\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :class=\"rootClass\"\n  >\n    <slot />\n  </span>\n</template>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,QAAQ;EAsBd,MAAM,QAAQ,UAAS;EAEvB,MAAM,WAAW,eAAe,CAAC,CAAC,MAAM,QAAQ,CAAC,MAAM,SAAQ;EAE/D,MAAM,iBAAiB,eAAe;AACpC,OAAI,MAAM,OACR,QAAO,MAAM;AAEf,OAAI,MAAM,SACR,QAAO;IAGV;EAED,MAAM,cAAc,eAAe;AACjC,OAAI,MAAM,IACR,QAAO,MAAM;AAIf,OAAI,eAAe,UAAU,SAC3B,QAAO;IAGV;EAED,MAAM,YAAY,eAAe;GAC/B,MAAM,eAAe,YAAY;IAC/B,MAAM,MAAM;IACZ,WAAW,MAAM;IACjB,SAAS,MAAM;IACf,UAAU,MAAM;IACjB,CAAA;AAID,UAAO,MAAM,WACT,GAAG,cAAc,GAAG,iBACpB,GAAG,cAAc,GAAG,eAAe,GAAG;IAC3C;;UAKS,SAAA,SAAA,WAAA,EADR,mBAUI,KAVJ,WAUI,EAAA,KAAA,GAAA,EARM,MAAA,MAAK,EAAA;IACZ,MAAM,QAAA;IACN,QAAQ,eAAA;IACR,KAAK,YAAA;IACL,cAAY,QAAA;IACZ,OAAO,UAAA;QAER,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA,KAAA,WAAA,EAGV,mBAQO,QARP,WAQO,EAAA,KAAA,GAAA,EANG,MAAA,MAAK,EAAA;IACZ,cAAY,QAAA;IACZ,iBAAe,QAAA,WAAQ,SAAY,KAAA;IACnC,OAAO,UAAA;QAER,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/components/GrSelect/chunks/GrSelect-9wRWAu2R.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrSelect-9wRWAu2R.js","names":[],"sources":["../../../../src/components/GrSelect/GrSelect.vue","../../../../src/components/GrSelect/GrSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onUnmounted, ref, watch } from 'vue'\n\nimport GrInput from '../GrInput/GrInput.vue'\nimport { vClickOutside } from '../../directives'\n\nimport {\n  defaultBaseClass,\n  grSelectNativeClass,\n  grSelectPanelClasses,\n  grSelectTriggerClass,\n  linkBaseClass,\n  type GrSelectModelValue,\n  type GrSelectOption,\n  type GrSelectOptionsView,\n  type GrSelectSize,\n  type GrSelectUnderline,\n  type GrSelectVariant,\n  type GrSelectView,\n} from './grSelectStyles'\n\nexport type {\n  GrSelectModelValue,\n  GrSelectOption,\n  GrSelectOptionsView,\n  GrSelectSize,\n  GrSelectUnderline,\n  GrSelectVariant,\n  GrSelectView,\n} from './grSelectStyles'\n\n/**\n * Пропсы публичного DS-примитива «Select».\n */\nexport interface GrSelectProps {\n  modelValue: GrSelectModelValue\n  options?: GrSelectOption[]\n  disabled?: boolean\n  ariaLabel?: string\n  view?: GrSelectView\n  size?: GrSelectSize\n  /** Placeholder (показывается, когда значение не выбрано). */\n  placeholder?: string\n  /** Multiple selection. */\n  multiple?: boolean\n  /** Как отображать список опций: нативный `<select>` или кастомная панель. */\n  optionsView?: GrSelectOptionsView\n  /** Разрешает ввод/выбор значения, которого нет в `options`. */\n  allowCustomValue?: boolean\n  /** Placeholder для инпута кастомного значения (только в `optionsView=\"panel\"`). */\n  customValuePlaceholder?: string\n  /** Максимальная высота панели (только в `optionsView=\"panel\"`). */\n  dropdownMaxHeight?: number\n  /** Закрывать панель после выбора (только в `optionsView=\"panel\"`). */\n  closeOnSelect?: boolean\n  /** Разрешает очистку выбранного значения. */\n  clearable?: boolean\n  /** i18n-label для кнопки очистки (`aria-label`). */\n  clearLabel?: string\n  /**\n   * Цвет/вариант ссылки для `view=\"link\"` (аналогично `GrLink`).\n   * В `view=\"default\"` не используется.\n   */\n  variant?: GrSelectVariant\n  /**\n   * Подчёркивание для `view=\"link\"` (аналогично `GrLink`).\n   * В `view=\"default\"` не используется.\n   */\n  underline?: GrSelectUnderline\n}\n\nconst props = withDefaults(\n  defineProps<GrSelectProps>(),\n  {\n    options: undefined,\n    disabled: false,\n    ariaLabel: undefined,\n    view: 'default',\n    size: 'md',\n\n    placeholder: undefined,\n    multiple: false,\n\n    optionsView: 'native',\n    allowCustomValue: false,\n    customValuePlaceholder: 'Add value…',\n    dropdownMaxHeight: 280,\n    closeOnSelect: true,\n    clearable: false,\n    clearLabel: 'Clear',\n    variant: 'primary',\n    underline: 'auto',\n  },\n)\n\nconst baseClassName = computed(() => props.view === 'link' ? linkBaseClass : defaultBaseClass)\n\nconst rootClass = computed(() => props.view === 'link' ? 'relative inline-block align-baseline' : 'relative w-full')\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrSelectModelValue): void\n}>()\n\nconst optionsResolved = computed(() => props.options ?? [])\n\nfunction modelToArray(value: GrSelectModelValue): string[] {\n  if (Array.isArray(value)) return value\n  if (!value) return []\n  return [value]\n}\n\nconst modelSingle = computed(() => {\n  return Array.isArray(props.modelValue) ? (props.modelValue[0] ?? '') : props.modelValue\n})\n\nconst modelMultiple = computed(() => modelToArray(props.modelValue))\n\nconst selectedValues = computed(() => {\n  return props.multiple ? modelMultiple.value : (modelSingle.value ? [modelSingle.value] : [])\n})\n\nconst hasSelection = computed(() => selectedValues.value.length > 0)\n\nconst selectedOptions = computed<GrSelectOption[]>(() => {\n  const byValue = new Map(optionsResolved.value.map(o => [o.value, o]))\n  return selectedValues.value.map((v) => byValue.get(v) ?? { value: v, label: v })\n})\n\nconst hasModelInOptions = computed(() => {\n  if (props.multiple) return false\n  return optionsResolved.value.some((o) => o.value === modelSingle.value)\n})\n\nconst displayLabel = computed(() => {\n  if (props.multiple) {\n    if (!selectedValues.value.length) return ''\n    return selectedValues.value\n      .map((v) => optionsResolved.value.find((o) => o.value === v)?.label ?? v)\n      .join(', ')\n  }\n\n  return optionsResolved.value.find((o) => o.value === modelSingle.value)?.label ?? modelSingle.value\n})\n\nconst displayText = computed(() => {\n  if (hasSelection.value) return displayLabel.value\n  return props.placeholder ?? ''\n})\n\nconst nativeCustomOptionVisible = computed(() => {\n  if (!props.allowCustomValue) return false\n  if (props.optionsView !== 'native') return false\n  if (props.multiple) return false\n  if (!props.options) return false\n  if (modelSingle.value === '') return false\n  return !hasModelInOptions.value\n})\n\nconst customValue = ref('')\nconst open = ref(false)\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst customInputRef = ref<InstanceType<typeof GrInput> | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\nconst panelStyle = ref<Record<string, string>>({\n  left: '0px',\n  top: '0px',\n  width: '0px',\n  zIndex: '2147483647',\n})\n\nfunction syncPanelPosition(): void {\n  if (typeof window === 'undefined') return\n\n  const root = rootEl.value\n  if (!root) return\n\n  const rect = root.getBoundingClientRect()\n\n  panelStyle.value = {\n    left: `${rect.left}px`,\n    top: `${rect.bottom + 8}px`,\n    width: `${rect.width}px`,\n    zIndex: '2147483647',\n  }\n}\n\nfunction bindPanelPositionListeners(): void {\n  if (typeof window === 'undefined') return\n  window.addEventListener('resize', syncPanelPosition)\n  window.addEventListener('scroll', syncPanelPosition, true)\n}\n\nfunction unbindPanelPositionListeners(): void {\n  if (typeof window === 'undefined') return\n  window.removeEventListener('resize', syncPanelPosition)\n  window.removeEventListener('scroll', syncPanelPosition, true)\n}\n\nfunction closeDropdown(): void {\n  open.value = false\n}\n\nfunction toggleDropdown(): void {\n  if (props.disabled) return\n  open.value = !open.value\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') closeDropdown()\n}\n\nwatch(\n  open,\n  async (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    unbindPanelPositionListeners()\n\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n\n    if (!isOpen) {\n      customValue.value = ''\n      return\n    }\n\n    bindPanelPositionListeners()\n    await nextTick()\n    syncPanelPosition()\n\n    if (props.allowCustomValue) {\n      customInputRef.value?.focus()\n    }\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n  unbindPanelPositionListeners()\n})\n\nconst panelClasses = computed(() => {\n  return grSelectPanelClasses\n})\n\nconst visibleOptions = computed(() => {\n  const base = optionsResolved.value\n\n  const withCustom = (() => {\n    if (!props.allowCustomValue) return base\n    if (props.multiple) return base\n    if (modelSingle.value === '') return base\n    if (hasModelInOptions.value) return base\n    return [{ value: modelSingle.value, label: modelSingle.value }, ...base]\n  })()\n\n  if (!props.allowCustomValue) return withCustom\n\n  const q = customValue.value.trim().toLowerCase()\n  if (!q) return withCustom\n\n  return withCustom.filter((o) => {\n    return o.label.toLowerCase().includes(q) || o.value.toLowerCase().includes(q)\n  })\n})\n\nconst canAddCustom = computed(() => {\n  if (!props.allowCustomValue) return false\n  if (props.optionsView !== 'panel') return false\n  const v = customValue.value.trim()\n  if (!v) return false\n\n  if (props.multiple) {\n    if (selectedValues.value.includes(v)) return false\n    return !optionsResolved.value.some((o) => o.value === v)\n  }\n\n  if (v === modelSingle.value) return false\n  return !optionsResolved.value.some((o) => o.value === v)\n})\n\nfunction emitValue(value: GrSelectModelValue): void {\n  emit('update:modelValue', value)\n}\n\nfunction isSelected(value: string): boolean {\n  return selectedValues.value.includes(value)\n}\n\nfunction selectValue(value: string): void {\n  emitValue(value)\n  if (props.closeOnSelect) {\n    closeDropdown()\n  }\n}\n\nfunction toggleValue(value: string): void {\n  if (!props.multiple) {\n    selectValue(value)\n    return\n  }\n\n  const next = selectedValues.value.slice()\n  const idx = next.indexOf(value)\n  if (idx >= 0) {\n    next.splice(idx, 1)\n  }\n  else {\n    next.push(value)\n  }\n\n  emitValue(next)\n  if (props.closeOnSelect) {\n    closeDropdown()\n  }\n}\n\nfunction addCustom(): void {\n  const v = customValue.value.trim()\n  if (!v) return\n  toggleValue(v)\n}\n\nconst showNativeChevron = computed(() => {\n  return props.optionsView === 'native' && props.view !== 'link' && !props.multiple\n})\n\nconst nativeClearOptionVisible = computed(() => {\n  if (!props.clearable) return false\n  if (props.optionsView !== 'native') return false\n  if (props.multiple) return false\n  if (!props.options) return true\n  return !props.options.some(o => o.value === '')\n})\n\nconst panelClearVisible = computed(() => {\n  if (!props.clearable) return false\n  if (props.optionsView !== 'panel') return false\n  if (props.view === 'link') return false\n  return hasSelection.value\n})\n\nconst nativeClassName = computed(() => {\n  return grSelectNativeClass({\n    view: props.view,\n    size: props.size,\n    disabled: props.disabled,\n    variant: props.variant,\n    underline: props.underline,\n    showNativeChevron: showNativeChevron.value,\n  })\n})\n\nconst triggerClassName = computed(() => {\n  return grSelectTriggerClass({\n    view: props.view,\n    optionsView: props.optionsView,\n    size: props.size,\n    disabled: props.disabled,\n    variant: props.variant,\n    underline: props.underline,\n  })\n})\n\nfunction onChange(e: Event): void {\n  const el = e.target as HTMLSelectElement\n\n  if (props.multiple) {\n    const values = Array.from(el.selectedOptions, o => o.value)\n    emit('update:modelValue', values)\n    return\n  }\n\n  emit('update:modelValue', el.value)\n}\n\nfunction clearSelection(): void {\n  if (props.disabled) return\n  emitValue(props.multiple ? [] : '')\n}\n</script>\n\n<template>\n  <div\n    v-if=\"optionsView === 'native'\"\n    data-ds-select\n    :class=\"rootClass\"\n  >\n    <select\n      data-ds-select-native\n      :value=\"multiple ? modelMultiple : modelSingle\"\n      :multiple=\"multiple\"\n      :disabled=\"disabled\"\n      :aria-label=\"ariaLabel\"\n      :class=\"[baseClassName, nativeClassName]\"\n      @change=\"onChange\"\n    >\n      <option v-if=\"nativeClearOptionVisible\" value=\"\" />\n\n      <slot>\n        <option v-if=\"nativeCustomOptionVisible\" :value=\"modelSingle\">\n          {{ modelSingle }}\n        </option>\n        <option v-for=\"opt in options\" :key=\"opt.value\" :value=\"opt.value\">\n          {{ opt.label }}\n        </option>\n      </slot>\n    </select>\n\n    <span\n      v-if=\"showNativeChevron\"\n      data-testid=\"ds-select-chevron\"\n      class=\"absolute top-1/2 -translate-y-1/2 right-3 text-[var(--muted-fg)] pointer-events-none\"\n    >\n      <span class=\"i-lucide-chevron-down h-4 w-4\" aria-hidden=\"true\" />\n    </span>\n  </div>\n\n  <div\n    v-else\n    ref=\"rootEl\"\n    v-click-outside=\"{ handler: closeDropdown, enabled: open, exclude: clickOutsideExclude }\"\n    data-ds-select\n    :class=\"rootClass\"\n  >\n    <button\n      data-testid=\"ds-select-trigger\"\n      data-ds-select-trigger\n      type=\"button\"\n      :disabled=\"disabled\"\n      :aria-label=\"ariaLabel\"\n      role=\"combobox\"\n      aria-readonly=\"true\"\n      :aria-expanded=\"open ? 'true' : 'false'\"\n      :class=\"[baseClassName, triggerClassName]\"\n      @click=\"toggleDropdown\"\n    >\n      <span class=\"min-w-0 flex-1\">\n        <slot\n          name=\"value\"\n          :selected-options=\"selectedOptions\"\n          :selected-values=\"selectedValues\"\n          :display-label=\"displayLabel\"\n          :placeholder=\"placeholder\"\n          :has-selection=\"hasSelection\"\n        >\n          <span\n            class=\"block truncate\"\n            :class=\"!hasSelection ? 'text-[var(--muted-fg)]' : ''\"\n          >\n            {{ displayText }}\n          </span>\n        </slot>\n      </span>\n\n      <span\n        v-if=\"panelClearVisible\"\n        class=\"shrink-0 h-4 w-4\"\n        aria-hidden=\"true\"\n      />\n\n      <span\n        v-else\n        data-testid=\"ds-select-chevron\"\n        class=\"shrink-0 text-[var(--muted-fg)] pointer-events-none\"\n      >\n        <span class=\"i-lucide-chevron-down h-4 w-4\" aria-hidden=\"true\" />\n      </span>\n    </button>\n\n    <button\n      v-if=\"panelClearVisible\"\n      data-testid=\"ds-select-clear\"\n      data-ds-select-clear\n      type=\"button\"\n      class=\"absolute top-1/2 -translate-y-1/2 right-3 h-6 w-6 inline-flex items-center justify-center rounded-md text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--muted)_25%,transparent)] disabled:opacity-50\"\n      :disabled=\"disabled\"\n      :aria-label=\"clearLabel\"\n      @click.stop=\"clearSelection\"\n    >\n      <span class=\"i-lucide-x h-4 w-4\" aria-hidden=\"true\" />\n    </button>\n\n    <teleport to=\"body\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          ref=\"panelEl\"\n          data-testid=\"ds-select-panel\"\n          data-ds-select-panel\n          class=\"fixed w-full\"\n          :style=\"panelStyle\"\n        >\n          <div :class=\"panelClasses\">\n            <div v-if=\"allowCustomValue\" class=\"p-2 border-b border-[var(--brd)]\">\n              <GrInput\n                ref=\"customInputRef\"\n                v-model=\"customValue\"\n                data-testid=\"ds-select-custom-input\"\n                type=\"text\"\n                :placeholder=\"customValuePlaceholder\"\n                size=\"sm\"\n                @keydown.enter.prevent=\"addCustom\"\n              />\n            </div>\n\n            <div\n              data-ds-select-listbox\n              class=\"p-1 overflow-auto\"\n              :style=\"{ maxHeight: `${dropdownMaxHeight}px` }\"\n              role=\"listbox\"\n              :aria-multiselectable=\"multiple ? 'true' : undefined\"\n            >\n              <button\n                v-if=\"canAddCustom\"\n                data-testid=\"ds-select-add-option\"\n                data-ds-select-add-option\n                type=\"button\"\n                class=\"w-full rounded-[10px] px-3 py-2 text-left text-[13px] hover:bg-[color-mix(in_srgb,var(--muted)_30%,transparent)]\"\n                @click=\"addCustom\"\n              >\n                Add “{{ customValue.trim() }}”\n              </button>\n\n              <button\n                v-for=\"opt in visibleOptions\"\n                :key=\"opt.value\"\n                data-ds-select-option\n                type=\"button\"\n                role=\"option\"\n                :aria-selected=\"isSelected(opt.value) ? 'true' : 'false'\"\n                class=\"w-full rounded-[10px] px-3 py-2 text-left text-[13px] hover:bg-[color-mix(in_srgb,var(--muted)_30%,transparent)]\"\n                @click=\"toggleValue(opt.value)\"\n              >\n                <slot name=\"option\" :option=\"opt\" :selected=\"isSelected(opt.value)\">\n                  <span class=\"flex items-center gap-2 min-w-0\">\n                    <span\n                      class=\"h-4 w-4 shrink-0\"\n                      :class=\"isSelected(opt.value) ? 'i-lucide-check text-[var(--primary)]' : ''\"\n                      aria-hidden=\"true\"\n                    />\n                    <span class=\"truncate\">{{ opt.label }}</span>\n                  </span>\n                </slot>\n              </button>\n            </div>\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onUnmounted, ref, watch } from 'vue'\n\nimport GrInput from '../GrInput/GrInput.vue'\nimport { vClickOutside } from '../../directives'\n\nimport {\n  defaultBaseClass,\n  grSelectNativeClass,\n  grSelectPanelClasses,\n  grSelectTriggerClass,\n  linkBaseClass,\n  type GrSelectModelValue,\n  type GrSelectOption,\n  type GrSelectOptionsView,\n  type GrSelectSize,\n  type GrSelectUnderline,\n  type GrSelectVariant,\n  type GrSelectView,\n} from './grSelectStyles'\n\nexport type {\n  GrSelectModelValue,\n  GrSelectOption,\n  GrSelectOptionsView,\n  GrSelectSize,\n  GrSelectUnderline,\n  GrSelectVariant,\n  GrSelectView,\n} from './grSelectStyles'\n\n/**\n * Пропсы публичного DS-примитива «Select».\n */\nexport interface GrSelectProps {\n  modelValue: GrSelectModelValue\n  options?: GrSelectOption[]\n  disabled?: boolean\n  ariaLabel?: string\n  view?: GrSelectView\n  size?: GrSelectSize\n  /** Placeholder (показывается, когда значение не выбрано). */\n  placeholder?: string\n  /** Multiple selection. */\n  multiple?: boolean\n  /** Как отображать список опций: нативный `<select>` или кастомная панель. */\n  optionsView?: GrSelectOptionsView\n  /** Разрешает ввод/выбор значения, которого нет в `options`. */\n  allowCustomValue?: boolean\n  /** Placeholder для инпута кастомного значения (только в `optionsView=\"panel\"`). */\n  customValuePlaceholder?: string\n  /** Максимальная высота панели (только в `optionsView=\"panel\"`). */\n  dropdownMaxHeight?: number\n  /** Закрывать панель после выбора (только в `optionsView=\"panel\"`). */\n  closeOnSelect?: boolean\n  /** Разрешает очистку выбранного значения. */\n  clearable?: boolean\n  /** i18n-label для кнопки очистки (`aria-label`). */\n  clearLabel?: string\n  /**\n   * Цвет/вариант ссылки для `view=\"link\"` (аналогично `GrLink`).\n   * В `view=\"default\"` не используется.\n   */\n  variant?: GrSelectVariant\n  /**\n   * Подчёркивание для `view=\"link\"` (аналогично `GrLink`).\n   * В `view=\"default\"` не используется.\n   */\n  underline?: GrSelectUnderline\n}\n\nconst props = withDefaults(\n  defineProps<GrSelectProps>(),\n  {\n    options: undefined,\n    disabled: false,\n    ariaLabel: undefined,\n    view: 'default',\n    size: 'md',\n\n    placeholder: undefined,\n    multiple: false,\n\n    optionsView: 'native',\n    allowCustomValue: false,\n    customValuePlaceholder: 'Add value…',\n    dropdownMaxHeight: 280,\n    closeOnSelect: true,\n    clearable: false,\n    clearLabel: 'Clear',\n    variant: 'primary',\n    underline: 'auto',\n  },\n)\n\nconst baseClassName = computed(() => props.view === 'link' ? linkBaseClass : defaultBaseClass)\n\nconst rootClass = computed(() => props.view === 'link' ? 'relative inline-block align-baseline' : 'relative w-full')\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrSelectModelValue): void\n}>()\n\nconst optionsResolved = computed(() => props.options ?? [])\n\nfunction modelToArray(value: GrSelectModelValue): string[] {\n  if (Array.isArray(value)) return value\n  if (!value) return []\n  return [value]\n}\n\nconst modelSingle = computed(() => {\n  return Array.isArray(props.modelValue) ? (props.modelValue[0] ?? '') : props.modelValue\n})\n\nconst modelMultiple = computed(() => modelToArray(props.modelValue))\n\nconst selectedValues = computed(() => {\n  return props.multiple ? modelMultiple.value : (modelSingle.value ? [modelSingle.value] : [])\n})\n\nconst hasSelection = computed(() => selectedValues.value.length > 0)\n\nconst selectedOptions = computed<GrSelectOption[]>(() => {\n  const byValue = new Map(optionsResolved.value.map(o => [o.value, o]))\n  return selectedValues.value.map((v) => byValue.get(v) ?? { value: v, label: v })\n})\n\nconst hasModelInOptions = computed(() => {\n  if (props.multiple) return false\n  return optionsResolved.value.some((o) => o.value === modelSingle.value)\n})\n\nconst displayLabel = computed(() => {\n  if (props.multiple) {\n    if (!selectedValues.value.length) return ''\n    return selectedValues.value\n      .map((v) => optionsResolved.value.find((o) => o.value === v)?.label ?? v)\n      .join(', ')\n  }\n\n  return optionsResolved.value.find((o) => o.value === modelSingle.value)?.label ?? modelSingle.value\n})\n\nconst displayText = computed(() => {\n  if (hasSelection.value) return displayLabel.value\n  return props.placeholder ?? ''\n})\n\nconst nativeCustomOptionVisible = computed(() => {\n  if (!props.allowCustomValue) return false\n  if (props.optionsView !== 'native') return false\n  if (props.multiple) return false\n  if (!props.options) return false\n  if (modelSingle.value === '') return false\n  return !hasModelInOptions.value\n})\n\nconst customValue = ref('')\nconst open = ref(false)\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst customInputRef = ref<InstanceType<typeof GrInput> | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\nconst panelStyle = ref<Record<string, string>>({\n  left: '0px',\n  top: '0px',\n  width: '0px',\n  zIndex: '2147483647',\n})\n\nfunction syncPanelPosition(): void {\n  if (typeof window === 'undefined') return\n\n  const root = rootEl.value\n  if (!root) return\n\n  const rect = root.getBoundingClientRect()\n\n  panelStyle.value = {\n    left: `${rect.left}px`,\n    top: `${rect.bottom + 8}px`,\n    width: `${rect.width}px`,\n    zIndex: '2147483647',\n  }\n}\n\nfunction bindPanelPositionListeners(): void {\n  if (typeof window === 'undefined') return\n  window.addEventListener('resize', syncPanelPosition)\n  window.addEventListener('scroll', syncPanelPosition, true)\n}\n\nfunction unbindPanelPositionListeners(): void {\n  if (typeof window === 'undefined') return\n  window.removeEventListener('resize', syncPanelPosition)\n  window.removeEventListener('scroll', syncPanelPosition, true)\n}\n\nfunction closeDropdown(): void {\n  open.value = false\n}\n\nfunction toggleDropdown(): void {\n  if (props.disabled) return\n  open.value = !open.value\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') closeDropdown()\n}\n\nwatch(\n  open,\n  async (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    unbindPanelPositionListeners()\n\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n\n    if (!isOpen) {\n      customValue.value = ''\n      return\n    }\n\n    bindPanelPositionListeners()\n    await nextTick()\n    syncPanelPosition()\n\n    if (props.allowCustomValue) {\n      customInputRef.value?.focus()\n    }\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n  unbindPanelPositionListeners()\n})\n\nconst panelClasses = computed(() => {\n  return grSelectPanelClasses\n})\n\nconst visibleOptions = computed(() => {\n  const base = optionsResolved.value\n\n  const withCustom = (() => {\n    if (!props.allowCustomValue) return base\n    if (props.multiple) return base\n    if (modelSingle.value === '') return base\n    if (hasModelInOptions.value) return base\n    return [{ value: modelSingle.value, label: modelSingle.value }, ...base]\n  })()\n\n  if (!props.allowCustomValue) return withCustom\n\n  const q = customValue.value.trim().toLowerCase()\n  if (!q) return withCustom\n\n  return withCustom.filter((o) => {\n    return o.label.toLowerCase().includes(q) || o.value.toLowerCase().includes(q)\n  })\n})\n\nconst canAddCustom = computed(() => {\n  if (!props.allowCustomValue) return false\n  if (props.optionsView !== 'panel') return false\n  const v = customValue.value.trim()\n  if (!v) return false\n\n  if (props.multiple) {\n    if (selectedValues.value.includes(v)) return false\n    return !optionsResolved.value.some((o) => o.value === v)\n  }\n\n  if (v === modelSingle.value) return false\n  return !optionsResolved.value.some((o) => o.value === v)\n})\n\nfunction emitValue(value: GrSelectModelValue): void {\n  emit('update:modelValue', value)\n}\n\nfunction isSelected(value: string): boolean {\n  return selectedValues.value.includes(value)\n}\n\nfunction selectValue(value: string): void {\n  emitValue(value)\n  if (props.closeOnSelect) {\n    closeDropdown()\n  }\n}\n\nfunction toggleValue(value: string): void {\n  if (!props.multiple) {\n    selectValue(value)\n    return\n  }\n\n  const next = selectedValues.value.slice()\n  const idx = next.indexOf(value)\n  if (idx >= 0) {\n    next.splice(idx, 1)\n  }\n  else {\n    next.push(value)\n  }\n\n  emitValue(next)\n  if (props.closeOnSelect) {\n    closeDropdown()\n  }\n}\n\nfunction addCustom(): void {\n  const v = customValue.value.trim()\n  if (!v) return\n  toggleValue(v)\n}\n\nconst showNativeChevron = computed(() => {\n  return props.optionsView === 'native' && props.view !== 'link' && !props.multiple\n})\n\nconst nativeClearOptionVisible = computed(() => {\n  if (!props.clearable) return false\n  if (props.optionsView !== 'native') return false\n  if (props.multiple) return false\n  if (!props.options) return true\n  return !props.options.some(o => o.value === '')\n})\n\nconst panelClearVisible = computed(() => {\n  if (!props.clearable) return false\n  if (props.optionsView !== 'panel') return false\n  if (props.view === 'link') return false\n  return hasSelection.value\n})\n\nconst nativeClassName = computed(() => {\n  return grSelectNativeClass({\n    view: props.view,\n    size: props.size,\n    disabled: props.disabled,\n    variant: props.variant,\n    underline: props.underline,\n    showNativeChevron: showNativeChevron.value,\n  })\n})\n\nconst triggerClassName = computed(() => {\n  return grSelectTriggerClass({\n    view: props.view,\n    optionsView: props.optionsView,\n    size: props.size,\n    disabled: props.disabled,\n    variant: props.variant,\n    underline: props.underline,\n  })\n})\n\nfunction onChange(e: Event): void {\n  const el = e.target as HTMLSelectElement\n\n  if (props.multiple) {\n    const values = Array.from(el.selectedOptions, o => o.value)\n    emit('update:modelValue', values)\n    return\n  }\n\n  emit('update:modelValue', el.value)\n}\n\nfunction clearSelection(): void {\n  if (props.disabled) return\n  emitValue(props.multiple ? [] : '')\n}\n</script>\n\n<template>\n  <div\n    v-if=\"optionsView === 'native'\"\n    data-ds-select\n    :class=\"rootClass\"\n  >\n    <select\n      data-ds-select-native\n      :value=\"multiple ? modelMultiple : modelSingle\"\n      :multiple=\"multiple\"\n      :disabled=\"disabled\"\n      :aria-label=\"ariaLabel\"\n      :class=\"[baseClassName, nativeClassName]\"\n      @change=\"onChange\"\n    >\n      <option v-if=\"nativeClearOptionVisible\" value=\"\" />\n\n      <slot>\n        <option v-if=\"nativeCustomOptionVisible\" :value=\"modelSingle\">\n          {{ modelSingle }}\n        </option>\n        <option v-for=\"opt in options\" :key=\"opt.value\" :value=\"opt.value\">\n          {{ opt.label }}\n        </option>\n      </slot>\n    </select>\n\n    <span\n      v-if=\"showNativeChevron\"\n      data-testid=\"ds-select-chevron\"\n      class=\"absolute top-1/2 -translate-y-1/2 right-3 text-[var(--muted-fg)] pointer-events-none\"\n    >\n      <span class=\"i-lucide-chevron-down h-4 w-4\" aria-hidden=\"true\" />\n    </span>\n  </div>\n\n  <div\n    v-else\n    ref=\"rootEl\"\n    v-click-outside=\"{ handler: closeDropdown, enabled: open, exclude: clickOutsideExclude }\"\n    data-ds-select\n    :class=\"rootClass\"\n  >\n    <button\n      data-testid=\"ds-select-trigger\"\n      data-ds-select-trigger\n      type=\"button\"\n      :disabled=\"disabled\"\n      :aria-label=\"ariaLabel\"\n      role=\"combobox\"\n      aria-readonly=\"true\"\n      :aria-expanded=\"open ? 'true' : 'false'\"\n      :class=\"[baseClassName, triggerClassName]\"\n      @click=\"toggleDropdown\"\n    >\n      <span class=\"min-w-0 flex-1\">\n        <slot\n          name=\"value\"\n          :selected-options=\"selectedOptions\"\n          :selected-values=\"selectedValues\"\n          :display-label=\"displayLabel\"\n          :placeholder=\"placeholder\"\n          :has-selection=\"hasSelection\"\n        >\n          <span\n            class=\"block truncate\"\n            :class=\"!hasSelection ? 'text-[var(--muted-fg)]' : ''\"\n          >\n            {{ displayText }}\n          </span>\n        </slot>\n      </span>\n\n      <span\n        v-if=\"panelClearVisible\"\n        class=\"shrink-0 h-4 w-4\"\n        aria-hidden=\"true\"\n      />\n\n      <span\n        v-else\n        data-testid=\"ds-select-chevron\"\n        class=\"shrink-0 text-[var(--muted-fg)] pointer-events-none\"\n      >\n        <span class=\"i-lucide-chevron-down h-4 w-4\" aria-hidden=\"true\" />\n      </span>\n    </button>\n\n    <button\n      v-if=\"panelClearVisible\"\n      data-testid=\"ds-select-clear\"\n      data-ds-select-clear\n      type=\"button\"\n      class=\"absolute top-1/2 -translate-y-1/2 right-3 h-6 w-6 inline-flex items-center justify-center rounded-md text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--muted)_25%,transparent)] disabled:opacity-50\"\n      :disabled=\"disabled\"\n      :aria-label=\"clearLabel\"\n      @click.stop=\"clearSelection\"\n    >\n      <span class=\"i-lucide-x h-4 w-4\" aria-hidden=\"true\" />\n    </button>\n\n    <teleport to=\"body\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          ref=\"panelEl\"\n          data-testid=\"ds-select-panel\"\n          data-ds-select-panel\n          class=\"fixed w-full\"\n          :style=\"panelStyle\"\n        >\n          <div :class=\"panelClasses\">\n            <div v-if=\"allowCustomValue\" class=\"p-2 border-b border-[var(--brd)]\">\n              <GrInput\n                ref=\"customInputRef\"\n                v-model=\"customValue\"\n                data-testid=\"ds-select-custom-input\"\n                type=\"text\"\n                :placeholder=\"customValuePlaceholder\"\n                size=\"sm\"\n                @keydown.enter.prevent=\"addCustom\"\n              />\n            </div>\n\n            <div\n              data-ds-select-listbox\n              class=\"p-1 overflow-auto\"\n              :style=\"{ maxHeight: `${dropdownMaxHeight}px` }\"\n              role=\"listbox\"\n              :aria-multiselectable=\"multiple ? 'true' : undefined\"\n            >\n              <button\n                v-if=\"canAddCustom\"\n                data-testid=\"ds-select-add-option\"\n                data-ds-select-add-option\n                type=\"button\"\n                class=\"w-full rounded-[10px] px-3 py-2 text-left text-[13px] hover:bg-[color-mix(in_srgb,var(--muted)_30%,transparent)]\"\n                @click=\"addCustom\"\n              >\n                Add “{{ customValue.trim() }}”\n              </button>\n\n              <button\n                v-for=\"opt in visibleOptions\"\n                :key=\"opt.value\"\n                data-ds-select-option\n                type=\"button\"\n                role=\"option\"\n                :aria-selected=\"isSelected(opt.value) ? 'true' : 'false'\"\n                class=\"w-full rounded-[10px] px-3 py-2 text-left text-[13px] hover:bg-[color-mix(in_srgb,var(--muted)_30%,transparent)]\"\n                @click=\"toggleValue(opt.value)\"\n              >\n                <slot name=\"option\" :option=\"opt\" :selected=\"isSelected(opt.value)\">\n                  <span class=\"flex items-center gap-2 min-w-0\">\n                    <span\n                      class=\"h-4 w-4 shrink-0\"\n                      :class=\"isSelected(opt.value) ? 'i-lucide-check text-[var(--primary)]' : ''\"\n                      aria-hidden=\"true\"\n                    />\n                    <span class=\"truncate\">{{ opt.label }}</span>\n                  </span>\n                </slot>\n              </button>\n            </div>\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n"],"mappings":"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"}