@feugene/granularity 0.33.0 → 0.34.1

package/dist/composables/useFloating.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFloating.js","names":[],"sources":["../../src/composables/useFloating.ts"],"sourcesContent":["import type { CSSProperties, Ref } from 'vue'\nimport type { Middleware, Placement, VirtualElement } from '@floating-ui/dom'\nimport { autoUpdate, computePosition, flip, offset as offsetMiddleware, shift, size as sizeMiddleware } from '@floating-ui/dom'\nimport { nextTick, onBeforeUnmount, ref, watch } from 'vue'\n\nimport { floatingLayerZIndex } from './internal/overlayStack'\n\nexport type UseFloatingPlacement = Placement\n\n/**\n * Device pixel ratio плавающего элемента. Нужен, чтобы округлять координаты к сетке\n * физических пикселей (см. `roundByDPR`) — иначе субпиксельные `left/top` дают размытый\n * текст/границы панели на не-целочисленных позициях и HiDPI-экранах. Подход перенят у\n * официального `@floating-ui/vue` (`useFloating` → `roundByDPR`), чтобы не тянуть весь\n * пакет ради одной утилиты.\n */\nfunction getDpr(element: HTMLElement): number {\n  if (typeof window === 'undefined')\n    return 1\n\n  const win = element.ownerDocument?.defaultView ?? window\n  return win.devicePixelRatio || 1\n}\n\nfunction roundByDpr(element: HTMLElement, value: number): number {\n  const dpr = getDpr(element)\n  return Math.round(value * dpr) / dpr\n}\n\n/**\n * Прямоугольник в координатах вьюпорта — якорь, которого нет в DOM.\n *\n * Точка курсора описывается прямоугольником `0×0`. Размеры необязательны именно\n * поэтому: контекстное меню, открытое с клавиатуры, встаёт у **прямоугольника**\n * сфокусированной строки, а не у её угла, и переворачивается вместе с ней.\n */\nexport interface GrFloatingAnchorRect {\n  x: number\n  y: number\n  /** По умолчанию 0. */\n  width?: number\n  /** По умолчанию 0. */\n  height?: number\n}\n\n/** Ссылка позиционирования: элемент, виртуальный якорь или ничего. */\nexport type UseFloatingReference = HTMLElement | VirtualElement | null\n\n/**\n * Виртуальный якорь: объект создаётся один раз, координаты читает геттер на\n * каждом измерении.\n *\n * Стабильность объекта здесь не стилистика, а условие работы: `useFloating`\n * пересоздаёт подписку `autoUpdate` при смене самой ссылки, поэтому новый объект\n * на каждое движение курсора рвал бы и заводил её заново. С одним объектом смена\n * точки — это просто `update()`.\n */\nexport function createFloatingAnchor(\n  get: () => GrFloatingAnchorRect | null | undefined,\n  options: { contextElement?: () => Element | null | undefined } = {},\n): VirtualElement {\n  return {\n    getBoundingClientRect() {\n      const rect = get() ?? { x: 0, y: 0 }\n      const width = rect.width ?? 0\n      const height = rect.height ?? 0\n\n      return {\n        x: rect.x,\n        y: rect.y,\n        width,\n        height,\n        top: rect.y,\n        left: rect.x,\n        right: rect.x + width,\n        bottom: rect.y + height,\n      }\n    },\n    get contextElement() {\n      return options.contextElement?.() ?? undefined\n    },\n  }\n}\n\nexport interface UseFloatingOptions {\n  /**\n   * Предпочитаемое место панели относительно триггера. По умолчанию `bottom-start`.\n   * Можно передать функцию-геттер, если место зависит от реактивного пропа\n   * (например, `align`) — она вызывается заново при каждом пересчёте позиции.\n   */\n  placement?: UseFloatingPlacement | (() => UseFloatingPlacement)\n  /** Зазор между триггером и панелью, px. По умолчанию `8`. */\n  offsetPx?: number\n  /** Минимальный отступ от края viewport при flip/shift, px. По умолчанию `8`. */\n  boundaryPadding?: number\n  /**\n   * Согласовать ширину панели с шириной триггера (актуально для Select/TreeSelect).\n   * Не годится для Dropdown/Tooltip, где ширина панели определяется контентом.\n   * - `true` — точная ширина (`width = ширина триггера`);\n   * - `'min'` — панель растёт по контенту (`width: max-content`), но не уже триггера\n   *   (`min-width = ширина триггера`) — режим `GrSelect view=\"link\"`;\n   * - функция-геттер — как и `placement`, для реактивной зависимости от пропа.\n   *\n   * С виртуальным якорем не работает: ширина точки равна нулю.\n   */\n  matchWidth?: boolean | 'min' | (() => boolean | 'min')\n  /**\n   * CSS-переменная шкалы слоёв (см. `styles/tokens.css`). По умолчанию\n   * `--gr-z-dropdown`. Действует, пока панель открыта вне модального окна: над\n   * окном высоту задаёт стек слоёв (см. {@link floatingZIndex}).\n   */\n  zIndexVar?: string\n}\n\nexport interface UseFloatingReturn {\n  /** Готовый объект для `:style` на плавающем элементе. */\n  floatingStyle: Ref<CSSProperties>\n  /**\n   * Итоговое место панели ПОСЛЕ применения `flip` — может отличаться от запрошенного\n   * `placement`, если места не хватило и панель перевернуло на противоположную сторону.\n   * Полезно для выбора `transform-origin`/направления transition в потребителе.\n   */\n  resolvedPlacement: Ref<Placement>\n  /** Принудительный пересчёт позиции (например, после изменения контента панели). */\n  update: () => void\n}\n\n/**\n * Единый движок позиционирования floating-панелей (Dropdown/Select/TreeSelect/Tooltip)\n * поверх `@floating-ui/dom`: flip (переворот при нехватке места), shift (клэмп к границам\n * viewport), опциональный `size`-мидлвар для растягивания по ширине триггера.\n *\n * Пересчёт положения при скролле/ресайзе делает `autoUpdate` из `@floating-ui/dom` —\n * он сам использует `ResizeObserver`/`IntersectionObserver` и пассивные слушатели вместо\n * наивного враппера на каждый `scroll`/`resize`, поэтому отдельный rAF-throttling здесь\n * не нужен (в отличие от прежней ручной реализации в `GrSelect`/`GrDropdown`).\n *\n * Требует, чтобы `floatingEl` был примонтирован в DOM на момент открытия (обычно —\n * `<teleport to=\"body\">` + `v-show`, а не `v-if`): позиционирование не может измерить\n * элемент, которого нет в дереве.\n */\nexport function useFloating(\n  // Объединение, а не `Ref<HTMLElement | VirtualElement | null>`: аксессорный\n  // `Ref` проверяется контравариантно по записи, и расширение элементного типа\n  // отняло бы у шести нынешних потребителей право передавать свой `Ref` как есть.\n  reference: Ref<HTMLElement | null> | (() => UseFloatingReference),\n  floatingEl: Ref<HTMLElement | null>,\n  open: Ref<boolean>,\n  options: UseFloatingOptions = {},\n): UseFloatingReturn {\n  const readReference: () => UseFloatingReference\n    = typeof reference === 'function' ? reference : () => reference.value\n\n  const floatingStyle = ref<CSSProperties>({\n    position: 'fixed',\n    top: '0px',\n    left: '0px',\n  })\n  function resolveRequestedPlacement(): Placement {\n    return typeof options.placement === 'function' ? options.placement() : options.placement ?? 'bottom-start'\n  }\n\n  function resolveMatchWidth(): boolean | 'min' {\n    return typeof options.matchWidth === 'function' ? options.matchWidth() : options.matchWidth ?? false\n  }\n\n  const resolvedPlacement = ref<Placement>(resolveRequestedPlacement())\n\n  let stopAutoUpdate: (() => void) | null = null\n\n  async function update(): Promise<void> {\n    const reference = readReference()\n    const floating = floatingEl.value\n    if (!reference || !floating)\n      return\n\n    const middleware: Middleware[] = [\n      offsetMiddleware(options.offsetPx ?? 8),\n      flip({ padding: options.boundaryPadding ?? 8 }),\n      shift({ padding: options.boundaryPadding ?? 8 }),\n    ]\n\n    const matchWidth = resolveMatchWidth()\n    if (matchWidth) {\n      middleware.push(\n        sizeMiddleware({\n          apply({ rects, elements }) {\n            if (matchWidth === 'min') {\n              Object.assign(elements.floating.style, {\n                width: 'max-content',\n                minWidth: `${rects.reference.width}px`,\n              })\n              return\n            }\n\n            Object.assign(elements.floating.style, {\n              width: `${rects.reference.width}px`,\n              minWidth: '',\n            })\n          },\n        }),\n      )\n    }\n\n    const { x, y, placement } = await computePosition(reference, floating, {\n      placement: resolveRequestedPlacement(),\n      strategy: 'fixed',\n      middleware,\n    })\n\n    resolvedPlacement.value = placement\n    floatingStyle.value = {\n      position: 'fixed',\n      left: `${roundByDpr(floating, x)}px`,\n      top: `${roundByDpr(floating, y)}px`,\n      zIndex: floatingLayerZIndex(options.zIndexVar ?? '--gr-z-dropdown'),\n    }\n  }\n\n  function stop(): void {\n    stopAutoUpdate?.()\n    stopAutoUpdate = null\n  }\n\n  function start(): void {\n    stop()\n    const reference = readReference()\n    const floating = floatingEl.value\n    if (!reference || !floating)\n      return\n\n    // `autoUpdate` подписывается на `ResizeObserver`/`IntersectionObserver` для\n    // последующих пересчётов, но не гарантирует немедленный вызов `update` —\n    // особенно в средах без этих API (например, jsdom в тестах). Считаем позицию\n    // сразу, чтобы панель не «мигала» в 0,0 до первого scroll/resize.\n    void update()\n    stopAutoUpdate = autoUpdate(reference, floating, () => void update())\n  }\n\n  // На какую ссылку подписан текущий `autoUpdate`. Отличает смену самого якоря\n  // (подписку пересоздать) от смены его координат (достаточно `update()`): у\n  // виртуального якоря объект один на всё время жизни.\n  let subscribedTo: UseFloatingReference = null\n\n  watch(\n    [open, () => readReference()],\n    ([isOpen, nextReference]) => {\n      if (!isOpen || !nextReference) {\n        stop()\n        subscribedTo = null\n        return\n      }\n\n      if (nextReference === subscribedTo && stopAutoUpdate)\n        return\n\n      // `floatingEl` монтируется в том же тике, что и `open` переключается\n      // (v-show уже в DOM, но teleport/переход могут ещё не отработать) —\n      // ждём тик, чтобы `getBoundingClientRect` не читал нулевые размеры.\n      // Перепроверка `open`: панель могли закрыть, пока `start()` ждал в\n      // очереди, — `stop()` уже отработал, и снимать подписку было бы некому.\n      void nextTick(() => {\n        if (!open.value)\n          return\n        subscribedTo = readReference()\n        start()\n      })\n    },\n    { immediate: true },\n  )\n\n  onBeforeUnmount(stop)\n\n  return {\n    floatingStyle,\n    resolvedPlacement,\n    update: () => void update(),\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useFloating.js","names":[],"sources":["../../src/composables/useFloating.ts"],"sourcesContent":["import type { CSSProperties, Ref } from 'vue'\nimport type { Middleware, Placement, VirtualElement } from '@floating-ui/dom'\nimport { autoUpdate, computePosition, flip, offset as offsetMiddleware, shift, size as sizeMiddleware } from '@floating-ui/dom'\nimport { nextTick, onBeforeUnmount, ref, watch } from 'vue'\n\nimport { floatingLayerZIndex } from './internal/overlayStack'\n\nexport type UseFloatingPlacement = Placement\n\n/**\n * Кастомное свойство, в которое слой пишет доступное место по вертикали —\n * расстояние от панели до края вьюпорта на той стороне, куда её в итоге\n * поставило.\n *\n * Свойство ставится на сам плавающий элемент при каждом пересчёте позиции, в\n * том числе на скролле и ресайзе. Слой **сообщает замер, а не применяет его**:\n * ограничивать ли себя этим числом и что при этом скроллить — решает панель,\n * потому что скролл принадлежит её содержимому.\n *\n * Ширину так публиковать незачем: её потолок статичен (`calc(100vw - 1rem)`) и\n * замера не требует. Высота статичной быть не может — доступное место зависит\n * от того, где стоит триггер.\n */\nexport const floatingAvailableHeightVar = '--gr-floating-available-height'\n\n/**\n * Device pixel ratio плавающего элемента. Нужен, чтобы округлять координаты к сетке\n * физических пикселей (см. `roundByDPR`) — иначе субпиксельные `left/top` дают размытый\n * текст/границы панели на не-целочисленных позициях и HiDPI-экранах. Подход перенят у\n * официального `@floating-ui/vue` (`useFloating` → `roundByDPR`), чтобы не тянуть весь\n * пакет ради одной утилиты.\n */\nfunction getDpr(element: HTMLElement): number {\n  if (typeof window === 'undefined')\n    return 1\n\n  const win = element.ownerDocument?.defaultView ?? window\n  return win.devicePixelRatio || 1\n}\n\nfunction roundByDpr(element: HTMLElement, value: number): number {\n  const dpr = getDpr(element)\n  return Math.round(value * dpr) / dpr\n}\n\n/**\n * Прямоугольник в координатах вьюпорта — якорь, которого нет в DOM.\n *\n * Точка курсора описывается прямоугольником `0×0`. Размеры необязательны именно\n * поэтому: контекстное меню, открытое с клавиатуры, встаёт у **прямоугольника**\n * сфокусированной строки, а не у её угла, и переворачивается вместе с ней.\n */\nexport interface GrFloatingAnchorRect {\n  x: number\n  y: number\n  /** По умолчанию 0. */\n  width?: number\n  /** По умолчанию 0. */\n  height?: number\n}\n\n/** Ссылка позиционирования: элемент, виртуальный якорь или ничего. */\nexport type UseFloatingReference = HTMLElement | VirtualElement | null\n\n/**\n * Виртуальный якорь: объект создаётся один раз, координаты читает геттер на\n * каждом измерении.\n *\n * Стабильность объекта здесь не стилистика, а условие работы: `useFloating`\n * пересоздаёт подписку `autoUpdate` при смене самой ссылки, поэтому новый объект\n * на каждое движение курсора рвал бы и заводил её заново. С одним объектом смена\n * точки — это просто `update()`.\n */\nexport function createFloatingAnchor(\n  get: () => GrFloatingAnchorRect | null | undefined,\n  options: { contextElement?: () => Element | null | undefined } = {},\n): VirtualElement {\n  return {\n    getBoundingClientRect() {\n      const rect = get() ?? { x: 0, y: 0 }\n      const width = rect.width ?? 0\n      const height = rect.height ?? 0\n\n      return {\n        x: rect.x,\n        y: rect.y,\n        width,\n        height,\n        top: rect.y,\n        left: rect.x,\n        right: rect.x + width,\n        bottom: rect.y + height,\n      }\n    },\n    get contextElement() {\n      return options.contextElement?.() ?? undefined\n    },\n  }\n}\n\nexport interface UseFloatingOptions {\n  /**\n   * Предпочитаемое место панели относительно триггера. По умолчанию `bottom-start`.\n   * Можно передать функцию-геттер, если место зависит от реактивного пропа\n   * (например, `align`) — она вызывается заново при каждом пересчёте позиции.\n   */\n  placement?: UseFloatingPlacement | (() => UseFloatingPlacement)\n  /** Зазор между триггером и панелью, px. По умолчанию `8`. */\n  offsetPx?: number\n  /** Минимальный отступ от края viewport при flip/shift, px. По умолчанию `8`. */\n  boundaryPadding?: number\n  /**\n   * Согласовать ширину панели с шириной триггера (актуально для Select/TreeSelect).\n   * Не годится для Dropdown/Tooltip, где ширина панели определяется контентом.\n   * - `true` — точная ширина (`width = ширина триггера`);\n   * - `'min'` — панель растёт по контенту (`width: max-content`), но не уже триггера\n   *   (`min-width = ширина триггера`) — режим `GrSelect view=\"link\"`;\n   * - функция-геттер — как и `placement`, для реактивной зависимости от пропа.\n   *\n   * С виртуальным якорем не работает: ширина точки равна нулю.\n   */\n  matchWidth?: boolean | 'min' | (() => boolean | 'min')\n  /**\n   * CSS-переменная шкалы слоёв (см. `styles/tokens.css`). По умолчанию\n   * `--gr-z-dropdown`. Действует, пока панель открыта вне модального окна: над\n   * окном высоту задаёт стек слоёв (см. {@link floatingZIndex}).\n   */\n  zIndexVar?: string\n}\n\nexport interface UseFloatingReturn {\n  /** Готовый объект для `:style` на плавающем элементе. */\n  floatingStyle: Ref<CSSProperties>\n  /**\n   * Итоговое место панели ПОСЛЕ применения `flip` — может отличаться от запрошенного\n   * `placement`, если места не хватило и панель перевернуло на противоположную сторону.\n   * Полезно для выбора `transform-origin`/направления transition в потребителе.\n   */\n  resolvedPlacement: Ref<Placement>\n  /** Принудительный пересчёт позиции (например, после изменения контента панели). */\n  update: () => void\n}\n\n/**\n * Единый движок позиционирования floating-панелей (Dropdown/Select/TreeSelect/Tooltip)\n * поверх `@floating-ui/dom`: flip (переворот при нехватке места), shift (клэмп к границам\n * viewport), опциональный `size`-мидлвар для растягивания по ширине триггера.\n *\n * Пересчёт положения при скролле/ресайзе делает `autoUpdate` из `@floating-ui/dom` —\n * он сам использует `ResizeObserver`/`IntersectionObserver` и пассивные слушатели вместо\n * наивного враппера на каждый `scroll`/`resize`, поэтому отдельный rAF-throttling здесь\n * не нужен (в отличие от прежней ручной реализации в `GrSelect`/`GrDropdown`).\n *\n * Требует, чтобы `floatingEl` был примонтирован в DOM на момент открытия (обычно —\n * `<teleport to=\"body\">` + `v-show`, а не `v-if`): позиционирование не может измерить\n * элемент, которого нет в дереве.\n */\nexport function useFloating(\n  // Объединение, а не `Ref<HTMLElement | VirtualElement | null>`: аксессорный\n  // `Ref` проверяется контравариантно по записи, и расширение элементного типа\n  // отняло бы у шести нынешних потребителей право передавать свой `Ref` как есть.\n  reference: Ref<HTMLElement | null> | (() => UseFloatingReference),\n  floatingEl: Ref<HTMLElement | null>,\n  open: Ref<boolean>,\n  options: UseFloatingOptions = {},\n): UseFloatingReturn {\n  const readReference: () => UseFloatingReference\n    = typeof reference === 'function' ? reference : () => reference.value\n\n  const floatingStyle = ref<CSSProperties>({\n    position: 'fixed',\n    top: '0px',\n    left: '0px',\n  })\n  function resolveRequestedPlacement(): Placement {\n    return typeof options.placement === 'function' ? options.placement() : options.placement ?? 'bottom-start'\n  }\n\n  function resolveMatchWidth(): boolean | 'min' {\n    return typeof options.matchWidth === 'function' ? options.matchWidth() : options.matchWidth ?? false\n  }\n\n  const resolvedPlacement = ref<Placement>(resolveRequestedPlacement())\n\n  let stopAutoUpdate: (() => void) | null = null\n\n  async function update(): Promise<void> {\n    const reference = readReference()\n    const floating = floatingEl.value\n    if (!reference || !floating)\n      return\n\n    const middleware: Middleware[] = [\n      offsetMiddleware(options.offsetPx ?? 8),\n      flip({ padding: options.boundaryPadding ?? 8 }),\n      shift({ padding: options.boundaryPadding ?? 8 }),\n    ]\n\n    const matchWidth = resolveMatchWidth()\n    middleware.push(\n      sizeMiddleware({\n        padding: options.boundaryPadding ?? 8,\n        apply({ rects, elements, availableHeight }) {\n          // Сколько места осталось до края вьюпорта на той стороне, куда панель\n          // в итоге встала. Считается после `flip`, поэтому сторона уже\n          // окончательная. Слой только сообщает замер — решает панель.\n          elements.floating.style.setProperty(\n            floatingAvailableHeightVar,\n            `${Math.max(0, Math.round(availableHeight))}px`,\n          )\n\n          if (!matchWidth)\n            return\n\n          if (matchWidth === 'min') {\n            Object.assign(elements.floating.style, {\n              width: 'max-content',\n              minWidth: `${rects.reference.width}px`,\n            })\n            return\n          }\n\n          Object.assign(elements.floating.style, {\n            width: `${rects.reference.width}px`,\n            minWidth: '',\n          })\n        },\n      }),\n    )\n\n    const { x, y, placement } = await computePosition(reference, floating, {\n      placement: resolveRequestedPlacement(),\n      strategy: 'fixed',\n      middleware,\n    })\n\n    resolvedPlacement.value = placement\n    floatingStyle.value = {\n      position: 'fixed',\n      left: `${roundByDpr(floating, x)}px`,\n      top: `${roundByDpr(floating, y)}px`,\n      zIndex: floatingLayerZIndex(options.zIndexVar ?? '--gr-z-dropdown'),\n    }\n  }\n\n  function stop(): void {\n    stopAutoUpdate?.()\n    stopAutoUpdate = null\n  }\n\n  function start(): void {\n    stop()\n    const reference = readReference()\n    const floating = floatingEl.value\n    if (!reference || !floating)\n      return\n\n    // `autoUpdate` подписывается на `ResizeObserver`/`IntersectionObserver` для\n    // последующих пересчётов, но не гарантирует немедленный вызов `update` —\n    // особенно в средах без этих API (например, jsdom в тестах). Считаем позицию\n    // сразу, чтобы панель не «мигала» в 0,0 до первого scroll/resize.\n    void update()\n    stopAutoUpdate = autoUpdate(reference, floating, () => void update())\n  }\n\n  // На какую ссылку подписан текущий `autoUpdate`. Отличает смену самого якоря\n  // (подписку пересоздать) от смены его координат (достаточно `update()`): у\n  // виртуального якоря объект один на всё время жизни.\n  let subscribedTo: UseFloatingReference = null\n\n  watch(\n    [open, () => readReference()],\n    ([isOpen, nextReference]) => {\n      if (!isOpen || !nextReference) {\n        stop()\n        subscribedTo = null\n        return\n      }\n\n      if (nextReference === subscribedTo && stopAutoUpdate)\n        return\n\n      // `floatingEl` монтируется в том же тике, что и `open` переключается\n      // (v-show уже в DOM, но teleport/переход могут ещё не отработать) —\n      // ждём тик, чтобы `getBoundingClientRect` не читал нулевые размеры.\n      // Перепроверка `open`: панель могли закрыть, пока `start()` ждал в\n      // очереди, — `stop()` уже отработал, и снимать подписку было бы некому.\n      void nextTick(() => {\n        if (!open.value)\n          return\n        subscribedTo = readReference()\n        start()\n      })\n    },\n    { immediate: true },\n  )\n\n  onBeforeUnmount(stop)\n\n  return {\n    floatingStyle,\n    resolvedPlacement,\n    update: () => void update(),\n  }\n}\n"],"mappings":"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"}

package/dist/composables/useFocusTrap.js

@@ -1,124 +1,2 @@
-import { n as getFocusableElementsIn, r as isFocusable } from "../chunks/focusables-BkzK42SQ.js";
-import { nextTick, onScopeDispose, watch } from "vue";
-//#region src/composables/useFocusTrap.ts
-/**
-* Ловушка фокуса: пока активна, Tab ходит по кругу внутри слоя, а фокус,
-* утёкший наружу, возвращается обратно.
-*
-* Реализована на `keydown` и `focusin`, **без sentinel-узлов**: распространённый
-* подход с двумя focus-guard кнопками по краям кладёт в разметку интерактивные
-* элементы, а внутрь контейнера с ARIA-ролью их класть нельзя — роль объявляет
-* потомков презентационными (axe: `nested-interactive`).
-*
-* Слой из ловушки не выводится: порядок окон, Esc и `inert` — забота
-* `useOverlayLayer`. Композиция такая:
-*
-* ```ts
-* const layer = useOverlayLayer(open, close, { modal: true, root: panelRef })
-* useFocusTrap(panelRef, {
-*   active: () => open.value && isTopmost.value,
-*   containers: layer.rootsAbove,
-* })
-* ```
-*/
-function useFocusTrap(container, options = {}) {
-	let previouslyFocused = null;
-	let listening = false;
-	let lastFocusedInside = null;
-	function roots() {
-		const extra = options.containers?.() ?? [];
-		return [container.value, ...extra].filter((root) => Boolean(root));
-	}
-	function contains(target) {
-		if (!target) return false;
-		return roots().some((root) => root === target || root.contains(target));
-	}
-	function focusables() {
-		return getFocusableElementsIn(roots());
-	}
-	function focusInitial() {
-		if (contains(document.activeElement)) return;
-		const requested = options.initialFocus?.();
-		if (requested && isFocusable(requested)) {
-			requested.focus();
-			return;
-		}
-		const [first] = focusables();
-		if (first) {
-			first.focus();
-			return;
-		}
-		(options.fallbackFocus?.() ?? container.value)?.focus();
-	}
-	function onKeydown(event) {
-		if (event.key !== "Tab") return;
-		if (!contains(document.activeElement)) return;
-		const items = focusables();
-		if (items.length === 0) {
-			event.preventDefault();
-			(options.fallbackFocus?.() ?? container.value)?.focus();
-			return;
-		}
-		const first = items[0];
-		const last = items[items.length - 1];
-		const active = document.activeElement;
-		if ((active ? items.indexOf(active) : -1) === -1) {
-			event.preventDefault();
-			(event.shiftKey ? last : first).focus();
-			return;
-		}
-		if (event.shiftKey && active === first) {
-			event.preventDefault();
-			last.focus();
-			return;
-		}
-		if (!event.shiftKey && active === last) {
-			event.preventDefault();
-			first.focus();
-		}
-	}
-	function onFocusIn(event) {
-		const target = event.target;
-		if (contains(target)) {
-			lastFocusedInside = target;
-			return;
-		}
-		if (lastFocusedInside && contains(lastFocusedInside) && isFocusable(lastFocusedInside)) {
-			lastFocusedInside.focus();
-			return;
-		}
-		focusInitial();
-	}
-	function activate() {
-		if (listening) return;
-		if (typeof document === "undefined") return;
-		listening = true;
-		previouslyFocused = document.activeElement ?? null;
-		lastFocusedInside = null;
-		document.addEventListener("keydown", onKeydown, true);
-		document.addEventListener("focusin", onFocusIn, true);
-		nextTick(() => {
-			if (!listening) return;
-			focusInitial();
-		});
-	}
-	function deactivate() {
-		if (!listening) return;
-		listening = false;
-		document.removeEventListener("keydown", onKeydown, true);
-		document.removeEventListener("focusin", onFocusIn, true);
-		const target = previouslyFocused;
-		previouslyFocused = null;
-		lastFocusedInside = null;
-		if (options.restoreFocus === false || !target) return;
-		if (!target.isConnected) return;
-		target.focus?.();
-	}
-	watch(() => Boolean(options.active?.() ?? true) && Boolean(container.value), (isActive) => {
-		if (isActive) activate();
-		else deactivate();
-	}, { immediate: true });
-	onScopeDispose(deactivate);
-}
-//#endregion
+import { t as useFocusTrap } from "../chunks/useFocusTrap-D9bIPNF6.js";
 export { useFocusTrap };

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-CrQua8PT.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-BAy4APOX.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-CrQua8PT.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-BAy4APOX.js";
 export { GRANULARITY_PROVIDER_ID, createGranularityProvider, granularityProvider as default, granularityProvider, granularityComponentConfigs, granularityDefaultThemes, granularityThemeNames };

package/dist/index.js

@@ -22,8 +22,8 @@ import { useGrFormControl } from "./composables/useGrFormControl.js";
 import { useComboboxNavigation } from "./composables/useComboboxNavigation.js";
 import { useRovingFocus } from "./composables/useRovingFocus.js";
 import { t as GrChip_default } from "./components/GrChip/chunks/GrChip-BTivtwff.js";
-import { n as grAutocompleteSafelist, t as grAutocompleteConfig } from "./chunks/config-vYMJ3Cr1.js";
-import { t as GrAutocomplete_default } from "./components/GrAutocomplete/chunks/GrAutocomplete-CoQjEF8h.js";
+import { n as grAutocompleteSafelist, t as grAutocompleteConfig } from "./chunks/config-CYthTVK2.js";
+import { t as GrAutocomplete_default } from "./components/GrAutocomplete/chunks/GrAutocomplete-BQsSE7sj.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-CNmLmgcr.js";
 import { c as initialsFrom, n as grAvatarSafelist, t as grAvatarConfig } from "./chunks/config-B3J0alyY.js";
@@ -62,26 +62,26 @@ import { n as grCollapseSafelist, t as grCollapseConfig } from "./chunks/config-
 import { n as GrCollapse_default, t as GrCollapseItem_default } from "./components/GrCollapse/chunks/GrCollapse-BlW6ybdL.js";
 import { n as grIconSafelist, t as grIconConfig } from "./chunks/config-3bQeQvqd.js";
 import { t as GrInput_default } from "./components/GrInput/chunks/GrInput-BLywRZUN.js";
-import { useFocusTrap } from "./composables/useFocusTrap.js";
-import { t as GrPopover_default } from "./components/GrPopover/chunks/GrPopover-faJanmGs.js";
+import { t as useFocusTrap } from "./chunks/useFocusTrap-D9bIPNF6.js";
+import { t as GrPopover_default } from "./components/GrPopover/chunks/GrPopover-DEFxDffj.js";
 import { useDragGesture } from "./composables/useDragGesture.js";
 import { t as GrSlider_default } from "./components/GrSlider/chunks/GrSlider-DTTrZTHK.js";
-import { t as GrColorPicker_default } from "./components/GrColorPicker/chunks/GrColorPicker-p2XH_8cE.js";
+import { t as GrColorPicker_default } from "./components/GrColorPicker/chunks/GrColorPicker-CIgdPXHn.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-D2ga1H9i.js";
-import { t as GrModal_default } from "./components/GrModal/chunks/GrModal-D0mf1SAx.js";
-import { t as GrCommandPalette_default } from "./components/GrCommandPalette/chunks/GrCommandPalette-BXbh3q7O.js";
+import { t as GrModal_default } from "./components/GrModal/chunks/GrModal-_JrDhon-.js";
+import { t as GrCommandPalette_default } from "./components/GrCommandPalette/chunks/GrCommandPalette-BZHUKlux.js";
 import { n as grCommandPaletteSafelist, t as grCommandPaletteConfig } from "./chunks/config-D0NzGYaE.js";
 import { t as GrConfigProvider_default } from "./components/GrConfigProvider/chunks/GrConfigProvider-BF7R3hgg.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-BiMJ9_T4.js";
+import { i as GrDialogFooter_default, n as GrDialogHeader_default, r as GrDialogCloseButton_default, t as GrDialog_default } from "./components/GrDialog/chunks/GrDialog-C01Hhk6G.js";
 import { a as extendDefaultParsers, n as coreResponseErrorParsers, r as createResponseErrorClassifier, s as normalizeError, t as GrResponseErrorBanner_default } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-DMeOWlzj.js";
-import { t as GrConfirmDialog_default } from "./components/GrConfirmDialog/chunks/GrConfirmDialog-CUP43q__.js";
+import { t as GrConfirmDialog_default } from "./components/GrConfirmDialog/chunks/GrConfirmDialog-jRDs_E6C.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-ClkVjdcP.js";
-import { t as grContextMenuConfig } from "./chunks/config-CPSxM7XE.js";
+import { t as GrContextMenu_default } from "./components/GrContextMenu/chunks/GrContextMenu-DlFWm0eW.js";
+import { t as grContextMenuConfig } from "./chunks/config-CsCUuukB.js";
 import { t as GrTable_default } from "./components/GrTable/chunks/GrTable-jhUTczjv.js";
 import { t as useDragSort } from "./chunks/useDragSort-0l47h4yb.js";
 import { t as GrDataTable_default } from "./components/GrDataTable/chunks/GrDataTable-4JAgOQ-7.js";
@@ -99,24 +99,24 @@ import { n as useGrFormContext } from "./chunks/context-Bfrgsluh.js";
 import { t as GrFormField_default } from "./components/GrFormField/chunks/GrFormField-DSylU7IU.js";
 import { t as GrTextarea_default } from "./components/GrTextarea/chunks/GrTextarea-DinXG12-.js";
 import { n as getByPath, o as runFieldRules, r as isEmpty, s as setByPath, t as createGrFormMessageResolver } from "./chunks/validation-5HhpanPP.js";
-import { t as GrPromptDialog_default } from "./components/GrPromptDialog/chunks/GrPromptDialog-C6QGC7QJ.js";
-import { a as useDialogService, i as teardownDialogService, n as dialogService, r as granularityDialogServicePlugin, t as GrDialogServiceHost_default } from "./components/GrDialogService/chunks/GrDialogService-BxNK6crD.js";
+import { t as GrPromptDialog_default } from "./components/GrPromptDialog/chunks/GrPromptDialog-CailXSqW.js";
+import { a as useDialogService, i as teardownDialogService, n as dialogService, r as granularityDialogServicePlugin, t as GrDialogServiceHost_default } from "./components/GrDialogService/chunks/GrDialogService-CmsJNUmM.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-BXavGcMX.js";
 import { n as grDrawerSafelist, t as grDrawerConfig } from "./chunks/config-ChPg-BQv.js";
-import { t as GrDrawer_default } from "./components/GrDrawer/chunks/GrDrawer-Ce2l3zaG.js";
-import { t as GrDropdown_default } from "./components/GrDropdown/chunks/GrDropdown-13Wt9eB_.js";
-import { n as grDropdownSafelist, t as grDropdownConfig } from "./chunks/config-uzUuosv7.js";
+import { t as GrDrawer_default } from "./components/GrDrawer/chunks/GrDrawer-xfoy-MCj.js";
+import { t as GrDropdown_default } from "./components/GrDropdown/chunks/GrDropdown-7r772-Cq.js";
+import { n as grDropdownSafelist, t as grDropdownConfig } from "./chunks/config-CT4lP6S4.js";
 import "./components/GrDropdown/index.js";
-import { n as GrDropdownMenuColumn_default, r as GrDropdownMenu_default, t as GrDropdownMenuColumns_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenu-GOzuAXsi.js";
+import { n as GrDropdownMenuColumn_default, r as GrDropdownMenu_default, t as GrDropdownMenuColumns_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenu-DNurbsWc.js";
 import { n as grDropdownMenuSafelist, t as grDropdownMenuConfig } from "./chunks/config-_jbgsFpw.js";
 import { t as GrEmptyState_default } from "./components/GrEmptyState/chunks/GrEmptyState-RqsWvgI9.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-C9Z7hMK8.js";
 import { n as grFilePreviewSafelist, t as grFilePreviewConfig } from "./chunks/config-BaWANzzB.js";
 import { t as GrProgressBar_default } from "./components/GrProgressBar/chunks/GrProgressBar-hszUOC8f.js";
-import { n as GrUploadAbortError, r as GrUploadHttpError, t as GrFileUpload_default } from "./components/GrFileUpload/chunks/GrFileUpload-NsHkRRIa.js";
+import { n as GrUploadAbortError, r as GrUploadHttpError, t as GrFileUpload_default } from "./components/GrFileUpload/chunks/GrFileUpload-LL8RZvC0.js";
 import { n as grFileUploadSafelist, t as grFileUploadConfig } from "./chunks/config-BlJa1Mj9.js";
 import { t as GrForm_default } from "./components/GrForm/chunks/GrForm-CrnfCsgj.js";
 import { t as grFormConfig } from "./chunks/config-Droqn55j.js";
@@ -126,7 +126,7 @@ import { t as GrFormFile_default } from "./components/GrFormFile/chunks/GrFormFi
 import { n as grFormFileSafelist, t as grFormFileConfig } from "./chunks/config-BcXX7S7B.js";
 import { n as grFormSectionSafelist, t as grFormSectionConfig } from "./chunks/config-BEO7brpO.js";
 import { t as GrFormSection_default } from "./components/GrFormSection/chunks/GrFormSection-ejieOg9H.js";
-import { t as GrImageViewer_default } from "./components/GrImageViewer/chunks/GrImageViewer-CG4vUBg_.js";
+import { t as GrImageViewer_default } from "./components/GrImageViewer/chunks/GrImageViewer--BU8yrfx.js";
 import { n as grImageViewerSafelist, t as grImageViewerConfig } from "./chunks/config-BDSaD-5p.js";
 import { n as grInputSafelist, t as grInputConfig } from "./chunks/config-CIkdsWUk.js";
 import "./components/GrInput/index.js";
@@ -149,10 +149,10 @@ import { t as GrNavbar_default } from "./components/GrNavbar/chunks/GrNavbar-_rt
 import { n as grNavbarSafelist, t as grNavbarConfig } from "./chunks/config-2ZHRsdOc.js";
 import { n as grNumberInputSafelist, t as grNumberInputConfig } from "./chunks/config-MmPym-Z72.js";
 import { t as GrNumberInput_default } from "./components/GrNumberInput/chunks/GrNumberInput-DQ59YICu.js";
-import { t as GrSelect_default } from "./components/GrSelect/chunks/GrSelect-Dt8iqruc.js";
+import { t as GrSelect_default } from "./components/GrSelect/chunks/GrSelect-CZqV1Eg4.js";
 import { n as grPaginationSafelist, t as grPaginationConfig } from "./chunks/config-CjKpUcmy.js";
-import { t as GrPagination_default } from "./components/GrPagination/chunks/GrPagination-FiiXzVyv.js";
-import { n as grPopoverSafelist, t as grPopoverConfig } from "./chunks/config-BTwYMQaz2.js";
+import { t as GrPagination_default } from "./components/GrPagination/chunks/GrPagination-gBoWVHk6.js";
+import { n as grPopoverSafelist, t as grPopoverConfig } from "./chunks/config-DVCNvhIG2.js";
 import "./components/GrPopover/index.js";
 import { n as grProgressBarSafelist, r as GR_TONES, t as grProgressBarConfig } from "./chunks/config-DWL81-aM.js";
 import "./components/GrProgressBar/index.js";
@@ -170,7 +170,7 @@ import { t as GrRating_default } from "./components/GrRating/chunks/GrRating-IEi
 import { n as GrFormErrorBanner_default, r as GrUploadErrorBanner_default, t as useResponseError } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-CBVRpgIG.js";
 import { n as titleWhenTruncated, t as GrSegmented_default } from "./components/GrSegmented/chunks/GrSegmented-CB-VR-yL.js";
 import { n as grSegmentedSafelist, t as grSegmentedConfig } from "./chunks/config-rLkc9Zn2.js";
-import { n as grSelectSafelist, t as grSelectConfig } from "./chunks/config-DnF472Ox.js";
+import { n as grSelectSafelist, t as grSelectConfig } from "./chunks/config-DOYz_SVK.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-alkwBUzL.js";
@@ -193,7 +193,7 @@ import "./components/GrTable/index.js";
 import { n as GrTabPanels_default, t as GrTabPanel_default } from "./components/GrTabPanels/chunks/GrTabPanels-BZQS8-JM.js";
 import { t as grTabPanelsConfig } from "./chunks/config-eXB87DOi.js";
 import { n as grTabsSafelist, t as grTabsConfig } from "./chunks/config-_QF0O1vq.js";
-import { t as GrTabs_default } from "./components/GrTabs/chunks/GrTabs-ugDnkk-2.js";
+import { t as GrTabs_default } from "./components/GrTabs/chunks/GrTabs-UsO4j8zv.js";
 import { n as grTextareaSafelist, t as grTextareaConfig } from "./chunks/config-BhfNgyWL.js";
 import "./components/GrTextarea/index.js";
 import { n as GrTimeline_default, t as GrTimelineItem_default } from "./components/GrTimeline/chunks/GrTimeline-BiHpArsg.js";
@@ -204,8 +204,8 @@ import { t as GrToaster_default } from "./components/GrToaster/chunks/GrToaster-
 import { n as grTooltipSafelist, t as grTooltipConfig } from "./chunks/config-BTmfQFwi.js";
 import { t as GrTooltip_default } from "./components/GrTooltip/chunks/GrTooltip-uYETdbCD.js";
 import { n as grTreeSafelist, t as grTreeConfig } from "./chunks/config-CDat1wXf.js";
-import { n as grTreeSelectSafelist, t as grTreeSelectConfig } from "./chunks/config-T3-DMXYm.js";
-import { t as GrTreeSelect_default } from "./components/GrTreeSelect/chunks/GrTreeSelect-BHwgGJcT.js";
+import { n as grTreeSelectSafelist, t as grTreeSelectConfig } from "./chunks/config-DUNH02Fg.js";
+import { t as GrTreeSelect_default } from "./components/GrTreeSelect/chunks/GrTreeSelect-DOXcpWq2.js";
 import "./composables/useGrComponentConfig.js";
 import "./composables/useGranularityTranslations.js";
 import { GRANULARITY_THEME_STATE, granularityThemePlugin, initThemeEarly, useTheme } from "./composables/useTheme.js";

package/dist/theme.js

@@ -1,4 +1,4 @@
-import { a as grThemeTokens, n as grDerivedTokens, t as grComponentTokens } from "./chunks/generated-CSyPsWtM.js";
+import { a as grThemeTokens, n as grDerivedTokens, t as grComponentTokens } from "./chunks/generated-Bk-f6NsN.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-CSyPsWtM.js";
+import { a as grThemeTokens, i as grThemeNames, n as grDerivedTokens, r as grFoundationTokens, t as grComponentTokens } from "./chunks/generated-Bk-f6NsN.js";
 export { grComponentTokens, grDerivedTokens, grFoundationTokens, grThemeNames, grThemeTokens };

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

@@ -60,4 +60,4 @@ export declare const autocompleteStateClass = "flex items-center justify-center
  * (card + бордер + shadow-2 + скругление). Держим локальную копию строки,
  * чтобы не тянуть зависимость от `GrSelect` (компоненты гранулярно независимы).
  */
-export declare const autocompletePanelClasses = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] overflow-hidden";
+export declare const autocompletePanelClasses = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-2)] overflow-hidden";

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

