@feugene/granularity 0.12.0 → 0.13.0

package/dist/components/GrCommandPalette/chunks/GrCommandPalette-6OyvNbek.js

@@ -0,0 +1,410 @@
+import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-SH0I--GW.js";
+import { t as GrKbd_default } from "../../GrKbd/chunks/GrKbd-DTspwtoN.js";
+import { t as GrModal_default } from "../../GrModal/chunks/GrModal-BTu1-5eY.js";
+import { a as commandGroupLabelClass, c as commandSearchInputClass, i as commandFooterClass, l as commandSearchRowClass, o as commandItemClass, r as commandEmptyClass, s as commandPaletteModalSizeBySize } from "../../../chunks/config-COE_vZ-l.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, watch, withCtx } from "vue";
+//#region src/components/GrCommandPalette/filtering.ts
+/**
+* Матчер по умолчанию: подстрока (без учёта регистра) в метке, описании,
+* названии группы или ключевых словах.
+*/
+function matchCommandItem(item, query) {
+	const needle = query.trim().toLowerCase();
+	if (!needle) return true;
+	return [
+		item.label,
+		item.description,
+		item.group,
+		...item.keywords ?? []
+	].some((part) => part?.toLowerCase().includes(needle));
+}
+function filterCommandItems(items, query, filter = matchCommandItem) {
+	if (!query.trim()) return items;
+	return items.filter((item) => filter(item, query));
+}
+/**
+* Раскладывает плоский список по группам, сохраняя порядок первого появления
+* группы. Команды без `group` собираются в единственную безымянную группу,
+* которая остаётся на своём месте в общем порядке.
+*/
+function groupCommandItems(items) {
+	const groups = [];
+	const byName = /* @__PURE__ */ new Map();
+	for (const item of items) {
+		const name = item.group || void 0;
+		let group = byName.get(name);
+		if (!group) {
+			group = {
+				name,
+				items: []
+			};
+			byName.set(name, group);
+			groups.push(group);
+		}
+		group.items.push(item);
+	}
+	return groups;
+}
+//#endregion
+//#region src/components/GrCommandPalette/hotkey.ts
+function parseCommandHotkey(combo) {
+	const parts = combo.split("+").map((p) => p.trim()).filter(Boolean);
+	const keyToken = parts.at(-1);
+	if (!keyToken) return null;
+	const parsed = {
+		key: keyToken.length === 1 ? keyToken.toLowerCase() : keyToken,
+		ctrl: false,
+		meta: false,
+		alt: false,
+		shift: false,
+		mod: false
+	};
+	for (const part of parts.slice(0, -1)) {
+		const token = part.toLowerCase();
+		if (token === "mod") parsed.mod = true;
+		else if (token === "ctrl" || token === "control") parsed.ctrl = true;
+		else if (token === "meta" || token === "cmd" || token === "command" || token === "⌘") parsed.meta = true;
+		else if (token === "alt" || token === "option") parsed.alt = true;
+		else if (token === "shift") parsed.shift = true;
+	}
+	return parsed;
+}
+/** macOS определяем по платформе — от неё зависит, чем является `mod`. */
+function isAppleDevice() {
+	if (typeof navigator === "undefined") return false;
+	return /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent);
+}
+function matchesCommandHotkey(event, hotkey, apple = isAppleDevice()) {
+	const expectMeta = hotkey.meta || hotkey.mod && apple;
+	const expectCtrl = hotkey.ctrl || hotkey.mod && !apple;
+	if (event.metaKey !== expectMeta) return false;
+	if (event.ctrlKey !== expectCtrl) return false;
+	if (event.altKey !== hotkey.alt) return false;
+	if (event.shiftKey !== hotkey.shift) return false;
+	return hotkey.key.length === 1 ? event.key.toLowerCase() === hotkey.key : event.key === hotkey.key;
+}
+/** Человекочитаемые клавиши для подсказки в поле ввода (`⌘` / `Ctrl`). */
+function formatCommandHotkey(hotkey, apple = isAppleDevice()) {
+	const keys = [];
+	if (hotkey.meta || hotkey.mod && apple) keys.push("⌘");
+	if (hotkey.ctrl || hotkey.mod && !apple) keys.push("Ctrl");
+	if (hotkey.alt) keys.push(apple ? "⌥" : "Alt");
+	if (hotkey.shift) keys.push(apple ? "⇧" : "Shift");
+	keys.push(hotkey.key.length === 1 ? hotkey.key.toUpperCase() : hotkey.key);
+	return keys;
+}
+//#endregion
+//#region src/components/GrCommandPalette/GrCommandPalette.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = [
+	"aria-label",
+	"aria-controls",
+	"aria-activedescendant",
+	"value",
+	"placeholder"
+];
+var _hoisted_3 = {
+	key: 0,
+	class: "shrink-0 text-[var(--gr-muted-fg)]"
+};
+var _hoisted_4 = ["aria-label"];
+var _hoisted_5 = {
+	key: 1,
+	class: "shrink-0 flex items-center gap-1",
+	"aria-hidden": "true"
+};
+var _hoisted_6 = ["id", "aria-label"];
+var _hoisted_7 = ["id"];
+var _hoisted_8 = ["aria-labelledby"];
+var _hoisted_9 = [
+	"id",
+	"data-testid",
+	"aria-selected",
+	"aria-disabled",
+	"onClick",
+	"onMousemove"
+];
+var _hoisted_10 = { class: "min-w-0 flex-1" };
+var _hoisted_11 = { class: "block truncate" };
+var _hoisted_12 = {
+	key: 0,
+	class: "block truncate text-[12px] text-[var(--gr-muted-fg)]"
+};
+var _hoisted_13 = {
+	key: 1,
+	class: "shrink-0 flex items-center gap-1"
+};
+//#endregion
+//#region src/components/GrCommandPalette/GrCommandPalette.vue
+var GrCommandPalette_default = /* @__PURE__ */ defineComponent({
+	__name: "GrCommandPalette",
+	props: {
+		modelValue: { type: Boolean },
+		items: { default: void 0 },
+		placeholder: { default: void 0 },
+		size: { default: "lg" },
+		hotkey: { default: "mod+k" },
+		filterable: {
+			type: Boolean,
+			default: true
+		},
+		filter: {
+			type: Function,
+			default: void 0
+		},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		closeOnSelect: {
+			type: Boolean,
+			default: true
+		},
+		maxHeight: { default: 360 },
+		showHotkeyHint: {
+			type: Boolean,
+			default: true
+		},
+		emptyText: { default: void 0 },
+		ariaLabel: { default: void 0 }
+	},
+	emits: [
+		"update:modelValue",
+		"select",
+		"search"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { t } = useGranularityTranslations();
+		const resolvedPlaceholder = computed(() => props.placeholder ?? t("gr.commandPalette.placeholder", "Type a command or search…"));
+		const resolvedEmptyText = computed(() => props.emptyText ?? t("gr.commandPalette.empty", "Nothing found"));
+		const resolvedAriaLabel = computed(() => props.ariaLabel ?? t("gr.commandPalette.label", "Command palette"));
+		const loadingText = computed(() => t("gr.commandPalette.loading", "Loading…"));
+		const query = ref("");
+		const activeIndex = ref(0);
+		const inputEl = ref(null);
+		const listboxId = useId();
+		const itemsResolved = computed(() => props.items ?? []);
+		const filteredItems = computed(() => props.filterable ? filterCommandItems(itemsResolved.value, query.value, props.filter ?? matchCommandItem) : itemsResolved.value);
+		const groups = computed(() => groupCommandItems(filteredItems.value));
+		/** Плоский список того, что реально выбирается — по нему ходят стрелки. */
+		const navigableItems = computed(() => filteredItems.value.filter((item) => !item.disabled));
+		const activeItem = computed(() => navigableItems.value[activeIndex.value]);
+		function itemDomId(id) {
+			return `${listboxId}-item-${id}`;
+		}
+		const activeDescendantId = computed(() => activeItem.value ? itemDomId(activeItem.value.id) : void 0);
+		function isActive(item) {
+			return activeItem.value?.id === item.id;
+		}
+		async function scrollActiveIntoView() {
+			await nextTick();
+			const item = activeItem.value;
+			if (!item) return;
+			document.getElementById(itemDomId(item.id))?.scrollIntoView?.({ block: "nearest" });
+		}
+		function setActive(index) {
+			const len = navigableItems.value.length;
+			activeIndex.value = len === 0 ? 0 : (index % len + len) % len;
+			scrollActiveIntoView();
+		}
+		watch(filteredItems, () => {
+			activeIndex.value = 0;
+		});
+		function close() {
+			emit("update:modelValue", false);
+		}
+		function selectItem(item) {
+			if (item.disabled) return;
+			emit("select", item);
+			if (props.closeOnSelect) close();
+		}
+		function onItemHover(item) {
+			const index = navigableItems.value.indexOf(item);
+			if (index >= 0) setActive(index);
+		}
+		function onInput(event) {
+			query.value = event.target.value;
+			emit("search", query.value.trim());
+		}
+		function onKeydown(event) {
+			switch (event.key) {
+				case "ArrowDown":
+					event.preventDefault();
+					setActive(activeIndex.value + 1);
+					break;
+				case "ArrowUp":
+					event.preventDefault();
+					setActive(activeIndex.value - 1);
+					break;
+				case "Home":
+					event.preventDefault();
+					setActive(0);
+					break;
+				case "End":
+					event.preventDefault();
+					setActive(navigableItems.value.length - 1);
+					break;
+				case "Enter":
+					if (!activeItem.value) break;
+					event.preventDefault();
+					selectItem(activeItem.value);
+					break;
+			}
+		}
+		let focusTimer = null;
+		watch(() => props.modelValue, (open) => {
+			if (!open) {
+				if (focusTimer) clearTimeout(focusTimer);
+				return;
+			}
+			query.value = "";
+			activeIndex.value = 0;
+			if (focusTimer) clearTimeout(focusTimer);
+			focusTimer = setTimeout(() => {
+				inputEl.value?.focus();
+			}, 0);
+		});
+		const parsedHotkey = computed(() => props.hotkey ? parseCommandHotkey(props.hotkey) : null);
+		const hotkeyHint = computed(() => props.showHotkeyHint && parsedHotkey.value ? formatCommandHotkey(parsedHotkey.value) : []);
+		function onWindowKeydown(event) {
+			const hotkey = parsedHotkey.value;
+			if (!hotkey || !matchesCommandHotkey(event, hotkey)) return;
+			event.preventDefault();
+			emit("update:modelValue", !props.modelValue);
+		}
+		onMounted(() => {
+			if (typeof window === "undefined") return;
+			window.addEventListener("keydown", onWindowKeydown);
+		});
+		onBeforeUnmount(() => {
+			if (typeof window !== "undefined") window.removeEventListener("keydown", onWindowKeydown);
+			if (focusTimer) clearTimeout(focusTimer);
+		});
+		const modalSize = computed(() => commandPaletteModalSizeBySize[props.size]);
+		const listStyle = computed(() => ({ maxHeight: `var(--gr-command-list-max-height, ${props.maxHeight}px)` }));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(GrModal_default, {
+				"model-value": __props.modelValue,
+				size: modalSize.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
+			}, {
+				default: withCtx(() => [createElementVNode("div", {
+					"data-gr-command-palette": "",
+					"aria-label": resolvedAriaLabel.value
+				}, [
+					createElementVNode("div", {
+						"data-gr-command-palette-search": "",
+						class: normalizeClass(unref(commandSearchRowClass))
+					}, [
+						_cache[1] || (_cache[1] = createElementVNode("span", {
+							class: "i-lucide-search block h-4 w-4 shrink-0 text-[var(--gr-muted-fg)]",
+							"aria-hidden": "true"
+						}, null, -1)),
+						createElementVNode("input", {
+							ref_key: "inputEl",
+							ref: inputEl,
+							"data-gr-command-palette-input": "",
+							"data-testid": "gr-command-palette-input",
+							type: "text",
+							autocomplete: "off",
+							spellcheck: "false",
+							role: "combobox",
+							"aria-haspopup": "listbox",
+							"aria-autocomplete": "list",
+							"aria-expanded": "true",
+							"aria-label": resolvedAriaLabel.value,
+							"aria-controls": unref(listboxId),
+							"aria-activedescendant": activeDescendantId.value,
+							value: query.value,
+							placeholder: resolvedPlaceholder.value,
+							class: normalizeClass(unref(commandSearchInputClass)),
+							onInput,
+							onKeydown
+						}, null, 42, _hoisted_2),
+						__props.loading ? (openBlock(), createElementBlock("span", _hoisted_3, [createElementVNode("span", {
+							class: "i-lucide-loader-2 block h-4 w-4 animate-spin",
+							"aria-label": loadingText.value
+						}, null, 8, _hoisted_4)])) : hotkeyHint.value.length ? (openBlock(), createElementBlock("span", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(hotkeyHint.value, (key) => {
+							return openBlock(), createBlock(GrKbd_default, {
+								key,
+								size: "sm"
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(key), 1)]),
+								_: 2
+							}, 1024);
+						}), 128))])) : createCommentVNode("", true)
+					], 2),
+					createElementVNode("div", {
+						id: unref(listboxId),
+						"data-gr-command-palette-list": "",
+						"data-testid": "gr-command-palette-list",
+						class: "overflow-y-auto p-2",
+						style: normalizeStyle(listStyle.value),
+						role: "listbox",
+						"aria-label": resolvedAriaLabel.value
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(groups.value, (group, groupIndex) => {
+						return openBlock(), createElementBlock(Fragment, { key: group.name ?? `__ungrouped-${groupIndex}` }, [group.name ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							id: `${unref(listboxId)}-group-${groupIndex}`,
+							"data-gr-command-palette-group": "",
+							class: normalizeClass(unref(commandGroupLabelClass))
+						}, toDisplayString(group.name), 11, _hoisted_7)) : createCommentVNode("", true), createElementVNode("div", {
+							role: "group",
+							"aria-labelledby": group.name ? `${unref(listboxId)}-group-${groupIndex}` : void 0
+						}, [(openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (item) => {
+							return openBlock(), createElementBlock("div", {
+								id: itemDomId(item.id),
+								key: item.id,
+								"data-gr-command-palette-item": "",
+								"data-testid": `gr-command-palette-item-${item.id}`,
+								role: "option",
+								"aria-selected": isActive(item) ? "true" : "false",
+								"aria-disabled": item.disabled ? "true" : void 0,
+								class: normalizeClass(unref(commandItemClass)({
+									active: isActive(item),
+									disabled: Boolean(item.disabled)
+								})),
+								onClick: ($event) => selectItem(item),
+								onMousemove: ($event) => onItemHover(item)
+							}, [renderSlot(_ctx.$slots, "item", {
+								item,
+								active: isActive(item)
+							}, () => [
+								item.icon ? (openBlock(), createElementBlock("span", {
+									key: 0,
+									class: normalizeClass(["block h-4 w-4 shrink-0 text-[var(--gr-muted-fg)]", item.icon]),
+									"aria-hidden": "true"
+								}, null, 2)) : createCommentVNode("", true),
+								createElementVNode("span", _hoisted_10, [createElementVNode("span", _hoisted_11, toDisplayString(item.label), 1), item.description ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(item.description), 1)) : createCommentVNode("", true)]),
+								item.shortcut?.length ? (openBlock(), createElementBlock("span", _hoisted_13, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.shortcut, (key) => {
+									return openBlock(), createBlock(GrKbd_default, {
+										key,
+										size: "sm"
+									}, {
+										default: withCtx(() => [createTextVNode(toDisplayString(key), 1)]),
+										_: 2
+									}, 1024);
+								}), 128))])) : createCommentVNode("", true)
+							])], 42, _hoisted_9);
+						}), 128))], 8, _hoisted_8)], 64);
+					}), 128)), !filteredItems.value.length ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						"data-gr-command-palette-empty": "",
+						"data-testid": "gr-command-palette-empty",
+						class: normalizeClass(unref(commandEmptyClass))
+					}, [renderSlot(_ctx.$slots, "empty", { query: query.value }, () => [createTextVNode(toDisplayString(resolvedEmptyText.value), 1)])], 2)) : createCommentVNode("", true)], 12, _hoisted_6),
+					_ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						"data-gr-command-palette-footer": "",
+						class: normalizeClass(unref(commandFooterClass))
+					}, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("", true)
+				], 8, _hoisted_1)]),
+				_: 3
+			}, 8, ["model-value", "size"]);
+		};
+	}
+});
+//#endregion
+export { matchCommandItem as i, filterCommandItems as n, groupCommandItems as r, GrCommandPalette_default as t };

