@feugene/granularity 0.23.0 → 0.25.0

package/dist/components/GrDropdown/chunks/{GrDropdown-BSfFOcDx.js → GrDropdown-BfTmdPyh.js}

@@ -1,17 +1,15 @@
 import { s as useGrThemeAttrs } from "../../../chunks/context-CTbuwcYs.js";
 import { t as usePortalTarget } from "../../../chunks/usePortalTarget-C0p-mhaM.js";
 import { vClickOutside } from "../../../directives/clickOutside.js";
-import { i as isEditableTarget } from "../../../chunks/keyboard-DE2yhz_b.js";
 import { useFloating } from "../../../composables/useFloating.js";
 import { useOverlayLayer } from "../../../composables/useOverlayLayer.js";
 import { t as useControlledOpen } from "../../../chunks/useControlledOpen-DV3SqLTP.js";
-import { t as getFocusableElements } from "../../../chunks/focusables-BkzK42SQ.js";
+import { t as useMenuItemsFocus } from "../../../chunks/useMenuItemsFocus-OyOnIAlr.js";
 import { n as grDropdownContentClass, r as grDropdownOriginClass } from "../../../chunks/grDropdownStyles-V7TRiCXn.js";
 import { Teleport, Transition, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, unref, useId, vShow, watch, withCtx, withDirectives } from "vue";
 //#region src/components/GrDropdown/GrDropdown.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { "data-gr-dropdown": "" };
 var _hoisted_2 = ["id"];
