@feugene/granularity 0.49.0 → 0.50.0

package/dist/directives/hotkey.js

@@ -1,4 +1,5 @@
-import { a as shiftSatisfied, i as isEditableTarget, n as isAppleDevice, r as isComposingEvent, t as eventMatchesKey } from "../chunks/keyboard-DE2yhz_b.js";
+import { a as parseHotkeySequence, i as matchesHotkeyCombo, n as isComposingEvent, r as isEditableTarget, t as isAppleDevice } from "../chunks/keyboard-BiFSgWLt.js";
+import { t as createHotkeySequenceTracker } from "../chunks/hotkeySequence-BTHIM_5A.js";
 //#region src/directives/hotkey.ts
 var states = /* @__PURE__ */ new WeakMap();
 function normalizeBinding(value) {
@@ -21,57 +22,22 @@ function normalizeBinding(value) {
 		scope: "global"
 	};
 }
-function normalizeKeyToken(token) {
-	const t = token.trim().toLowerCase();
-	if (t === "esc") return "Escape";
-	if (t === "escape") return "Escape";
-	if (t === "space") return " ";
-	if (t.length === 1) return t;
-	return token.trim();
-}
 function parseHotkeys(map) {
 	const parsed = [];
 	for (const [combo, entry] of Object.entries(map)) {
-		const parts = combo.split("+").map((p) => p.trim()).filter(Boolean);
-		if (!parts.length) continue;
-		let ctrl = false;
-		let meta = false;
-		let mod = false;
-		let alt = false;
-		let shift = false;
-		const keyToken = parts.at(-1);
-		if (!keyToken) continue;
-		for (const p of parts.slice(0, -1)) {
-			const t = p.toLowerCase();
-			if (t === "mod") mod = true;
-			else if (t === "ctrl" || t === "control") ctrl = true;
-			else if (t === "meta" || t === "cmd" || t === "command" || t === "⌘") meta = true;
-			else if (t === "alt" || t === "option") alt = true;
-			else if (t === "shift") shift = true;
-		}
-		const key = normalizeKeyToken(keyToken);
+		const steps = parseHotkeySequence(combo);
+		if (steps.length === 0) continue;
 		parsed.push({
 			original: combo,
-			key,
-			ctrl,
-			meta,
-			mod,
-			alt,
-			shift,
+			steps,
 			entry
 		});
 	}
 	return parsed;
 }