package/dist/components/GrCommandPalette/chunks/GrCommandPalette-6OyvNbek.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrCommandPalette-6OyvNbek.js","names":["$emit","$slots"],"sources":["../../../../src/components/GrCommandPalette/filtering.ts","../../../../src/components/GrCommandPalette/hotkey.ts","../../../../src/components/GrCommandPalette/GrCommandPalette.vue","../../../../src/components/GrCommandPalette/GrCommandPalette.vue"],"sourcesContent":["/** Команда палитры. `id` обязателен — он же ключ рендера и цель `aria-activedescendant`. */\nexport type GrCommandItem = {\n  id: string\n  label: string\n  /** Пояснение под меткой. */\n  description?: string\n  /** UnoCSS-класс иконки (например `i-lucide-file-plus`). */\n  icon?: string\n  /** Подсказка сочетания клавиш — массив клавиш, каждая рисуется отдельным `GrKbd`. */\n  shortcut?: string[]\n  /** Заголовок группы, под которой команда показывается в списке. */\n  group?: string\n  /** Дополнительные слова для поиска (синонимы, транслитерация). */\n  keywords?: string[]\n  disabled?: boolean\n}\n\n/** Команды, сгруппированные для рендера: порядок групп — порядок первого вхождения. */\nexport type GrCommandGroup = {\n  /** `undefined` — команды без группы (рендерятся без заголовка). */\n  name: string | undefined\n  items: GrCommandItem[]\n}\n\nexport type GrCommandFilter = (item: GrCommandItem, query: string) => boolean\n\n/**\n * Матчер по умолчанию: подстрока (без учёта регистра) в метке, описании,\n * названии группы или ключевых словах.\n */\nexport function matchCommandItem(item: GrCommandItem, query: string): boolean {\n  const needle = query.trim().toLowerCase()\n  if (!needle) return true\n\n  const haystack = [item.label, item.description, item.group, ...(item.keywords ?? [])]\n  return haystack.some(part => part?.toLowerCase().includes(needle))\n}\n\nexport function filterCommandItems(\n  items: GrCommandItem[],\n  query: string,\n  filter: GrCommandFilter = matchCommandItem,\n): GrCommandItem[] {\n  if (!query.trim()) return items\n  return items.filter(item => filter(item, query))\n}\n\n/**\n * Раскладывает плоский список по группам, сохраняя порядок первого появления\n * группы. Команды без `group` собираются в единственную безымянную группу,\n * которая остаётся на своём месте в общем порядке.\n */\nexport function groupCommandItems(items: GrCommandItem[]): GrCommandGroup[] {\n  const groups: GrCommandGroup[] = []\n  const byName = new Map<string | undefined, GrCommandGroup>()\n\n  for (const item of items) {\n    const name = item.group || undefined\n    let group = byName.get(name)\n    if (!group) {\n      group = { name, items: [] }\n      byName.set(name, group)\n      groups.push(group)\n    }\n    group.items.push(item)\n  }\n\n  return groups\n}\n","/**\n * Разбор и матчинг сочетания открытия палитры.\n *\n * Директива `v-hotkey` здесь не подходит: ей нужен смонтированный элемент, а\n * палитра в закрытом состоянии не рендерит ничего (весь UI живёт внутри\n * `GrModal`, который скрыт). Поэтому — минимальный собственный матчер на\n * `window`, с тем же синтаксисом комбинаций плюс токен `mod`.\n */\n\nexport type ParsedCommandHotkey = {\n  key: string\n  ctrl: boolean\n  meta: boolean\n  alt: boolean\n  shift: boolean\n  /** `mod` — Cmd на macOS, Ctrl на остальных платформах. */\n  mod: boolean\n}\n\nexport function parseCommandHotkey(combo: string): ParsedCommandHotkey | null {\n  const parts = combo.split('+').map(p => p.trim()).filter(Boolean)\n  const keyToken = parts.at(-1)\n  if (!keyToken) return null\n\n  const parsed: ParsedCommandHotkey = {\n    key: keyToken.length === 1 ? keyToken.toLowerCase() : keyToken,\n    ctrl: false,\n    meta: false,\n    alt: false,\n    shift: false,\n    mod: false,\n  }\n\n  for (const part of parts.slice(0, -1)) {\n    const token = part.toLowerCase()\n    if (token === 'mod') parsed.mod = true\n    else if (token === 'ctrl' || token === 'control') parsed.ctrl = true\n    else if (token === 'meta' || token === 'cmd' || token === 'command' || token === '⌘') parsed.meta = true\n    else if (token === 'alt' || token === 'option') parsed.alt = true\n    else if (token === 'shift') parsed.shift = true\n  }\n\n  return parsed\n}\n\n/** macOS определяем по платформе — от неё зависит, чем является `mod`. */\nexport function isAppleDevice(): boolean {\n  if (typeof navigator === 'undefined') return false\n  return /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent)\n}\n\nexport function matchesCommandHotkey(\n  event: KeyboardEvent,\n  hotkey: ParsedCommandHotkey,\n  apple = isAppleDevice(),\n): boolean {\n  const expectMeta = hotkey.meta || (hotkey.mod && apple)\n  const expectCtrl = hotkey.ctrl || (hotkey.mod && !apple)\n\n  if (event.metaKey !== expectMeta) return false\n  if (event.ctrlKey !== expectCtrl) return false\n  if (event.altKey !== hotkey.alt) return false\n  if (event.shiftKey !== hotkey.shift) return false\n\n  return hotkey.key.length === 1\n    ? event.key.toLowerCase() === hotkey.key\n    : event.key === hotkey.key\n}\n\n/** Человекочитаемые клавиши для подсказки в поле ввода (`⌘` / `Ctrl`). */\nexport function formatCommandHotkey(hotkey: ParsedCommandHotkey, apple = isAppleDevice()): string[] {\n  const keys: string[] = []\n  if (hotkey.meta || (hotkey.mod && apple)) keys.push('⌘')\n  if (hotkey.ctrl || (hotkey.mod && !apple)) keys.push('Ctrl')\n  if (hotkey.alt) keys.push(apple ? '⌥' : 'Alt')\n  if (hotkey.shift) keys.push(apple ? '⇧' : 'Shift')\n  keys.push(hotkey.key.length === 1 ? hotkey.key.toUpperCase() : hotkey.key)\n  return keys\n}\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useId, watch } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrKbd from '../GrKbd/GrKbd.vue'\nimport GrModal from '../GrModal/GrModal.vue'\n\nimport {\n  filterCommandItems,\n  groupCommandItems,\n  matchCommandItem,\n  type GrCommandFilter,\n  type GrCommandItem,\n} from './filtering'\nimport {\n  formatCommandHotkey,\n  matchesCommandHotkey,\n  parseCommandHotkey,\n} from './hotkey'\nimport {\n  commandEmptyClass,\n  commandFooterClass,\n  commandGroupLabelClass,\n  commandItemClass,\n  commandPaletteModalSizeBySize,\n  commandSearchInputClass,\n  commandSearchRowClass,\n  type GrCommandPaletteSize,\n} from './grCommandPaletteStyles'\n\nexport type { GrCommandFilter, GrCommandGroup, GrCommandItem } from './filtering'\nexport type { GrCommandPaletteSize } from './grCommandPaletteStyles'\n\n/**\n * Публичный GR-примитив «Command palette» (⌘K) — модальный поиск по командам\n * приложения с группировкой, подсказками сочетаний и клавиатурной навигацией.\n *\n * A11y: WAI-ARIA combobox поверх модалки — `role=\"combobox\"` на поле ввода,\n * `role=\"listbox\"` на списке, `aria-activedescendant` на активной команде\n * (фокус остаётся в поле). Esc, фокус-ловушка и блокировка скролла приходят\n * из `GrModal`.\n *\n * Открытие по глобальному сочетанию (`hotkey`, по умолчанию `mod+k` — Cmd на\n * macOS, Ctrl на прочих) компонент берёт на себя; передайте `hotkey: null`,\n * чтобы управлять открытием только через `v-model`.\n */\nexport interface GrCommandPaletteProps {\n  /** Открыта ли палитра. */\n  modelValue: boolean\n  /** Плоский список команд; группировка — по полю `group` самой команды. */\n  items?: GrCommandItem[]\n  placeholder?: string\n  size?: GrCommandPaletteSize\n  /** Глобальное сочетание открытия. `null` — не вешать слушатель. */\n  hotkey?: string | null\n  /** Локальная фильтрация по запросу. `false` — фильтрует владелец по событию `search`. */\n  filterable?: boolean\n  /** Кастомный матчер локальной фильтрации. */\n  filter?: GrCommandFilter\n  /** Внешне управляемое состояние загрузки (для remote-поиска). */\n  loading?: boolean\n  /** Закрывать палитру после выбора команды. */\n  closeOnSelect?: boolean\n  /** Максимальная высота списка, px. */\n  maxHeight?: number\n  /** Показывать подсказку сочетания в поле ввода. */\n  showHotkeyHint?: boolean\n  emptyText?: string\n  ariaLabel?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrCommandPaletteProps>(),\n  {\n    items: undefined,\n    placeholder: undefined,\n    size: 'lg',\n    hotkey: 'mod+k',\n    filterable: true,\n    filter: undefined,\n    loading: false,\n    closeOnSelect: true,\n    maxHeight: 360,\n    showHotkeyHint: true,\n    emptyText: undefined,\n    ariaLabel: undefined,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  /** Команда выбрана (клик или Enter). */\n  (e: 'select', item: GrCommandItem): void\n  /** Поисковый запрос изменился — точка входа для remote-поиска. */\n  (e: 'search', query: string): void\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst resolvedPlaceholder = computed(() => props.placeholder ?? t('gr.commandPalette.placeholder', 'Type a command or search…'))\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.commandPalette.empty', 'Nothing found'))\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.commandPalette.label', 'Command palette'))\nconst loadingText = computed(() => t('gr.commandPalette.loading', 'Loading…'))\n\nconst query = ref('')\nconst activeIndex = ref(0)\nconst inputEl = ref<HTMLInputElement | null>(null)\nconst listboxId = useId()\n\nconst itemsResolved = computed<GrCommandItem[]>(() => props.items ?? [])\n\nconst filteredItems = computed<GrCommandItem[]>(() =>\n  props.filterable\n    ? filterCommandItems(itemsResolved.value, query.value, props.filter ?? matchCommandItem)\n    : itemsResolved.value,\n)\n\nconst groups = computed(() => groupCommandItems(filteredItems.value))\n\n/** Плоский список того, что реально выбирается — по нему ходят стрелки. */\nconst navigableItems = computed(() => filteredItems.value.filter(item => !item.disabled))\n\nconst activeItem = computed<GrCommandItem | undefined>(() => navigableItems.value[activeIndex.value])\n\nfunction itemDomId(id: string): string {\n  return `${listboxId}-item-${id}`\n}\n\nconst activeDescendantId = computed(() =>\n  activeItem.value ? itemDomId(activeItem.value.id) : undefined,\n)\n\nfunction isActive(item: GrCommandItem): boolean {\n  return activeItem.value?.id === item.id\n}\n\nasync function scrollActiveIntoView(): Promise<void> {\n  await nextTick()\n  const item = activeItem.value\n  if (!item) return\n  document.getElementById(itemDomId(item.id))?.scrollIntoView?.({ block: 'nearest' })\n}\n\nfunction setActive(index: number): void {\n  const len = navigableItems.value.length\n  activeIndex.value = len === 0 ? 0 : ((index % len) + len) % len\n  void scrollActiveIntoView()\n}\n\n// Список пересобрался (ввод запроса / remote-загрузка) — активной становится первая команда.\nwatch(filteredItems, () => { activeIndex.value = 0 })\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction selectItem(item: GrCommandItem): void {\n  if (item.disabled) return\n  emit('select', item)\n  if (props.closeOnSelect) close()\n}\n\nfunction onItemHover(item: GrCommandItem): void {\n  const index = navigableItems.value.indexOf(item)\n  if (index >= 0) setActive(index)\n}\n\nfunction onInput(event: Event): void {\n  query.value = (event.target as HTMLInputElement).value\n  emit('search', query.value.trim())\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault()\n      setActive(activeIndex.value + 1)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      setActive(activeIndex.value - 1)\n      break\n    case 'Home':\n      event.preventDefault()\n      setActive(0)\n      break\n    case 'End':\n      event.preventDefault()\n      setActive(navigableItems.value.length - 1)\n      break\n    case 'Enter':\n      if (!activeItem.value) break\n      event.preventDefault()\n      selectItem(activeItem.value)\n      break\n  }\n}\n\n// ————— Открытие/закрытие: сброс запроса и фокус в поле.\nlet focusTimer: ReturnType<typeof setTimeout> | null = null\n\nwatch(\n  () => props.modelValue,\n  (open) => {\n    if (!open) {\n      if (focusTimer) clearTimeout(focusTimer)\n      return\n    }\n\n    query.value = ''\n    activeIndex.value = 0\n    // `GrModal` отдаёт первичный фокус своей панели, поэтому переносим фокус в\n    // поле ввода следующим тиком макрозадачи — иначе HeadlessUI перебьёт его.\n    if (focusTimer) clearTimeout(focusTimer)\n    focusTimer = setTimeout(() => { inputEl.value?.focus() }, 0)\n  },\n)\n\n// ————— Глобальное сочетание открытия.\nconst parsedHotkey = computed(() => (props.hotkey ? parseCommandHotkey(props.hotkey) : null))\n\nconst hotkeyHint = computed(() =>\n  props.showHotkeyHint && parsedHotkey.value ? formatCommandHotkey(parsedHotkey.value) : [],\n)\n\nfunction onWindowKeydown(event: KeyboardEvent): void {\n  const hotkey = parsedHotkey.value\n  if (!hotkey || !matchesCommandHotkey(event, hotkey)) return\n  event.preventDefault()\n  emit('update:modelValue', !props.modelValue)\n}\n\nonMounted(() => {\n  if (typeof window === 'undefined') return\n  window.addEventListener('keydown', onWindowKeydown)\n})\n\nonBeforeUnmount(() => {\n  if (typeof window !== 'undefined') window.removeEventListener('keydown', onWindowKeydown)\n  if (focusTimer) clearTimeout(focusTimer)\n})\n\nconst modalSize = computed(() => commandPaletteModalSizeBySize[props.size])\nconst listStyle = computed(() => ({ maxHeight: `var(--gr-command-list-max-height, ${props.maxHeight}px)` }))\n</script>\n\n<template>\n  <GrModal\n    :model-value=\"modelValue\"\n    :size=\"modalSize\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <div data-gr-command-palette :aria-label=\"resolvedAriaLabel\">\n      <div data-gr-command-palette-search :class=\"commandSearchRowClass\">\n        <span class=\"i-lucide-search block h-4 w-4 shrink-0 text-[var(--gr-muted-fg)]\" aria-hidden=\"true\" />\n\n        <input\n          ref=\"inputEl\"\n          data-gr-command-palette-input\n          data-testid=\"gr-command-palette-input\"\n          type=\"text\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          role=\"combobox\"\n          aria-haspopup=\"listbox\"\n          aria-autocomplete=\"list\"\n          aria-expanded=\"true\"\n          :aria-label=\"resolvedAriaLabel\"\n          :aria-controls=\"listboxId\"\n          :aria-activedescendant=\"activeDescendantId\"\n          :value=\"query\"\n          :placeholder=\"resolvedPlaceholder\"\n          :class=\"commandSearchInputClass\"\n          @input=\"onInput\"\n          @keydown=\"onKeydown\"\n        >\n\n        <span v-if=\"loading\" class=\"shrink-0 text-[var(--gr-muted-fg)]\">\n          <span class=\"i-lucide-loader-2 block h-4 w-4 animate-spin\" :aria-label=\"loadingText\" />\n        </span>\n        <span v-else-if=\"hotkeyHint.length\" class=\"shrink-0 flex items-center gap-1\" aria-hidden=\"true\">\n          <GrKbd v-for=\"key in hotkeyHint\" :key=\"key\" size=\"sm\">{{ key }}</GrKbd>\n        </span>\n      </div>\n\n      <div\n        :id=\"listboxId\"\n        data-gr-command-palette-list\n        data-testid=\"gr-command-palette-list\"\n        class=\"overflow-y-auto p-2\"\n        :style=\"listStyle\"\n        role=\"listbox\"\n        :aria-label=\"resolvedAriaLabel\"\n      >\n        <template v-for=\"(group, groupIndex) in groups\" :key=\"group.name ?? `__ungrouped-${groupIndex}`\">\n          <div\n            v-if=\"group.name\"\n            :id=\"`${listboxId}-group-${groupIndex}`\"\n            data-gr-command-palette-group\n            :class=\"commandGroupLabelClass\"\n          >\n            {{ group.name }}\n          </div>\n\n          <div role=\"group\" :aria-labelledby=\"group.name ? `${listboxId}-group-${groupIndex}` : undefined\">\n            <div\n              v-for=\"item in group.items\"\n              :id=\"itemDomId(item.id)\"\n              :key=\"item.id\"\n              data-gr-command-palette-item\n              :data-testid=\"`gr-command-palette-item-${item.id}`\"\n              role=\"option\"\n              :aria-selected=\"isActive(item) ? 'true' : 'false'\"\n              :aria-disabled=\"item.disabled ? 'true' : undefined\"\n              :class=\"commandItemClass({ active: isActive(item), disabled: Boolean(item.disabled) })\"\n              @click=\"selectItem(item)\"\n              @mousemove=\"onItemHover(item)\"\n            >\n              <slot name=\"item\" :item=\"item\" :active=\"isActive(item)\">\n                <span\n                  v-if=\"item.icon\"\n                  class=\"block h-4 w-4 shrink-0 text-[var(--gr-muted-fg)]\"\n                  :class=\"item.icon\"\n                  aria-hidden=\"true\"\n                />\n                <span class=\"min-w-0 flex-1\">\n                  <span class=\"block truncate\">{{ item.label }}</span>\n                  <span v-if=\"item.description\" class=\"block truncate text-[12px] text-[var(--gr-muted-fg)]\">\n                    {{ item.description }}\n                  </span>\n                </span>\n                <span v-if=\"item.shortcut?.length\" class=\"shrink-0 flex items-center gap-1\">\n                  <GrKbd v-for=\"key in item.shortcut\" :key=\"key\" size=\"sm\">{{ key }}</GrKbd>\n                </span>\n              </slot>\n            </div>\n          </div>\n        </template>\n\n        <div\n          v-if=\"!filteredItems.length\"\n          data-gr-command-palette-empty\n          data-testid=\"gr-command-palette-empty\"\n          :class=\"commandEmptyClass\"\n        >\n          <slot name=\"empty\" :query=\"query\">\n            {{ resolvedEmptyText }}\n          </slot>\n        </div>\n      </div>\n\n      <div v-if=\"$slots.footer\" data-gr-command-palette-footer :class=\"commandFooterClass\">\n        <slot name=\"footer\" />\n      </div>\n    </div>\n  </GrModal>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useId, watch } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrKbd from '../GrKbd/GrKbd.vue'\nimport GrModal from '../GrModal/GrModal.vue'\n\nimport {\n  filterCommandItems,\n  groupCommandItems,\n  matchCommandItem,\n  type GrCommandFilter,\n  type GrCommandItem,\n} from './filtering'\nimport {\n  formatCommandHotkey,\n  matchesCommandHotkey,\n  parseCommandHotkey,\n} from './hotkey'\nimport {\n  commandEmptyClass,\n  commandFooterClass,\n  commandGroupLabelClass,\n  commandItemClass,\n  commandPaletteModalSizeBySize,\n  commandSearchInputClass,\n  commandSearchRowClass,\n  type GrCommandPaletteSize,\n} from './grCommandPaletteStyles'\n\nexport type { GrCommandFilter, GrCommandGroup, GrCommandItem } from './filtering'\nexport type { GrCommandPaletteSize } from './grCommandPaletteStyles'\n\n/**\n * Публичный GR-примитив «Command palette» (⌘K) — модальный поиск по командам\n * приложения с группировкой, подсказками сочетаний и клавиатурной навигацией.\n *\n * A11y: WAI-ARIA combobox поверх модалки — `role=\"combobox\"` на поле ввода,\n * `role=\"listbox\"` на списке, `aria-activedescendant` на активной команде\n * (фокус остаётся в поле). Esc, фокус-ловушка и блокировка скролла приходят\n * из `GrModal`.\n *\n * Открытие по глобальному сочетанию (`hotkey`, по умолчанию `mod+k` — Cmd на\n * macOS, Ctrl на прочих) компонент берёт на себя; передайте `hotkey: null`,\n * чтобы управлять открытием только через `v-model`.\n */\nexport interface GrCommandPaletteProps {\n  /** Открыта ли палитра. */\n  modelValue: boolean\n  /** Плоский список команд; группировка — по полю `group` самой команды. */\n  items?: GrCommandItem[]\n  placeholder?: string\n  size?: GrCommandPaletteSize\n  /** Глобальное сочетание открытия. `null` — не вешать слушатель. */\n  hotkey?: string | null\n  /** Локальная фильтрация по запросу. `false` — фильтрует владелец по событию `search`. */\n  filterable?: boolean\n  /** Кастомный матчер локальной фильтрации. */\n  filter?: GrCommandFilter\n  /** Внешне управляемое состояние загрузки (для remote-поиска). */\n  loading?: boolean\n  /** Закрывать палитру после выбора команды. */\n  closeOnSelect?: boolean\n  /** Максимальная высота списка, px. */\n  maxHeight?: number\n  /** Показывать подсказку сочетания в поле ввода. */\n  showHotkeyHint?: boolean\n  emptyText?: string\n  ariaLabel?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrCommandPaletteProps>(),\n  {\n    items: undefined,\n    placeholder: undefined,\n    size: 'lg',\n    hotkey: 'mod+k',\n    filterable: true,\n    filter: undefined,\n    loading: false,\n    closeOnSelect: true,\n    maxHeight: 360,\n    showHotkeyHint: true,\n    emptyText: undefined,\n    ariaLabel: undefined,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  /** Команда выбрана (клик или Enter). */\n  (e: 'select', item: GrCommandItem): void\n  /** Поисковый запрос изменился — точка входа для remote-поиска. */\n  (e: 'search', query: string): void\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst resolvedPlaceholder = computed(() => props.placeholder ?? t('gr.commandPalette.placeholder', 'Type a command or search…'))\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.commandPalette.empty', 'Nothing found'))\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.commandPalette.label', 'Command palette'))\nconst loadingText = computed(() => t('gr.commandPalette.loading', 'Loading…'))\n\nconst query = ref('')\nconst activeIndex = ref(0)\nconst inputEl = ref<HTMLInputElement | null>(null)\nconst listboxId = useId()\n\nconst itemsResolved = computed<GrCommandItem[]>(() => props.items ?? [])\n\nconst filteredItems = computed<GrCommandItem[]>(() =>\n  props.filterable\n    ? filterCommandItems(itemsResolved.value, query.value, props.filter ?? matchCommandItem)\n    : itemsResolved.value,\n)\n\nconst groups = computed(() => groupCommandItems(filteredItems.value))\n\n/** Плоский список того, что реально выбирается — по нему ходят стрелки. */\nconst navigableItems = computed(() => filteredItems.value.filter(item => !item.disabled))\n\nconst activeItem = computed<GrCommandItem | undefined>(() => navigableItems.value[activeIndex.value])\n\nfunction itemDomId(id: string): string {\n  return `${listboxId}-item-${id}`\n}\n\nconst activeDescendantId = computed(() =>\n  activeItem.value ? itemDomId(activeItem.value.id) : undefined,\n)\n\nfunction isActive(item: GrCommandItem): boolean {\n  return activeItem.value?.id === item.id\n}\n\nasync function scrollActiveIntoView(): Promise<void> {\n  await nextTick()\n  const item = activeItem.value\n  if (!item) return\n  document.getElementById(itemDomId(item.id))?.scrollIntoView?.({ block: 'nearest' })\n}\n\nfunction setActive(index: number): void {\n  const len = navigableItems.value.length\n  activeIndex.value = len === 0 ? 0 : ((index % len) + len) % len\n  void scrollActiveIntoView()\n}\n\n// Список пересобрался (ввод запроса / remote-загрузка) — активной становится первая команда.\nwatch(filteredItems, () => { activeIndex.value = 0 })\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction selectItem(item: GrCommandItem): void {\n  if (item.disabled) return\n  emit('select', item)\n  if (props.closeOnSelect) close()\n}\n\nfunction onItemHover(item: GrCommandItem): void {\n  const index = navigableItems.value.indexOf(item)\n  if (index >= 0) setActive(index)\n}\n\nfunction onInput(event: Event): void {\n  query.value = (event.target as HTMLInputElement).value\n  emit('search', query.value.trim())\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault()\n      setActive(activeIndex.value + 1)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      setActive(activeIndex.value - 1)\n      break\n    case 'Home':\n      event.preventDefault()\n      setActive(0)\n      break\n    case 'End':\n      event.preventDefault()\n      setActive(navigableItems.value.length - 1)\n      break\n    case 'Enter':\n      if (!activeItem.value) break\n      event.preventDefault()\n      selectItem(activeItem.value)\n      break\n  }\n}\n\n// ————— Открытие/закрытие: сброс запроса и фокус в поле.\nlet focusTimer: ReturnType<typeof setTimeout> | null = null\n\nwatch(\n  () => props.modelValue,\n  (open) => {\n    if (!open) {\n      if (focusTimer) clearTimeout(focusTimer)\n      return\n    }\n\n    query.value = ''\n    activeIndex.value = 0\n    // `GrModal` отдаёт первичный фокус своей панели, поэтому переносим фокус в\n    // поле ввода следующим тиком макрозадачи — иначе HeadlessUI перебьёт его.\n    if (focusTimer) clearTimeout(focusTimer)\n    focusTimer = setTimeout(() => { inputEl.value?.focus() }, 0)\n  },\n)\n\n// ————— Глобальное сочетание открытия.\nconst parsedHotkey = computed(() => (props.hotkey ? parseCommandHotkey(props.hotkey) : null))\n\nconst hotkeyHint = computed(() =>\n  props.showHotkeyHint && parsedHotkey.value ? formatCommandHotkey(parsedHotkey.value) : [],\n)\n\nfunction onWindowKeydown(event: KeyboardEvent): void {\n  const hotkey = parsedHotkey.value\n  if (!hotkey || !matchesCommandHotkey(event, hotkey)) return\n  event.preventDefault()\n  emit('update:modelValue', !props.modelValue)\n}\n\nonMounted(() => {\n  if (typeof window === 'undefined') return\n  window.addEventListener('keydown', onWindowKeydown)\n})\n\nonBeforeUnmount(() => {\n  if (typeof window !== 'undefined') window.removeEventListener('keydown', onWindowKeydown)\n  if (focusTimer) clearTimeout(focusTimer)\n})\n\nconst modalSize = computed(() => commandPaletteModalSizeBySize[props.size])\nconst listStyle = computed(() => ({ maxHeight: `var(--gr-command-list-max-height, ${props.maxHeight}px)` }))\n</script>\n\n<template>\n  <GrModal\n    :model-value=\"modelValue\"\n    :size=\"modalSize\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <div data-gr-command-palette :aria-label=\"resolvedAriaLabel\">\n      <div data-gr-command-palette-search :class=\"commandSearchRowClass\">\n        <span class=\"i-lucide-search block h-4 w-4 shrink-0 text-[var(--gr-muted-fg)]\" aria-hidden=\"true\" />\n\n        <input\n          ref=\"inputEl\"\n          data-gr-command-palette-input\n          data-testid=\"gr-command-palette-input\"\n          type=\"text\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          role=\"combobox\"\n          aria-haspopup=\"listbox\"\n          aria-autocomplete=\"list\"\n          aria-expanded=\"true\"\n          :aria-label=\"resolvedAriaLabel\"\n          :aria-controls=\"listboxId\"\n          :aria-activedescendant=\"activeDescendantId\"\n          :value=\"query\"\n          :placeholder=\"resolvedPlaceholder\"\n          :class=\"commandSearchInputClass\"\n          @input=\"onInput\"\n          @keydown=\"onKeydown\"\n        >\n\n        <span v-if=\"loading\" class=\"shrink-0 text-[var(--gr-muted-fg)]\">\n          <span class=\"i-lucide-loader-2 block h-4 w-4 animate-spin\" :aria-label=\"loadingText\" />\n        </span>\n        <span v-else-if=\"hotkeyHint.length\" class=\"shrink-0 flex items-center gap-1\" aria-hidden=\"true\">\n          <GrKbd v-for=\"key in hotkeyHint\" :key=\"key\" size=\"sm\">{{ key }}</GrKbd>\n        </span>\n      </div>\n\n      <div\n        :id=\"listboxId\"\n        data-gr-command-palette-list\n        data-testid=\"gr-command-palette-list\"\n        class=\"overflow-y-auto p-2\"\n        :style=\"listStyle\"\n        role=\"listbox\"\n        :aria-label=\"resolvedAriaLabel\"\n      >\n        <template v-for=\"(group, groupIndex) in groups\" :key=\"group.name ?? `__ungrouped-${groupIndex}`\">\n          <div\n            v-if=\"group.name\"\n            :id=\"`${listboxId}-group-${groupIndex}`\"\n            data-gr-command-palette-group\n            :class=\"commandGroupLabelClass\"\n          >\n            {{ group.name }}\n          </div>\n\n          <div role=\"group\" :aria-labelledby=\"group.name ? `${listboxId}-group-${groupIndex}` : undefined\">\n            <div\n              v-for=\"item in group.items\"\n              :id=\"itemDomId(item.id)\"\n              :key=\"item.id\"\n              data-gr-command-palette-item\n              :data-testid=\"`gr-command-palette-item-${item.id}`\"\n              role=\"option\"\n              :aria-selected=\"isActive(item) ? 'true' : 'false'\"\n              :aria-disabled=\"item.disabled ? 'true' : undefined\"\n              :class=\"commandItemClass({ active: isActive(item), disabled: Boolean(item.disabled) })\"\n              @click=\"selectItem(item)\"\n              @mousemove=\"onItemHover(item)\"\n            >\n              <slot name=\"item\" :item=\"item\" :active=\"isActive(item)\">\n                <span\n                  v-if=\"item.icon\"\n                  class=\"block h-4 w-4 shrink-0 text-[var(--gr-muted-fg)]\"\n                  :class=\"item.icon\"\n                  aria-hidden=\"true\"\n                />\n                <span class=\"min-w-0 flex-1\">\n                  <span class=\"block truncate\">{{ item.label }}</span>\n                  <span v-if=\"item.description\" class=\"block truncate text-[12px] text-[var(--gr-muted-fg)]\">\n                    {{ item.description }}\n                  </span>\n                </span>\n                <span v-if=\"item.shortcut?.length\" class=\"shrink-0 flex items-center gap-1\">\n                  <GrKbd v-for=\"key in item.shortcut\" :key=\"key\" size=\"sm\">{{ key }}</GrKbd>\n                </span>\n              </slot>\n            </div>\n          </div>\n        </template>\n\n        <div\n          v-if=\"!filteredItems.length\"\n          data-gr-command-palette-empty\n          data-testid=\"gr-command-palette-empty\"\n          :class=\"commandEmptyClass\"\n        >\n          <slot name=\"empty\" :query=\"query\">\n            {{ resolvedEmptyText }}\n          </slot>\n        </div>\n      </div>\n\n      <div v-if=\"$slots.footer\" data-gr-command-palette-footer :class=\"commandFooterClass\">\n        <slot name=\"footer\" />\n      </div>\n    </div>\n  </GrModal>\n</template>\n"],"mappings":"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"}