-var TYPEAHEAD_RESET_MS = 600;
 //#endregion
 //#region src/components/GrDropdown/GrDropdown.vue
 var GrDropdown_default = /* @__PURE__ */ defineComponent({
@@ -47,25 +45,15 @@ var GrDropdown_default = /* @__PURE__ */ defineComponent({
 		const panelEl = ref(null);
 		const clickOutsideExclude = [() => panelEl.value];
 		const panelId = useId();
-		/**
-		* Кольцо roving-фокуса.
-		*
-		* `tabbableOnly: false` — не оплошность: пункты меню намеренно `tabindex="-1"`
-		* (см. `GrDropdownMenuItem`), и список участников таб-порядка был бы пуст.
-		*/
-		function panelItems() {
-			return getFocusableElements(panelEl.value, { tabbableOnly: false });
-		}
-		function focusItemAt(index) {
-			const items = panelItems();
-			if (items.length === 0) return;
-			items[(index + items.length) % items.length]?.focus();
-		}
+		const menu = useMenuItemsFocus({
+			container: () => panelEl.value,
+			close: () => close()
+		});
 		async function openWithFocus(first) {
 			if (props.disabled) return;
 			setOpen(true);
 			await nextTick();
-			focusItemAt(first ? 0 : -1);
+			menu.focusAt(first ? 0 : -1);
 		}
 		/**
 		* Пропсы для реального фокусируемого триггера (кнопки). Консьюмер биндит их на
@@ -104,63 +92,6 @@ var GrDropdown_default = /* @__PURE__ */ defineComponent({
 					break;
 			}
 		}
-		/**
-		* Typeahead паттерна menu: печатные символы копятся в буфер и переводят фокус
-		* на первый подходящий пункт, начиная со следующего за текущим.
-		*/
-		let typeaheadBuffer = "";
-		let typeaheadTimer;
-		function onTypeahead(char) {
-			clearTimeout(typeaheadTimer);
-			typeaheadTimer = setTimeout(() => {
-				typeaheadBuffer = "";
-			}, TYPEAHEAD_RESET_MS);
-			typeaheadBuffer = typeaheadBuffer.length === 1 && typeaheadBuffer === char ? char : typeaheadBuffer + char;
-			const query = typeaheadBuffer.toLowerCase();
-			const items = panelItems();
-			if (items.length === 0) return;
-			const currentIndex = items.indexOf(document.activeElement);
-			for (let step = 1; step <= items.length; step += 1) {
-				const item = items[(currentIndex + step + items.length) % items.length];
-				if ((item.textContent ?? "").trim().toLowerCase().startsWith(query)) {
-					item.focus();
-					return;
-				}
-			}
-		}
-		function onPanelKeydown(event) {
-			const currentIndex = panelItems().indexOf(document.activeElement);
-			const editable = isEditableTarget(event.target);
-			switch (event.key) {
-				case "ArrowDown":
-					event.preventDefault();
-					focusItemAt(currentIndex + 1);
-					return;
-				case "ArrowUp":
-					event.preventDefault();
-					focusItemAt(currentIndex - 1);
-					return;
-				case "Home":
-					if (editable) return;
-					event.preventDefault();
-					focusItemAt(0);
-					return;
-				case "End":
-					if (editable) return;
-					event.preventDefault();
-					focusItemAt(-1);
-					return;
-				case "Tab":
-					close();
-					return;
-			}
-			if (editable) return;
-			if (event.key === " " && typeaheadBuffer === "") return;
-			if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {
-				event.preventDefault();
-				onTypeahead(event.key);
-			}
-		}
 		const { floatingStyle, resolvedPlacement, update: updateFloatingPosition } = useFloating(rootEl, panelEl, isOpen, {
 			placement: () => props.placement,
 			get offsetPx() {
@@ -211,7 +142,7 @@ var GrDropdown_default = /* @__PURE__ */ defineComponent({
 			if (typeof value === "number") return `${value}px`;
 			const bare = value.trim();
 			if (/^\d+$/.test(bare)) {
-				if (process.env.NODE_ENV !== "production") console.warn(`[GrDropdown] width="${value}" трактуется как ${bare}px. Шкалы tailwind-токенов (w-48) у пропа больше нет — укажите единицы: width="${bare}px" или :width="${bare}".`);
+				if (typeof process !== "undefined" && process.env.NODE_ENV !== "production") console.warn(`[GrDropdown] width="${value}" трактуется как ${bare}px. Шкалы tailwind-токенов (w-48) у пропа больше нет — укажите единицы: width="${bare}px" или :width="${bare}".`);
 				return `${bare}px`;
 			}
 			return value;
@@ -229,12 +160,12 @@ var GrDropdown_default = /* @__PURE__ */ defineComponent({
 			if (props.closeOnContentClick) close();
 		}
 		onMounted(() => {
-			if (process.env.NODE_ENV === "production") return;
+			if (!(typeof process !== "undefined" && process.env.NODE_ENV !== "production")) return;
 			if (rootEl.value?.querySelector("[aria-haspopup]")) return;
 			console.warn("[GrDropdown] триггер не привязан: добавьте `v-bind=\"triggerProps\"` на элемент внутри слота #trigger — <template #trigger=\"{ triggerProps }\"><GrButton v-bind=\"triggerProps\">…</GrButton></template>. Без этого у триггера нет ни клика, ни клавиатуры, ни aria-haspopup/aria-expanded.");
 		});
 		onBeforeUnmount(() => {
-			clearTimeout(typeaheadTimer);
+			menu.reset();
 			clearTimeout(hoverTimer);
 		});
 		const { target: portalTarget, enabled: teleportEnabled } = usePortalTarget(() => props.teleportTo);
@@ -284,7 +215,7 @@ var GrDropdown_default = /* @__PURE__ */ defineComponent({
 					class: panelClasses.value,
 					style: panelStyle.value,
 					onClick: onContentClick,
-					onKeydown: onPanelKeydown,
+					onKeydown: _cache[0] || (_cache[0] = (...args) => unref(menu).onKeydown && unref(menu).onKeydown(...args)),
 					onMouseenter: onHoverEnter,
 					onMouseleave: onHoverLeave
 				}), [createElementVNode("div", {

package/dist/components/GrDropdown/chunks/GrDropdown-BfTmdPyh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrDropdown-BfTmdPyh.js","names":[],"sources":["../../../../src/components/GrDropdown/GrDropdown.vue","../../../../src/components/GrDropdown/GrDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useId, watch } from 'vue'\n\nimport { usePortalTarget } from '../../composables/usePortalTarget'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating, type UseFloatingPlacement } from '../../composables/useFloating'\nimport { useOverlayLayer } from '../../composables/useOverlayLayer'\nimport { useControlledOpen } from '../../composables/internal/useControlledOpen'\nimport { useMenuItemsFocus } from '../../composables/internal/useMenuItemsFocus'\nimport {\n  grDropdownContentClass,\n  grDropdownOriginClass,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport type GrDropdownTrigger = 'click' | 'hover'\n\nexport interface GrDropdownProps {\n  /** Размещение панели относительно триггера; `flip` при нехватке места остаётся. */\n  placement?: UseFloatingPlacement\n  /** Зазор между триггером и панелью, px. */\n  offset?: number\n  /** Ширина панели: число — пиксели, строка — CSS-длина, `auto` — по контенту. */\n  width?: GrDropdownWidth\n  /** Чем открывается панель. В любом режиме работают клик и клавиатура. */\n  trigger?: GrDropdownTrigger\n  /** Задержка открытия по наведению, мс. */\n  openDelay?: number\n  /** Задержка закрытия после ухода курсора, мс. */\n  closeDelay?: number\n  /** Панель не открывается ничем; триггер остаётся фокусируемым. */\n  disabled?: boolean\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /**\n   * Точечное переопределение точки монтирования. По умолчанию — общий портал\n   * оверлеев (`#gr-portal` либо `portalTarget` из `GrConfigProvider`).\n   */\n  teleportTo?: string | HTMLElement\n  /**\n   * Контролируемое состояние панели (`v-model:open`). Без пропа панель ведёт\n   * себя сама (uncontrolled), с ним — слушайте `update:open` и меняйте проп.\n   */\n  open?: boolean\n}\n\nexport interface GrDropdownEmits {\n  /** Панель открылась/закрылась (`v-model:open`). */\n  (e: 'update:open', value: boolean): void\n}\n\nimport { useGrThemeAttrs } from '../GrConfigProvider/context'\n\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  placement: 'bottom-end',\n  offset: 8,\n  width: '12rem',\n  trigger: 'click',\n  openDelay: 120,\n  closeDelay: 160,\n  disabled: false,\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: undefined,\n  open: undefined,\n})\n\nconst emit = defineEmits<GrDropdownEmits>()\n\n// Имя `isOpen` сохранено: читатели работают с computed-Ref.\nconst { open: isOpen, setOpen } = useControlledOpen(\n  () => props.open,\n  next => emit('update:open', next),\n)\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\n\nconst panelId = useId()\n\n// Кольцо фокуса и поиск по буквам — общие с `GrContextMenu`: паттерн `menu`\n// один, и вторая его реализация разошлась бы с первой незаметно для тестов.\nconst menu = useMenuItemsFocus({\n  container: () => panelEl.value,\n  close: () => close(),\n})\n\nasync function openWithFocus(first: boolean): Promise<void> {\n  if (props.disabled)\n    return\n\n  setOpen(true)\n  await nextTick()\n  menu.focusAt(first ? 0 : -1)\n}\n\n/**\n * Пропсы для реального фокусируемого триггера (кнопки). Консьюмер биндит их на\n * элемент внутри слота `#trigger`: `<GrButton v-bind=\"triggerProps\">`. Даёт\n * `aria-haspopup`/`aria-expanded`/`aria-controls`, клавиатуру и **клик**.\n *\n * Клик живёт здесь, а не на обёртке слота: обёртка ловила бы и клики по\n * вложенным кнопкам и ссылкам, переключая панель мимо намерения пользователя.\n */\nconst triggerProps = computed(() => ({\n  'aria-haspopup': 'menu' as const,\n  'aria-expanded': isOpen.value,\n  'aria-controls': isOpen.value ? panelId : undefined,\n  'aria-disabled': props.disabled ? true : undefined,\n  'onClick': toggle,\n  'onKeydown': onTriggerKeydown,\n}))\n\nfunction onTriggerKeydown(event: KeyboardEvent): void {\n  if (props.disabled)\n    return\n\n  switch (event.key) {\n    case 'Enter':\n    case ' ':\n    case 'ArrowDown':\n      event.preventDefault()\n      void openWithFocus(true)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      void openWithFocus(false)\n      break\n    case 'Escape':\n      if (isOpen.value) {\n        event.preventDefault()\n        close()\n      }\n      break\n  }\n}\n\nconst { floatingStyle, resolvedPlacement, update: updateFloatingPosition } = useFloating(\n  rootEl,\n  panelEl,\n  isOpen,\n  {\n    placement: () => props.placement,\n    // Геттер, а не значение: иначе проп замрёт на моменте `setup`.\n    get offsetPx() { return props.offset },\n    zIndexVar: '--gr-z-dropdown',\n  },\n)\n\n// ————— Открытие по наведению. Задержки нужны обе: без `openDelay` панель\n// выпрыгивает на любое пересечение курсором, без `closeDelay` её не удержать\n// при переходе с триггера на панель — между ними зазор `offset`.\nlet hoverTimer: ReturnType<typeof setTimeout> | undefined\n\nfunction open(): void {\n  if (props.disabled)\n    return\n\n  clearTimeout(hoverTimer)\n  setOpen(true)\n}\n\nfunction toggle(): void {\n  if (props.disabled)\n    return\n\n  clearTimeout(hoverTimer)\n  setOpen(!isOpen.value)\n}\n\nfunction close(): void {\n  clearTimeout(hoverTimer)\n  setOpen(false)\n}\n\nfunction scheduleHover(next: boolean, delayMs: number): void {\n  clearTimeout(hoverTimer)\n\n  if (delayMs <= 0) {\n    setOpen(next)\n    return\n  }\n\n  hoverTimer = setTimeout(setOpen, delayMs, next)\n}\n\nfunction onHoverEnter(): void {\n  if (props.disabled || props.trigger !== 'hover')\n    return\n  scheduleHover(true, props.openDelay)\n}\n\nfunction onHoverLeave(): void {\n  if (props.trigger !== 'hover')\n    return\n  scheduleHover(false, props.closeDelay)\n}\n\n// Возврат фокуса — из контракта слоя: он запоминает активный элемент при\n// открытии и возвращает фокус, только если на момент закрытия тот всё ещё\n// внутри панели. Прежняя эвристика «возвращать, если открыли с клавиатуры»\n// промахивалась в обе стороны.\nuseOverlayLayer(isOpen, close, { root: panelEl })\n\nwatch(\n  () => [props.placement, props.offset],\n  () => {\n    if (isOpen.value) updateFloatingPosition()\n  },\n)\n\nwatch(\n  () => props.disabled,\n  (value) => {\n    if (value) close()\n  },\n)\n\nfunction toCssLength(value: GrDropdownWidth): string | undefined {\n  if (value === 'auto')\n    return undefined\n  if (typeof value === 'number')\n    return `${value}px`\n\n  // Строка без единиц браузер просто отбросит, поэтому трактуем её как пиксели\n  // — и предупреждаем: `width=\"48\"` легко прочесть как токен шкалы `w-48`.\n  const bare = value.trim()\n  if (/^\\d+$/.test(bare)) {\n    if (__GR_DEV__) {\n      console.warn(\n        `[GrDropdown] width=\"${value}\" трактуется как ${bare}px. `\n        + 'Шкалы tailwind-токенов (w-48) у пропа больше нет — укажите единицы: '\n        + `width=\"${bare}px\" или :width=\"${bare}\".`,\n      )\n    }\n    return `${bare}px`\n  }\n\n  return value\n}\n\nconst panelStyle = computed(() => {\n  const width = toCssLength(props.width)\n  return width ? { ...floatingStyle.value, width } : floatingStyle.value\n})\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\nconst panelClasses = computed(() => grDropdownOriginClass(resolvedPlacement.value))\n\nfunction onContentClick(): void {\n  if (props.closeOnContentClick) {\n    close()\n  }\n}\n\n// Триггер без `v-bind=\"triggerProps\"` — это триггер без клика, без клавиатуры и\n// без ARIA. Молчать об этом нельзя: панель просто не открывалась бы, и искать\n// причину пришлось бы в чужом коде.\nonMounted(() => {\n  if (!__GR_DEV__)\n    return\n  if (rootEl.value?.querySelector('[aria-haspopup]'))\n    return\n\n  console.warn(\n    '[GrDropdown] триггер не привязан: добавьте `v-bind=\"triggerProps\"` на элемент '\n    + 'внутри слота #trigger — <template #trigger=\"{ triggerProps }\">'\n    + '<GrButton v-bind=\"triggerProps\">…</GrButton></template>. '\n    + 'Без этого у триггера нет ни клика, ни клавиатуры, ни aria-haspopup/aria-expanded.',\n  )\n})\n\nonBeforeUnmount(() => {\n  menu.reset()\n  clearTimeout(hoverTimer)\n})\n\n// Телепорт включается только ПОСЛЕ монтирования: иначе первый клиентский\n// рендер не совпадает с серверным и ломается гидрация (см. композабл).\nconst { target: portalTarget, enabled: teleportEnabled } = usePortalTarget(() => props.teleportTo)\n\n// Тема поддерева на телепортированную панель: в DOM она уезжает в `body`, то\n// есть вне обёртки провайдера, и `data-theme` с неё не наследуется. В дереве\n// компонентов панель остаётся внутри — `inject` доходит, и тему она ставит себе\n// сама.\nconst themeAttrs = useGrThemeAttrs()\n\ndefineExpose({ open, close, toggle })\n</script>\n\n<template>\n  <div data-gr-dropdown>\n    <div\n      ref=\"rootEl\"\n      v-click-outside=\"{ handler: close, enabled: isOpen, exclude: clickOutsideExclude }\"\n      data-gr-dropdown-trigger\n      class=\"inline-block max-w-full\"\n      @mouseenter=\"onHoverEnter\"\n      @mouseleave=\"onHoverLeave\"\n    >\n      <slot name=\"trigger\" :open=\"isOpen\" :toggle=\"toggle\" :close=\"close\" :trigger-props=\"triggerProps\" />\n    </div>\n\n    <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n      <transition\n        enter-active-class=\"transition ease-[var(--gr-ease-out)] duration-[var(--gr-duration-fast)]\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-[var(--gr-ease-in)] duration-[var(--gr-duration-fast)]\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"isOpen\"\n          :id=\"panelId\"\n          ref=\"panelEl\"\n          v-bind=\"themeAttrs\"\n          data-gr-dropdown-panel\n          data-gr-overlay-root\n          role=\"menu\"\n          tabindex=\"-1\"\n          :class=\"panelClasses\"\n          :style=\"panelStyle\"\n          @click=\"onContentClick\"\n          @keydown=\"menu.onKeydown\"\n          @mouseenter=\"onHoverEnter\"\n          @mouseleave=\"onHoverLeave\"\n        >\n          <div data-gr-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"close\" />\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useId, watch } from 'vue'\n\nimport { usePortalTarget } from '../../composables/usePortalTarget'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating, type UseFloatingPlacement } from '../../composables/useFloating'\nimport { useOverlayLayer } from '../../composables/useOverlayLayer'\nimport { useControlledOpen } from '../../composables/internal/useControlledOpen'\nimport { useMenuItemsFocus } from '../../composables/internal/useMenuItemsFocus'\nimport {\n  grDropdownContentClass,\n  grDropdownOriginClass,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport type GrDropdownTrigger = 'click' | 'hover'\n\nexport interface GrDropdownProps {\n  /** Размещение панели относительно триггера; `flip` при нехватке места остаётся. */\n  placement?: UseFloatingPlacement\n  /** Зазор между триггером и панелью, px. */\n  offset?: number\n  /** Ширина панели: число — пиксели, строка — CSS-длина, `auto` — по контенту. */\n  width?: GrDropdownWidth\n  /** Чем открывается панель. В любом режиме работают клик и клавиатура. */\n  trigger?: GrDropdownTrigger\n  /** Задержка открытия по наведению, мс. */\n  openDelay?: number\n  /** Задержка закрытия после ухода курсора, мс. */\n  closeDelay?: number\n  /** Панель не открывается ничем; триггер остаётся фокусируемым. */\n  disabled?: boolean\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /**\n   * Точечное переопределение точки монтирования. По умолчанию — общий портал\n   * оверлеев (`#gr-portal` либо `portalTarget` из `GrConfigProvider`).\n   */\n  teleportTo?: string | HTMLElement\n  /**\n   * Контролируемое состояние панели (`v-model:open`). Без пропа панель ведёт\n   * себя сама (uncontrolled), с ним — слушайте `update:open` и меняйте проп.\n   */\n  open?: boolean\n}\n\nexport interface GrDropdownEmits {\n  /** Панель открылась/закрылась (`v-model:open`). */\n  (e: 'update:open', value: boolean): void\n}\n\nimport { useGrThemeAttrs } from '../GrConfigProvider/context'\n\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  placement: 'bottom-end',\n  offset: 8,\n  width: '12rem',\n  trigger: 'click',\n  openDelay: 120,\n  closeDelay: 160,\n  disabled: false,\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: undefined,\n  open: undefined,\n})\n\nconst emit = defineEmits<GrDropdownEmits>()\n\n// Имя `isOpen` сохранено: читатели работают с computed-Ref.\nconst { open: isOpen, setOpen } = useControlledOpen(\n  () => props.open,\n  next => emit('update:open', next),\n)\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\n\nconst panelId = useId()\n\n// Кольцо фокуса и поиск по буквам — общие с `GrContextMenu`: паттерн `menu`\n// один, и вторая его реализация разошлась бы с первой незаметно для тестов.\nconst menu = useMenuItemsFocus({\n  container: () => panelEl.value,\n  close: () => close(),\n})\n\nasync function openWithFocus(first: boolean): Promise<void> {\n  if (props.disabled)\n    return\n\n  setOpen(true)\n  await nextTick()\n  menu.focusAt(first ? 0 : -1)\n}\n\n/**\n * Пропсы для реального фокусируемого триггера (кнопки). Консьюмер биндит их на\n * элемент внутри слота `#trigger`: `<GrButton v-bind=\"triggerProps\">`. Даёт\n * `aria-haspopup`/`aria-expanded`/`aria-controls`, клавиатуру и **клик**.\n *\n * Клик живёт здесь, а не на обёртке слота: обёртка ловила бы и клики по\n * вложенным кнопкам и ссылкам, переключая панель мимо намерения пользователя.\n */\nconst triggerProps = computed(() => ({\n  'aria-haspopup': 'menu' as const,\n  'aria-expanded': isOpen.value,\n  'aria-controls': isOpen.value ? panelId : undefined,\n  'aria-disabled': props.disabled ? true : undefined,\n  'onClick': toggle,\n  'onKeydown': onTriggerKeydown,\n}))\n\nfunction onTriggerKeydown(event: KeyboardEvent): void {\n  if (props.disabled)\n    return\n\n  switch (event.key) {\n    case 'Enter':\n    case ' ':\n    case 'ArrowDown':\n      event.preventDefault()\n      void openWithFocus(true)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      void openWithFocus(false)\n      break\n    case 'Escape':\n      if (isOpen.value) {\n        event.preventDefault()\n        close()\n      }\n      break\n  }\n}\n\nconst { floatingStyle, resolvedPlacement, update: updateFloatingPosition } = useFloating(\n  rootEl,\n  panelEl,\n  isOpen,\n  {\n    placement: () => props.placement,\n    // Геттер, а не значение: иначе проп замрёт на моменте `setup`.\n    get offsetPx() { return props.offset },\n    zIndexVar: '--gr-z-dropdown',\n  },\n)\n\n// ————— Открытие по наведению. Задержки нужны обе: без `openDelay` панель\n// выпрыгивает на любое пересечение курсором, без `closeDelay` её не удержать\n// при переходе с триггера на панель — между ними зазор `offset`.\nlet hoverTimer: ReturnType<typeof setTimeout> | undefined\n\nfunction open(): void {\n  if (props.disabled)\n    return\n\n  clearTimeout(hoverTimer)\n  setOpen(true)\n}\n\nfunction toggle(): void {\n  if (props.disabled)\n    return\n\n  clearTimeout(hoverTimer)\n  setOpen(!isOpen.value)\n}\n\nfunction close(): void {\n  clearTimeout(hoverTimer)\n  setOpen(false)\n}\n\nfunction scheduleHover(next: boolean, delayMs: number): void {\n  clearTimeout(hoverTimer)\n\n  if (delayMs <= 0) {\n    setOpen(next)\n    return\n  }\n\n  hoverTimer = setTimeout(setOpen, delayMs, next)\n}\n\nfunction onHoverEnter(): void {\n  if (props.disabled || props.trigger !== 'hover')\n    return\n  scheduleHover(true, props.openDelay)\n}\n\nfunction onHoverLeave(): void {\n  if (props.trigger !== 'hover')\n    return\n  scheduleHover(false, props.closeDelay)\n}\n\n// Возврат фокуса — из контракта слоя: он запоминает активный элемент при\n// открытии и возвращает фокус, только если на момент закрытия тот всё ещё\n// внутри панели. Прежняя эвристика «возвращать, если открыли с клавиатуры»\n// промахивалась в обе стороны.\nuseOverlayLayer(isOpen, close, { root: panelEl })\n\nwatch(\n  () => [props.placement, props.offset],\n  () => {\n    if (isOpen.value) updateFloatingPosition()\n  },\n)\n\nwatch(\n  () => props.disabled,\n  (value) => {\n    if (value) close()\n  },\n)\n\nfunction toCssLength(value: GrDropdownWidth): string | undefined {\n  if (value === 'auto')\n    return undefined\n  if (typeof value === 'number')\n    return `${value}px`\n\n  // Строка без единиц браузер просто отбросит, поэтому трактуем её как пиксели\n  // — и предупреждаем: `width=\"48\"` легко прочесть как токен шкалы `w-48`.\n  const bare = value.trim()\n  if (/^\\d+$/.test(bare)) {\n    if (__GR_DEV__) {\n      console.warn(\n        `[GrDropdown] width=\"${value}\" трактуется как ${bare}px. `\n        + 'Шкалы tailwind-токенов (w-48) у пропа больше нет — укажите единицы: '\n        + `width=\"${bare}px\" или :width=\"${bare}\".`,\n      )\n    }\n    return `${bare}px`\n  }\n\n  return value\n}\n\nconst panelStyle = computed(() => {\n  const width = toCssLength(props.width)\n  return width ? { ...floatingStyle.value, width } : floatingStyle.value\n})\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\nconst panelClasses = computed(() => grDropdownOriginClass(resolvedPlacement.value))\n\nfunction onContentClick(): void {\n  if (props.closeOnContentClick) {\n    close()\n  }\n}\n\n// Триггер без `v-bind=\"triggerProps\"` — это триггер без клика, без клавиатуры и\n// без ARIA. Молчать об этом нельзя: панель просто не открывалась бы, и искать\n// причину пришлось бы в чужом коде.\nonMounted(() => {\n  if (!__GR_DEV__)\n    return\n  if (rootEl.value?.querySelector('[aria-haspopup]'))\n    return\n\n  console.warn(\n    '[GrDropdown] триггер не привязан: добавьте `v-bind=\"triggerProps\"` на элемент '\n    + 'внутри слота #trigger — <template #trigger=\"{ triggerProps }\">'\n    + '<GrButton v-bind=\"triggerProps\">…</GrButton></template>. '\n    + 'Без этого у триггера нет ни клика, ни клавиатуры, ни aria-haspopup/aria-expanded.',\n  )\n})\n\nonBeforeUnmount(() => {\n  menu.reset()\n  clearTimeout(hoverTimer)\n})\n\n// Телепорт включается только ПОСЛЕ монтирования: иначе первый клиентский\n// рендер не совпадает с серверным и ломается гидрация (см. композабл).\nconst { target: portalTarget, enabled: teleportEnabled } = usePortalTarget(() => props.teleportTo)\n\n// Тема поддерева на телепортированную панель: в DOM она уезжает в `body`, то\n// есть вне обёртки провайдера, и `data-theme` с неё не наследуется. В дереве\n// компонентов панель остаётся внутри — `inject` доходит, и тему она ставит себе\n// сама.\nconst themeAttrs = useGrThemeAttrs()\n\ndefineExpose({ open, close, toggle })\n</script>\n\n<template>\n  <div data-gr-dropdown>\n    <div\n      ref=\"rootEl\"\n      v-click-outside=\"{ handler: close, enabled: isOpen, exclude: clickOutsideExclude }\"\n      data-gr-dropdown-trigger\n      class=\"inline-block max-w-full\"\n      @mouseenter=\"onHoverEnter\"\n      @mouseleave=\"onHoverLeave\"\n    >\n      <slot name=\"trigger\" :open=\"isOpen\" :toggle=\"toggle\" :close=\"close\" :trigger-props=\"triggerProps\" />\n    </div>\n\n    <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n      <transition\n        enter-active-class=\"transition ease-[var(--gr-ease-out)] duration-[var(--gr-duration-fast)]\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-[var(--gr-ease-in)] duration-[var(--gr-duration-fast)]\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"isOpen\"\n          :id=\"panelId\"\n          ref=\"panelEl\"\n          v-bind=\"themeAttrs\"\n          data-gr-dropdown-panel\n          data-gr-overlay-root\n          role=\"menu\"\n          tabindex=\"-1\"\n          :class=\"panelClasses\"\n          :style=\"panelStyle\"\n          @click=\"onContentClick\"\n          @keydown=\"menu.onKeydown\"\n          @mouseenter=\"onHoverEnter\"\n          @mouseleave=\"onHoverLeave\"\n        >\n          <div data-gr-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"close\" />\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrDropdown/index.js

@@ -1,3 +1,3 @@
-import { t as GrDropdown_default } from "./chunks/GrDropdown-BSfFOcDx.js";
+import { t as GrDropdown_default } from "./chunks/GrDropdown-BfTmdPyh.js";
 import { n as grDropdownSafelist, t as grDropdownConfig } from "../../chunks/config-BViooYNv.js";
 export { GrDropdown_default as GrDropdown, GrDropdown_default as default, grDropdownConfig, grDropdownSafelist };

package/dist/components/GrDropdownMenu/chunks/GrDropdownMenu-l5HEqzjr.js

@@ -0,0 +1,130 @@
+import { a as columnBaseClass, i as colsClass, o as columnsBaseClass, t as alignClass } from "../../../chunks/grDropdownMenuStyles-D1LOkdVj.js";
+import { n as GrDropdownMenuEntries_default, t as GrDropdownMenuList_default } from "./GrDropdownMenuList-BGA_xNVo.js";
+import { t as GrDropdown_default } from "../../GrDropdown/chunks/GrDropdown-BfTmdPyh.js";
+import { createBlock, createElementBlock, createVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/GrDropdownMenu/GrDropdownMenu.vue
+var GrDropdownMenu_default = /* @__PURE__ */ defineComponent({
+	__name: "GrDropdownMenu",
+	props: {
+		placement: { default: "bottom-end" },
+		offset: { default: 8 },
+		width: { default: "12rem" },
+		trigger: { default: "click" },
+		openDelay: { default: 120 },
+		closeDelay: { default: 160 },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		teleportTo: { default: void 0 },
+		closeOnContentClick: {
+			type: Boolean,
+			default: true
+		},
+		contentClass: { default: "" },
+		items: { default: void 0 },
+		dividers: {
+			type: Boolean,
+			default: false
+		},
+		borderTop: {
+			type: Boolean,
+			default: false
+		},
+		borderBottom: {
+			type: Boolean,
+			default: false
+		},
+		listClass: { default: "" },
+		open: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: ["select", "update:open"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(GrDropdown_default, {
+				"data-gr-dropdown-menu": "",
+				placement: __props.placement,
+				offset: __props.offset,
+				width: __props.width,
+				trigger: __props.trigger,
+				"open-delay": __props.openDelay,
+				"close-delay": __props.closeDelay,
+				disabled: __props.disabled,
+				"teleport-to": __props.teleportTo,
+				"close-on-content-click": __props.closeOnContentClick,
+				"content-class": __props.contentClass,
+				open: __props.open,
+				"onUpdate:open": _cache[1] || (_cache[1] = ($event) => emit("update:open", $event))
+			}, {
+				trigger: withCtx((slotProps) => [renderSlot(_ctx.$slots, "trigger", normalizeProps(guardReactiveProps(slotProps)))]),
+				content: withCtx((slotProps) => [createVNode(GrDropdownMenuList_default, {
+					dividers: __props.dividers,
+					"border-top": __props.borderTop,
+					"border-bottom": __props.borderBottom,
+					class: normalizeClass(__props.listClass)
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)), () => [createVNode(GrDropdownMenuEntries_default, {
+						items: __props.items,
+						onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event))
+					}, null, 8, ["items"])])]),
+					_: 2
+				}, 1032, [
+					"dividers",
+					"border-top",
+					"border-bottom",
+					"class"
+				])]),
+				_: 3
+			}, 8, [
+				"placement",
+				"offset",
+				"width",
+				"trigger",
+				"open-delay",
+				"close-delay",
+				"disabled",
+				"teleport-to",
+				"close-on-content-click",
+				"content-class",
+				"open"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/GrDropdownMenu/GrDropdownMenuColumn.vue
+var GrDropdownMenuColumn_default = /* @__PURE__ */ defineComponent({
+	__name: "GrDropdownMenuColumn",
+	props: { align: { default: "center" } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-gr-dropdown-menu-column": "",
+				role: "none",
+				class: normalizeClass([unref(columnBaseClass), unref(alignClass)[__props.align]])
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+//#region src/components/GrDropdownMenu/GrDropdownMenuColumns.vue
+var GrDropdownMenuColumns_default = /* @__PURE__ */ defineComponent({
+	__name: "GrDropdownMenuColumns",
+	props: { cols: { default: 2 } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-gr-dropdown-menu-columns": "",
+				role: "none",
+				class: normalizeClass([unref(columnsBaseClass), unref(colsClass)[__props.cols]])
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { GrDropdownMenuColumn_default as n, GrDropdownMenu_default as r, GrDropdownMenuColumns_default as t };

package/dist/components/GrDropdownMenu/chunks/GrDropdownMenu-l5HEqzjr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrDropdownMenu-l5HEqzjr.js","names":[],"sources":["../../../../src/components/GrDropdownMenu/GrDropdownMenu.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenu.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumn.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumn.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumns.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumns.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport GrDropdown from '../GrDropdown/GrDropdown.vue'\n// Типы размещения и ширины — из владельца API, а не переобъявлением: расхождение\n// обнаружилось бы только рантаймом.\nimport type { GrDropdownTrigger } from '../GrDropdown/GrDropdown.vue'\nimport type { GrDropdownWidth } from '../GrDropdown/grDropdownStyles'\nimport type { UseFloatingPlacement } from '../../composables/useFloating'\n\nimport GrDropdownMenuEntries from './GrDropdownMenuEntries.vue'\nimport GrDropdownMenuList from './GrDropdownMenuList.vue'\nimport type { GrDropdownMenuAction, GrDropdownMenuEntry } from './menuModel'\n\nexport interface GrDropdownMenuProps {\n  /** Размещение панели относительно триггера; переворот при нехватке места остаётся. */\n  placement?: UseFloatingPlacement\n  /** Зазор между триггером и панелью, px. */\n  offset?: number\n  /** Ширина панели: число — пиксели, строка — CSS-длина, `auto` — по контенту. */\n  width?: GrDropdownWidth\n  /** Чем открывается панель. В любом режиме работают клик и клавиатура. */\n  trigger?: GrDropdownTrigger\n  /** Задержка открытия по наведению, мс. */\n  openDelay?: number\n  /** Задержка закрытия после ухода курсора, мс. */\n  closeDelay?: number\n  /** Меню не открывается ничем; триггер остаётся фокусируемым. */\n  disabled?: boolean\n  /** Куда телепортировать панель (`body` по умолчанию). */\n  /** Точечное переопределение точки монтирования; по умолчанию — общий портал. */\n  teleportTo?: string | HTMLElement\n  /** Закрывать по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы content-контейнера. */\n  contentClass?: string\n  /**\n   * Декларативное меню: пункты, группы и разделители массивом. Слот по\n   * умолчанию сильнее — он для меню, которое из модели не собирается.\n   */\n  items?: GrDropdownMenuEntry[]\n\n  // list wrapper\n  /** Разделители между пунктами. */\n  dividers?: boolean\n  /** Верхний бордер контейнера списка. */\n  borderTop?: boolean\n  /** Нижний бордер контейнера списка. */\n  borderBottom?: boolean\n  /** Дополнительные классы для wrapper'а списка. */\n  listClass?: string\n  /**\n   * Контролируемое состояние панели (`v-model:open`) — прокидывается в\n   * `GrDropdown`. Без пропа меню ведёт себя само (uncontrolled).\n   */\n  open?: boolean\n}\n\nexport interface GrDropdownMenuEmits {\n  /** Выбран пункт декларативного меню. */\n  (e: 'select', item: GrDropdownMenuAction): void\n  /** Панель открылась/закрылась (`v-model:open`). */\n  (e: 'update:open', value: boolean): void\n}\n\nwithDefaults(defineProps<GrDropdownMenuProps>(), {\n  placement: 'bottom-end',\n  offset: 8,\n  width: '12rem',\n  trigger: 'click',\n  openDelay: 120,\n  closeDelay: 160,\n  disabled: false,\n  teleportTo: undefined,\n  closeOnContentClick: true,\n  // Поле панели принадлежит панели. Гасить его отсюда своим `p-0` нельзя: оба\n  // класса попадают в один атрибут с равной специфичностью, и победителя\n  // выбирает порядок правил в сгенерированном CSS, а не разметка. Пункт вписан\n  // в это поле собственным радиусом — см. `itemBaseClass`.\n  contentClass: '',\n  items: undefined,\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n  listClass: '',\n  open: undefined,\n})\n\nconst emit = defineEmits<GrDropdownMenuEmits>()\n\n</script>\n\n<template>\n  <GrDropdown\n    data-gr-dropdown-menu\n    :placement=\"placement\"\n    :offset=\"offset\"\n    :width=\"width\"\n    :trigger=\"trigger\"\n    :open-delay=\"openDelay\"\n    :close-delay=\"closeDelay\"\n    :disabled=\"disabled\"\n    :teleport-to=\"teleportTo\"\n    :close-on-content-click=\"closeOnContentClick\"\n    :content-class=\"contentClass\"\n    :open=\"open\"\n    @update:open=\"emit('update:open', $event)\"\n  >\n    <template #trigger=\"slotProps\">\n      <slot name=\"trigger\" v-bind=\"slotProps\" />\n    </template>\n\n    <template #content=\"slotProps\">\n      <GrDropdownMenuList\n        :dividers=\"dividers\"\n        :border-top=\"borderTop\"\n        :border-bottom=\"borderBottom\"\n        :class=\"listClass\"\n      >\n        <slot v-bind=\"slotProps\">\n          <GrDropdownMenuEntries :items=\"items\" @select=\"emit('select', $event)\" />\n        </slot>\n      </GrDropdownMenuList>\n    </template>\n  </GrDropdown>\n</template>\n","<script setup lang=\"ts\">\nimport GrDropdown from '../GrDropdown/GrDropdown.vue'\n// Типы размещения и ширины — из владельца API, а не переобъявлением: расхождение\n// обнаружилось бы только рантаймом.\nimport type { GrDropdownTrigger } from '../GrDropdown/GrDropdown.vue'\nimport type { GrDropdownWidth } from '../GrDropdown/grDropdownStyles'\nimport type { UseFloatingPlacement } from '../../composables/useFloating'\n\nimport GrDropdownMenuEntries from './GrDropdownMenuEntries.vue'\nimport GrDropdownMenuList from './GrDropdownMenuList.vue'\nimport type { GrDropdownMenuAction, GrDropdownMenuEntry } from './menuModel'\n\nexport interface GrDropdownMenuProps {\n  /** Размещение панели относительно триггера; переворот при нехватке места остаётся. */\n  placement?: UseFloatingPlacement\n  /** Зазор между триггером и панелью, px. */\n  offset?: number\n  /** Ширина панели: число — пиксели, строка — CSS-длина, `auto` — по контенту. */\n  width?: GrDropdownWidth\n  /** Чем открывается панель. В любом режиме работают клик и клавиатура. */\n  trigger?: GrDropdownTrigger\n  /** Задержка открытия по наведению, мс. */\n  openDelay?: number\n  /** Задержка закрытия после ухода курсора, мс. */\n  closeDelay?: number\n  /** Меню не открывается ничем; триггер остаётся фокусируемым. */\n  disabled?: boolean\n  /** Куда телепортировать панель (`body` по умолчанию). */\n  /** Точечное переопределение точки монтирования; по умолчанию — общий портал. */\n  teleportTo?: string | HTMLElement\n  /** Закрывать по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы content-контейнера. */\n  contentClass?: string\n  /**\n   * Декларативное меню: пункты, группы и разделители массивом. Слот по\n   * умолчанию сильнее — он для меню, которое из модели не собирается.\n   */\n  items?: GrDropdownMenuEntry[]\n\n  // list wrapper\n  /** Разделители между пунктами. */\n  dividers?: boolean\n  /** Верхний бордер контейнера списка. */\n  borderTop?: boolean\n  /** Нижний бордер контейнера списка. */\n  borderBottom?: boolean\n  /** Дополнительные классы для wrapper'а списка. */\n  listClass?: string\n  /**\n   * Контролируемое состояние панели (`v-model:open`) — прокидывается в\n   * `GrDropdown`. Без пропа меню ведёт себя само (uncontrolled).\n   */\n  open?: boolean\n}\n\nexport interface GrDropdownMenuEmits {\n  /** Выбран пункт декларативного меню. */\n  (e: 'select', item: GrDropdownMenuAction): void\n  /** Панель открылась/закрылась (`v-model:open`). */\n  (e: 'update:open', value: boolean): void\n}\n\nwithDefaults(defineProps<GrDropdownMenuProps>(), {\n  placement: 'bottom-end',\n  offset: 8,\n  width: '12rem',\n  trigger: 'click',\n  openDelay: 120,\n  closeDelay: 160,\n  disabled: false,\n  teleportTo: undefined,\n  closeOnContentClick: true,\n  // Поле панели принадлежит панели. Гасить его отсюда своим `p-0` нельзя: оба\n  // класса попадают в один атрибут с равной специфичностью, и победителя\n  // выбирает порядок правил в сгенерированном CSS, а не разметка. Пункт вписан\n  // в это поле собственным радиусом — см. `itemBaseClass`.\n  contentClass: '',\n  items: undefined,\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n  listClass: '',\n  open: undefined,\n})\n\nconst emit = defineEmits<GrDropdownMenuEmits>()\n\n</script>\n\n<template>\n  <GrDropdown\n    data-gr-dropdown-menu\n    :placement=\"placement\"\n    :offset=\"offset\"\n    :width=\"width\"\n    :trigger=\"trigger\"\n    :open-delay=\"openDelay\"\n    :close-delay=\"closeDelay\"\n    :disabled=\"disabled\"\n    :teleport-to=\"teleportTo\"\n    :close-on-content-click=\"closeOnContentClick\"\n    :content-class=\"contentClass\"\n    :open=\"open\"\n    @update:open=\"emit('update:open', $event)\"\n  >\n    <template #trigger=\"slotProps\">\n      <slot name=\"trigger\" v-bind=\"slotProps\" />\n    </template>\n\n    <template #content=\"slotProps\">\n      <GrDropdownMenuList\n        :dividers=\"dividers\"\n        :border-top=\"borderTop\"\n        :border-bottom=\"borderBottom\"\n        :class=\"listClass\"\n      >\n        <slot v-bind=\"slotProps\">\n          <GrDropdownMenuEntries :items=\"items\" @select=\"emit('select', $event)\" />\n        </slot>\n      </GrDropdownMenuList>\n    </template>\n  </GrDropdown>\n</template>\n","<script setup lang=\"ts\">\nimport { alignClass, columnBaseClass, type GrDropdownMenuColumnAlign } from './grDropdownMenuStyles'\n\nexport type { GrDropdownMenuColumnAlign } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuColumnProps {\n  align?: GrDropdownMenuColumnAlign\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnProps>(), {\n  align: 'center',\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-column\n    role=\"none\"\n    :class=\"[columnBaseClass, alignClass[align]]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { alignClass, columnBaseClass, type GrDropdownMenuColumnAlign } from './grDropdownMenuStyles'\n\nexport type { GrDropdownMenuColumnAlign } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuColumnProps {\n  align?: GrDropdownMenuColumnAlign\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnProps>(), {\n  align: 'center',\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-column\n    role=\"none\"\n    :class=\"[columnBaseClass, alignClass[align]]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { colsClass, columnsBaseClass, type GrDropdownMenuColumnsCount } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuColumnsProps {\n  cols?: GrDropdownMenuColumnsCount\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnsProps>(), {\n  cols: 2,\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-columns\n    role=\"none\"\n    :class=\"[columnsBaseClass, colsClass[cols]]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { colsClass, columnsBaseClass, type GrDropdownMenuColumnsCount } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuColumnsProps {\n  cols?: GrDropdownMenuColumnsCount\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnsProps>(), {\n  cols: 2,\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-columns\n    role=\"none\"\n    :class=\"[columnsBaseClass, colsClass[cols]]\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsFA,MAAM,OAAO;;uBAKX,YA+Ba,oBAAA;IA9BX,yBAAA;IACC,WAAW,QAAA;IACX,QAAQ,QAAA;IACR,OAAO,QAAA;IACP,SAAS,QAAA;IACT,cAAY,QAAA;IACZ,eAAa,QAAA;IACb,UAAU,QAAA;IACV,eAAa,QAAA;IACb,0BAAwB,QAAA;IACxB,iBAAe,QAAA;IACf,MAAM,QAAA;IACN,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,eAAgB,MAAM;;IAE7B,SAAO,SAAE,cAAS,CAC3B,WAA0C,KAAA,QAAA,WAAA,eAAA,mBAAb,SAAS,CAAA,CAAA,CAAA,CAAA;IAG7B,SAAO,SAAE,cAAS,CAC3B,YASqB,4BAAA;KARlB,UAAU,QAAA;KACV,cAAY,QAAA;KACZ,iBAAe,QAAA;KACf,OAAK,eAAE,QAAA,SAAS;;4BAIV,CAFP,WAEO,KAAA,QAAA,WAAA,eAAA,mBAFO,SAAS,CAAA,SAEhB,CADL,YAAyE,+BAAA;MAAjD,OAAO,QAAA;MAAQ,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBEvG5E,mBAMM,OAAA;IALJ,gCAAA;IACA,MAAK;IACJ,OAAK,eAAA,CAAG,MAAA,eAAA,GAAiB,MAAA,UAAA,CAAU,CAAC,QAAA,MAAK,CAAA;OAE1C,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA;;;;;;;;;;;uBEPV,mBAMM,OAAA;IALJ,iCAAA;IACA,MAAK;IACJ,OAAK,eAAA,CAAG,MAAA,gBAAA,GAAkB,MAAA,SAAA,CAAS,CAAC,QAAA,KAAI,CAAA;OAEzC,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}

package/dist/components/GrDropdownMenu/chunks/{GrDropdownMenu-DyS6dWDp.js → GrDropdownMenuList-BGA_xNVo.js}

@@ -1,7 +1,6 @@
 import { t as check_default } from "../../../chunks/check-BZI24Qs4.js";
-import { t as GrDropdown_default } from "../../GrDropdown/chunks/GrDropdown-BSfFOcDx.js";
-import { a as columnBaseClass, c as dividerInsetClass, d as grDropdownMenuListClass, f as headerClass, g as textAlignClass, h as listBaseClass, i as colsClass, l as dividersClass, m as itemShortcutClass, o as columnsBaseClass, p as itemIndicatorClass, r as alignClass, s as dividerClass, u as grDropdownMenuItemClass } from "../../../chunks/config-C5mO5DYZ.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useAttrs, useId, useSlots, withCtx } from "vue";
+import { _ as itemShortcutClass, b as textAlignClass, c as dividerInsetClass, d as grDropdownMenuListClass, f as headerClass, h as itemIndicatorClass, l as dividersClass, s as dividerClass, u as grDropdownMenuItemClass, y as listBaseClass } from "../../../chunks/grDropdownMenuStyles-D1LOkdVj.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useAttrs, useId, useSlots, withCtx } from "vue";
 //#endregion
 //#region src/components/GrDropdownMenu/GrDropdownMenuDivider.vue
 var GrDropdownMenuDivider_default = /* @__PURE__ */ defineComponent({
@@ -215,40 +214,6 @@ var GrDropdownMenuItem_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/GrDropdownMenu/GrDropdownMenuList.vue
-var GrDropdownMenuList_default = /* @__PURE__ */ defineComponent({
-	__name: "GrDropdownMenuList",
-	props: {
-		dividers: {
-			type: Boolean,
-			default: false
-		},
-		borderTop: {
-			type: Boolean,
-			default: false
-		},
-		borderBottom: {
-			type: Boolean,
-			default: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const className = computed(() => grDropdownMenuListClass({
-			dividers: props.dividers,
-			borderTop: props.borderTop,
-			borderBottom: props.borderBottom
-		}));
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				"data-gr-dropdown-menu-list": "",
-				role: "none",
-				class: normalizeClass(className.value)
-			}, [renderSlot(_ctx.$slots, "default")], 2);
-		};
-	}
-});
-//#endregion
 //#region src/components/GrDropdownMenu/menuModel.ts
 function isMenuSeparator(entry) {
 	return "type" in entry && entry.type === "divider";
@@ -260,47 +225,19 @@ function isMenuAction(entry) {
 	return !isMenuSeparator(entry) && !isMenuSection(entry);
 }
 //#endregion
-//#region src/components/GrDropdownMenu/GrDropdownMenu.vue
-var GrDropdownMenu_default = /* @__PURE__ */ defineComponent({
-	__name: "GrDropdownMenu",
-	props: {
-		placement: { default: "bottom-end" },
-		offset: { default: 8 },
-		width: { default: "12rem" },
-		trigger: { default: "click" },
-		openDelay: { default: 120 },
-		closeDelay: { default: 160 },
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		teleportTo: { default: void 0 },
-		closeOnContentClick: {
-			type: Boolean,
-			default: true
-		},
-		contentClass: { default: "" },
-		items: { default: void 0 },
-		dividers: {
-			type: Boolean,
-			default: false
-		},
-		borderTop: {
-			type: Boolean,
-			default: false
-		},
-		borderBottom: {
-			type: Boolean,
-			default: false
-		},
-		listClass: { default: "" },
-		open: {
-			type: Boolean,
-			default: void 0
-		}
-	},
-	emits: ["select", "update:open"],
+//#region src/components/GrDropdownMenu/GrDropdownMenuEntries.vue
+var GrDropdownMenuEntries_default = /* @__PURE__ */ defineComponent({
+	__name: "GrDropdownMenuEntries",
+	props: { items: {} },
+	emits: ["select"],
 	setup(__props, { emit: __emit }) {
+		/**
+		* Рендер декларативной модели меню — без обёртки списка: её ставит потребитель,
+		* потому что `dividers`/`borderTop` принадлежат конкретному меню, а не модели.
+		*
+		* Вынесено из `GrDropdownMenu` ради `GrContextMenu`: модель у них общая, и
+		* вторая копия цикла разошлась бы с первой при первом же новом поле пункта.
+		*/
 		const emit = __emit;
 		function itemProps(item) {
 			return {
@@ -321,101 +258,62 @@ var GrDropdownMenu_default = /* @__PURE__ */ defineComponent({
 			emit("select", item);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(GrDropdown_default, {
-				"data-gr-dropdown-menu": "",
-				placement: __props.placement,
-				offset: __props.offset,
-				width: __props.width,
-				trigger: __props.trigger,
-				"open-delay": __props.openDelay,
-				"close-delay": __props.closeDelay,
-				disabled: __props.disabled,
-				"teleport-to": __props.teleportTo,
-				"close-on-content-click": __props.closeOnContentClick,
-				"content-class": __props.contentClass,
-				open: __props.open,
-				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => emit("update:open", $event))
-			}, {
-				trigger: withCtx((slotProps) => [renderSlot(_ctx.$slots, "trigger", normalizeProps(guardReactiveProps(slotProps)))]),
-				content: withCtx((slotProps) => [createVNode(GrDropdownMenuList_default, {
-					dividers: __props.dividers,
-					"border-top": __props.borderTop,
-					"border-bottom": __props.borderBottom,
-					class: normalizeClass(__props.listClass)
+			return openBlock(true), createElementBlock(Fragment, null, renderList(__props.items ?? [], (entry, index) => {
+				return openBlock(), createElementBlock(Fragment, null, [unref(isMenuSeparator)(entry) ? (openBlock(), createBlock(GrDropdownMenuDivider_default, {
+					key: `divider-${index}`,
+					inset: entry.inset
+				}, null, 8, ["inset"])) : unref(isMenuSection)(entry) ? (openBlock(), createBlock(GrDropdownMenuGroup_default, {
+					key: `group-${entry.title ?? index}`,
+					title: entry.title
 				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)), () => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items ?? [], (entry, index) => {
-						return openBlock(), createElementBlock(Fragment, null, [unref(isMenuSeparator)(entry) ? (openBlock(), createBlock(GrDropdownMenuDivider_default, {
-							key: `divider-${index}`,
-							inset: entry.inset
-						}, null, 8, ["inset"])) : unref(isMenuSection)(entry) ? (openBlock(), createBlock(GrDropdownMenuGroup_default, {
-							key: `group-${entry.title ?? index}`,
-							title: entry.title
-						}, {
-							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(entry.items, (item) => {
-								return openBlock(), createBlock(GrDropdownMenuItem_default, mergeProps({ key: item.key }, { ref_for: true }, itemProps(item), { onClick: ($event) => onSelect(item) }), {
-									default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
-									_: 2
-								}, 1040, ["onClick"]);
-							}), 128))]),
-							_: 2
-						}, 1032, ["title"])) : unref(isMenuAction)(entry) ? (openBlock(), createBlock(GrDropdownMenuItem_default, mergeProps({ key: entry.key }, { ref_for: true }, itemProps(entry), { onClick: ($event) => onSelect(entry) }), {
-							default: withCtx(() => [createTextVNode(toDisplayString(entry.label), 1)]),
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(entry.items, (item) => {
+						return openBlock(), createBlock(GrDropdownMenuItem_default, mergeProps({ key: item.key }, { ref_for: true }, itemProps(item), { onClick: ($event) => onSelect(item) }), {
+							default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
 							_: 2
-						}, 1040, ["onClick"])) : createCommentVNode("", true)], 64);
-					}), 256))])]),
+						}, 1040, ["onClick"]);
+					}), 128))]),
 					_: 2
-				}, 1032, [
-					"dividers",
-					"border-top",
-					"border-bottom",
-					"class"
-				])]),
-				_: 3
-			}, 8, [
-				"placement",
-				"offset",
-				"width",
-				"trigger",
-				"open-delay",
-				"close-delay",
-				"disabled",
-				"teleport-to",
-				"close-on-content-click",
-				"content-class",
-				"open"
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/components/GrDropdownMenu/GrDropdownMenuColumn.vue
-var GrDropdownMenuColumn_default = /* @__PURE__ */ defineComponent({
-	__name: "GrDropdownMenuColumn",
-	props: { align: { default: "center" } },
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				"data-gr-dropdown-menu-column": "",
-				role: "none",
-				class: normalizeClass([unref(columnBaseClass), unref(alignClass)[__props.align]])
-			}, [renderSlot(_ctx.$slots, "default")], 2);
+				}, 1032, ["title"])) : unref(isMenuAction)(entry) ? (openBlock(), createBlock(GrDropdownMenuItem_default, mergeProps({ key: entry.key }, { ref_for: true }, itemProps(entry), { onClick: ($event) => onSelect(entry) }), {
+					default: withCtx(() => [createTextVNode(toDisplayString(entry.label), 1)]),
+					_: 2
+				}, 1040, ["onClick"])) : createCommentVNode("", true)], 64);
+			}), 256);
 		};
 	}
 });
 //#endregion
-//#region src/components/GrDropdownMenu/GrDropdownMenuColumns.vue
-var GrDropdownMenuColumns_default = /* @__PURE__ */ defineComponent({
-	__name: "GrDropdownMenuColumns",
-	props: { cols: { default: 2 } },
+//#region src/components/GrDropdownMenu/GrDropdownMenuList.vue
+var GrDropdownMenuList_default = /* @__PURE__ */ defineComponent({
+	__name: "GrDropdownMenuList",
+	props: {
+		dividers: {
+			type: Boolean,
+			default: false
+		},
+		borderTop: {
+			type: Boolean,
+			default: false
+		},
+		borderBottom: {
+			type: Boolean,
+			default: false
+		}
+	},
 	setup(__props) {
+		const props = __props;
+		const className = computed(() => grDropdownMenuListClass({
+			dividers: props.dividers,
+			borderTop: props.borderTop,
+			borderBottom: props.borderBottom
+		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				"data-gr-dropdown-menu-columns": "",
+				"data-gr-dropdown-menu-list": "",
 				role: "none",
-				class: normalizeClass([unref(columnsBaseClass), unref(colsClass)[__props.cols]])
+				class: normalizeClass(className.value)
 			}, [renderSlot(_ctx.$slots, "default")], 2);
 		};
 	}
 });
 //#endregion
-export { GrDropdownMenuItem_default as a, GrDropdownMenuDivider_default as c, GrDropdownMenuList_default as i, GrDropdownMenuColumn_default as n, GrDropdownMenuGroup_default as o, GrDropdownMenu_default as r, GrDropdownMenuHeader_default as s, GrDropdownMenuColumns_default as t };
+export { GrDropdownMenuItem_default as a, GrDropdownMenuDivider_default as c, isMenuSection as i, GrDropdownMenuEntries_default as n, GrDropdownMenuGroup_default as o, isMenuAction as r, GrDropdownMenuHeader_default as s, GrDropdownMenuList_default as t };