-function matchesHotkey(event, hk) {
-	const apple = hk.mod ? isAppleDevice() : false;
-	const expectMeta = hk.meta || hk.mod && apple;
-	const expectCtrl = hk.ctrl || hk.mod && !apple;
-	if (expectCtrl !== event.ctrlKey) return false;
-	if (expectMeta !== event.metaKey) return false;
-	if (hk.alt !== event.altKey) return false;
-	if (!shiftSatisfied(event, hk.key, hk.shift)) return false;
-	return eventMatchesKey(event, hk.key, { codeFallback: expectCtrl || expectMeta || hk.alt });
+/** Есть ли у сочетания модификаторы: по ним решается перехват ввода и `preventDefault`. */
+function hasModifier(steps) {
+	return steps.some((step) => step.ctrl || step.meta || step.mod || step.alt || step.shift);
 }
 function resolveEntry(entry) {
 	if (typeof entry === "function") return {
@@ -109,19 +75,25 @@ var vHotkey = {
 		const state = {
 			enabled,
 			hotkeys: parseHotkeys(handlers),
+			sequence: createHotkeySequenceTracker(),
 			listener: (event) => {
 				const current = states.get(el);
 				if (!current?.enabled) return;
 				if (!el.isConnected) return;
 				if (isComposingEvent(event)) return;
+				const apple = isAppleDevice();
+				current.sequence.push(event, Date.now());
 				const editable = isEditableTarget(event.target);
 				for (const hk of current.hotkeys) {
-					if (!matchesHotkey(event, hk)) continue;
+					const isChain = hk.steps.length > 1;
+					if (!(isChain ? current.sequence.matches(hk.steps, apple) : matchesHotkeyCombo(event, hk.steps[0], apple))) continue;
 					const entry = resolveEntry(hk.entry);
-					const hasModifier = hk.ctrl || hk.meta || hk.mod || hk.alt || hk.shift;
-					if (editable && !entry.allowInEditable && !hasModifier && hk.key !== "Escape") continue;
-					if (entry.preventDefault ?? (hk.ctrl || hk.meta || hk.mod || hk.alt)) event.preventDefault();
+					const modified = hasModifier(hk.steps);
+					const isEscape = !isChain && hk.steps[0].key === "Escape";
+					if (editable && !entry.allowInEditable && !modified && !isEscape) continue;
+					if (entry.preventDefault ?? modified) event.preventDefault();
 					if (entry.stopPropagation) event.stopPropagation();
+					if (isChain) current.sequence.reset();
 					entry.handler(event);
 					return;
 				}
@@ -137,6 +109,7 @@ var vHotkey = {
 		const next = normalizeBinding(binding.value);
 		state.enabled = next.enabled;
 		state.hotkeys = parseHotkeys(next.handlers);
+		state.sequence.reset();
 		const nextTarget = next.scope === "element" ? el : window;
 		if (nextTarget !== state.target) {
 			state.target.removeEventListener("keydown", state.listener);

package/dist/directives/hotkey.js.map

@@ -1 +1 @@
-{"version":3,"file":"hotkey.js","names":[],"sources":["../../src/directives/hotkey.ts"],"sourcesContent":["import type { Directive } from 'vue'\n\nimport { eventMatchesKey, isAppleDevice, isComposingEvent, isEditableTarget, shiftSatisfied } from '../internal/keyboard'\n\nexport type HotkeyHandler = (event: KeyboardEvent) => void\n\nexport type HotkeyEntry\n  = | HotkeyHandler\n    | {\n      handler: HotkeyHandler\n      /** По умолчанию: `true` для комбинаций с Ctrl/Meta/Alt, иначе `false`. */\n      preventDefault?: boolean\n      /** По умолчанию `false`. */\n      stopPropagation?: boolean\n      /** Разрешить срабатывать, когда фокус в `input/textarea/[contenteditable]`. */\n      allowInEditable?: boolean\n    }\n\nexport type HotkeyMap = Record<string, HotkeyEntry>\n\n/**\n * Где слушать клавиатуру:\n * - `'global'` (по умолчанию) — слушатель на `window`; хоткеи работают из любого места страницы.\n * - `'element'` — слушатель на самом элементе; хоткеи срабатывают только когда фокус внутри\n *   элемента (событие всплывает до него). Элемент должен быть фокусируемым (`tabindex`).\n */\nexport type HotkeyScope = 'global' | 'element'\n\nexport type HotkeyBindingValue\n  = | HotkeyMap\n    | {\n      handlers: HotkeyMap\n      enabled?: boolean\n      scope?: HotkeyScope\n    }\n\ntype ParsedHotkey = {\n  original: string\n  key: string\n  ctrl: boolean\n  meta: boolean\n  /** `mod` — Cmd на macOS, Ctrl на прочих: подсказка и привязка пишутся одинаково. */\n  mod: boolean\n  alt: boolean\n  shift: boolean\n  entry: HotkeyEntry\n}\n\ntype InternalState = {\n  enabled: boolean\n  hotkeys: ParsedHotkey[]\n  listener: (event: KeyboardEvent) => void\n  /** Цель, на которой висит слушатель (`window` для 'global', сам `el` для 'element'). */\n  target: Window | HTMLElement\n}\n\nconst states = new WeakMap<HTMLElement, InternalState>()\n\nfunction normalizeBinding(value: HotkeyBindingValue | undefined) {\n  if (!value)\n    return { enabled: false, handlers: {} as HotkeyMap, scope: 'global' as HotkeyScope }\n  if ('handlers' in (value as any)) {\n    const v = value as { handlers: HotkeyMap, enabled?: boolean, scope?: HotkeyScope }\n    return { enabled: v.enabled ?? true, handlers: v.handlers ?? {}, scope: v.scope ?? 'global' }\n  }\n  return { enabled: true, handlers: value as HotkeyMap, scope: 'global' as HotkeyScope }\n}\n\nfunction normalizeKeyToken(token: string): string {\n  const t = token.trim().toLowerCase()\n  if (t === 'esc')\n    return 'Escape'\n  if (t === 'escape')\n    return 'Escape'\n  if (t === 'space')\n    return ' '\n  if (t.length === 1)\n    return t\n  return token.trim()\n}\n\nfunction parseHotkeys(map: HotkeyMap): ParsedHotkey[] {\n  const parsed: ParsedHotkey[] = []\n\n  for (const [combo, entry] of Object.entries(map)) {\n    const parts = combo\n      .split('+')\n      .map(p => p.trim())\n      .filter(Boolean)\n\n    if (!parts.length)\n      continue\n\n    let ctrl = false\n    let meta = false\n    let mod = false\n    let alt = false\n    let shift = false\n\n    const keyToken = parts.at(-1)\n    if (!keyToken)\n      continue\n    for (const p of parts.slice(0, -1)) {\n      const t = p.toLowerCase()\n      if (t === 'mod')\n        mod = true\n      else if (t === 'ctrl' || t === 'control')\n        ctrl = true\n      else if (t === 'meta' || t === 'cmd' || t === 'command' || t === '⌘')\n        meta = true\n      else if (t === 'alt' || t === 'option')\n        alt = true\n      else if (t === 'shift')\n        shift = true\n    }\n\n    const key = normalizeKeyToken(keyToken)\n    parsed.push({ original: combo, key, ctrl, meta, mod, alt, shift, entry })\n  }\n\n  return parsed\n}\n\nfunction matchesHotkey(event: KeyboardEvent, hk: ParsedHotkey): boolean {\n  // Платформа читается в момент события: `navigator` в теле модуля на сервере\n  // либо отсутствует, либо отвечает не за ту машину.\n  const apple = hk.mod ? isAppleDevice() : false\n  const expectMeta = hk.meta || (hk.mod && apple)\n  const expectCtrl = hk.ctrl || (hk.mod && !apple)\n\n  if (expectCtrl !== event.ctrlKey)\n    return false\n  if (expectMeta !== event.metaKey)\n    return false\n  if (hk.alt !== event.altKey)\n    return false\n  if (!shiftSatisfied(event, hk.key, hk.shift))\n    return false\n\n  // По физическому коду матчатся только комбинации с модификаторами: там\n  // клавиша — позиция на клавиатуре, и `Ctrl+K` обязан работать на любой\n  // раскладке. Одиночная клавиша — печатная, её раскладка и определяет.\n  return eventMatchesKey(event, hk.key, { codeFallback: expectCtrl || expectMeta || hk.alt })\n}\n\nfunction resolveEntry(entry: HotkeyEntry) {\n  if (typeof entry === 'function') {\n    return {\n      handler: entry,\n      preventDefault: undefined as boolean | undefined,\n      stopPropagation: false,\n      allowInEditable: false,\n    }\n  }\n\n  return {\n    handler: entry.handler,\n    preventDefault: entry.preventDefault,\n    stopPropagation: entry.stopPropagation ?? false,\n    allowInEditable: entry.allowInEditable ?? false,\n  }\n}\n\n/**\n * `v-hotkey` — горячие клавиши на компонент/страницу.\n *\n * Пример:\n * ```vue\n * <div v-hotkey=\"{ 'Escape': close, 'Ctrl+K': openSearch }\" />\n * ```\n *\n * По умолчанию слушатель глобальный (`window`). Чтобы хоткеи срабатывали только\n * когда фокус внутри элемента, используйте `scope: 'element'`:\n * ```vue\n * <div tabindex=\"0\" v-hotkey=\"{ handlers: { 'j': next }, scope: 'element' }\" />\n * ```\n */\nexport const vHotkey: Directive<HTMLElement, HotkeyBindingValue> = {\n  mounted(el, binding) {\n    if (typeof window === 'undefined')\n      return\n\n    const { enabled, handlers, scope } = normalizeBinding(binding.value)\n    const target: Window | HTMLElement = scope === 'element' ? el : window\n\n    const state: InternalState = {\n      enabled,\n      hotkeys: parseHotkeys(handlers),\n      listener: (event: KeyboardEvent) => {\n        const current = states.get(el)\n        if (!current?.enabled)\n          return\n        if (!el.isConnected)\n          return\n        // Клавиша во время IME-композиции принадлежит композиции, а не хоткею.\n        if (isComposingEvent(event))\n          return\n\n        const editable = isEditableTarget(event.target)\n\n        for (const hk of current.hotkeys) {\n          if (!matchesHotkey(event, hk))\n            continue\n\n          const entry = resolveEntry(hk.entry)\n\n          // По умолчанию не перехватываем \"простые\" клавиши во время ввода.\n          const hasModifier = hk.ctrl || hk.meta || hk.mod || hk.alt || hk.shift\n          if (editable && !entry.allowInEditable && !hasModifier && hk.key !== 'Escape') {\n            continue\n          }\n\n          const preventDefault = entry.preventDefault ?? (hk.ctrl || hk.meta || hk.mod || hk.alt)\n          if (preventDefault)\n            event.preventDefault()\n          if (entry.stopPropagation)\n            event.stopPropagation()\n\n          entry.handler(event)\n          return\n        }\n      },\n      target,\n    }\n\n    states.set(el, state)\n    target.addEventListener('keydown', state.listener as EventListener)\n  },\n  updated(el, binding) {\n    const state = states.get(el)\n    if (!state)\n      return\n\n    const next = normalizeBinding(binding.value)\n    state.enabled = next.enabled\n    state.hotkeys = parseHotkeys(next.handlers)\n\n    // Смена scope на лету — переносим слушатель на новую цель.\n    const nextTarget: Window | HTMLElement = next.scope === 'element' ? el : window\n    if (nextTarget !== state.target) {\n      state.target.removeEventListener('keydown', state.listener as EventListener)\n      state.target = nextTarget\n      nextTarget.addEventListener('keydown', state.listener as EventListener)\n    }\n  },\n  unmounted(el) {\n    const state = states.get(el)\n    if (!state)\n      return\n    state.target.removeEventListener('keydown', state.listener as EventListener)\n    states.delete(el)\n  },\n}\n"],"mappings":"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"}
+{"version":3,"file":"hotkey.js","names":[],"sources":["../../src/directives/hotkey.ts"],"sourcesContent":["import type { Directive } from 'vue'\n\nimport { createHotkeySequenceTracker } from '../internal/hotkeySequence'\nimport { isAppleDevice, isComposingEvent, isEditableTarget, matchesHotkeyCombo, parseHotkeySequence } from '../internal/keyboard'\nimport type { ParsedHotkeyCombo } from '../internal/keyboard'\n\nexport type HotkeyHandler = (event: KeyboardEvent) => void\n\nexport type HotkeyEntry\n  = | HotkeyHandler\n    | {\n      handler: HotkeyHandler\n      /** По умолчанию: `true` для комбинаций с Ctrl/Meta/Alt, иначе `false`. */\n      preventDefault?: boolean\n      /** По умолчанию `false`. */\n      stopPropagation?: boolean\n      /** Разрешить срабатывать, когда фокус в `input/textarea/[contenteditable]`. */\n      allowInEditable?: boolean\n    }\n\nexport type HotkeyMap = Record<string, HotkeyEntry>\n\n/**\n * Где слушать клавиатуру:\n * - `'global'` (по умолчанию) — слушатель на `window`; хоткеи работают из любого места страницы.\n * - `'element'` — слушатель на самом элементе; хоткеи срабатывают только когда фокус внутри\n *   элемента (событие всплывает до него). Элемент должен быть фокусируемым (`tabindex`).\n */\nexport type HotkeyScope = 'global' | 'element'\n\nexport type HotkeyBindingValue\n  = | HotkeyMap\n    | {\n      handlers: HotkeyMap\n      enabled?: boolean\n      scope?: HotkeyScope\n    }\n\ntype ParsedHotkey = {\n  original: string\n  /**\n   * Шаги сочетания. Аккорд — один шаг, «G, затем I» — два: обе формы идут одним\n   * путём, поэтому у цепочки нет собственной ветки, которую можно забыть.\n   */\n  steps: ParsedHotkeyCombo[]\n  entry: HotkeyEntry\n}\n\ntype InternalState = {\n  enabled: boolean\n  hotkeys: ParsedHotkey[]\n  /** Набранное для цепочек: один буфер на элемент, общий для всех его хоткеев. */\n  sequence: ReturnType<typeof createHotkeySequenceTracker>\n  listener: (event: KeyboardEvent) => void\n  /** Цель, на которой висит слушатель (`window` для 'global', сам `el` для 'element'). */\n  target: Window | HTMLElement\n}\n\nconst states = new WeakMap<HTMLElement, InternalState>()\n\nfunction normalizeBinding(value: HotkeyBindingValue | undefined) {\n  if (!value)\n    return { enabled: false, handlers: {} as HotkeyMap, scope: 'global' as HotkeyScope }\n  if ('handlers' in (value as any)) {\n    const v = value as { handlers: HotkeyMap, enabled?: boolean, scope?: HotkeyScope }\n    return { enabled: v.enabled ?? true, handlers: v.handlers ?? {}, scope: v.scope ?? 'global' }\n  }\n  return { enabled: true, handlers: value as HotkeyMap, scope: 'global' as HotkeyScope }\n}\n\nfunction parseHotkeys(map: HotkeyMap): ParsedHotkey[] {\n  const parsed: ParsedHotkey[] = []\n\n  for (const [combo, entry] of Object.entries(map)) {\n    const steps = parseHotkeySequence(combo)\n    if (steps.length === 0)\n      continue\n\n    parsed.push({ original: combo, steps, entry })\n  }\n\n  return parsed\n}\n\n/** Есть ли у сочетания модификаторы: по ним решается перехват ввода и `preventDefault`. */\nfunction hasModifier(steps: readonly ParsedHotkeyCombo[]): boolean {\n  return steps.some(step => step.ctrl || step.meta || step.mod || step.alt || step.shift)\n}\n\nfunction resolveEntry(entry: HotkeyEntry) {\n  if (typeof entry === 'function') {\n    return {\n      handler: entry,\n      preventDefault: undefined as boolean | undefined,\n      stopPropagation: false,\n      allowInEditable: false,\n    }\n  }\n\n  return {\n    handler: entry.handler,\n    preventDefault: entry.preventDefault,\n    stopPropagation: entry.stopPropagation ?? false,\n    allowInEditable: entry.allowInEditable ?? false,\n  }\n}\n\n/**\n * `v-hotkey` — горячие клавиши на компонент/страницу.\n *\n * Пример:\n * ```vue\n * <div v-hotkey=\"{ 'Escape': close, 'Ctrl+K': openSearch }\" />\n * ```\n *\n * По умолчанию слушатель глобальный (`window`). Чтобы хоткеи срабатывали только\n * когда фокус внутри элемента, используйте `scope: 'element'`:\n * ```vue\n * <div tabindex=\"0\" v-hotkey=\"{ handlers: { 'j': next }, scope: 'element' }\" />\n * ```\n */\nexport const vHotkey: Directive<HTMLElement, HotkeyBindingValue> = {\n  mounted(el, binding) {\n    if (typeof window === 'undefined')\n      return\n\n    const { enabled, handlers, scope } = normalizeBinding(binding.value)\n    const target: Window | HTMLElement = scope === 'element' ? el : window\n\n    const state: InternalState = {\n      enabled,\n      hotkeys: parseHotkeys(handlers),\n      sequence: createHotkeySequenceTracker(),\n      listener: (event: KeyboardEvent) => {\n        const current = states.get(el)\n        if (!current?.enabled)\n          return\n        if (!el.isConnected)\n          return\n        // Клавиша во время IME-композиции принадлежит композиции, а не хоткею.\n        if (isComposingEvent(event))\n          return\n\n        /*\n         * Платформа спрашивается один раз на событие, а не на каждый хоткей:\n         * `navigator` в теле модуля на сервере либо отсутствует, либо отвечает не\n         * за ту машину, поэтому вопрос откладывается до события — но повторять\n         * его в цикле незачем.\n         */\n        const apple = isAppleDevice()\n\n        // Нажатие идёт в буфер до перебора: цепочка складывается из событий, а\n        // не из совпадений, и шаг, не подошедший ни одному хоткею, всё равно её часть.\n        current.sequence.push(event, Date.now())\n\n        const editable = isEditableTarget(event.target)\n\n        for (const hk of current.hotkeys) {\n          const isChain = hk.steps.length > 1\n          const matched = isChain\n            ? current.sequence.matches(hk.steps, apple)\n            : matchesHotkeyCombo(event, hk.steps[0], apple)\n\n          if (!matched)\n            continue\n\n          const entry = resolveEntry(hk.entry)\n          const modified = hasModifier(hk.steps)\n\n          /*\n           * Простые клавиши во время ввода не перехватываются. Цепочка — тоже\n           * простая: набирая текст, пользователь легко напечатает «g i», и\n           * увести его со страницы посреди слова было бы худшим из возможных\n           * ответов.\n           */\n          const isEscape = !isChain && hk.steps[0].key === 'Escape'\n          if (editable && !entry.allowInEditable && !modified && !isEscape)\n            continue\n\n          const preventDefault = entry.preventDefault ?? modified\n          if (preventDefault)\n            event.preventDefault()\n          if (entry.stopPropagation)\n            event.stopPropagation()\n\n          // Сложившаяся цепочка снимается с буфера: иначе следующее нажатие\n          // достроило бы её заново и сработало бы второй раз.\n          if (isChain)\n            current.sequence.reset()\n\n          entry.handler(event)\n          return\n        }\n      },\n      target,\n    }\n\n    states.set(el, state)\n    target.addEventListener('keydown', state.listener as EventListener)\n  },\n  updated(el, binding) {\n    const state = states.get(el)\n    if (!state)\n      return\n\n    const next = normalizeBinding(binding.value)\n    state.enabled = next.enabled\n    state.hotkeys = parseHotkeys(next.handlers)\n    // Смена карты обнуляет набранное: половина цепочки от прошлого набора\n    // достроилась бы клавишей из нового и сработала бы не тем хоткеем.\n    state.sequence.reset()\n\n    // Смена scope на лету — переносим слушатель на новую цель.\n    const nextTarget: Window | HTMLElement = next.scope === 'element' ? el : window\n    if (nextTarget !== state.target) {\n      state.target.removeEventListener('keydown', state.listener as EventListener)\n      state.target = nextTarget\n      nextTarget.addEventListener('keydown', state.listener as EventListener)\n    }\n  },\n  unmounted(el) {\n    const state = states.get(el)\n    if (!state)\n      return\n    state.target.removeEventListener('keydown', state.listener as EventListener)\n    states.delete(el)\n  },\n}\n"],"mappings":"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"}

package/dist/granular-provider-node.js

@@ -1,2 +1,2 @@
-import { a as granularityDefaultThemes, i as granularityComponentConfigs, n as GRANULARITY_PROVIDER_ID, o as granularityThemeNames, r as createGranularityProvider, t as granularityProvider } from "./chunks/granular-provider-B6xomapW.js";
+import { a as granularityDefaultThemes, i as granularityComponentConfigs, n as GRANULARITY_PROVIDER_ID, o as granularityThemeNames, r as createGranularityProvider, t as granularityProvider } from "./chunks/granular-provider-cv5vaM1a.js";
 export { GRANULARITY_PROVIDER_ID, createGranularityProvider, granularityProvider as default, granularityProvider, granularityComponentConfigs, granularityDefaultThemes, granularityThemeNames };

package/dist/granular-provider.js

@@ -1,2 +1,2 @@
-import { a as granularityDefaultThemes, i as granularityComponentConfigs, n as GRANULARITY_PROVIDER_ID, o as granularityThemeNames, r as createGranularityProvider, t as granularityProvider } from "./chunks/granular-provider-B6xomapW.js";
+import { a as granularityDefaultThemes, i as granularityComponentConfigs, n as GRANULARITY_PROVIDER_ID, o as granularityThemeNames, r as createGranularityProvider, t as granularityProvider } from "./chunks/granular-provider-cv5vaM1a.js";
 export { GRANULARITY_PROVIDER_ID, createGranularityProvider, granularityProvider as default, granularityProvider, granularityComponentConfigs, granularityDefaultThemes, granularityThemeNames };

package/dist/i18n/all.js

@@ -1,4 +1,4 @@
-import { n as ru, r as en, t as es } from "../chunks/es-DrUz5J6I.js";
+import { n as ru, r as en, t as es } from "../chunks/es-DlGd6Mrj.js";
 //#region src/i18n/all.ts
 var all = [
 	en,

package/dist/i18n/index.js

@@ -1,3 +1,3 @@
 import { t as GRANULARITY_I18N_KEY } from "../chunks/adapter-CAOxmn2G.js";
-import { i as GRANULARITY_I18N_BLOCK, n as ru, r as en, t as es } from "../chunks/es-DrUz5J6I.js";
+import { i as GRANULARITY_I18N_BLOCK, n as ru, r as en, t as es } from "../chunks/es-DlGd6Mrj.js";
 export { GRANULARITY_I18N_BLOCK, GRANULARITY_I18N_KEY, en, es, ru };

package/dist/index.js

@@ -18,14 +18,14 @@ import { createLoading, vLoading } from "./directives/loading.js";
 import { useFloating } from "./composables/useFloating.js";
 import { useOverlayLayer } from "./composables/useOverlayLayer.js";
 import { useDismissible } from "./composables/useDismissible.js";
-import { t as GrAutocomplete_default } from "./components/GrAutocomplete/chunks/GrAutocomplete-Chhw65pI.js";
+import { n as grAutocompleteSafelist, t as grAutocompleteConfig } from "./chunks/config-D1oVht-E.js";
+import { t as GrAutocomplete_default } from "./components/GrAutocomplete/chunks/GrAutocomplete-Cyr1-ENw.js";
 import { useVirtualList } from "./composables/useVirtualList.js";
 import { useComboboxNavigation } from "./composables/useComboboxNavigation.js";
 import { n as useGrFormFieldContext } from "./chunks/context-DdNIxa1w.js";
 import { useGrFormControl } from "./composables/useGrFormControl.js";
 import { useRovingFocus } from "./composables/useRovingFocus.js";
 import { t as GrChip_default } from "./components/GrChip/chunks/GrChip-DoyS1Dr4.js";
-import { n as grAutocompleteSafelist, t as grAutocompleteConfig } from "./chunks/config-BHLMTJaR.js";
 import { t as GrSkeleton_default } from "./components/GrSkeleton/chunks/GrSkeleton-CgfXxPQ2.js";
 import { n as GrAvatar_default, t as GrAvatarGroup_default } from "./components/GrAvatar/chunks/GrAvatar-Do5-C409.js";
 import { n as grAvatarSafelist, t as grAvatarConfig, u as initialsFrom } from "./chunks/config-CzeZg2LO.js";
@@ -48,13 +48,13 @@ import { t as grButtonGroupConfig } from "./chunks/config-DBmdgoVf.js";
 import { n as grCardSafelist, t as grCardConfig } from "./chunks/config-DUbbGcfw.js";
 import { t as GrCard_default } from "./components/GrCard/chunks/GrCard-Ck5--lMF.js";
 import { useAnnouncer } from "./composables/useAnnouncer.js";
-import { n as GrCarousel_default, t as GrCarouselSlide_default } from "./components/GrCarousel/chunks/GrCarousel-ByuughtI.js";
+import { n as GrCarousel_default, t as GrCarouselSlide_default } from "./components/GrCarousel/chunks/GrCarousel-CBj-PEPB.js";
 import { useDragGesture } from "./composables/useDragGesture.js";
-import { n as grCarouselSafelist, t as grCarouselConfig } from "./chunks/config-BXRmsn3t.js";
+import { n as grCarouselSafelist, t as grCarouselConfig } from "./chunks/config-CPhcZzHi.js";
 import { t as GR_TONES } from "./chunks/tones-CRJAaYyg.js";
-import { t as GrCheckbox_default } from "./components/GrCheckbox/chunks/GrCheckbox-Dp201frb.js";
+import { t as GrCheckbox_default } from "./components/GrCheckbox/chunks/GrCheckbox-B4NJc7Ur.js";
 import { n as grCheckboxSafelist, t as grCheckboxConfig } from "./chunks/config-DZCUPHPU.js";
-import { t as GrCheckboxGroup_default } from "./components/GrCheckboxGroup/chunks/GrCheckboxGroup-IpqG5qwm.js";
+import { t as GrCheckboxGroup_default } from "./components/GrCheckboxGroup/chunks/GrCheckboxGroup-qZHpNFCX.js";
 import { t as grCheckboxGroupConfig } from "./chunks/config-BuGlNPE9.js";
 import { n as grChipSafelist, t as grChipConfig } from "./chunks/config-AKpLyIGD.js";
 import "./components/GrChip/index.js";
@@ -63,78 +63,81 @@ import { t as GrChipGroup_default } from "./components/GrChipGroup/chunks/GrChip
 import { n as grCollapseSafelist, t as grCollapseConfig } from "./chunks/config-BoUI0t-t.js";
 import { n as GrCollapse_default, t as GrCollapseItem_default } from "./components/GrCollapse/chunks/GrCollapse-DWH3QAnU.js";
 import { n as grIconSafelist, t as grIconConfig } from "./chunks/config-3bQeQvqd.js";
-import { t as GrInput_default } from "./components/GrInput/chunks/GrInput-DV4gMWPR.js";
+import { t as GrColorPicker_default } from "./components/GrColorPicker/chunks/GrColorPicker-vGSgpUV9.js";
+import { t as GrInput_default } from "./components/GrInput/chunks/GrInput-CoaFLpaU.js";
 import { t as useFocusTrap } from "./chunks/useFocusTrap-D9bIPNF6.js";
-import { t as GrPopover_default } from "./components/GrPopover/chunks/GrPopover-CcWvr1ZA.js";
-import { t as GrSlider_default } from "./components/GrSlider/chunks/GrSlider-CO8N9SF6.js";
-import { t as GrColorPicker_default } from "./components/GrColorPicker/chunks/GrColorPicker-BRM_4lyI.js";
-import { n as grColorPickerSafelist, t as grColorPickerConfig } from "./chunks/config-DIDz_E5m.js";
-import { a as GR_KBD_TOKENS, o as findKbdToken, t as GrKbd_default } from "./components/GrKbd/chunks/GrKbd-BNMeoaLV.js";
-import { t as GrModal_default } from "./components/GrModal/chunks/GrModal-Cm0mtSXk.js";
-import { t as GrCommandPalette_default } from "./components/GrCommandPalette/chunks/GrCommandPalette-BJHmkDQv.js";
+import { t as GrPopover_default } from "./components/GrPopover/chunks/GrPopover-DjVxt8bf.js";
+import { t as GrSlider_default } from "./components/GrSlider/chunks/GrSlider-DF2Cq0rV.js";
+import { n as grColorPickerSafelist, t as grColorPickerConfig } from "./chunks/config-B34mkd53.js";
+import { GRANULARITY_HOTKEYS_STATE, granularityHotkeysPlugin, useHotkeys } from "./composables/useHotkeys.js";
+import { i as findKbdToken, r as GR_KBD_TOKENS, t as GrKbd_default } from "./components/GrKbd/chunks/GrKbd-D2rHDkQv.js";
+import { t as GrModal_default } from "./components/GrModal/chunks/GrModal-SHb1U2qx.js";
+import { t as GrCommandPalette_default } from "./components/GrCommandPalette/chunks/GrCommandPalette-CAHgj0Aa.js";
 import { n as grCommandPaletteSafelist, t as grCommandPaletteConfig } from "./chunks/config-D0NzGYaE.js";
 import { t as GrConfigProvider_default } from "./components/GrConfigProvider/chunks/GrConfigProvider-t9x2UToH.js";
 import { t as grConfigProviderConfig } from "./chunks/config-B7W9VlZ7.js";
-import { i as GrDialogFooter_default, n as GrDialogHeader_default, r as GrDialogCloseButton_default, t as GrDialog_default } from "./components/GrDialog/chunks/GrDialog-DDz_OEhk.js";
+import { i as GrDialogFooter_default, n as GrDialogHeader_default, r as GrDialogCloseButton_default, t as GrDialog_default } from "./components/GrDialog/chunks/GrDialog-C9Zu72jB.js";
 import { a as extendDefaultParsers, n as coreResponseErrorParsers, r as createResponseErrorClassifier, s as normalizeError, t as GrResponseErrorBanner_default } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-Bdd5c07x.js";
-import { t as GrConfirmDialog_default } from "./components/GrConfirmDialog/chunks/GrConfirmDialog-BzUQwbec.js";
+import { t as GrConfirmDialog_default } from "./components/GrConfirmDialog/chunks/GrConfirmDialog-dg021BMd.js";
 import { t as grConfirmDialogConfig } from "./chunks/config-A-bBiotF.js";
 import "./components/GrConfirmDialog/index.js";
 import { a as GrDropdownMenuItem_default, c as GrDropdownMenuDivider_default, o as GrDropdownMenuGroup_default, s as GrDropdownMenuHeader_default, t as GrDropdownMenuList_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenuList-B33ZzwfB.js";
-import { t as GrContextMenu_default } from "./components/GrContextMenu/chunks/GrContextMenu-RpxMHQXH.js";
+import { t as GrContextMenu_default } from "./components/GrContextMenu/chunks/GrContextMenu-bQ1Vvy2c.js";
 import { t as grContextMenuConfig } from "./chunks/config-CsCUuukB.js";
-import { t as GrTable_default } from "./components/GrTable/chunks/GrTable-CKJ-HrsN.js";
-import { t as GrDataTable_default } from "./components/GrDataTable/chunks/GrDataTable-DQxYYgQk.js";
+import { t as GrTable_default } from "./components/GrTable/chunks/GrTable-BQitSDep.js";
+import { t as GrDropdown_default } from "./components/GrDropdown/chunks/GrDropdown-kxwmgfSe.js";
+import { t as GrDropdownMenu_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenu--VoK3VY0.js";
+import { t as GrDataTable_default } from "./components/GrDataTable/chunks/GrDataTable-Bb2jWnRG.js";
 import { useDragSort } from "./composables/useDragSort.js";
-import { n as grDataTableSafelist, t as grDataTableConfig } from "./chunks/config-Bs1HwUcx.js";
-import { t as GrDelta_default } from "./components/GrDelta/chunks/GrDelta-CgTvfoIN.js";
+import { n as grDataTableSafelist, t as grDataTableConfig } from "./chunks/config-DPJ3jtiB.js";
+import { t as GrDelta_default } from "./components/GrDelta/chunks/GrDelta-BSv1KdMy.js";
 import { n as grValueSafelist, t as grValueConfig } from "./chunks/config-Z5LeUXys.js";
 import { t as GrValue_default } from "./components/GrValue/chunks/GrValue-ezkQM05Q.js";
 import { n as deltaTone, t as deltaDirection } from "./chunks/deltaTone-B5OoS1vo.js";
-import { n as grDeltaSafelist, t as grDeltaConfig } from "./chunks/config-CjWOTgLL.js";
+import { n as grDeltaSafelist, t as grDeltaConfig } from "./chunks/config-Bk52xd5l.js";
 import { n as grDescriptionListSafelist, t as grDescriptionListConfig } from "./chunks/config-CnYdE3HZ.js";
 import { t as GrDescriptionList_default } from "./components/GrDescriptionList/chunks/GrDescriptionList-Dz2Jj1if.js";
 import { t as grDialogSafelist } from "./chunks/safelist-Y3zrlhOa.js";
 import "./components/GrDialog/index.js";
 import { n as useGrFormContext } from "./chunks/context-Bfrgsluh.js";
 import { t as GrFormField_default } from "./components/GrFormField/chunks/GrFormField-DO61vxpS.js";
-import { t as GrTextarea_default } from "./components/GrTextarea/chunks/GrTextarea-Bfgc0DD2.js";
+import { t as GrTextarea_default } from "./components/GrTextarea/chunks/GrTextarea-BFwyqcHB.js";
 import { n as getByPath, o as runFieldRules, r as isEmpty, s as setByPath, t as createGrFormMessageResolver } from "./chunks/validation-BDjqsuGB.js";
-import { t as GrPromptDialog_default } from "./components/GrPromptDialog/chunks/GrPromptDialog-BEL-QgwE.js";
-import { a as useDialogService, i as teardownDialogService, n as dialogService, r as granularityDialogServicePlugin, t as GrDialogServiceHost_default } from "./components/GrDialogService/chunks/GrDialogService-Dtq0ZCN5.js";
+import { t as GrPromptDialog_default } from "./components/GrPromptDialog/chunks/GrPromptDialog-BhbIZP1f.js";
+import { a as useDialogService, i as teardownDialogService, n as dialogService, r as granularityDialogServicePlugin, t as GrDialogServiceHost_default } from "./components/GrDialogService/chunks/GrDialogService-DLBifO61.js";
 import { t as grDialogServiceConfig } from "./chunks/config-CjXjhphs.js";
 import { n as grDividerSafelist, t as grDividerConfig } from "./chunks/config-D82r782v.js";
 import { t as GrDivider_default } from "./components/GrDivider/chunks/GrDivider-DxA-zV25.js";
 import { n as grDrawerSafelist, t as grDrawerConfig } from "./chunks/config-CviN-0d4.js";
-import { t as GrDrawer_default } from "./components/GrDrawer/chunks/GrDrawer-CNpSMuN-.js";
-import { t as GrDropdown_default } from "./components/GrDropdown/chunks/GrDropdown-cLZuZMEY.js";
-import { n as grDropdownSafelist, t as grDropdownConfig } from "./chunks/config-CT4lP6S4.js";
+import { t as GrDrawer_default } from "./components/GrDrawer/chunks/GrDrawer-DOcRTE8G.js";
+import { n as grDropdownSafelist, t as grDropdownConfig } from "./chunks/config-BOCzHqWh.js";
 import "./components/GrDropdown/index.js";
-import { n as GrDropdownMenuColumn_default, r as GrDropdownMenu_default, t as GrDropdownMenuColumns_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenu-Dxkz_ry4.js";
+import { n as GrDropdownMenuColumn_default, t as GrDropdownMenuColumns_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenu-CkM3BFPL.js";
 import { n as grDropdownMenuSafelist, t as grDropdownMenuConfig } from "./chunks/config-_jbgsFpw.js";
-import { t as GrEmptyState_default } from "./components/GrEmptyState/chunks/GrEmptyState-BbvwE-E0.js";
+import { t as GrEmptyState_default } from "./components/GrEmptyState/chunks/GrEmptyState-Bz6-_ED4.js";
 import { n as grEmptyStateSafelist, t as grEmptyStateConfig } from "./chunks/config-CWtfxkM9.js";
 import { n as fileKindOf, r as isPreviewableKind, t as GrFilePreview_default } from "./components/GrFilePreview/chunks/GrFilePreview-2kVOg1C7.js";
 import { n as grFilePreviewSafelist, t as grFilePreviewConfig } from "./chunks/config-BaWANzzB.js";
 import { t as GrProgressBar_default } from "./components/GrProgressBar/chunks/GrProgressBar-C3NRBqIP.js";
-import { n as GrUploadAbortError, r as GrUploadHttpError, t as GrFileUpload_default } from "./components/GrFileUpload/chunks/GrFileUpload-BwMR71zN.js";
+import { n as GrUploadAbortError, r as GrUploadHttpError, t as GrFileUpload_default } from "./components/GrFileUpload/chunks/GrFileUpload-Bgdfnkd8.js";
 import { n as grFileUploadSafelist, t as grFileUploadConfig } from "./chunks/config-BlJa1Mj9.js";
 import { t as GrForm_default } from "./components/GrForm/chunks/GrForm-xTtavR-K.js";
 import { t as grFormConfig } from "./chunks/config-Droqn55j.js";
 import { n as grFormFieldSafelist, t as grFormFieldConfig } from "./chunks/config-B0uvcTPH.js";
 import "./components/GrFormField/index.js";
-import { t as GrFormFile_default } from "./components/GrFormFile/chunks/GrFormFile-Dlxx-9zi.js";
-import { n as grFormFileSafelist, t as grFormFileConfig } from "./chunks/config-BcXX7S7B.js";
+import { t as GrFormFile_default } from "./components/GrFormFile/chunks/GrFormFile-Ctq1isz-.js";
+import { t as GrSortableList_default } from "./components/GrSortableList/chunks/GrSortableList-ChH9nQBv.js";
+import { n as grFormFileSafelist, t as grFormFileConfig } from "./chunks/config-D-JgqV0J.js";
 import { n as grFormSectionSafelist, t as grFormSectionConfig } from "./chunks/config-BEO7brpO.js";
 import { t as GrFormSection_default } from "./components/GrFormSection/chunks/GrFormSection-DV1S6R_N.js";
-import { t as GrImageViewer_default } from "./components/GrImageViewer/chunks/GrImageViewer-DK-iVHHC.js";
+import { t as GrImageViewer_default } from "./components/GrImageViewer/chunks/GrImageViewer-Bnql_dNP.js";
 import { n as grImageViewerSafelist, t as grImageViewerConfig } from "./chunks/config-DjRhIB5g.js";
 import { n as grInputSafelist, t as grInputConfig } from "./chunks/config-CIUU9ZpY.js";
-import { n as grInputTagSafelist, t as grInputTagConfig } from "./chunks/config-B42iJ48O.js";
-import { t as GrInputTag_default } from "./components/GrInputTag/chunks/GrInputTag-qnRdAZnn.js";
+import { n as grInputTagSafelist, t as grInputTagConfig } from "./chunks/config-DG41PD9i.js";
+import { t as GrInputTag_default } from "./components/GrInputTag/chunks/GrInputTag-BzzNRBe3.js";
 import { t as useTree } from "./chunks/useTree-BebEiBcL.js";
-import { n as grTreeViewVars, t as GrTree_default } from "./components/GrTree/chunks/GrTree-6yZrncJE.js";
-import { t as GrJsonViewer_default } from "./components/GrJsonViewer/chunks/GrJsonViewer-D7CyWzhT.js";
+import { n as grTreeViewVars, t as GrTree_default } from "./components/GrTree/chunks/GrTree-DpgaP8hk.js";
+import { t as GrJsonViewer_default } from "./components/GrJsonViewer/chunks/GrJsonViewer-B6ZJ3GFH.js";
 import { n as grJsonViewerSafelist, t as grJsonViewerConfig } from "./chunks/config-DpAYidyY.js";
 import { n as grKbdSafelist, t as grKbdConfig } from "./chunks/config-Ca8qr8Q3.js";
 import "./components/GrKbd/index.js";
@@ -146,16 +149,16 @@ import { n as grLoadingSafelist, t as grLoadingConfig } from "./chunks/config-Bj
 import "./components/GrLoading/index.js";
 import { n as grModalSafelist, t as grModalConfig } from "./chunks/config-DZv2N7zH.js";
 import "./components/GrModal/index.js";
-import { t as GrNavbar_default } from "./components/GrNavbar/chunks/GrNavbar-BRGuksiy.js";
-import { n as grNavbarSafelist, t as grNavbarConfig } from "./chunks/config-2ZHRsdOc.js";
+import { t as GrNavbar_default } from "./components/GrNavbar/chunks/GrNavbar-IEIHC5Vt.js";
+import { n as grNavbarSafelist, t as grNavbarConfig } from "./chunks/config-C3uqd-sW.js";
 import { n as grNumberInputSafelist, t as grNumberInputConfig } from "./chunks/config-BLP94dPY.js";
-import { t as GrNumberInput_default } from "./components/GrNumberInput/chunks/GrNumberInput-BI6-vkcs.js";
+import { t as GrNumberInput_default } from "./components/GrNumberInput/chunks/GrNumberInput-CmnUDaKi.js";
 import { n as grOtpInputSafelist, t as grOtpInputConfig } from "./chunks/config-BBtBQE3s.js";
 import { t as GrOtpInput_default } from "./components/GrOtpInput/chunks/GrOtpInput-B_Q-RDLw.js";
-import { t as GrSelect_default } from "./components/GrSelect/chunks/GrSelect-DvSq-nV-.js";
+import { t as GrSelect_default } from "./components/GrSelect/chunks/GrSelect-B-ykrHpL.js";
 import { n as grPaginationSafelist, t as grPaginationConfig } from "./chunks/config-Bdf1bt-m.js";
-import { t as GrPagination_default } from "./components/GrPagination/chunks/GrPagination-CMrLPzvL.js";
-import { n as grPopoverSafelist, t as grPopoverConfig } from "./chunks/config-tNqtapcT.js";
+import { t as GrPagination_default } from "./components/GrPagination/chunks/GrPagination-AMbn5D8I.js";
+import { n as grPopoverSafelist, t as grPopoverConfig } from "./chunks/config-DpqjlCfB.js";
 import "./components/GrPopover/index.js";
 import { n as grProgressBarSafelist, t as grProgressBarConfig } from "./chunks/config-hnoZvcIM.js";
 import "./components/GrProgressBar/index.js";
@@ -176,16 +179,17 @@ import { t as GrScrollSpy_default } from "./components/GrScrollSpy/chunks/GrScro
 import { n as grScrollSpySafelist, t as grScrollSpyConfig } from "./chunks/config-BkQ2jvXv.js";
 import { n as titleWhenTruncated, t as GrSegmented_default } from "./components/GrSegmented/chunks/GrSegmented-CuDaKA6S.js";
 import { n as grSegmentedSafelist, t as grSegmentedConfig } from "./chunks/config-rLkc9Zn2.js";
-import { n as grSelectSafelist, t as grSelectConfig } from "./chunks/config--t2dxj0t.js";
+import { n as grSelectSafelist, t as grSelectConfig } from "./chunks/config-CmLTCmY9.js";
 import "./components/GrSelect/index.js";
-import { n as grSidebarSafelist, t as grSidebarConfig } from "./chunks/config-DNDgp9bB.js";
-import { n as GrSidebarItem_default, r as GrSidebar_default, t as GrSidebarGroup_default } from "./components/GrSidebar/chunks/GrSidebar-DoKLlHSw.js";
+import { n as grSidebarSafelist, t as grSidebarConfig } from "./chunks/config-DpzFoSIh.js";
+import { n as GrSidebarItem_default, r as GrSidebar_default, t as GrSidebarGroup_default } from "./components/GrSidebar/chunks/GrSidebar-jVvoLGDO.js";
+import { t as GrTooltip_default } from "./components/GrTooltip/chunks/GrTooltip-BDcFycvW.js";
 import { t as grSkeletonConfig } from "./chunks/config-8Pcutu1j.js";
 import "./components/GrSkeleton/index.js";
-import { n as grSliderSafelist, t as grSliderConfig } from "./chunks/config-E1cTyRVV.js";
+import { n as grSliderSafelist, t as grSliderConfig } from "./chunks/config-8n1VR0ju.js";
 import "./components/GrSlider/index.js";
-import { n as grSortableListSafelist, t as grSortableListConfig } from "./chunks/config-CbEbLyDE.js";
-import { t as GrSortableList_default } from "./components/GrSortableList/chunks/GrSortableList-NKriuGm_.js";
+import { n as grSortableListSafelist, t as grSortableListConfig } from "./chunks/config-BTxmdRzT.js";
+import "./components/GrSortableList/index.js";
 import { n as grSplitterSafelist, t as grSplitterConfig } from "./chunks/config-CvbVM4ep.js";
 import { n as sizeFromPointer, t as GrSplitter_default } from "./components/GrSplitter/chunks/GrSplitter-C-XQzq7q.js";
 import { n as formatStatisticValue, t as GrStatistic_default } from "./components/GrStatistic/chunks/GrStatistic-C1_nY4Gc.js";
@@ -194,28 +198,32 @@ import { n as grStepsSafelist, t as grStepsConfig } from "./chunks/config-CLjjjP
 import { t as GrSteps_default } from "./components/GrSteps/chunks/GrSteps-Cng-Wrjk.js";
 import { n as grSwitchSafelist, t as grSwitchConfig } from "./chunks/config-MUkhktTP.js";
 import { t as GrSwitch_default } from "./components/GrSwitch/chunks/GrSwitch-D7X42uIA.js";
-import { n as grTableSafelist, t as grTableConfig } from "./chunks/config-D3HOuHDe.js";
+import { n as grTableSafelist, t as grTableConfig } from "./chunks/config-C3SqBqSQ.js";
 import "./components/GrTable/index.js";
-import { n as GrTabPanels_default, t as GrTabPanel_default } from "./components/GrTabPanels/chunks/GrTabPanels-5zsbqS1v.js";
+import { t as GrTabPanels_default } from "./components/GrTabPanels/chunks/GrTabPanels-BDt5oVdd.js";
+import { t as GrTabPanel_default } from "./components/GrTabPanels/chunks/GrTabPanels-BJvAflnA.js";
 import { t as grTabPanelsConfig } from "./chunks/config-eXB87DOi.js";
-import { n as grTabsSafelist, t as grTabsConfig } from "./chunks/config-CMNfZO7S.js";
-import { t as GrTabs_default } from "./components/GrTabs/chunks/GrTabs-s9RzC1WX.js";
+import { t as GrTabs_default } from "./components/GrTabs/chunks/GrTabs-DVC6nfWB.js";
+import { n as grTabsSafelist, t as grTabsConfig } from "./chunks/config-SPugeaHT.js";
+import "./components/GrTabs/index.js";
+import { t as GrTabsWithPanels_default } from "./components/GrTabsWithPanels/chunks/GrTabsWithPanels-BYtuzouj.js";
+import { t as grTabsWithPanelsConfig } from "./chunks/config-BBrPUEye.js";
 import { n as grTextareaSafelist, t as grTextareaConfig } from "./chunks/config-DENqOoh0.js";
 import "./components/GrTextarea/index.js";
 import { n as GrTimeline_default, t as GrTimelineItem_default } from "./components/GrTimeline/chunks/GrTimeline-Bs60huw0.js";
 import { n as grTimelineSafelist, t as grTimelineConfig } from "./chunks/config-Bd7QfiGj.js";
 import { GRANULARITY_TOAST_STATE, granularityToastPlugin, useToast } from "./composables/useToast.js";
-import { n as grToasterSafelist, t as grToasterConfig } from "./chunks/config-B5SBUa6u.js";
-import { t as GrToaster_default } from "./components/GrToaster/chunks/GrToaster-CZixNk0l.js";
-import { n as grTooltipSafelist, t as grTooltipConfig } from "./chunks/config-iemgzS4x.js";
-import { t as GrTooltip_default } from "./components/GrTooltip/chunks/GrTooltip-DkMMM0uq.js";
+import { n as grToasterSafelist, t as grToasterConfig } from "./chunks/config-B7qZqiUB.js";
+import { t as GrToaster_default } from "./components/GrToaster/chunks/GrToaster-OzT1VKcp.js";
+import { n as grTooltipSafelist, t as grTooltipConfig } from "./chunks/config-BP1ktzwh.js";
+import "./components/GrTooltip/index.js";
 import { n as grTransferSafelist, t as grTransferConfig } from "./chunks/config-DmED6aJV.js";
-import { t as GrTransfer_default } from "./components/GrTransfer/chunks/GrTransfer-DdfBUf35.js";
+import { t as GrTransfer_default } from "./components/GrTransfer/chunks/GrTransfer-CV7BL5UK.js";
 import { n as grTreeSafelist, t as grTreeConfig } from "./chunks/config-CDat1wXf.js";
 import { n as grTreeSectionsSafelist, t as grTreeSectionsConfig } from "./chunks/config-bjDf8nBf.js";
-import { t as GrTreeSections_default } from "./components/GrTreeSections/chunks/GrTreeSections-DcmDcLwj.js";
-import { n as grTreeSelectSafelist, t as grTreeSelectConfig } from "./chunks/config-BAse0laT.js";
-import { t as GrTreeSelect_default } from "./components/GrTreeSelect/chunks/GrTreeSelect-B6KoDYiZ.js";
+import { t as GrTreeSections_default } from "./components/GrTreeSections/chunks/GrTreeSections-BeOj__44.js";
+import { n as grTreeSelectSafelist, t as grTreeSelectConfig } from "./chunks/config-CvtqB4ki.js";
+import { t as GrTreeSelect_default } from "./components/GrTreeSelect/chunks/GrTreeSelect-BHq-T8wH.js";
 import "./composables/useGranularityTranslations.js";
 import { GRANULARITY_THEME_STATE, granularityThemePlugin, initThemeEarly, useTheme } from "./composables/useTheme.js";
-export { FileValidationError, GRANULARITY_THEME_STATE, GRANULARITY_TOAST_STATE, GR_KBD_TOKENS, GR_TONES, GrAffix_default as GrAffix, GrAlert_default as GrAlert, GrAutocomplete_default as GrAutocomplete, GrAvatar_default as GrAvatar, GrAvatarGroup_default as GrAvatarGroup, GrBadge_default as GrBadge, GrBadgeWrap_default as GrBadgeWrap, GrBottomNav_default as GrBottomNav, GrBreadcrumbs_default as GrBreadcrumbs, GrButton_default as GrButton, GrButtonGroup_default as GrButtonGroup, GrCard_default as GrCard, GrCarousel_default as GrCarousel, GrCarouselSlide_default as GrCarouselSlide, GrCheckbox_default as GrCheckbox, GrCheckboxGroup_default as GrCheckboxGroup, GrChip_default as GrChip, GrChipGroup_default as GrChipGroup, GrCollapse_default as GrCollapse, GrCollapseItem_default as GrCollapseItem, GrColorPicker_default as GrColorPicker, GrCommandPalette_default as GrCommandPalette, GrConfigProvider_default as GrConfigProvider, GrConfirmDialog_default as GrConfirmDialog, GrContextMenu_default as GrContextMenu, GrDataTable_default as GrDataTable, GrDelta_default as GrDelta, GrDescriptionList_default as GrDescriptionList, GrDialog_default as GrDialog, GrDialogCloseButton_default as GrDialogCloseButton, GrDialogFooter_default as GrDialogFooter, GrDialogHeader_default as GrDialogHeader, GrDialogServiceHost_default as GrDialogServiceHost, GrDivider_default as GrDivider, GrDrawer_default as GrDrawer, GrDropdown_default as GrDropdown, GrDropdownMenu_default as GrDropdownMenu, GrDropdownMenuColumn_default as GrDropdownMenuColumn, GrDropdownMenuColumns_default as GrDropdownMenuColumns, GrDropdownMenuDivider_default as GrDropdownMenuDivider, GrDropdownMenuGroup_default as GrDropdownMenuGroup, GrDropdownMenuHeader_default as GrDropdownMenuHeader, GrDropdownMenuItem_default as GrDropdownMenuItem, GrDropdownMenuList_default as GrDropdownMenuList, GrEmptyState_default as GrEmptyState, GrFilePreview_default as GrFilePreview, GrFileUpload_default as GrFileUpload, GrForm_default as GrForm, GrFormErrorBanner_default as GrFormErrorBanner, GrFormField_default as GrFormField, GrFormFile_default as GrFormFile, GrFormSection_default as GrFormSection, GrIcon_default as GrIcon, GrImageViewer_default as GrImageViewer, GrInput_default as GrInput, GrInputTag_default as GrInputTag, GrJsonViewer_default as GrJsonViewer, GrKbd_default as GrKbd, GrLink_default as GrLink, GrList_default as GrList, GrListItem_default as GrListItem, GrLoading_default as GrLoading, GrModal_default as GrModal, GrNavbar_default as GrNavbar, GrNumberInput_default as GrNumberInput, GrOtpInput_default as GrOtpInput, GrPagination_default as GrPagination, GrPopover_default as GrPopover, GrProgressBar_default as GrProgressBar, GrProgressCircle_default as GrProgressCircle, GrPromptDialog_default as GrPromptDialog, GrRadio_default as GrRadio, GrRadioGroup_default as GrRadioGroup, GrRating_default as GrRating, GrResponseErrorBanner_default as GrResponseErrorBanner, GrScrollSpy_default as GrScrollSpy, GrSegmented_default as GrSegmented, GrSelect_default as GrSelect, GrSidebar_default as GrSidebar, GrSidebarGroup_default as GrSidebarGroup, GrSidebarItem_default as GrSidebarItem, GrSkeleton_default as GrSkeleton, GrSlider_default as GrSlider, GrSortableList_default as GrSortableList, GrSplitter_default as GrSplitter, GrStatistic_default as GrStatistic, GrSteps_default as GrSteps, GrSwitch_default as GrSwitch, GrTabPanel_default as GrTabPanel, GrTabPanels_default as GrTabPanels, GrTable_default as GrTable, GrTabs_default as GrTabs, GrTextarea_default as GrTextarea, GrTimeline_default as GrTimeline, GrTimelineItem_default as GrTimelineItem, GrToaster_default as GrToaster, GrTooltip_default as GrTooltip, GrTransfer_default as GrTransfer, GrTree_default as GrTree, GrTreeSections_default as GrTreeSections, GrTreeSelect_default as GrTreeSelect, GrUploadAbortError, GrUploadErrorBanner_default as GrUploadErrorBanner, GrUploadHttpError, GrValue_default as GrValue, coreResponseErrorParsers, createGrFormMessageResolver, createLoading, createResponseErrorClassifier, deltaDirection, deltaTone, dialogService, extendDefaultParsers, fileKindOf, findKbdToken, formatBadgeValue, formatStatisticValue, getByPath, grAffixConfig, grAffixSafelist, grAlertConfig, grAutocompleteConfig, grAutocompleteSafelist, grAvatarConfig, grAvatarSafelist, grBadgeConfig, grBadgeSafelist, grBadgeWrapConfig, grBadgeWrapSafelist, grBottomNavConfig, grBottomNavSafelist, grBreadcrumbsConfig, grBreadcrumbsSafelist, grButtonConfig, grButtonGroupConfig, grButtonSafelist, grCardConfig, grCardSafelist, grCarouselConfig, grCarouselSafelist, grCheckboxConfig, grCheckboxGroupConfig, grCheckboxSafelist, grChipConfig, grChipGroupConfig, grChipGroupSafelist, grChipSafelist, grCollapseConfig, grCollapseSafelist, grColorPickerConfig, grColorPickerSafelist, grCommandPaletteConfig, grCommandPaletteSafelist, grConfigProviderConfig, grConfirmDialogConfig, grContextMenuConfig, grDataTableConfig, grDataTableSafelist, grDeltaConfig, grDeltaSafelist, grDescriptionListConfig, grDescriptionListSafelist, grDialogSafelist, grDialogServiceConfig, grDividerConfig, grDividerSafelist, grDrawerConfig, grDrawerSafelist, grDropdownConfig, grDropdownMenuConfig, grDropdownMenuSafelist, grDropdownSafelist, grEmptyStateConfig, grEmptyStateSafelist, grFilePreviewConfig, grFilePreviewSafelist, grFileUploadConfig, grFileUploadSafelist, grFormConfig, grFormFieldConfig, grFormFieldSafelist, grFormFileConfig, grFormFileSafelist, grFormSectionConfig, grFormSectionSafelist, grIconConfig, grIconSafelist, grImageViewerConfig, grImageViewerSafelist, grInputConfig, grInputSafelist, grInputTagConfig, grInputTagSafelist, grJsonViewerConfig, grJsonViewerSafelist, grKbdConfig, grKbdSafelist, grLinkConfig, grLinkSafelist, grListConfig, grListSafelist, grLoadingConfig, grLoadingSafelist, grModalConfig, grModalSafelist, grNavbarConfig, grNavbarSafelist, grNumberInputConfig, grNumberInputSafelist, grOtpInputConfig, grOtpInputSafelist, grPaginationConfig, grPaginationSafelist, grPopoverConfig, grPopoverSafelist, grProgressBarConfig, grProgressBarSafelist, grProgressCircleConfig, grProgressCircleSafelist, grPromptDialogConfig, grRadioConfig, grRadioGroupConfig, grRadioSafelist, grRatingConfig, grRatingSafelist, grScrollSpyConfig, grScrollSpySafelist, grSegmentedConfig, grSegmentedSafelist, grSelectConfig, grSelectSafelist, grSidebarConfig, grSidebarSafelist, grSkeletonConfig, grSliderConfig, grSliderSafelist, grSortableListConfig, grSortableListSafelist, grSplitterConfig, grSplitterSafelist, grStatisticConfig, grStatisticSafelist, grStepsConfig, grStepsSafelist, grSwitchConfig, grSwitchSafelist, grTabPanelsConfig, grTableConfig, grTableSafelist, grTabsConfig, grTabsSafelist, grTextareaConfig, grTextareaSafelist, grTimelineConfig, grTimelineSafelist, grToasterConfig, grToasterSafelist, grTooltipConfig, grTooltipSafelist, grTransferConfig, grTransferSafelist, grTreeConfig, grTreeSafelist, grTreeSectionsConfig, grTreeSectionsSafelist, grTreeSelectConfig, grTreeSelectSafelist, grTreeViewVars, grValueConfig, grValueSafelist, granularityDialogServicePlugin, granularityThemePlugin, granularityToastPlugin, initThemeEarly, initialsFrom, isEmpty, isPreviewableKind, normalizeError, resolveBreadcrumbsFit, resolveBreadcrumbsLayout, resolveGrConfig, runFieldRules, setByPath, sizeFromPointer, teardownDialogService, titleWhenTruncated, useAnnouncer, useComboboxNavigation, useDialogService, useDismissible, useDragGesture, useDragSort, useFloating, useFocusTrap, useGrButtonGroup, useGrComponentDefaults, useGrComponentProp, useGrComponentSize, useGrConfig, useGrFormContext, useGrFormControl, useGrFormFieldContext, useGrThemeAttrs, useGranularityTranslations, useOverlayLayer, usePortalTarget, useResponseError, useRovingFocus, useScrollSpy, useTheme, useToast, useTree, useVirtualList, vAutofocus, vAutosize, vClickOutside, vDropzone, vHotkey, vLoading };
+export { FileValidationError, GRANULARITY_HOTKEYS_STATE, GRANULARITY_THEME_STATE, GRANULARITY_TOAST_STATE, GR_KBD_TOKENS, GR_TONES, GrAffix_default as GrAffix, GrAlert_default as GrAlert, GrAutocomplete_default as GrAutocomplete, GrAvatar_default as GrAvatar, GrAvatarGroup_default as GrAvatarGroup, GrBadge_default as GrBadge, GrBadgeWrap_default as GrBadgeWrap, GrBottomNav_default as GrBottomNav, GrBreadcrumbs_default as GrBreadcrumbs, GrButton_default as GrButton, GrButtonGroup_default as GrButtonGroup, GrCard_default as GrCard, GrCarousel_default as GrCarousel, GrCarouselSlide_default as GrCarouselSlide, GrCheckbox_default as GrCheckbox, GrCheckboxGroup_default as GrCheckboxGroup, GrChip_default as GrChip, GrChipGroup_default as GrChipGroup, GrCollapse_default as GrCollapse, GrCollapseItem_default as GrCollapseItem, GrColorPicker_default as GrColorPicker, GrCommandPalette_default as GrCommandPalette, GrConfigProvider_default as GrConfigProvider, GrConfirmDialog_default as GrConfirmDialog, GrContextMenu_default as GrContextMenu, GrDataTable_default as GrDataTable, GrDelta_default as GrDelta, GrDescriptionList_default as GrDescriptionList, GrDialog_default as GrDialog, GrDialogCloseButton_default as GrDialogCloseButton, GrDialogFooter_default as GrDialogFooter, GrDialogHeader_default as GrDialogHeader, GrDialogServiceHost_default as GrDialogServiceHost, GrDivider_default as GrDivider, GrDrawer_default as GrDrawer, GrDropdown_default as GrDropdown, GrDropdownMenu_default as GrDropdownMenu, GrDropdownMenuColumn_default as GrDropdownMenuColumn, GrDropdownMenuColumns_default as GrDropdownMenuColumns, GrDropdownMenuDivider_default as GrDropdownMenuDivider, GrDropdownMenuGroup_default as GrDropdownMenuGroup, GrDropdownMenuHeader_default as GrDropdownMenuHeader, GrDropdownMenuItem_default as GrDropdownMenuItem, GrDropdownMenuList_default as GrDropdownMenuList, GrEmptyState_default as GrEmptyState, GrFilePreview_default as GrFilePreview, GrFileUpload_default as GrFileUpload, GrForm_default as GrForm, GrFormErrorBanner_default as GrFormErrorBanner, GrFormField_default as GrFormField, GrFormFile_default as GrFormFile, GrFormSection_default as GrFormSection, GrIcon_default as GrIcon, GrImageViewer_default as GrImageViewer, GrInput_default as GrInput, GrInputTag_default as GrInputTag, GrJsonViewer_default as GrJsonViewer, GrKbd_default as GrKbd, GrLink_default as GrLink, GrList_default as GrList, GrListItem_default as GrListItem, GrLoading_default as GrLoading, GrModal_default as GrModal, GrNavbar_default as GrNavbar, GrNumberInput_default as GrNumberInput, GrOtpInput_default as GrOtpInput, GrPagination_default as GrPagination, GrPopover_default as GrPopover, GrProgressBar_default as GrProgressBar, GrProgressCircle_default as GrProgressCircle, GrPromptDialog_default as GrPromptDialog, GrRadio_default as GrRadio, GrRadioGroup_default as GrRadioGroup, GrRating_default as GrRating, GrResponseErrorBanner_default as GrResponseErrorBanner, GrScrollSpy_default as GrScrollSpy, GrSegmented_default as GrSegmented, GrSelect_default as GrSelect, GrSidebar_default as GrSidebar, GrSidebarGroup_default as GrSidebarGroup, GrSidebarItem_default as GrSidebarItem, GrSkeleton_default as GrSkeleton, GrSlider_default as GrSlider, GrSortableList_default as GrSortableList, GrSplitter_default as GrSplitter, GrStatistic_default as GrStatistic, GrSteps_default as GrSteps, GrSwitch_default as GrSwitch, GrTabPanel_default as GrTabPanel, GrTabPanels_default as GrTabPanels, GrTable_default as GrTable, GrTabs_default as GrTabs, GrTabsWithPanels_default as GrTabsWithPanels, GrTextarea_default as GrTextarea, GrTimeline_default as GrTimeline, GrTimelineItem_default as GrTimelineItem, GrToaster_default as GrToaster, GrTooltip_default as GrTooltip, GrTransfer_default as GrTransfer, GrTree_default as GrTree, GrTreeSections_default as GrTreeSections, GrTreeSelect_default as GrTreeSelect, GrUploadAbortError, GrUploadErrorBanner_default as GrUploadErrorBanner, GrUploadHttpError, GrValue_default as GrValue, coreResponseErrorParsers, createGrFormMessageResolver, createLoading, createResponseErrorClassifier, deltaDirection, deltaTone, dialogService, extendDefaultParsers, fileKindOf, findKbdToken, formatBadgeValue, formatStatisticValue, getByPath, grAffixConfig, grAffixSafelist, grAlertConfig, grAutocompleteConfig, grAutocompleteSafelist, grAvatarConfig, grAvatarSafelist, grBadgeConfig, grBadgeSafelist, grBadgeWrapConfig, grBadgeWrapSafelist, grBottomNavConfig, grBottomNavSafelist, grBreadcrumbsConfig, grBreadcrumbsSafelist, grButtonConfig, grButtonGroupConfig, grButtonSafelist, grCardConfig, grCardSafelist, grCarouselConfig, grCarouselSafelist, grCheckboxConfig, grCheckboxGroupConfig, grCheckboxSafelist, grChipConfig, grChipGroupConfig, grChipGroupSafelist, grChipSafelist, grCollapseConfig, grCollapseSafelist, grColorPickerConfig, grColorPickerSafelist, grCommandPaletteConfig, grCommandPaletteSafelist, grConfigProviderConfig, grConfirmDialogConfig, grContextMenuConfig, grDataTableConfig, grDataTableSafelist, grDeltaConfig, grDeltaSafelist, grDescriptionListConfig, grDescriptionListSafelist, grDialogSafelist, grDialogServiceConfig, grDividerConfig, grDividerSafelist, grDrawerConfig, grDrawerSafelist, grDropdownConfig, grDropdownMenuConfig, grDropdownMenuSafelist, grDropdownSafelist, grEmptyStateConfig, grEmptyStateSafelist, grFilePreviewConfig, grFilePreviewSafelist, grFileUploadConfig, grFileUploadSafelist, grFormConfig, grFormFieldConfig, grFormFieldSafelist, grFormFileConfig, grFormFileSafelist, grFormSectionConfig, grFormSectionSafelist, grIconConfig, grIconSafelist, grImageViewerConfig, grImageViewerSafelist, grInputConfig, grInputSafelist, grInputTagConfig, grInputTagSafelist, grJsonViewerConfig, grJsonViewerSafelist, grKbdConfig, grKbdSafelist, grLinkConfig, grLinkSafelist, grListConfig, grListSafelist, grLoadingConfig, grLoadingSafelist, grModalConfig, grModalSafelist, grNavbarConfig, grNavbarSafelist, grNumberInputConfig, grNumberInputSafelist, grOtpInputConfig, grOtpInputSafelist, grPaginationConfig, grPaginationSafelist, grPopoverConfig, grPopoverSafelist, grProgressBarConfig, grProgressBarSafelist, grProgressCircleConfig, grProgressCircleSafelist, grPromptDialogConfig, grRadioConfig, grRadioGroupConfig, grRadioSafelist, grRatingConfig, grRatingSafelist, grScrollSpyConfig, grScrollSpySafelist, grSegmentedConfig, grSegmentedSafelist, grSelectConfig, grSelectSafelist, grSidebarConfig, grSidebarSafelist, grSkeletonConfig, grSliderConfig, grSliderSafelist, grSortableListConfig, grSortableListSafelist, grSplitterConfig, grSplitterSafelist, grStatisticConfig, grStatisticSafelist, grStepsConfig, grStepsSafelist, grSwitchConfig, grSwitchSafelist, grTabPanelsConfig, grTableConfig, grTableSafelist, grTabsConfig, grTabsSafelist, grTabsWithPanelsConfig, grTextareaConfig, grTextareaSafelist, grTimelineConfig, grTimelineSafelist, grToasterConfig, grToasterSafelist, grTooltipConfig, grTooltipSafelist, grTransferConfig, grTransferSafelist, grTreeConfig, grTreeSafelist, grTreeSectionsConfig, grTreeSectionsSafelist, grTreeSelectConfig, grTreeSelectSafelist, grTreeViewVars, grValueConfig, grValueSafelist, granularityDialogServicePlugin, granularityHotkeysPlugin, granularityThemePlugin, granularityToastPlugin, initThemeEarly, initialsFrom, isEmpty, isPreviewableKind, normalizeError, resolveBreadcrumbsFit, resolveBreadcrumbsLayout, resolveGrConfig, runFieldRules, setByPath, sizeFromPointer, teardownDialogService, titleWhenTruncated, useAnnouncer, useComboboxNavigation, useDialogService, useDismissible, useDragGesture, useDragSort, useFloating, useFocusTrap, useGrButtonGroup, useGrComponentDefaults, useGrComponentProp, useGrComponentSize, useGrConfig, useGrFormContext, useGrFormControl, useGrFormFieldContext, useGrThemeAttrs, useGranularityTranslations, useHotkeys, useOverlayLayer, usePortalTarget, useResponseError, useRovingFocus, useScrollSpy, useTheme, useToast, useTree, useVirtualList, vAutofocus, vAutosize, vClickOutside, vDropzone, vHotkey, vLoading };

package/dist/theme.js

@@ -1,4 +1,4 @@
-import { a as grThemeTokens, n as grDerivedTokens, t as grComponentTokens } from "./chunks/generated-CxvC5O0V.js";
+import { a as grThemeTokens, n as grDerivedTokens, t as grComponentTokens } from "./chunks/generated-Cx4C7GRN.js";
 //#region src/theme/color.ts
 function parseHex(value) {
 	const match = value.trim().match(/^#([\da-f]{3}|[\da-f]{6})$/i);

package/dist/tokens.js

@@ -1,2 +1,2 @@
-import { a as grThemeTokens, i as grThemeNames, n as grDerivedTokens, r as grFoundationTokens, t as grComponentTokens } from "./chunks/generated-CxvC5O0V.js";
+import { a as grThemeTokens, i as grThemeNames, n as grDerivedTokens, r as grFoundationTokens, t as grComponentTokens } from "./chunks/generated-Cx4C7GRN.js";
 export { grComponentTokens, grDerivedTokens, grFoundationTokens, grThemeNames, grThemeTokens };

package/dist/types/components/GrAutocomplete/GrAutocomplete.vue.d.ts

@@ -1,6 +1,6 @@
 import type { GrBadgeRadius, GrBadgeSize, GrBadgeTone } from '../GrBadge/grBadgeStyles';
-import { type GrAutocompleteModelValue, type GrAutocompleteOption, type GrAutocompleteValue, type GrAutocompleteSize } from './grAutocompleteStyles';
-export type { GrAutocompleteModelValue, GrAutocompleteOption, GrAutocompleteSize, GrAutocompleteValue, } from './grAutocompleteStyles';
+import { type GrAutocompleteModelValue, type GrAutocompleteOption, type GrAutocompleteOptionOrGroup, type GrAutocompleteValue, type GrAutocompleteSize } from './grAutocompleteStyles';
+export type { GrAutocompleteModelValue, GrAutocompleteOption, GrAutocompleteOptionGroup, GrAutocompleteOptionOrGroup, GrAutocompleteSize, GrAutocompleteValue, } from './grAutocompleteStyles';
 /**
  * Публичный GR-примитив «Autocomplete / Combobox» (WAI-ARIA editable combobox).
  *
@@ -18,7 +18,7 @@ export interface GrAutocompleteProps<TValue extends GrAutocompleteValue = string
      * Для remote-режима (`filterable=false`) — список, который родитель обновляет
      * в ответ на событие `search`.
      */
-    options?: GrAutocompleteOption<TValue>[];
+    options?: GrAutocompleteOptionOrGroup<TValue>[];
     multiple?: boolean;
     /**
      * Вид чипов выбранных значений в режиме `multiple`. Рисует их `GrChip`, но
@@ -62,7 +62,7 @@ export interface GrAutocompleteProps<TValue extends GrAutocompleteValue = string
      * выключена: список фильтрует сервер. Альтернатива — событие `search`, если
      * запрос ведёт само приложение.
      */
-    fetchOptions?: (query: string, signal: AbortSignal) => Promise<GrAutocompleteOption<TValue>[]>;
+    fetchOptions?: (query: string, signal: AbortSignal) => Promise<GrAutocompleteOptionOrGroup<TValue>[]>;
     /** Минимальная длина запроса до эмита `search` (для дебаунса remote-загрузки). */
     minQueryLength?: number;
     /** Задержка дебаунса события `search`, мс. */

package/dist/types/components/GrAutocomplete/composables/useAutocompleteNavigation.d.ts

@@ -1,4 +1,5 @@
 import type { ComputedRef, Ref } from 'vue';
+import type { GrAutocompletePanelItem } from './useAutocompletePanel';
 import type { GrAutocompleteOption, GrAutocompleteValue } from '../GrAutocomplete.vue';
 /**
  * Клавиатурная навигация ходит и по опциям, и по варианту «добавить своё»:
@@ -7,13 +8,20 @@ import type { GrAutocompleteOption, GrAutocompleteValue } from '../GrAutocomplet
  */
 export type GrAutocompleteNavigableItem<TValue extends GrAutocompleteValue> = {
     kind: 'add';
-} | {
+}
+/**
+ * `index` — позиция в `panelItems`, а не среди опций: заголовки групп занимают
+ * в наборе такие же строки, и по этому же индексу считаются `id` опции и окно
+ * виртуализации. Индекс «среди опций» разошёлся бы с обоими, как только
+ * появилась первая группа.
+ */
+ | {
     kind: 'option';
     option: GrAutocompleteOption<TValue>;
     index: number;
 };
 export interface UseAutocompleteNavigationOptions<TValue extends GrAutocompleteValue> {
-    effectiveOptions: ComputedRef<GrAutocompleteOption<TValue>[]>;
+    panelItems: ComputedRef<GrAutocompletePanelItem<TValue>[]>;
     canAddCustom: ComputedRef<boolean>;
     selectedValues: ComputedRef<TValue[]>;
     open: Ref<boolean>;
@@ -27,7 +35,8 @@ export interface UseAutocompleteNavigationOptions<TValue extends GrAutocompleteV
 export interface AutocompleteNavigation<TValue extends GrAutocompleteValue> {
     navigableItems: ComputedRef<Array<GrAutocompleteNavigableItem<TValue>>>;
     isSelected: (value: TValue) => boolean;
-    navigableIndexOf: (value: TValue) => number;
+    /** Индекс навигации по позиции строки в панели — для наведения мышью. */
+    navigableIndexOfPanelIndex: (index: number) => number;
     activeIndex: Ref<number>;
     activeItem: ComputedRef<GrAutocompleteNavigableItem<TValue> | undefined>;
     activeDescendantId: ComputedRef<string | undefined>;

package/dist/types/components/GrAutocomplete/composables/useAutocompletePanel.d.ts

@@ -1,5 +1,8 @@
 import type { ComputedRef, Ref } from 'vue';
-import type { GrAutocompleteOption, GrAutocompleteValue } from '../GrAutocomplete.vue';
+import type { OptionPanelItem, OptionPanelRow } from '../../shared/optionPanel';
+import type { GrAutocompleteOption, GrAutocompleteOptionOrGroup, GrAutocompleteValue } from '../GrAutocomplete.vue';
+export type GrAutocompletePanelItem<TValue extends GrAutocompleteValue> = OptionPanelItem<GrAutocompleteOption<TValue>>;
+export type GrAutocompletePanelRow<TValue extends GrAutocompleteValue> = OptionPanelRow<GrAutocompleteOption<TValue>>;
 /**
  * Состав панели `GrAutocomplete`: что показывать под запросом.
  *
@@ -11,7 +14,9 @@ import type { GrAutocompleteOption, GrAutocompleteValue } from '../GrAutocomplet
  * уже есть среди опций.
  */
 export interface UseAutocompletePanelOptions<TValue extends GrAutocompleteValue> {
-    optionsResolved: ComputedRef<GrAutocompleteOption<TValue>[]>;
+    optionsResolved: ComputedRef<GrAutocompleteOptionOrGroup<TValue>[]>;
+    /** Список без групп: по нему проверяется «такое значение уже есть». */
+    flatOptions: ComputedRef<GrAutocompleteOption<TValue>[]>;
     /** Введённый текст без нормализации: тримит уже сам модуль. */
     query: Ref<string>;
     /** Пользователь начал ввод — до этого single-режим показывает весь список. */
@@ -29,6 +34,11 @@ export interface UseAutocompletePanelOptions<TValue extends GrAutocompleteValue>
 export interface AutocompletePanel<TValue extends GrAutocompleteValue> {
     searchQuery: ComputedRef<string>;
     belowMinQuery: ComputedRef<boolean>;
+    /** Плоский набор строк панели: заголовки групп идут в нём наравне с опциями. */
+    panelItems: ComputedRef<GrAutocompletePanelItem<TValue>[]>;
+    /** Те же строки, собранные в группы для рендера. */
+    panelRows: ComputedRef<GrAutocompletePanelRow<TValue>[]>;
+    /** Только опции — по ним ходит клавиатура и считается «список пуст». */
     effectiveOptions: ComputedRef<GrAutocompleteOption<TValue>[]>;
     canAddCustom: ComputedRef<boolean>;
     showEmpty: ComputedRef<boolean>;