@@ -1,4 +1,4 @@
-import { type UseFloatingPlacement } from '../../composables/useFloating';
+import type { UseFloatingPlacement } from '../../composables/useFloating';
 import { type GrDropdownWidth } from './grDropdownStyles';
 export type GrDropdownTrigger = 'click' | 'hover';
 export interface GrDropdownProps {
@@ -36,13 +36,13 @@ export interface GrDropdownEmits {
     (e: 'update:open', value: boolean): void;
 }
 declare function open(): void;
-declare function toggle(): void;
 declare function close(): void;
+declare function toggle(): void;
 type __VLS_Slots = {
     /**
      * Триггер панели. `triggerProps` обязаны попасть на сам интерактивный
      * элемент, а не на обёртку вокруг него: `aria-expanded` и `aria-controls`
-     * читаются с того узла, который получает фокус.
+     * читаются с того узла, который получает фокус, а клик приезжает вместе с ними.
      */
     trigger?: (props: {
         open: boolean;
@@ -94,11 +94,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     open: boolean;
     disabled: boolean;
     trigger: GrDropdownTrigger;
+    openDelay: number;
+    closeDelay: number;
     closeOnContentClick: boolean;
     teleportTo: string | HTMLElement;
     contentClass: string;
-    openDelay: number;
-    closeDelay: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/types/components/GrDropdown/grDropdownStyles.d.ts

@@ -1,7 +1,13 @@
 import type { Placement } from '@floating-ui/dom';
 /** Ширина панели: число — пиксели, строка — CSS-длина, `auto` — по контенту. */
 export type GrDropdownWidth = number | string;
-export declare const originClassByPlacement: Record<Placement, string>;
 export declare function grDropdownOriginClass(placement: Placement): string;
-export declare const dropdownContentBaseClass = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] p-1";
+/**
+ * Поле вокруг пунктов меню.
+ *
+ * Поверхности здесь больше нет: панель рисует `GrPopover`, на котором меню и
+ * стоит. Осталось только поле — пункты не должны прилегать к рамке вплотную, —
+ * и классы потребителя.
+ */
+export declare const dropdownContentBaseClass = "p-1";
 export declare function grDropdownContentClass(contentClass?: string): string;

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

@@ -116,13 +116,13 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     items: GrDropdownMenuEntry[];
     trigger: GrDropdownTrigger;
+    openDelay: number;
+    closeDelay: number;
     closeOnContentClick: boolean;
     teleportTo: string | HTMLElement;
     contentClass: string;
     dividers: boolean;
     listClass: string;
-    openDelay: number;
-    closeDelay: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -27,10 +27,24 @@ export interface GrPopoverProps {
     /** `id` видимого заголовка внутри панели — альтернатива `ariaLabel`. */
     labelledBy?: string;
     /**
-     * `manual` — открывать только программно (через `v-model:open`). Нужно для
-     * контекстного меню и подтверждений, где момент открытия решает потребитель.
+     * Чем открывается панель.
+     *
+     * `manual` — только программно (через `v-model:open`): нужно контекстному меню
+     * и подтверждениям, где момент открытия решает потребитель. `hover` — по
+     * наведению, с задержками из `openDelay` и `closeDelay`; клик и клавиатура в
+     * этом режиме продолжают работать.
+     */
+    trigger?: 'click' | 'manual' | 'hover';
+    /**
+     * Задержка открытия по наведению, мс.
+     *
+     * Обе задержки нужны, и каждая по своей причине: без `openDelay` панель
+     * выпрыгивает на любое пересечение курсором, без `closeDelay` её не удержать
+     * при переходе с триггера на панель — между ними зазор `offsetPx`.
      */
-    trigger?: 'click' | 'manual';
+    openDelay?: number;
+    /** Задержка закрытия после ухода курсора, мс. */
+    closeDelay?: number;
     closeOnEsc?: boolean;
     closeOnClickOutside?: boolean;
     /** Закрывать по клику внутри панели — удобно для меню, вредно для формы. */
@@ -61,6 +75,30 @@ export interface GrPopoverProps {
     anchor?: GrFloatingAnchorRect | null;
     /** Поле панели. `none` — содержимое рисует своё (меню, список опций). */
     padding?: GrPopoverPadding;
+    /**
+     * Брать ширину у триггера: `true` — точно его ширина, `'min'` — не уже его,
+     * дальше по содержимому. Панель у поля или у широкой кнопки, оказавшаяся уже
+     * своего триггера, читается как ошибка вёрстки.
+     *
+     * С потолком `--gr-popover-max-width` сочетается, а не спорит: ширину задаёт
+     * триггер, потолок её ограничивает — «шириной с триггер, но не шире
+     * читаемого». Поэтому это отдельный проп, а не значение одного перечисления
+     * вместе с потолком: оси независимы, и сочетание осмысленно.
+     */
+    matchWidth?: boolean | 'min';
+    /**
+     * Обёртка триггера занимает всю ширину родителя вместо того, чтобы обжимать
+     * содержимое.
+     *
+     * Нужно форм-контролам: обёртка `inline-block` схлопывается по содержимому, и
+     * `w-full` у самого триггера начинает резолвиться относительно неё, а не
+     * относительно поля. Контрол, объявивший себя во всю ширину, рисуется по
+     * содержимому — рядом с полем ввода это читается как сбитая вёрстка.
+     *
+     * Имя то же, что у `GrButton` и `GrSegmented`: в ядре это устоявшееся слово
+     * для «во всю ширину».
+     */
+    block?: boolean;
 }
 export interface GrPopoverEmits {
     (e: 'update:open', value: boolean): void;
@@ -95,6 +133,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     ariaLabel: undefined;
     labelledBy: undefined;
     trigger: string;
+    openDelay: number;
+    closeDelay: number;
     closeOnEsc: boolean;
     closeOnClickOutside: boolean;
     closeOnContentClick: boolean;
@@ -104,6 +144,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     anchor: undefined;
     padding: string;
+    matchWidth: boolean;
+    block: boolean;
 }>>, {
     open: typeof open;
     close: typeof close;
@@ -120,6 +162,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     ariaLabel: undefined;
     labelledBy: undefined;
     trigger: string;
+    openDelay: number;
+    closeDelay: number;
     closeOnEsc: boolean;
     closeOnClickOutside: boolean;
     closeOnContentClick: boolean;
@@ -129,6 +173,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     anchor: undefined;
     padding: string;
+    matchWidth: boolean;
+    block: boolean;
 }>>> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
@@ -138,12 +184,16 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     role: GrPopoverRole;
     modal: boolean;
     placement: UseFloatingPlacement;
+    block: boolean;
     open: boolean;
     disabled: boolean;
     ariaLabel: string;
+    matchWidth: boolean | "min";
     labelledBy: string;
     offsetPx: number;
-    trigger: "click" | "manual";
+    trigger: "click" | "manual" | "hover";
+    openDelay: number;
+    closeDelay: number;
     closeOnEsc: boolean;
     closeOnClickOutside: boolean;
     closeOnContentClick: boolean;

package/dist/types/components/GrPopover/grPopoverStyles.d.ts

@@ -14,17 +14,25 @@ export type GrPopoverRole = 'dialog' | 'menu' | 'listbox' | 'grid' | 'group' | '
 export type GrPopoverPadding = 'default' | 'none';
 export declare const panelSizes: Record<GrPopoverSize, string>;
 /**
- * `transform-origin` для scale-анимации: координаты панели уже посчитал
- * `useFloating`, здесь остаётся направление «роста» относительно триггера.
+ * Поверхность панели.
  *
- * Ключ — `resolvedPlacement`, то есть положение **после** `flip`: если снизу не
- * хватило места и панель перевернуло вверх, origin переворачивается вместе с ней.
- */
-export declare const originClassByPlacement: Partial<Record<Placement, string>>;
-export declare function grPopoverOriginClass(placement: Placement): string;
-/**
- * Поверхность панели. `max-w-[min(...)]` не даёт поповеру вылезти за узкий
- * экран: `useFloating` смещает панель в пределах viewport, но не сужает её.
+ * Ширина — `min()` из двух пределов, и они разной природы. Первый, `22rem`, —
+ * потолок содержимого: читаемая ширина колонки текста. Он **дефолт**, а не
+ * закон, и снимается хуком `--gr-popover-max-width` — примитив объявил, что
+ * содержимое панели дело потребителя, и навязывать ему форму не вправе.
+ * Тулбар, палитра и сетка шире прозы законно.
+ *
+ * Второй, `calc(100vw-1rem)`, — инвариант слоя: `useFloating` смещает панель в
+ * пределах вьюпорта, но не сужает её. Он не настраивается ничем и снаружи не
+ * отключается, потому что стоит вторым операндом `min()`: даже
+ * `--gr-popover-max-width: 100vw` его не снимает, а лишь уступает ему место.
+ *
+ * Хуком, а не пропом, — по трём причинам. Спор специфичности не возникает
+ * вовсе: кастомное свойство разрешается каскадом на самом элементе, а не
+ * порядком правил в сгенерированном CSS (та же ловушка, что описана у
+ * `panelSizesFlush`). Потолок можно менять по брейкпоинту и по теме — пропом
+ * этого не сделать. И словарь компонента не растёт: значение остаётся
+ * значением. Так же устроена высота списка у `GrCommandPalette`.
  */
 /**
  * Кегль без поля.
@@ -34,5 +42,24 @@ export declare function grPopoverOriginClass(placement: Placement): string;
  * сгенерированном CSS. Меню внутри поповера с `p-3` — визуально не меню.
  */
 export declare const panelSizesFlush: Record<GrPopoverSize, string>;
-export declare const popoverPanelBaseClass = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-2)] max-w-[min(22rem,calc(100vw-1rem))] focus:outline-none";
+/**
+ * Высота — тоже `min()` из двух пределов, но устроена иначе, чем ширина.
+ *
+ * Потолок ширины статичен: `calc(100vw-1rem)` не зависит от того, где стоит
+ * триггер. Потолок высоты статичным быть не может — доступное место есть
+ * расстояние до края вьюпорта на той стороне, куда панель встала, и меняется
+ * оно на каждом скролле. Поэтому второй операнд здесь — не константа, а замер
+ * слоя (`--gr-floating-available-height`, см. `useFloating`), и он пересчитан
+ * уже **после** `flip`: сторона окончательная.
+ *
+ * `overflow-y: auto` идёт с потолком одной строкой намеренно. Потолок без
+ * скролла не ограничивает, а обрезает: содержимое молча уходит под нижний край
+ * панели, и добраться до него нельзя ничем. Пока потолок не упёрся, полоса не
+ * рисуется, так что для коротких панелей не меняется ничего.
+ *
+ * Хук `--gr-popover-max-height` по умолчанию `100vh` — то есть «мнения нет»,
+ * и высоту диктует замер. Он же служит фолбэком, пока позиция не посчитана
+ * (первый кадр, SSR): панель не схлопывается в ноль, а просто не ограничена.
+ */
+export declare const popoverPanelBaseClass = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-2)] max-w-[min(var(--gr-popover-max-width,22rem),calc(100vw-1rem))] max-h-[min(var(--gr-popover-max-height,100vh),var(--gr-floating-available-height,100vh))] overflow-y-auto focus:outline-none";
 export declare function grPopoverPanelClass(size: GrPopoverSize, placement: Placement, extra?: string, padding?: GrPopoverPadding): string;