package/dist/components/GrCommandPalette/index.js

@@ -0,0 +1,3 @@
+import { i as matchCommandItem, n as filterCommandItems, r as groupCommandItems, t as GrCommandPalette_default } from "./chunks/GrCommandPalette-6OyvNbek.js";
+import { n as grCommandPaletteSafelist, t as grCommandPaletteConfig } from "../../chunks/config-COE_vZ-l.js";
+export { GrCommandPalette_default as GrCommandPalette, GrCommandPalette_default as default, filterCommandItems, grCommandPaletteConfig, grCommandPaletteSafelist, groupCommandItems, matchCommandItem };

package/dist/components/GrConfigProvider/chunks/GrConfigProvider-BtyeBGm8.js

@@ -0,0 +1,57 @@
+import { n as GR_CONFIG_KEY, s as useGrConfig } from "../../../chunks/context-DfWYCBB-.js";
+import { t as GRANULARITY_I18N_KEY } from "../../../chunks/adapter-CAOxmn2G.js";
+import { computed, createBlock, defineComponent, openBlock, provide, renderSlot, resolveDynamicComponent, withCtx } from "vue";
+//#endregion
+//#region src/components/GrConfigProvider/GrConfigProvider.vue
+var GrConfigProvider_default = /* @__PURE__ */ defineComponent({
+	__name: "GrConfigProvider",
+	props: {
+		size: { default: void 0 },
+		componentDefaults: { default: void 0 },
+		i18n: { default: void 0 },
+		tag: { default: "div" }
+	},
+	setup(__props) {
+		/**
+		* GrConfigProvider — глобальные дефолты для вложенных GR-компонентов.
+		*
+		* Даёт единое место для:
+		* - `size` — дефолтного размера контролов (не нужно повторять `size` в каждом вызове);
+		* - `componentDefaults` — per-component дефолтных пропсов;
+		* - `i18n` — адаптера переводов (иначе приложение инжектит его вручную).
+		*
+		* Провайдеры можно вкладывать: дочерний мержится поверх родительского, поэтому
+		* можно задать «глобальную» тему и точечно переопределить её в поддереве.
+		*
+		* Рендерится прозрачно (`display: contents`), чтобы не влиять на layout.
+		*/
+		const props = __props;
+		const parent = useGrConfig();
+		provide(GR_CONFIG_KEY, {
+			size: computed(() => props.size ?? parent.size.value),
+			componentDefaults: computed(() => {
+				const inherited = parent.componentDefaults.value;
+				const own = props.componentDefaults ?? {};
+				const merged = { ...inherited };
+				for (const [component, componentProps] of Object.entries(own)) merged[component] = {
+					...inherited[component] ?? {},
+					...componentProps
+				};
+				return merged;
+			})
+		});
+		if (props.i18n != null) provide(GRANULARITY_I18N_KEY, props.i18n);
+		const wrapperStyle = { display: "contents" };
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
+				"data-gr-config-provider": "",
+				style: wrapperStyle
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { GrConfigProvider_default as t };

package/dist/components/GrConfigProvider/chunks/GrConfigProvider-BtyeBGm8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrConfigProvider-BtyeBGm8.js","names":[],"sources":["../../../../src/components/GrConfigProvider/GrConfigProvider.vue","../../../../src/components/GrConfigProvider/GrConfigProvider.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrConfigProvider — глобальные дефолты для вложенных GR-компонентов.\n *\n * Даёт единое место для:\n * - `size` — дефолтного размера контролов (не нужно повторять `size` в каждом вызове);\n * - `componentDefaults` — per-component дефолтных пропсов;\n * - `i18n` — адаптера переводов (иначе приложение инжектит его вручную).\n *\n * Провайдеры можно вкладывать: дочерний мержится поверх родительского, поэтому\n * можно задать «глобальную» тему и точечно переопределить её в поддереве.\n *\n * Рендерится прозрачно (`display: contents`), чтобы не влиять на layout.\n */\nimport { computed, provide } from 'vue'\n\nimport { GRANULARITY_I18N_KEY, type GranularityI18nAdapter } from '../../i18n/adapter'\nimport {\n  GR_CONFIG_KEY,\n  useGrConfig,\n  type GrComponentDefaults,\n  type GrComponentSize,\n  type GrConfigContext,\n} from './context'\n\nexport type { GrComponentDefaults, GrComponentSize } from './context'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Дефолтный размер контролов для вложенных компонентов. */\n    size?: GrComponentSize\n    /** Дефолтные пропсы по компонентам: `{ GrButton: { variant: 'secondary' } }`. */\n    componentDefaults?: GrComponentDefaults\n    /** Адаптер переводов (fint-i18n-совместимый). Прокидывается вложенным компонентам. */\n    i18n?: GranularityI18nAdapter | null\n    /** Тег обёртки. По умолчанию прозрачный `<div style=\"display:contents\">`. */\n    tag?: string\n  }>(),\n  {\n    size: undefined,\n    componentDefaults: undefined,\n    i18n: undefined,\n    tag: 'div',\n  },\n)\n\n// Наследуемся от родительского провайдера — вложенные провайдеры мержатся.\nconst parent = useGrConfig()\n\nconst size = computed(() => props.size ?? parent.size.value)\nconst componentDefaults = computed<GrComponentDefaults>(() => {\n  const inherited = parent.componentDefaults.value as Record<string, Record<string, unknown>>\n  const own = (props.componentDefaults ?? {}) as Record<string, Record<string, unknown>>\n\n  // Мержим на уровне пропов, а не компонентов: иначе вложенный провайдер,\n  // переопределяющий один `variant`, стирал бы у родителя весь блок `GrButton`.\n  const merged: Record<string, Record<string, unknown>> = { ...inherited }\n  for (const [component, componentProps] of Object.entries(own))\n    merged[component] = { ...(inherited[component] ?? {}), ...componentProps }\n\n  return merged\n})\n\nprovide<GrConfigContext>(GR_CONFIG_KEY, { size, componentDefaults })\n\n// i18n-адаптер прокидываем детям только если он задан явно — иначе не затеняем\n// адаптер, установленный приложением выше по дереву (fint-i18n).\nif (props.i18n != null)\n  provide(GRANULARITY_I18N_KEY, props.i18n)\n\nconst wrapperStyle = { display: 'contents' } as const\n</script>\n\n<template>\n  <component :is=\"props.tag\" data-gr-config-provider :style=\"wrapperStyle\">\n    <slot />\n  </component>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrConfigProvider — глобальные дефолты для вложенных GR-компонентов.\n *\n * Даёт единое место для:\n * - `size` — дефолтного размера контролов (не нужно повторять `size` в каждом вызове);\n * - `componentDefaults` — per-component дефолтных пропсов;\n * - `i18n` — адаптера переводов (иначе приложение инжектит его вручную).\n *\n * Провайдеры можно вкладывать: дочерний мержится поверх родительского, поэтому\n * можно задать «глобальную» тему и точечно переопределить её в поддереве.\n *\n * Рендерится прозрачно (`display: contents`), чтобы не влиять на layout.\n */\nimport { computed, provide } from 'vue'\n\nimport { GRANULARITY_I18N_KEY, type GranularityI18nAdapter } from '../../i18n/adapter'\nimport {\n  GR_CONFIG_KEY,\n  useGrConfig,\n  type GrComponentDefaults,\n  type GrComponentSize,\n  type GrConfigContext,\n} from './context'\n\nexport type { GrComponentDefaults, GrComponentSize } from './context'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Дефолтный размер контролов для вложенных компонентов. */\n    size?: GrComponentSize\n    /** Дефолтные пропсы по компонентам: `{ GrButton: { variant: 'secondary' } }`. */\n    componentDefaults?: GrComponentDefaults\n    /** Адаптер переводов (fint-i18n-совместимый). Прокидывается вложенным компонентам. */\n    i18n?: GranularityI18nAdapter | null\n    /** Тег обёртки. По умолчанию прозрачный `<div style=\"display:contents\">`. */\n    tag?: string\n  }>(),\n  {\n    size: undefined,\n    componentDefaults: undefined,\n    i18n: undefined,\n    tag: 'div',\n  },\n)\n\n// Наследуемся от родительского провайдера — вложенные провайдеры мержатся.\nconst parent = useGrConfig()\n\nconst size = computed(() => props.size ?? parent.size.value)\nconst componentDefaults = computed<GrComponentDefaults>(() => {\n  const inherited = parent.componentDefaults.value as Record<string, Record<string, unknown>>\n  const own = (props.componentDefaults ?? {}) as Record<string, Record<string, unknown>>\n\n  // Мержим на уровне пропов, а не компонентов: иначе вложенный провайдер,\n  // переопределяющий один `variant`, стирал бы у родителя весь блок `GrButton`.\n  const merged: Record<string, Record<string, unknown>> = { ...inherited }\n  for (const [component, componentProps] of Object.entries(own))\n    merged[component] = { ...(inherited[component] ?? {}), ...componentProps }\n\n  return merged\n})\n\nprovide<GrConfigContext>(GR_CONFIG_KEY, { size, componentDefaults })\n\n// i18n-адаптер прокидываем детям только если он задан явно — иначе не затеняем\n// адаптер, установленный приложением выше по дереву (fint-i18n).\nif (props.i18n != null)\n  provide(GRANULARITY_I18N_KEY, props.i18n)\n\nconst wrapperStyle = { display: 'contents' } as const\n</script>\n\n<template>\n  <component :is=\"props.tag\" data-gr-config-provider :style=\"wrapperStyle\">\n    <slot />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAoBd,MAAM,SAAS,YAAY;EAgB3B,QAAyB,eAAe;GAAE,MAd7B,eAAe,MAAM,QAAQ,OAAO,KAAK,KAcZ;GAAM,mBAbtB,eAAoC;IAC5D,MAAM,YAAY,OAAO,kBAAkB;IAC3C,MAAM,MAAO,MAAM,qBAAqB,CAAC;IAIzC,MAAM,SAAkD,EAAE,GAAG,UAAU;IACvE,KAAK,MAAM,CAAC,WAAW,mBAAmB,OAAO,QAAQ,GAAG,GAC1D,OAAO,aAAa;KAAE,GAAI,UAAU,cAAc,CAAC;KAAI,GAAG;IAAe;IAE3E,OAAO;GACT,CAEgD;EAAkB,CAAC;EAInE,IAAI,MAAM,QAAQ,MAChB,QAAQ,sBAAsB,MAAM,IAAI;EAE1C,MAAM,eAAe,EAAE,SAAS,WAAW;;uBAIzC,YAEY,wBAFI,MAAM,GAAG,GAAA;IAAE,2BAAA;IAAyB,OAAO;;2BACjD,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/components/GrConfigProvider/index.js

@@ -0,0 +1,4 @@
+import { a as useGrComponentProp, i as useGrComponentDefaults, n as GR_CONFIG_KEY, o as useGrComponentSize, r as resolveGrConfig, s as useGrConfig, t as GR_COMPONENT_SIZES } from "../../chunks/context-DfWYCBB-.js";
+import { t as GrConfigProvider_default } from "./chunks/GrConfigProvider-BtyeBGm8.js";
+import { t as grConfigProviderConfig } from "../../chunks/config-B7W9VlZ7.js";
+export { GR_COMPONENT_SIZES, GR_CONFIG_KEY, GrConfigProvider_default as GrConfigProvider, GrConfigProvider_default as default, grConfigProviderConfig, resolveGrConfig, useGrComponentDefaults, useGrComponentProp, useGrComponentSize, useGrConfig };

package/dist/components/GrConfirmDialog/chunks/{GrConfirmDialog-D8CkOtqv.js → GrConfirmDialog-e4120mWw.js}

@@ -1,13 +1,13 @@
-import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-DoV7Ca2m.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-BlffdeJr.js";
-import { t as GrDialog_default } from "../../GrDialog/chunks/GrDialog-Ctucxju9.js";
-import { t as GrResponseErrorBanner_default } from "../../GrResponseErrorBanner/chunks/GrResponseErrorBanner-Cdu9ekK9.js";
+import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-SH0I--GW.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-DCi4CUpo.js";
+import { t as GrDialog_default } from "../../GrDialog/chunks/GrDialog-BPMvDHOz.js";
+import { t as GrResponseErrorBanner_default } from "../../GrResponseErrorBanner/chunks/GrResponseErrorBanner-C8NGx8pE.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, withCtx } from "vue";
 //#region src/components/GrConfirmDialog/GrConfirmDialog.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "grid gap-4" };
 var _hoisted_2 = {
 	key: 0,
-	class: "text-[14px] text-[var(--muted-fg)]"
+	class: "text-[14px] text-[var(--gr-muted-fg)]"
 };
 var _hoisted_3 = { class: "flex items-center justify-end gap-3" };
 //#endregion