@feugene/granularity 0.9.3 → 0.10.0

package/dist/components/GrSelect/chunks/{GrSelect-W9lbAjRZ.js → GrSelect-DSz7jvUb.js}

@@ -1,6 +1,8 @@
+import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-D_7jowK2.js";
 import { t as GrInput_default } from "../../GrInput/chunks/GrInput-gwFQ1sk4.js";
 import { vClickOutside } from "../../../directives/clickOutside.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-pUt19VGy.js";
+import { t as useFloating } from "../../../chunks/useFloating-CLtbU7eD.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-AjWWl007.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 = [
@@ -14,37 +16,39 @@ var _hoisted_2 = {
 	value: ""
 };
 var _hoisted_3 = ["value"];
-var _hoisted_4 = ["value"];
-var _hoisted_5 = {
+var _hoisted_4 = ["label"];
+var _hoisted_5 = ["value"];
+var _hoisted_6 = ["value"];
+var _hoisted_7 = {
 	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"
 };
-var _hoisted_6 = [
+var _hoisted_8 = [
 	"disabled",
 	"aria-label",
 	"aria-expanded"
 ];
-var _hoisted_7 = { class: "min-w-0 flex-1" };
-var _hoisted_8 = {
+var _hoisted_9 = { class: "min-w-0 flex-1" };
+var _hoisted_10 = {
 	key: 0,
 	class: "shrink-0 h-4 w-4",
 	"aria-hidden": "true"
 };
-var _hoisted_9 = {
+var _hoisted_11 = {
 	key: 1,
 	"data-testid": "ds-select-chevron",
 	class: "shrink-0 text-[var(--muted-fg)] pointer-events-none"
 };
-var _hoisted_10 = ["disabled", "aria-label"];
-var _hoisted_11 = {
+var _hoisted_12 = ["disabled", "aria-label"];
+var _hoisted_13 = {
 	key: 0,
 	class: "p-2 border-b border-[var(--brd)]"
 };
-var _hoisted_12 = ["aria-multiselectable"];
-var _hoisted_13 = ["aria-selected", "onClick"];
-var _hoisted_14 = { class: "flex items-center gap-2 min-w-0" };
-var _hoisted_15 = { class: "truncate" };
+var _hoisted_14 = ["aria-multiselectable"];
+var _hoisted_15 = ["aria-selected", "onClick"];
+var _hoisted_16 = { class: "flex items-center gap-2 min-w-0" };
+var _hoisted_17 = { class: "truncate" };
 //#endregion
 //#region src/components/GrSelect/GrSelect.vue
 var GrSelect_default = /* @__PURE__ */ defineComponent({
@@ -69,7 +73,7 @@ var GrSelect_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
-		customValuePlaceholder: { default: "Add value…" },
+		customValuePlaceholder: { default: void 0 },
 		dropdownMaxHeight: { default: 280 },
 		closeOnSelect: {
 			type: Boolean,
@@ -79,17 +83,32 @@ var GrSelect_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
-		clearLabel: { default: "Clear" },
+		clearLabel: { default: void 0 },
 		variant: { default: "primary" },
 		underline: { default: "auto" }
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const { t } = useGranularityTranslations();
+		const resolvedCustomValuePlaceholder = computed(() => {
+			return props.customValuePlaceholder ?? t("gr.select.customValuePlaceholder", "Add value…");
+		});
+		const resolvedClearLabel = computed(() => props.clearLabel ?? t("gr.common.clear", "Clear"));
 		const baseClassName = computed(() => props.view === "link" ? linkBaseClass : defaultBaseClass);
 		const rootClass = computed(() => props.view === "link" ? "relative inline-block align-baseline" : "relative w-full");
 		const emit = __emit;
 		const optionsResolved = computed(() => props.options ?? []);
+		function isOptionGroup(item) {
+			return Array.isArray(item.options);
+		}
+		/** Плоский список всех опций (группы «развёрнуты»). Используется для всех вычислений по значениям. */
+		const flatOptions = computed(() => {
+			const result = [];
+			for (const item of optionsResolved.value) if (isOptionGroup(item)) result.push(...item.options);
+			else result.push(item);
+			return result;
+		});
 		function modelToArray(value) {
 			if (Array.isArray(value)) return value;
 			if (!value) return [];
@@ -104,7 +123,7 @@ var GrSelect_default = /* @__PURE__ */ defineComponent({
 		});
 		const hasSelection = computed(() => selectedValues.value.length > 0);
 		const selectedOptions = computed(() => {
-			const byValue = new Map(optionsResolved.value.map((o) => [o.value, o]));
+			const byValue = new Map(flatOptions.value.map((o) => [o.value, o]));
 			return selectedValues.value.map((v) => byValue.get(v) ?? {
 				value: v,
 				label: v
@@ -112,14 +131,14 @@ var GrSelect_default = /* @__PURE__ */ defineComponent({
 		});
 		const hasModelInOptions = computed(() => {
 			if (props.multiple) return false;
-			return optionsResolved.value.some((o) => o.value === modelSingle.value);
+			return flatOptions.value.some((o) => o.value === modelSingle.value);
 		});
 		const displayLabel = computed(() => {
 			if (props.multiple) {
 				if (!selectedValues.value.length) return "";
-				return selectedValues.value.map((v) => optionsResolved.value.find((o) => o.value === v)?.label ?? v).join(", ");
+				return selectedValues.value.map((v) => flatOptions.value.find((o) => o.value === v)?.label ?? v).join(", ");
 			}
-			return optionsResolved.value.find((o) => o.value === modelSingle.value)?.label ?? modelSingle.value;
+			return flatOptions.value.find((o) => o.value === modelSingle.value)?.label ?? modelSingle.value;
 		});
 		const displayText = computed(() => {
 			if (hasSelection.value) return displayLabel.value;
@@ -139,44 +158,11 @@ var GrSelect_default = /* @__PURE__ */ defineComponent({
 		const panelEl = ref(null);
 		const customInputRef = ref(null);
 		const clickOutsideExclude = [() => panelEl.value];
-		const panelStyle = ref({
-			left: "0px",
-			top: "0px",
-			width: "0px",
-			zIndex: "2147483647"
+		const { floatingStyle, update: updateFloatingPosition } = useFloating(rootEl, panelEl, open, {
+			placement: "bottom-start",
+			matchWidth: () => props.view === "link" ? "min" : true,
+			zIndexVar: "--gr-z-dropdown"
 		});
-		function syncPanelPosition() {
-			if (typeof window === "undefined") return;
-			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`,
-				width: `${rect.width}px`,
-				zIndex: "2147483647"
-			};
-		}
-		function bindPanelPositionListeners() {
-			if (typeof window === "undefined") return;
-			window.addEventListener("resize", syncPanelPosition);
-			window.addEventListener("scroll", syncPanelPosition, true);
-		}
-		function unbindPanelPositionListeners() {
-			if (typeof window === "undefined") return;
-			window.removeEventListener("resize", syncPanelPosition);
-			window.removeEventListener("scroll", syncPanelPosition, true);
-		}
 		function closeDropdown() {
 			open.value = false;
 		}
@@ -187,46 +173,74 @@ var GrSelect_default = /* @__PURE__ */ defineComponent({
 		function closeOnEscape(e) {
 			if (e.key === "Escape") closeDropdown();
 		}
+		watch(() => props.view, () => {
+			if (open.value) updateFloatingPosition();
+		});
 		watch(open, async (isOpen) => {
 			if (typeof document === "undefined") return;
 			document.removeEventListener("keydown", closeOnEscape);
-			unbindPanelPositionListeners();
 			if (isOpen) document.addEventListener("keydown", closeOnEscape);
 			if (!isOpen) {
 				customValue.value = "";
 				return;
 			}
-			bindPanelPositionListeners();
-			await nextTick();
-			syncPanelPosition();
-			if (props.allowCustomValue) customInputRef.value?.focus();
+			if (props.allowCustomValue) {
+				await nextTick();
+				customInputRef.value?.focus();
+			}
 		}, { immediate: true });
 		onUnmounted(() => {
 			if (typeof document === "undefined") return;
 			document.removeEventListener("keydown", closeOnEscape);
-			unbindPanelPositionListeners();
 		});
 		const panelClasses = computed(() => {
 			return grSelectPanelClasses;
 		});
-		const visibleOptions = computed(() => {
-			const base = optionsResolved.value;
-			const withCustom = (() => {
-				if (!props.allowCustomValue) return base;
-				if (props.multiple) return base;
-				if (modelSingle.value === "") return base;
-				if (hasModelInOptions.value) return base;
-				return [{
+		function matchesQuery(option, query) {
+			if (!query) return true;
+			return option.label.toLowerCase().includes(query) || option.value.toLowerCase().includes(query);
+		}
+		/**
+		* Элемент рендера панели: либо заголовок группы, либо опция.
+		* Группировка сохраняется, фильтрация по `customValue` скрывает пустые группы.
+		*/
+		const panelItems = computed(() => {
+			const q = props.allowCustomValue ? customValue.value.trim().toLowerCase() : "";
+			const items = [];
+			if (props.allowCustomValue && !props.multiple && modelSingle.value !== "" && !hasModelInOptions.value) {
+				const custom = {
 					value: modelSingle.value,
 					label: modelSingle.value
-				}, ...base];
-			})();
-			if (!props.allowCustomValue) return withCustom;
-			const q = customValue.value.trim().toLowerCase();
-			if (!q) return withCustom;
-			return withCustom.filter((o) => {
-				return o.label.toLowerCase().includes(q) || o.value.toLowerCase().includes(q);
+				};
+				if (matchesQuery(custom, q)) items.push({
+					kind: "option",
+					option: custom,
+					key: `__custom__${custom.value}`
+				});
+			}
+			optionsResolved.value.forEach((item, index) => {
+				if (isOptionGroup(item)) {
+					const matched = item.options.filter((o) => matchesQuery(o, q));
+					if (!matched.length) return;
+					items.push({
+						kind: "group",
+						label: item.label,
+						key: `__group__${index}`
+					});
+					for (const option of matched) items.push({
+						kind: "option",
+						option,
+						key: option.value
+					});
+					return;
+				}
+				if (matchesQuery(item, q)) items.push({
+					kind: "option",
+					option: item,
+					key: item.value
+				});
 			});
+			return items;
 		});
 		const canAddCustom = computed(() => {
 			if (!props.allowCustomValue) return false;
@@ -235,10 +249,10 @@ var GrSelect_default = /* @__PURE__ */ defineComponent({
 			if (!v) return false;
 			if (props.multiple) {
 				if (selectedValues.value.includes(v)) return false;
-				return !optionsResolved.value.some((o) => o.value === v);
+				return !flatOptions.value.some((o) => o.value === v);
 			}
 			if (v === modelSingle.value) return false;
-			return !optionsResolved.value.some((o) => o.value === v);
+			return !flatOptions.value.some((o) => o.value === v);
 		});
 		function emitValue(value) {
 			emit("update:modelValue", value);
@@ -275,7 +289,7 @@ var GrSelect_default = /* @__PURE__ */ defineComponent({
 			if (props.optionsView !== "native") return false;
 			if (props.multiple) return false;
 			if (!props.options) return true;
-			return !props.options.some((o) => o.value === "");
+			return !flatOptions.value.some((o) => o.value === "");
 		});
 		const panelClearVisible = computed(() => {
 			if (!props.clearable) return false;
@@ -348,11 +362,19 @@ var GrSelect_default = /* @__PURE__ */ defineComponent({
 				}, [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);
+				}, toDisplayString(modelSingle.value), 9, _hoisted_3)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(optionsResolved.value, (item, index) => {
+					return openBlock(), createElementBlock(Fragment, { key: index }, [isOptionGroup(item) ? (openBlock(), createElementBlock("optgroup", {
+						key: 0,
+						label: item.label
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.options, (opt) => {
+						return openBlock(), createElementBlock("option", {
+							key: opt.value,
+							value: opt.value
+						}, toDisplayString(opt.label), 9, _hoisted_5);
+					}), 128))], 8, _hoisted_4)) : (openBlock(), createElementBlock("option", {
+						key: 1,
+						value: item.value
+					}, toDisplayString(item.label), 9, _hoisted_6))], 64);
 				}), 128))])], 42, _hoisted_1),
 				isLinkNative.value ? (openBlock(), createElementBlock("span", {
 					key: 0,
@@ -360,7 +382,7 @@ var GrSelect_default = /* @__PURE__ */ defineComponent({
 					"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", {
+				showNativeChevron.value ? (openBlock(), createElementBlock("span", _hoisted_7, [..._cache[1] || (_cache[1] = [createElementVNode("span", {
 					class: "i-lucide-chevron-down inline-block h-4 w-4",
 					"aria-hidden": "true"
 				}, null, -1)])])) : createCommentVNode("", true)
@@ -382,16 +404,16 @@ var GrSelect_default = /* @__PURE__ */ defineComponent({
 					"aria-expanded": open.value ? "true" : "false",
 					class: normalizeClass([baseClassName.value, triggerClassName.value]),
 					onClick: toggleDropdown
-				}, [createElementVNode("span", _hoisted_7, [renderSlot(_ctx.$slots, "value", {
+				}, [createElementVNode("span", _hoisted_9, [renderSlot(_ctx.$slots, "value", {
 					selectedOptions: selectedOptions.value,
 					selectedValues: selectedValues.value,
 					displayLabel: displayLabel.value,
 					placeholder: __props.placeholder,
 					hasSelection: hasSelection.value
-				}, () => [createElementVNode("span", { class: normalizeClass(["block truncate", !hasSelection.value ? "text-[var(--muted-fg)]" : ""]) }, toDisplayString(displayText.value), 3)])]), panelClearVisible.value ? (openBlock(), createElementBlock("span", _hoisted_8)) : (openBlock(), createElementBlock("span", _hoisted_9, [..._cache[2] || (_cache[2] = [createElementVNode("span", {
+				}, () => [createElementVNode("span", { class: normalizeClass(["block truncate", !hasSelection.value ? "text-[var(--muted-fg)]" : ""]) }, toDisplayString(displayText.value), 3)])]), panelClearVisible.value ? (openBlock(), createElementBlock("span", _hoisted_10)) : (openBlock(), createElementBlock("span", _hoisted_11, [..._cache[2] || (_cache[2] = [createElementVNode("span", {
 					class: "i-lucide-chevron-down inline-block h-4 w-4",
 					"aria-hidden": "true"
-				}, null, -1)])]))], 10, _hoisted_6),
+				}, null, -1)])]))], 10, _hoisted_8),
 				panelClearVisible.value ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					"data-testid": "ds-select-clear",
@@ -399,12 +421,12 @@ var GrSelect_default = /* @__PURE__ */ defineComponent({
 					type: "button",
 					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",
 					disabled: __props.disabled,
-					"aria-label": __props.clearLabel,
+					"aria-label": resolvedClearLabel.value,
 					onClick: withModifiers(clearSelection, ["stop"])
 				}, [..._cache[3] || (_cache[3] = [createElementVNode("span", {
 					class: "i-lucide-x inline-block h-4 w-4",
 					"aria-hidden": "true"
-				}, null, -1)])], 8, _hoisted_10)) : createCommentVNode("", true),
+				}, null, -1)])], 8, _hoisted_12)) : createCommentVNode("", true),
 				(openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, {
 					"enter-active-class": "transition ease-out duration-150",
 					"enter-from-class": "transform opacity-0 scale-95",
@@ -418,16 +440,15 @@ var GrSelect_default = /* @__PURE__ */ defineComponent({
 						ref: panelEl,
 						"data-testid": "ds-select-panel",
 						"data-ds-select-panel": "",
-						class: "fixed w-full",
-						style: normalizeStyle(panelStyle.value)
-					}, [createElementVNode("div", { class: normalizeClass(panelClasses.value) }, [__props.allowCustomValue ? (openBlock(), createElementBlock("div", _hoisted_11, [createVNode(GrInput_default, {
+						style: normalizeStyle(unref(floatingStyle))
+					}, [createElementVNode("div", { class: normalizeClass(panelClasses.value) }, [__props.allowCustomValue ? (openBlock(), createElementBlock("div", _hoisted_13, [createVNode(GrInput_default, {
 						ref_key: "customInputRef",
 						ref: customInputRef,
 						modelValue: customValue.value,
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => customValue.value = $event),
 						"data-testid": "ds-select-custom-input",
 						type: "text",
-						placeholder: __props.customValuePlaceholder,
+						placeholder: resolvedCustomValuePlaceholder.value,
 						size: "sm",
 						onKeydown: withKeys(withModifiers(addCustom, ["prevent"]), ["enter"])
 					}, null, 8, [
@@ -447,23 +468,28 @@ var GrSelect_default = /* @__PURE__ */ defineComponent({
 						type: "button",
 						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()) + "” ", 3)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(visibleOptions.value, (opt) => {
-						return openBlock(), createElementBlock("button", {
-							key: opt.value,
+					}, toDisplayString(unref(t)("gr.select.addOption", "Add \"{value}\"", { value: customValue.value.trim() })), 3)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(panelItems.value, (item) => {
+						return openBlock(), createElementBlock(Fragment, { key: item.key }, [item.kind === "group" ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							"data-ds-select-group-label": "",
+							role: "presentation",
+							class: normalizeClass(["px-3 pt-2 pb-1 text-[11px] font-semibold uppercase tracking-wide text-[var(--muted-fg)]", [__props.view === "link" ? "block min-w-full w-max whitespace-nowrap" : ""]])
+						}, toDisplayString(item.label), 3)) : (openBlock(), createElementBlock("button", {
+							key: 1,
 							"data-ds-select-option": "",
 							type: "button",
 							role: "option",
-							"aria-selected": isSelected(opt.value) ? "true" : "false",
+							"aria-selected": isSelected(item.option.value) ? "true" : "false",
 							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)
+							onClick: ($event) => toggleValue(item.option.value)
 						}, [renderSlot(_ctx.$slots, "option", {
-							option: opt,
-							selected: isSelected(opt.value)
-						}, () => [createElementVNode("span", _hoisted_14, [createElementVNode("span", {
-							class: normalizeClass(["inline-block h-4 w-4 shrink-0", isSelected(opt.value) ? "i-lucide-check text-[var(--primary)]" : ""]),
+							option: item.option,
+							selected: isSelected(item.option.value)
+						}, () => [createElementVNode("span", _hoisted_16, [createElementVNode("span", {
+							class: normalizeClass(["inline-block h-4 w-4 shrink-0", isSelected(item.option.value) ? "i-lucide-check text-[var(--primary)]" : ""]),
 							"aria-hidden": "true"
-						}, null, 2), createElementVNode("span", _hoisted_15, toDisplayString(opt.label), 1)])])], 10, _hoisted_13);
-					}), 128))], 12, _hoisted_12)], 2)], 4), [[vShow, open.value]])]),
+						}, null, 2), createElementVNode("span", _hoisted_17, toDisplayString(item.option.label), 1)])])], 10, _hoisted_15))], 64);
+					}), 128))], 12, _hoisted_14)], 2)], 4), [[vShow, open.value]])]),
 					_: 3
 				})]))
 			], 2)), [[unref(vClickOutside), {

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

@@ -0,0 +1 @@
+{"version":3,"file":"GrSelect-DSz7jvUb.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'\nimport { useFloating } from '../../composables/internal/useFloating'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport {\n  defaultBaseClass,\n  grSelectLinkNativeLabelClass,\n  grSelectLinkNativeOverlayClass,\n  grSelectNativeClass,\n  grSelectPanelClasses,\n  grSelectTriggerClass,\n  linkBaseClass,\n  type GrSelectModelValue,\n  type GrSelectOption,\n  type GrSelectOptionGroup,\n  type GrSelectOptionOrGroup,\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  GrSelectOptionGroup,\n  GrSelectOptionOrGroup,\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  /** Список опций. Поддерживает плоский массив опций и группы опций (`{ label, options }`). */\n  options?: GrSelectOptionOrGroup[]\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\"`). i18n-friendly: если не задан — берётся из адаптера перевода (`gr.select.customValuePlaceholder`), иначе — встроенный fallback. */\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: undefined,\n    dropdownMaxHeight: 280,\n    closeOnSelect: true,\n    clearable: false,\n    clearLabel: undefined,\n    variant: 'primary',\n    underline: 'auto',\n  },\n)\n\nconst { t } = useGranularityTranslations()\n\nconst resolvedCustomValuePlaceholder = computed(() => {\n  return props.customValuePlaceholder ?? t('gr.select.customValuePlaceholder', 'Add value…')\n})\n\nconst resolvedClearLabel = computed(() => props.clearLabel ?? t('gr.common.clear', 'Clear'))\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<GrSelectOptionOrGroup[]>(() => props.options ?? [])\n\nfunction isOptionGroup(item: GrSelectOptionOrGroup): item is GrSelectOptionGroup {\n  return Array.isArray((item as GrSelectOptionGroup).options)\n}\n\n/** Плоский список всех опций (группы «развёрнуты»). Используется для всех вычислений по значениям. */\nconst flatOptions = computed<GrSelectOption[]>(() => {\n  const result: GrSelectOption[] = []\n  for (const item of optionsResolved.value) {\n    if (isOptionGroup(item)) result.push(...item.options)\n    else result.push(item)\n  }\n  return result\n})\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(flatOptions.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 flatOptions.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) => flatOptions.value.find((o) => o.value === v)?.label ?? v)\n      .join(', ')\n  }\n\n  return flatOptions.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]\n\n// Для `view='link'` ширина триггера = ширине выбранной опции (`inline-block w-auto`),\n// поэтому панель растёт по контенту (`matchWidth: 'min'` → `width: max-content` +\n// `min-width` от триггера), а не сжимается до неё. Для `view='default'` панель точно\n// повторяет ширину триггера (`matchWidth: true`).\nconst { floatingStyle, update: updateFloatingPosition } = useFloating(rootEl, panelEl, open, {\n  placement: 'bottom-start',\n  matchWidth: () => (props.view === 'link' ? 'min' : true),\n  zIndexVar: '--gr-z-dropdown',\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\n// `view` определяет режим `matchWidth` (см. выше) — пересчитываем позицию/ширину\n// панели, если он меняется, пока панель открыта.\nwatch(\n  () => props.view,\n  () => {\n    if (open.value) updateFloatingPosition()\n  },\n)\n\nwatch(\n  open,\n  async (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n\n    if (!isOpen) {\n      customValue.value = ''\n      return\n    }\n\n    if (props.allowCustomValue) {\n      await nextTick()\n      customInputRef.value?.focus()\n    }\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n})\n\nconst panelClasses = computed(() => {\n  return grSelectPanelClasses\n})\n\nfunction matchesQuery(option: GrSelectOption, query: string): boolean {\n  if (!query) return true\n  return option.label.toLowerCase().includes(query) || option.value.toLowerCase().includes(query)\n}\n\n/**\n * Элемент рендера панели: либо заголовок группы, либо опция.\n * Группировка сохраняется, фильтрация по `customValue` скрывает пустые группы.\n */\ntype GrSelectPanelItem =\n  | { kind: 'group', label: string, key: string }\n  | { kind: 'option', option: GrSelectOption, key: string }\n\nconst panelItems = computed<GrSelectPanelItem[]>(() => {\n  const q = props.allowCustomValue ? customValue.value.trim().toLowerCase() : ''\n  const items: GrSelectPanelItem[] = []\n\n  // Опция для кастомного значения, которого нет в options (single).\n  if (props.allowCustomValue && !props.multiple && modelSingle.value !== '' && !hasModelInOptions.value) {\n    const custom: GrSelectOption = { value: modelSingle.value, label: modelSingle.value }\n    if (matchesQuery(custom, q)) {\n      items.push({ kind: 'option', option: custom, key: `__custom__${custom.value}` })\n    }\n  }\n\n  optionsResolved.value.forEach((item, index) => {\n    if (isOptionGroup(item)) {\n      const matched = item.options.filter((o) => matchesQuery(o, q))\n      if (!matched.length) return\n      items.push({ kind: 'group', label: item.label, key: `__group__${index}` })\n      for (const option of matched) {\n        items.push({ kind: 'option', option, key: option.value })\n      }\n      return\n    }\n\n    if (matchesQuery(item, q)) {\n      items.push({ kind: 'option', option: item, key: item.value })\n    }\n  })\n\n  return items\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 !flatOptions.value.some((o) => o.value === v)\n  }\n\n  if (v === modelSingle.value) return false\n  return !flatOptions.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 !flatOptions.value.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        <template v-for=\"(item, index) in optionsResolved\" :key=\"index\">\n          <optgroup v-if=\"isOptionGroup(item)\" :label=\"item.label\">\n            <option v-for=\"opt in item.options\" :key=\"opt.value\" :value=\"opt.value\">\n              {{ opt.label }}\n            </option>\n          </optgroup>\n          <option v-else :value=\"item.value\">\n            {{ item.label }}\n          </option>\n        </template>\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 inline-block 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 inline-block 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=\"resolvedClearLabel\"\n      @click.stop=\"clearSelection\"\n    >\n      <span class=\"i-lucide-x inline-block 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          :style=\"floatingStyle\"\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=\"resolvedCustomValuePlaceholder\"\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                {{ t('gr.select.addOption', 'Add \"{value}\"', { value: customValue.trim() }) }}\n              </button>\n\n              <template v-for=\"item in panelItems\" :key=\"item.key\">\n                <div\n                  v-if=\"item.kind === 'group'\"\n                  data-ds-select-group-label\n                  role=\"presentation\"\n                  class=\"px-3 pt-2 pb-1 text-[11px] font-semibold uppercase tracking-wide text-[var(--muted-fg)]\" :class=\"[\n                    view === 'link' ? 'block min-w-full w-max whitespace-nowrap' : '',\n                  ]\"\n                >\n                  {{ item.label }}\n                </div>\n\n                <button\n                  v-else\n                  data-ds-select-option\n                  type=\"button\"\n                  role=\"option\"\n                  :aria-selected=\"isSelected(item.option.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(item.option.value)\"\n                >\n                  <slot name=\"option\" :option=\"item.option\" :selected=\"isSelected(item.option.value)\">\n                    <span class=\"flex items-center gap-2 min-w-0\">\n                      <span\n                        class=\"inline-block h-4 w-4 shrink-0\"\n                        :class=\"isSelected(item.option.value) ? 'i-lucide-check text-[var(--primary)]' : ''\"\n                        aria-hidden=\"true\"\n                      />\n                      <span class=\"truncate\">{{ item.option.label }}</span>\n                    </span>\n                  </slot>\n                </button>\n              </template>\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'\nimport { useFloating } from '../../composables/internal/useFloating'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport {\n  defaultBaseClass,\n  grSelectLinkNativeLabelClass,\n  grSelectLinkNativeOverlayClass,\n  grSelectNativeClass,\n  grSelectPanelClasses,\n  grSelectTriggerClass,\n  linkBaseClass,\n  type GrSelectModelValue,\n  type GrSelectOption,\n  type GrSelectOptionGroup,\n  type GrSelectOptionOrGroup,\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  GrSelectOptionGroup,\n  GrSelectOptionOrGroup,\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  /** Список опций. Поддерживает плоский массив опций и группы опций (`{ label, options }`). */\n  options?: GrSelectOptionOrGroup[]\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\"`). i18n-friendly: если не задан — берётся из адаптера перевода (`gr.select.customValuePlaceholder`), иначе — встроенный fallback. */\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: undefined,\n    dropdownMaxHeight: 280,\n    closeOnSelect: true,\n    clearable: false,\n    clearLabel: undefined,\n    variant: 'primary',\n    underline: 'auto',\n  },\n)\n\nconst { t } = useGranularityTranslations()\n\nconst resolvedCustomValuePlaceholder = computed(() => {\n  return props.customValuePlaceholder ?? t('gr.select.customValuePlaceholder', 'Add value…')\n})\n\nconst resolvedClearLabel = computed(() => props.clearLabel ?? t('gr.common.clear', 'Clear'))\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<GrSelectOptionOrGroup[]>(() => props.options ?? [])\n\nfunction isOptionGroup(item: GrSelectOptionOrGroup): item is GrSelectOptionGroup {\n  return Array.isArray((item as GrSelectOptionGroup).options)\n}\n\n/** Плоский список всех опций (группы «развёрнуты»). Используется для всех вычислений по значениям. */\nconst flatOptions = computed<GrSelectOption[]>(() => {\n  const result: GrSelectOption[] = []\n  for (const item of optionsResolved.value) {\n    if (isOptionGroup(item)) result.push(...item.options)\n    else result.push(item)\n  }\n  return result\n})\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(flatOptions.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 flatOptions.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) => flatOptions.value.find((o) => o.value === v)?.label ?? v)\n      .join(', ')\n  }\n\n  return flatOptions.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]\n\n// Для `view='link'` ширина триггера = ширине выбранной опции (`inline-block w-auto`),\n// поэтому панель растёт по контенту (`matchWidth: 'min'` → `width: max-content` +\n// `min-width` от триггера), а не сжимается до неё. Для `view='default'` панель точно\n// повторяет ширину триггера (`matchWidth: true`).\nconst { floatingStyle, update: updateFloatingPosition } = useFloating(rootEl, panelEl, open, {\n  placement: 'bottom-start',\n  matchWidth: () => (props.view === 'link' ? 'min' : true),\n  zIndexVar: '--gr-z-dropdown',\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\n// `view` определяет режим `matchWidth` (см. выше) — пересчитываем позицию/ширину\n// панели, если он меняется, пока панель открыта.\nwatch(\n  () => props.view,\n  () => {\n    if (open.value) updateFloatingPosition()\n  },\n)\n\nwatch(\n  open,\n  async (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n\n    if (!isOpen) {\n      customValue.value = ''\n      return\n    }\n\n    if (props.allowCustomValue) {\n      await nextTick()\n      customInputRef.value?.focus()\n    }\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n})\n\nconst panelClasses = computed(() => {\n  return grSelectPanelClasses\n})\n\nfunction matchesQuery(option: GrSelectOption, query: string): boolean {\n  if (!query) return true\n  return option.label.toLowerCase().includes(query) || option.value.toLowerCase().includes(query)\n}\n\n/**\n * Элемент рендера панели: либо заголовок группы, либо опция.\n * Группировка сохраняется, фильтрация по `customValue` скрывает пустые группы.\n */\ntype GrSelectPanelItem =\n  | { kind: 'group', label: string, key: string }\n  | { kind: 'option', option: GrSelectOption, key: string }\n\nconst panelItems = computed<GrSelectPanelItem[]>(() => {\n  const q = props.allowCustomValue ? customValue.value.trim().toLowerCase() : ''\n  const items: GrSelectPanelItem[] = []\n\n  // Опция для кастомного значения, которого нет в options (single).\n  if (props.allowCustomValue && !props.multiple && modelSingle.value !== '' && !hasModelInOptions.value) {\n    const custom: GrSelectOption = { value: modelSingle.value, label: modelSingle.value }\n    if (matchesQuery(custom, q)) {\n      items.push({ kind: 'option', option: custom, key: `__custom__${custom.value}` })\n    }\n  }\n\n  optionsResolved.value.forEach((item, index) => {\n    if (isOptionGroup(item)) {\n      const matched = item.options.filter((o) => matchesQuery(o, q))\n      if (!matched.length) return\n      items.push({ kind: 'group', label: item.label, key: `__group__${index}` })\n      for (const option of matched) {\n        items.push({ kind: 'option', option, key: option.value })\n      }\n      return\n    }\n\n    if (matchesQuery(item, q)) {\n      items.push({ kind: 'option', option: item, key: item.value })\n    }\n  })\n\n  return items\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 !flatOptions.value.some((o) => o.value === v)\n  }\n\n  if (v === modelSingle.value) return false\n  return !flatOptions.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 !flatOptions.value.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        <template v-for=\"(item, index) in optionsResolved\" :key=\"index\">\n          <optgroup v-if=\"isOptionGroup(item)\" :label=\"item.label\">\n            <option v-for=\"opt in item.options\" :key=\"opt.value\" :value=\"opt.value\">\n              {{ opt.label }}\n            </option>\n          </optgroup>\n          <option v-else :value=\"item.value\">\n            {{ item.label }}\n          </option>\n        </template>\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 inline-block 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 inline-block 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=\"resolvedClearLabel\"\n      @click.stop=\"clearSelection\"\n    >\n      <span class=\"i-lucide-x inline-block 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          :style=\"floatingStyle\"\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=\"resolvedCustomValuePlaceholder\"\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                {{ t('gr.select.addOption', 'Add \"{value}\"', { value: customValue.trim() }) }}\n              </button>\n\n              <template v-for=\"item in panelItems\" :key=\"item.key\">\n                <div\n                  v-if=\"item.kind === 'group'\"\n                  data-ds-select-group-label\n                  role=\"presentation\"\n                  class=\"px-3 pt-2 pb-1 text-[11px] font-semibold uppercase tracking-wide text-[var(--muted-fg)]\" :class=\"[\n                    view === 'link' ? 'block min-w-full w-max whitespace-nowrap' : '',\n                  ]\"\n                >\n                  {{ item.label }}\n                </div>\n\n                <button\n                  v-else\n                  data-ds-select-option\n                  type=\"button\"\n                  role=\"option\"\n                  :aria-selected=\"isSelected(item.option.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(item.option.value)\"\n                >\n                  <slot name=\"option\" :option=\"item.option\" :selected=\"isSelected(item.option.value)\">\n                    <span class=\"flex items-center gap-2 min-w-0\">\n                      <span\n                        class=\"inline-block h-4 w-4 shrink-0\"\n                        :class=\"isSelected(item.option.value) ? 'i-lucide-check text-[var(--primary)]' : ''\"\n                        aria-hidden=\"true\"\n                      />\n                      <span class=\"truncate\">{{ item.option.label }}</span>\n                    </span>\n                  </slot>\n                </button>\n              </template>\n            </div>\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrSelect/index.js

@@ -1,3 +1,3 @@
-import { t as GrSelect_default } from "./chunks/GrSelect-W9lbAjRZ.js";
-import { n as grSelectSafelist, t as grSelectConfig } from "../../chunks/config-BY81UKv0.js";
+import { t as GrSelect_default } from "./chunks/GrSelect-DSz7jvUb.js";
+import { n as grSelectSafelist, t as grSelectConfig } from "../../chunks/config-C8MM2Dg0.js";
 export { GrSelect_default as GrSelect, GrSelect_default as default, grSelectConfig, grSelectSafelist };

package/dist/components/GrSidebar/chunks/{GrSidebar-BpBtAGBs.js.map → GrSidebar-BW8LRMZ-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrSidebar-BpBtAGBs.js","names":["$slots"],"sources":["../../../../src/components/GrSidebar/GrSidebar.vue","../../../../src/components/GrSidebar/GrSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrSidebar — боковая панель приложения с заголовком и слотом контента.\n *\n * Слоты `#title` / `#subtitle` имеют приоритет над одноимёнными пропами\n * и позволяют передать произвольную разметку (иконки, бейджи, действия).\n */\nexport interface GrSidebarProps {\n  title?: string\n  subtitle?: string\n}\n\nwithDefaults(defineProps<GrSidebarProps>(), {\n  title: undefined,\n  subtitle: undefined,\n})\n</script>\n\n<template>\n  <aside\n    data-ds-sidebar\n    class=\"border-r border-[var(--sidebar-brd)] bg-[var(--sidebar)] text-[var(--sidebar-fg)]\"\n  >\n    <div\n      v-if=\"$slots.title || title || $slots.subtitle || subtitle\"\n      data-ds-sidebar-header\n      class=\"border-b border-[var(--sidebar-brd)] px-4 py-4\"\n    >\n      <div\n        v-if=\"$slots.subtitle || subtitle\"\n        data-ds-sidebar-subtitle\n        class=\"text-[14px] text-[var(--muted-fg)]\"\n      >\n        <slot name=\"subtitle\">\n          {{ subtitle }}\n        </slot>\n      </div>\n      <div\n        v-if=\"$slots.title || title\"\n        data-ds-sidebar-title\n        class=\"text-[18px] font-700\"\n      >\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </div>\n    </div>\n    <div class=\"p-3\">\n      <slot />\n    </div>\n  </aside>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrSidebar — боковая панель приложения с заголовком и слотом контента.\n *\n * Слоты `#title` / `#subtitle` имеют приоритет над одноимёнными пропами\n * и позволяют передать произвольную разметку (иконки, бейджи, действия).\n */\nexport interface GrSidebarProps {\n  title?: string\n  subtitle?: string\n}\n\nwithDefaults(defineProps<GrSidebarProps>(), {\n  title: undefined,\n  subtitle: undefined,\n})\n</script>\n\n<template>\n  <aside\n    data-ds-sidebar\n    class=\"border-r border-[var(--sidebar-brd)] bg-[var(--sidebar)] text-[var(--sidebar-fg)]\"\n  >\n    <div\n      v-if=\"$slots.title || title || $slots.subtitle || subtitle\"\n      data-ds-sidebar-header\n      class=\"border-b border-[var(--sidebar-brd)] px-4 py-4\"\n    >\n      <div\n        v-if=\"$slots.subtitle || subtitle\"\n        data-ds-sidebar-subtitle\n        class=\"text-[14px] text-[var(--muted-fg)]\"\n      >\n        <slot name=\"subtitle\">\n          {{ subtitle }}\n        </slot>\n      </div>\n      <div\n        v-if=\"$slots.title || title\"\n        data-ds-sidebar-title\n        class=\"text-[18px] font-700\"\n      >\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </div>\n    </div>\n    <div class=\"p-3\">\n      <slot />\n    </div>\n  </aside>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAmBE,mBA+BQ,SA/BR,YA+BQ,CA1BEA,KAAAA,OAAO,SAAS,QAAA,SAASA,KAAAA,OAAO,YAAY,QAAA,YAAA,WAAA,EADpD,mBAuBM,OAvBN,YAuBM,CAjBIA,KAAAA,OAAO,YAAY,QAAA,YAAA,WAAA,EAD3B,mBAQM,OARN,YAQM,CAHJ,WAEO,KAAA,QAAA,YAAA,EAAA,QAAA,CAAA,gBAAA,gBADF,QAAA,SAAQ,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,EAIPA,KAAAA,OAAO,SAAS,QAAA,SAAA,WAAA,EADxB,mBAQM,OARN,YAQM,CAHJ,WAEO,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,gBAAA,gBADF,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,EAId,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"GrSidebar-BW8LRMZ-.js","names":["$slots"],"sources":["../../../../src/components/GrSidebar/GrSidebar.vue","../../../../src/components/GrSidebar/GrSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrSidebar — боковая панель приложения с заголовком и слотом контента.\n *\n * Слоты `#title` / `#subtitle` имеют приоритет над одноимёнными пропами\n * и позволяют передать произвольную разметку (иконки, бейджи, действия).\n */\nexport interface GrSidebarProps {\n  title?: string\n  subtitle?: string\n}\n\nwithDefaults(defineProps<GrSidebarProps>(), {\n  title: undefined,\n  subtitle: undefined,\n})\n</script>\n\n<template>\n  <aside\n    data-ds-sidebar\n    class=\"border-r border-[var(--sidebar-brd)] bg-[var(--sidebar)] text-[var(--sidebar-fg)]\"\n  >\n    <div\n      v-if=\"$slots.title || title || $slots.subtitle || subtitle\"\n      data-ds-sidebar-header\n      class=\"border-b border-[var(--sidebar-brd)] px-4 py-4\"\n    >\n      <div\n        v-if=\"$slots.subtitle || subtitle\"\n        data-ds-sidebar-subtitle\n        class=\"text-[14px] text-[var(--muted-fg)]\"\n      >\n        <slot name=\"subtitle\">\n          {{ subtitle }}\n        </slot>\n      </div>\n      <div\n        v-if=\"$slots.title || title\"\n        data-ds-sidebar-title\n        class=\"text-[18px] font-700\"\n      >\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </div>\n    </div>\n    <div class=\"p-3\">\n      <slot />\n    </div>\n  </aside>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrSidebar — боковая панель приложения с заголовком и слотом контента.\n *\n * Слоты `#title` / `#subtitle` имеют приоритет над одноимёнными пропами\n * и позволяют передать произвольную разметку (иконки, бейджи, действия).\n */\nexport interface GrSidebarProps {\n  title?: string\n  subtitle?: string\n}\n\nwithDefaults(defineProps<GrSidebarProps>(), {\n  title: undefined,\n  subtitle: undefined,\n})\n</script>\n\n<template>\n  <aside\n    data-ds-sidebar\n    class=\"border-r border-[var(--sidebar-brd)] bg-[var(--sidebar)] text-[var(--sidebar-fg)]\"\n  >\n    <div\n      v-if=\"$slots.title || title || $slots.subtitle || subtitle\"\n      data-ds-sidebar-header\n      class=\"border-b border-[var(--sidebar-brd)] px-4 py-4\"\n    >\n      <div\n        v-if=\"$slots.subtitle || subtitle\"\n        data-ds-sidebar-subtitle\n        class=\"text-[14px] text-[var(--muted-fg)]\"\n      >\n        <slot name=\"subtitle\">\n          {{ subtitle }}\n        </slot>\n      </div>\n      <div\n        v-if=\"$slots.title || title\"\n        data-ds-sidebar-title\n        class=\"text-[18px] font-700\"\n      >\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </div>\n    </div>\n    <div class=\"p-3\">\n      <slot />\n    </div>\n  </aside>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAmBE,mBA+BQ,SA/BR,YA+BQ,CA1BEA,KAAAA,OAAO,SAAS,QAAA,SAASA,KAAAA,OAAO,YAAY,QAAA,YAAA,WAAA,EADpD,mBAuBM,OAvBN,YAuBM,CAjBIA,KAAAA,OAAO,YAAY,QAAA,YAAA,WAAA,EAD3B,mBAQM,OARN,YAQM,CAHJ,WAEO,KAAA,QAAA,YAAA,EAAA,QAAA,CAAA,gBAAA,gBADF,QAAA,SAAQ,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,EAIPA,KAAAA,OAAO,SAAS,QAAA,SAAA,WAAA,EADxB,mBAQM,OARN,YAQM,CAHJ,WAEO,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,gBAAA,gBADF,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,EAId,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/GrSidebar/index.js

@@ -1,3 +1,3 @@
-import { t as GrSidebar_default } from "./chunks/GrSidebar-BpBtAGBs.js";
-import { t as grSidebarConfig } from "../../chunks/config-BeQuykDk2.js";
+import { t as GrSidebar_default } from "./chunks/GrSidebar-BW8LRMZ-.js";
+import { t as grSidebarConfig } from "../../chunks/config-BuoIngj32.js";
 export { GrSidebar_default as GrSidebar, GrSidebar_default as default, grSidebarConfig };

package/dist/components/GrSkeleton/chunks/{GrSkeleton-URyMkBqI.js.map → GrSkeleton-B05K0QKh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrSkeleton-URyMkBqI.js","names":[],"sources":["../../../../src/components/GrSkeleton/GrSkeleton.vue","../../../../src/components/GrSkeleton/GrSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrSkeleton — заглушка-плейсхолдер для загружающегося контента.\n *\n * Помечен `aria-hidden=\"true\"`, чтобы скринридер не озвучивал «пустой» узел;\n * внешний контейнер обычно имеет `aria-busy=\"true\"` + `aria-live`.\n */\nexport interface GrSkeletonProps {\n  height?: string\n  width?: string\n  rounded?: string\n}\n\nwithDefaults(defineProps<GrSkeletonProps>(), {\n  height: '12px',\n  width: '100%',\n  rounded: '9999px',\n})\n</script>\n\n<template>\n  <div\n      data-ds-skeleton\n      aria-hidden=\"true\"\n      class=\"bg-[var(--muted)] border border-[var(--brd)]\"\n      :style=\"{ height, width, borderRadius: rounded }\"\n  />\n</template>\n\n<style>\n@keyframes ds-skeleton-pulse {\n  0%, 100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.5;\n  }\n}\n\n[data-ds-skeleton] {\n  animation: ds-skeleton-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-ds-skeleton] {\n    animation: none;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\n/**\n * GrSkeleton — заглушка-плейсхолдер для загружающегося контента.\n *\n * Помечен `aria-hidden=\"true\"`, чтобы скринридер не озвучивал «пустой» узел;\n * внешний контейнер обычно имеет `aria-busy=\"true\"` + `aria-live`.\n */\nexport interface GrSkeletonProps {\n  height?: string\n  width?: string\n  rounded?: string\n}\n\nwithDefaults(defineProps<GrSkeletonProps>(), {\n  height: '12px',\n  width: '100%',\n  rounded: '9999px',\n})\n</script>\n\n<template>\n  <div\n      data-ds-skeleton\n      aria-hidden=\"true\"\n      class=\"bg-[var(--muted)] border border-[var(--brd)]\"\n      :style=\"{ height, width, borderRadius: rounded }\"\n  />\n</template>\n\n<style>\n@keyframes ds-skeleton-pulse {\n  0%, 100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.5;\n  }\n}\n\n[data-ds-skeleton] {\n  animation: ds-skeleton-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-ds-skeleton] {\n    animation: none;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;uBAqBE,mBAKE,OAAA;IAJE,oBAAA;IACA,eAAY;IACZ,OAAM;IACL,OAAK,eAAA;KAAA,QAAI,QAAA;KAAM,OAAE,QAAA;KAAK,cAAgB,QAAA;KAAO,CAAA"}
+{"version":3,"file":"GrSkeleton-B05K0QKh.js","names":[],"sources":["../../../../src/components/GrSkeleton/GrSkeleton.vue","../../../../src/components/GrSkeleton/GrSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrSkeleton — заглушка-плейсхолдер для загружающегося контента.\n *\n * Помечен `aria-hidden=\"true\"`, чтобы скринридер не озвучивал «пустой» узел;\n * внешний контейнер обычно имеет `aria-busy=\"true\"` + `aria-live`.\n */\nexport interface GrSkeletonProps {\n  height?: string\n  width?: string\n  rounded?: string\n}\n\nwithDefaults(defineProps<GrSkeletonProps>(), {\n  height: '12px',\n  width: '100%',\n  rounded: '9999px',\n})\n</script>\n\n<template>\n  <div\n      data-ds-skeleton\n      aria-hidden=\"true\"\n      class=\"bg-[var(--muted)] border border-[var(--brd)]\"\n      :style=\"{ height, width, borderRadius: rounded }\"\n  />\n</template>\n\n<style>\n@keyframes ds-skeleton-pulse {\n  0%, 100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.5;\n  }\n}\n\n[data-ds-skeleton] {\n  animation: ds-skeleton-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-ds-skeleton] {\n    animation: none;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\n/**\n * GrSkeleton — заглушка-плейсхолдер для загружающегося контента.\n *\n * Помечен `aria-hidden=\"true\"`, чтобы скринридер не озвучивал «пустой» узел;\n * внешний контейнер обычно имеет `aria-busy=\"true\"` + `aria-live`.\n */\nexport interface GrSkeletonProps {\n  height?: string\n  width?: string\n  rounded?: string\n}\n\nwithDefaults(defineProps<GrSkeletonProps>(), {\n  height: '12px',\n  width: '100%',\n  rounded: '9999px',\n})\n</script>\n\n<template>\n  <div\n      data-ds-skeleton\n      aria-hidden=\"true\"\n      class=\"bg-[var(--muted)] border border-[var(--brd)]\"\n      :style=\"{ height, width, borderRadius: rounded }\"\n  />\n</template>\n\n<style>\n@keyframes ds-skeleton-pulse {\n  0%, 100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.5;\n  }\n}\n\n[data-ds-skeleton] {\n  animation: ds-skeleton-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-ds-skeleton] {\n    animation: none;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;uBAqBE,mBAKE,OAAA;IAJE,oBAAA;IACA,eAAY;IACZ,OAAM;IACL,OAAK,eAAA;KAAA,QAAI,QAAA;KAAM,OAAE,QAAA;KAAK,cAAgB,QAAA;KAAO,CAAA"}

package/dist/components/GrSkeleton/index.js

@@ -1,3 +1,3 @@
-import { t as GrSkeleton_default } from "./chunks/GrSkeleton-URyMkBqI.js";
-import { t as grSkeletonConfig } from "../../chunks/config-DaHI5bD_2.js";
+import { t as GrSkeleton_default } from "./chunks/GrSkeleton-B05K0QKh.js";
+import { t as grSkeletonConfig } from "../../chunks/config-DZrlovR42.js";
 export { GrSkeleton_default as GrSkeleton, GrSkeleton_default as default, grSkeletonConfig };