@feugene/granularity 0.16.0 → 0.18.0

package/dist/components/GrToaster/index.js

@@ -1,3 +1,3 @@
-import { n as grToasterSafelist, t as grToasterConfig } from "../../chunks/config-LGrZIdaZ.js";
-import { t as GrToaster_default } from "./chunks/GrToaster-BKQy3Srm.js";
+import { n as grToasterSafelist, t as grToasterConfig } from "../../chunks/config-ScuvHw6k2.js";
+import { t as GrToaster_default } from "./chunks/GrToaster-Ct-39hga.js";
 export { GrToaster_default as GrToaster, GrToaster_default as default, grToasterConfig, grToasterSafelist };

package/dist/components/GrToaster/styles.css

@@ -1 +1 @@
-.gr-toast-progress[data-v-0cce147a]{animation-name:gr-toast-progress-0cce147a;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes gr-toast-progress-0cce147a{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.gr-toast-progress[data-v-0cce147a]{display:none}}
+.gr-toast-progress[data-v-3ad9ca7d]{animation-name:gr-toast-progress-3ad9ca7d;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes gr-toast-progress-3ad9ca7d{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.gr-toast-progress[data-v-3ad9ca7d]{display:none}}

package/dist/components/GrTooltip/chunks/{GrTooltip-DEbejfhA.js → GrTooltip-xAcqs0bP.js}

@@ -5,7 +5,7 @@ import { vClickOutside } from "../../../directives/clickOutside.js";
 import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BvA2ZGXP.js";
 import { useFloating } from "../../../composables/useFloating.js";
 import { useDismissible } from "../../../composables/useDismissible.js";
-import { a as triggerIconSizes, i as panelWidths, r as panelSizes } from "../../../chunks/config-CN2ULSQL2.js";
+import { a as triggerIconSizes, i as panelWidths, r as panelSizes } from "../../../chunks/config-CN2ULSQL.js";
 import { Teleport, Transition, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeStyle, onMounted, onUnmounted, onUpdated, openBlock, ref, renderSlot, toDisplayString, unref, useId, useSlots, vShow, watchEffect, withCtx, withDirectives } from "vue";
 //#region src/components/GrTooltip/GrTooltip.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {

package/dist/components/GrTooltip/chunks/{GrTooltip-DEbejfhA.js.map → GrTooltip-xAcqs0bP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrTooltip-DEbejfhA.js","names":[],"sources":["../../../../src/components/GrTooltip/GrTooltip.vue","../../../../src/components/GrTooltip/GrTooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrTooltip — GR-примитив инлайн-подсказки на hover/focus.\n *\n * По умолчанию триггер — иконка info; можно заменить через слот.\n * A11y:\n * - `role=\"tooltip\"` связывается с триггером через уникальный `aria-describedby`;\n * - подсказка закрывается по `Escape` (WCAG 1.4.13 «Content on Hover or Focus» —\n *   dismissible без необходимости двигать курсор/фокус);\n * - панель не интерактивна (`pointer-events-none`), поэтому «hoverable»-требование\n *   того же критерия неприменимо — навести курсор на саму подсказку невозможно.\n *\n * Позиционирование — через общий `useFloating` (см. `composables/internal`):\n * `placement` задаёт предпочтительную сторону, `flip` переворачивает подсказку,\n * если места не хватает, а `shift` не даёт ей вылезти за края viewport.\n */\nimport { computed, onMounted, onUnmounted, onUpdated, ref, useId, useSlots, watchEffect } from 'vue'\n\nimport { usePortalTarget } from '../../composables/usePortalTarget'\n\nimport { vClickOutside } from '../../directives'\nimport GrIcon from '../GrIcon'\nimport { useFloating, type UseFloatingPlacement } from '../../composables/useFloating'\nimport { useDismissible } from '../../composables/useDismissible'\nimport { useGrComponentSize, useGrThemeAttrs } from '../GrConfigProvider/context'\nimport { type GrTooltipSize, panelSizes, panelWidths, triggerIconSizes } from './grTooltipStyles'\n\nimport IconInfo from '~icons/lucide/info'\n\nexport type GrTooltipPlacement = UseFloatingPlacement\n\nexport interface GrTooltipProps {\n  /** Текст подсказки. Разметка вместо текста — слот `#content`. */\n  text?: string\n  /** Цвет триггер-иконки (CSS color). По умолчанию — `var(--gr-muted-fg)`. */\n  iconColor?: string\n  /** Размер панели и дефолтной триггер-иконки. */\n  size?: GrTooltipSize\n  /** Предпочтительная сторона панели; `flip` может её изменить. */\n  placement?: GrTooltipPlacement\n  /** Зазор между триггером и панелью, px. */\n  offsetPx?: number\n  /** Задержка перед показом, мс. Спасает от мигания при проведении курсором по панели кнопок. */\n  openDelay?: number\n  /** Задержка перед скрытием, мс. */\n  closeDelay?: number\n  /** Подсказка не показывается ничем — ни курсором, ни фокусом, ни `v-model:open`. */\n  disabled?: boolean\n  /** Управляемая видимость. Без неё компонент ведёт видимость сам. */\n  open?: boolean\n}\n\nexport interface GrTooltipEmits {\n  (e: 'update:open', value: boolean): void\n}\n\nconst props = withDefaults(defineProps<GrTooltipProps>(), {\n  text: undefined,\n  iconColor: 'var(--gr-muted-fg)',\n  size: undefined,\n  placement: 'top',\n  offsetPx: undefined,\n  openDelay: 0,\n  closeDelay: 0,\n  disabled: false,\n  open: undefined,\n})\n\nconst emit = defineEmits<GrTooltipEmits>()\n\ndefineSlots<{\n  /** Триггер. По умолчанию — иконка info. */\n  default?: () => unknown\n  /** Содержимое подсказки; заменяет проп `text`. */\n  content?: () => unknown\n}>()\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrTooltip' })\n\nconst panelClass = computed(() => [\n  panelSizes[resolvedSize.value],\n  panelWidths[resolvedSize.value],\n].join(' '))\nconst triggerIconSize = computed(() => triggerIconSizes[resolvedSize.value])\n\nconst tooltipId = `gr-tooltip-${useId()}`\n\nconst triggerStyle = computed(() => ({ color: props.iconColor }))\n\n// Телепорт включается только ПОСЛЕ монтирования: иначе первый клиентский\n// рендер не совпадает с серверным и ломается гидрация (см. композабл).\nconst { target: portalTarget, enabled: teleportEnabled } = usePortalTarget()\n\n// Тема поддерева на телепортированную панель: в DOM она уезжает в `body`, то\n// есть вне обёртки провайдера, и `data-theme` с неё не наследуется. В дереве\n// компонентов панель остаётся внутри — `inject` доходит, и тему она ставит себе\n// сама.\nconst themeAttrs = useGrThemeAttrs()\n\nconst uncontrolledOpen = ref(false)\nconst triggerEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\n\n/** Показывать нечего — пустая панель хуже отсутствующей. */\nconst hasContent = computed(() => Boolean(slots.content) || Boolean(props.text))\n\nconst open = computed<boolean>({\n  get: () => {\n    if (props.disabled || !hasContent.value) return false\n    return props.open ?? uncontrolledOpen.value\n  },\n  set: (next) => {\n    uncontrolledOpen.value = next\n    emit('update:open', next)\n  },\n})\n\nconst { floatingStyle } = useFloating(triggerEl, panelEl, open, {\n  placement: () => props.placement,\n  // Геттер, а не значение: `useFloating` читает опцию на каждом пересчёте, и\n  // так проп остаётся живым, а не замирает на моменте setup.\n  get offsetPx() { return props.offsetPx },\n  zIndexVar: '--gr-z-tooltip',\n})\n\nlet delayTimer: ReturnType<typeof setTimeout> | undefined\n\nfunction schedule(next: boolean, delayMs: number): void {\n  clearTimeout(delayTimer)\n\n  if (delayMs <= 0) {\n    open.value = next\n    return\n  }\n\n  delayTimer = setTimeout(() => { open.value = next }, delayMs)\n}\n\nfunction show(): void {\n  if (props.disabled) return\n  schedule(true, props.openDelay)\n}\n\nfunction hide(): void {\n  schedule(false, props.closeDelay)\n}\n\n/** Escape и клик вне закрывают мгновенно: задержка тут читалась бы как залипание. */\nfunction dismiss(): void {\n  clearTimeout(delayTimer)\n  if (open.value) open.value = false\n}\n\n// Нужен только тач-режиму: курсор и фокус закрывают подсказку сами.\nconst dismissOnOutside = computed(() => ({ handler: dismiss, enabled: open.value }))\n\n/**\n * На тач-устройствах hover не существует, а фокус по тапу не гарантирован —\n * без этого подсказка там недоступна вовсе. Тап по триггеру переключает\n * панель, тап вне — закрывает (`vClickOutside`).\n */\nfunction onTouch(): void {\n  if (open.value) dismiss()\n  else show()\n}\n\nonUnmounted(() => clearTimeout(delayTimer))\n\nuseDismissible(open, dismiss)\n\nconst FOCUSABLE_SELECTOR = 'a[href],button,input,select,textarea,[tabindex]:not([tabindex=\"-1\"])'\n\n/**\n * Типовое употребление — подсказка у кнопки. Фокусируемая обёртка вокруг\n * фокусируемого контрола дала бы два таб-стопа на один визуальный элемент,\n * поэтому обёртка забирает `tabindex` только когда в слоте фокусироваться\n * нечему (текст, иконка). Разметку слота пишет потребитель, привязать к ней\n * `aria-describedby` из шаблона нельзя — отсюда единственная точка, где атрибут\n * ставится вручную.\n */\nconst slotFocusableEl = ref<HTMLElement | null>(null)\n\nfunction syncSlotFocusable(): void {\n  slotFocusableEl.value = slots.default\n    ? triggerEl.value?.querySelector<HTMLElement>(FOCUSABLE_SELECTOR) ?? null\n    : null\n}\n\nonMounted(syncSlotFocusable)\nonUpdated(syncSlotFocusable)\n\nwatchEffect((onCleanup) => {\n  const el = slotFocusableEl.value\n  if (!el) return\n\n  el.setAttribute('aria-describedby', tooltipId)\n  onCleanup(() => el.removeAttribute('aria-describedby'))\n})\n\nconst wrapperTabindex = computed(() => (slotFocusableEl.value ? undefined : 0))\nconst wrapperDescribedBy = computed(() => (slotFocusableEl.value ? undefined : tooltipId))\n</script>\n\n<template>\n  <span\n    v-click-outside=\"dismissOnOutside\"\n    data-gr-tooltip\n    class=\"relative inline-flex\"\n  >\n    <span\n      ref=\"triggerEl\"\n      data-gr-tooltip-trigger\n      data-testid=\"gr-tooltip-trigger\"\n      :tabindex=\"wrapperTabindex\"\n      :aria-describedby=\"wrapperDescribedBy\"\n      class=\"inline-flex items-center justify-center focus:outline-none\"\n      :style=\"triggerStyle\"\n      @mouseenter=\"show\"\n      @mouseleave=\"hide\"\n      @focusin=\"show\"\n      @focusout=\"hide\"\n      @touchstart.passive=\"onTouch\"\n    >\n      <slot>\n        <GrIcon :size=\"triggerIconSize\">\n          <IconInfo />\n        </GrIcon>\n      </slot>\n    </span>\n\n    <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n      <transition\n        enter-active-class=\"transition-opacity duration-[var(--gr-duration-fast)]\"\n        enter-from-class=\"opacity-0\"\n        enter-to-class=\"opacity-100\"\n        leave-active-class=\"transition-opacity duration-[var(--gr-duration-fast)]\"\n        leave-from-class=\"opacity-100\"\n        leave-to-class=\"opacity-0\"\n      >\n        <span\n          v-show=\"open\"\n          :id=\"tooltipId\"\n          ref=\"panelEl\"\n          role=\"tooltip\"\n          v-bind=\"themeAttrs\"\n          data-gr-tooltip-panel\n          data-gr-overlay-root\n          class=\"pointer-events-none rounded-[var(--gr-radius-control)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-1)]\"\n          :class=\"panelClass\"\n          :style=\"floatingStyle\"\n        >\n          <slot name=\"content\">{{ text }}</slot>\n        </span>\n      </transition>\n    </teleport>\n  </span>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrTooltip — GR-примитив инлайн-подсказки на hover/focus.\n *\n * По умолчанию триггер — иконка info; можно заменить через слот.\n * A11y:\n * - `role=\"tooltip\"` связывается с триггером через уникальный `aria-describedby`;\n * - подсказка закрывается по `Escape` (WCAG 1.4.13 «Content on Hover or Focus» —\n *   dismissible без необходимости двигать курсор/фокус);\n * - панель не интерактивна (`pointer-events-none`), поэтому «hoverable»-требование\n *   того же критерия неприменимо — навести курсор на саму подсказку невозможно.\n *\n * Позиционирование — через общий `useFloating` (см. `composables/internal`):\n * `placement` задаёт предпочтительную сторону, `flip` переворачивает подсказку,\n * если места не хватает, а `shift` не даёт ей вылезти за края viewport.\n */\nimport { computed, onMounted, onUnmounted, onUpdated, ref, useId, useSlots, watchEffect } from 'vue'\n\nimport { usePortalTarget } from '../../composables/usePortalTarget'\n\nimport { vClickOutside } from '../../directives'\nimport GrIcon from '../GrIcon'\nimport { useFloating, type UseFloatingPlacement } from '../../composables/useFloating'\nimport { useDismissible } from '../../composables/useDismissible'\nimport { useGrComponentSize, useGrThemeAttrs } from '../GrConfigProvider/context'\nimport { type GrTooltipSize, panelSizes, panelWidths, triggerIconSizes } from './grTooltipStyles'\n\nimport IconInfo from '~icons/lucide/info'\n\nexport type GrTooltipPlacement = UseFloatingPlacement\n\nexport interface GrTooltipProps {\n  /** Текст подсказки. Разметка вместо текста — слот `#content`. */\n  text?: string\n  /** Цвет триггер-иконки (CSS color). По умолчанию — `var(--gr-muted-fg)`. */\n  iconColor?: string\n  /** Размер панели и дефолтной триггер-иконки. */\n  size?: GrTooltipSize\n  /** Предпочтительная сторона панели; `flip` может её изменить. */\n  placement?: GrTooltipPlacement\n  /** Зазор между триггером и панелью, px. */\n  offsetPx?: number\n  /** Задержка перед показом, мс. Спасает от мигания при проведении курсором по панели кнопок. */\n  openDelay?: number\n  /** Задержка перед скрытием, мс. */\n  closeDelay?: number\n  /** Подсказка не показывается ничем — ни курсором, ни фокусом, ни `v-model:open`. */\n  disabled?: boolean\n  /** Управляемая видимость. Без неё компонент ведёт видимость сам. */\n  open?: boolean\n}\n\nexport interface GrTooltipEmits {\n  (e: 'update:open', value: boolean): void\n}\n\nconst props = withDefaults(defineProps<GrTooltipProps>(), {\n  text: undefined,\n  iconColor: 'var(--gr-muted-fg)',\n  size: undefined,\n  placement: 'top',\n  offsetPx: undefined,\n  openDelay: 0,\n  closeDelay: 0,\n  disabled: false,\n  open: undefined,\n})\n\nconst emit = defineEmits<GrTooltipEmits>()\n\ndefineSlots<{\n  /** Триггер. По умолчанию — иконка info. */\n  default?: () => unknown\n  /** Содержимое подсказки; заменяет проп `text`. */\n  content?: () => unknown\n}>()\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrTooltip' })\n\nconst panelClass = computed(() => [\n  panelSizes[resolvedSize.value],\n  panelWidths[resolvedSize.value],\n].join(' '))\nconst triggerIconSize = computed(() => triggerIconSizes[resolvedSize.value])\n\nconst tooltipId = `gr-tooltip-${useId()}`\n\nconst triggerStyle = computed(() => ({ color: props.iconColor }))\n\n// Телепорт включается только ПОСЛЕ монтирования: иначе первый клиентский\n// рендер не совпадает с серверным и ломается гидрация (см. композабл).\nconst { target: portalTarget, enabled: teleportEnabled } = usePortalTarget()\n\n// Тема поддерева на телепортированную панель: в DOM она уезжает в `body`, то\n// есть вне обёртки провайдера, и `data-theme` с неё не наследуется. В дереве\n// компонентов панель остаётся внутри — `inject` доходит, и тему она ставит себе\n// сама.\nconst themeAttrs = useGrThemeAttrs()\n\nconst uncontrolledOpen = ref(false)\nconst triggerEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\n\n/** Показывать нечего — пустая панель хуже отсутствующей. */\nconst hasContent = computed(() => Boolean(slots.content) || Boolean(props.text))\n\nconst open = computed<boolean>({\n  get: () => {\n    if (props.disabled || !hasContent.value) return false\n    return props.open ?? uncontrolledOpen.value\n  },\n  set: (next) => {\n    uncontrolledOpen.value = next\n    emit('update:open', next)\n  },\n})\n\nconst { floatingStyle } = useFloating(triggerEl, panelEl, open, {\n  placement: () => props.placement,\n  // Геттер, а не значение: `useFloating` читает опцию на каждом пересчёте, и\n  // так проп остаётся живым, а не замирает на моменте setup.\n  get offsetPx() { return props.offsetPx },\n  zIndexVar: '--gr-z-tooltip',\n})\n\nlet delayTimer: ReturnType<typeof setTimeout> | undefined\n\nfunction schedule(next: boolean, delayMs: number): void {\n  clearTimeout(delayTimer)\n\n  if (delayMs <= 0) {\n    open.value = next\n    return\n  }\n\n  delayTimer = setTimeout(() => { open.value = next }, delayMs)\n}\n\nfunction show(): void {\n  if (props.disabled) return\n  schedule(true, props.openDelay)\n}\n\nfunction hide(): void {\n  schedule(false, props.closeDelay)\n}\n\n/** Escape и клик вне закрывают мгновенно: задержка тут читалась бы как залипание. */\nfunction dismiss(): void {\n  clearTimeout(delayTimer)\n  if (open.value) open.value = false\n}\n\n// Нужен только тач-режиму: курсор и фокус закрывают подсказку сами.\nconst dismissOnOutside = computed(() => ({ handler: dismiss, enabled: open.value }))\n\n/**\n * На тач-устройствах hover не существует, а фокус по тапу не гарантирован —\n * без этого подсказка там недоступна вовсе. Тап по триггеру переключает\n * панель, тап вне — закрывает (`vClickOutside`).\n */\nfunction onTouch(): void {\n  if (open.value) dismiss()\n  else show()\n}\n\nonUnmounted(() => clearTimeout(delayTimer))\n\nuseDismissible(open, dismiss)\n\nconst FOCUSABLE_SELECTOR = 'a[href],button,input,select,textarea,[tabindex]:not([tabindex=\"-1\"])'\n\n/**\n * Типовое употребление — подсказка у кнопки. Фокусируемая обёртка вокруг\n * фокусируемого контрола дала бы два таб-стопа на один визуальный элемент,\n * поэтому обёртка забирает `tabindex` только когда в слоте фокусироваться\n * нечему (текст, иконка). Разметку слота пишет потребитель, привязать к ней\n * `aria-describedby` из шаблона нельзя — отсюда единственная точка, где атрибут\n * ставится вручную.\n */\nconst slotFocusableEl = ref<HTMLElement | null>(null)\n\nfunction syncSlotFocusable(): void {\n  slotFocusableEl.value = slots.default\n    ? triggerEl.value?.querySelector<HTMLElement>(FOCUSABLE_SELECTOR) ?? null\n    : null\n}\n\nonMounted(syncSlotFocusable)\nonUpdated(syncSlotFocusable)\n\nwatchEffect((onCleanup) => {\n  const el = slotFocusableEl.value\n  if (!el) return\n\n  el.setAttribute('aria-describedby', tooltipId)\n  onCleanup(() => el.removeAttribute('aria-describedby'))\n})\n\nconst wrapperTabindex = computed(() => (slotFocusableEl.value ? undefined : 0))\nconst wrapperDescribedBy = computed(() => (slotFocusableEl.value ? undefined : tooltipId))\n</script>\n\n<template>\n  <span\n    v-click-outside=\"dismissOnOutside\"\n    data-gr-tooltip\n    class=\"relative inline-flex\"\n  >\n    <span\n      ref=\"triggerEl\"\n      data-gr-tooltip-trigger\n      data-testid=\"gr-tooltip-trigger\"\n      :tabindex=\"wrapperTabindex\"\n      :aria-describedby=\"wrapperDescribedBy\"\n      class=\"inline-flex items-center justify-center focus:outline-none\"\n      :style=\"triggerStyle\"\n      @mouseenter=\"show\"\n      @mouseleave=\"hide\"\n      @focusin=\"show\"\n      @focusout=\"hide\"\n      @touchstart.passive=\"onTouch\"\n    >\n      <slot>\n        <GrIcon :size=\"triggerIconSize\">\n          <IconInfo />\n        </GrIcon>\n      </slot>\n    </span>\n\n    <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n      <transition\n        enter-active-class=\"transition-opacity duration-[var(--gr-duration-fast)]\"\n        enter-from-class=\"opacity-0\"\n        enter-to-class=\"opacity-100\"\n        leave-active-class=\"transition-opacity duration-[var(--gr-duration-fast)]\"\n        leave-from-class=\"opacity-100\"\n        leave-to-class=\"opacity-0\"\n      >\n        <span\n          v-show=\"open\"\n          :id=\"tooltipId\"\n          ref=\"panelEl\"\n          role=\"tooltip\"\n          v-bind=\"themeAttrs\"\n          data-gr-tooltip-panel\n          data-gr-overlay-root\n          class=\"pointer-events-none rounded-[var(--gr-radius-control)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-1)]\"\n          :class=\"panelClass\"\n          :style=\"floatingStyle\"\n        >\n          <slot name=\"content\">{{ text }}</slot>\n        </span>\n      </transition>\n    </teleport>\n  </span>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrTooltip-xAcqs0bP.js","names":[],"sources":["../../../../src/components/GrTooltip/GrTooltip.vue","../../../../src/components/GrTooltip/GrTooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrTooltip — GR-примитив инлайн-подсказки на hover/focus.\n *\n * По умолчанию триггер — иконка info; можно заменить через слот.\n * A11y:\n * - `role=\"tooltip\"` связывается с триггером через уникальный `aria-describedby`;\n * - подсказка закрывается по `Escape` (WCAG 1.4.13 «Content on Hover or Focus» —\n *   dismissible без необходимости двигать курсор/фокус);\n * - панель не интерактивна (`pointer-events-none`), поэтому «hoverable»-требование\n *   того же критерия неприменимо — навести курсор на саму подсказку невозможно.\n *\n * Позиционирование — через общий `useFloating` (см. `composables/internal`):\n * `placement` задаёт предпочтительную сторону, `flip` переворачивает подсказку,\n * если места не хватает, а `shift` не даёт ей вылезти за края viewport.\n */\nimport { computed, onMounted, onUnmounted, onUpdated, ref, useId, useSlots, watchEffect } from 'vue'\n\nimport { usePortalTarget } from '../../composables/usePortalTarget'\n\nimport { vClickOutside } from '../../directives'\nimport GrIcon from '../GrIcon'\nimport { useFloating, type UseFloatingPlacement } from '../../composables/useFloating'\nimport { useDismissible } from '../../composables/useDismissible'\nimport { useGrComponentSize, useGrThemeAttrs } from '../GrConfigProvider/context'\nimport { type GrTooltipSize, panelSizes, panelWidths, triggerIconSizes } from './grTooltipStyles'\n\nimport IconInfo from '~icons/lucide/info'\n\nexport type GrTooltipPlacement = UseFloatingPlacement\n\nexport interface GrTooltipProps {\n  /** Текст подсказки. Разметка вместо текста — слот `#content`. */\n  text?: string\n  /** Цвет триггер-иконки (CSS color). По умолчанию — `var(--gr-muted-fg)`. */\n  iconColor?: string\n  /** Размер панели и дефолтной триггер-иконки. */\n  size?: GrTooltipSize\n  /** Предпочтительная сторона панели; `flip` может её изменить. */\n  placement?: GrTooltipPlacement\n  /** Зазор между триггером и панелью, px. */\n  offsetPx?: number\n  /** Задержка перед показом, мс. Спасает от мигания при проведении курсором по панели кнопок. */\n  openDelay?: number\n  /** Задержка перед скрытием, мс. */\n  closeDelay?: number\n  /** Подсказка не показывается ничем — ни курсором, ни фокусом, ни `v-model:open`. */\n  disabled?: boolean\n  /** Управляемая видимость. Без неё компонент ведёт видимость сам. */\n  open?: boolean\n}\n\nexport interface GrTooltipEmits {\n  (e: 'update:open', value: boolean): void\n}\n\nconst props = withDefaults(defineProps<GrTooltipProps>(), {\n  text: undefined,\n  iconColor: 'var(--gr-muted-fg)',\n  size: undefined,\n  placement: 'top',\n  offsetPx: undefined,\n  openDelay: 0,\n  closeDelay: 0,\n  disabled: false,\n  open: undefined,\n})\n\nconst emit = defineEmits<GrTooltipEmits>()\n\ndefineSlots<{\n  /** Триггер. По умолчанию — иконка info. */\n  default?: () => unknown\n  /** Содержимое подсказки; заменяет проп `text`. */\n  content?: () => unknown\n}>()\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrTooltip' })\n\nconst panelClass = computed(() => [\n  panelSizes[resolvedSize.value],\n  panelWidths[resolvedSize.value],\n].join(' '))\nconst triggerIconSize = computed(() => triggerIconSizes[resolvedSize.value])\n\nconst tooltipId = `gr-tooltip-${useId()}`\n\nconst triggerStyle = computed(() => ({ color: props.iconColor }))\n\n// Телепорт включается только ПОСЛЕ монтирования: иначе первый клиентский\n// рендер не совпадает с серверным и ломается гидрация (см. композабл).\nconst { target: portalTarget, enabled: teleportEnabled } = usePortalTarget()\n\n// Тема поддерева на телепортированную панель: в DOM она уезжает в `body`, то\n// есть вне обёртки провайдера, и `data-theme` с неё не наследуется. В дереве\n// компонентов панель остаётся внутри — `inject` доходит, и тему она ставит себе\n// сама.\nconst themeAttrs = useGrThemeAttrs()\n\nconst uncontrolledOpen = ref(false)\nconst triggerEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\n\n/** Показывать нечего — пустая панель хуже отсутствующей. */\nconst hasContent = computed(() => Boolean(slots.content) || Boolean(props.text))\n\nconst open = computed<boolean>({\n  get: () => {\n    if (props.disabled || !hasContent.value) return false\n    return props.open ?? uncontrolledOpen.value\n  },\n  set: (next) => {\n    uncontrolledOpen.value = next\n    emit('update:open', next)\n  },\n})\n\nconst { floatingStyle } = useFloating(triggerEl, panelEl, open, {\n  placement: () => props.placement,\n  // Геттер, а не значение: `useFloating` читает опцию на каждом пересчёте, и\n  // так проп остаётся живым, а не замирает на моменте setup.\n  get offsetPx() { return props.offsetPx },\n  zIndexVar: '--gr-z-tooltip',\n})\n\nlet delayTimer: ReturnType<typeof setTimeout> | undefined\n\nfunction schedule(next: boolean, delayMs: number): void {\n  clearTimeout(delayTimer)\n\n  if (delayMs <= 0) {\n    open.value = next\n    return\n  }\n\n  delayTimer = setTimeout(() => { open.value = next }, delayMs)\n}\n\nfunction show(): void {\n  if (props.disabled) return\n  schedule(true, props.openDelay)\n}\n\nfunction hide(): void {\n  schedule(false, props.closeDelay)\n}\n\n/** Escape и клик вне закрывают мгновенно: задержка тут читалась бы как залипание. */\nfunction dismiss(): void {\n  clearTimeout(delayTimer)\n  if (open.value) open.value = false\n}\n\n// Нужен только тач-режиму: курсор и фокус закрывают подсказку сами.\nconst dismissOnOutside = computed(() => ({ handler: dismiss, enabled: open.value }))\n\n/**\n * На тач-устройствах hover не существует, а фокус по тапу не гарантирован —\n * без этого подсказка там недоступна вовсе. Тап по триггеру переключает\n * панель, тап вне — закрывает (`vClickOutside`).\n */\nfunction onTouch(): void {\n  if (open.value) dismiss()\n  else show()\n}\n\nonUnmounted(() => clearTimeout(delayTimer))\n\nuseDismissible(open, dismiss)\n\nconst FOCUSABLE_SELECTOR = 'a[href],button,input,select,textarea,[tabindex]:not([tabindex=\"-1\"])'\n\n/**\n * Типовое употребление — подсказка у кнопки. Фокусируемая обёртка вокруг\n * фокусируемого контрола дала бы два таб-стопа на один визуальный элемент,\n * поэтому обёртка забирает `tabindex` только когда в слоте фокусироваться\n * нечему (текст, иконка). Разметку слота пишет потребитель, привязать к ней\n * `aria-describedby` из шаблона нельзя — отсюда единственная точка, где атрибут\n * ставится вручную.\n */\nconst slotFocusableEl = ref<HTMLElement | null>(null)\n\nfunction syncSlotFocusable(): void {\n  slotFocusableEl.value = slots.default\n    ? triggerEl.value?.querySelector<HTMLElement>(FOCUSABLE_SELECTOR) ?? null\n    : null\n}\n\nonMounted(syncSlotFocusable)\nonUpdated(syncSlotFocusable)\n\nwatchEffect((onCleanup) => {\n  const el = slotFocusableEl.value\n  if (!el) return\n\n  el.setAttribute('aria-describedby', tooltipId)\n  onCleanup(() => el.removeAttribute('aria-describedby'))\n})\n\nconst wrapperTabindex = computed(() => (slotFocusableEl.value ? undefined : 0))\nconst wrapperDescribedBy = computed(() => (slotFocusableEl.value ? undefined : tooltipId))\n</script>\n\n<template>\n  <span\n    v-click-outside=\"dismissOnOutside\"\n    data-gr-tooltip\n    class=\"relative inline-flex\"\n  >\n    <span\n      ref=\"triggerEl\"\n      data-gr-tooltip-trigger\n      data-testid=\"gr-tooltip-trigger\"\n      :tabindex=\"wrapperTabindex\"\n      :aria-describedby=\"wrapperDescribedBy\"\n      class=\"inline-flex items-center justify-center focus:outline-none\"\n      :style=\"triggerStyle\"\n      @mouseenter=\"show\"\n      @mouseleave=\"hide\"\n      @focusin=\"show\"\n      @focusout=\"hide\"\n      @touchstart.passive=\"onTouch\"\n    >\n      <slot>\n        <GrIcon :size=\"triggerIconSize\">\n          <IconInfo />\n        </GrIcon>\n      </slot>\n    </span>\n\n    <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n      <transition\n        enter-active-class=\"transition-opacity duration-[var(--gr-duration-fast)]\"\n        enter-from-class=\"opacity-0\"\n        enter-to-class=\"opacity-100\"\n        leave-active-class=\"transition-opacity duration-[var(--gr-duration-fast)]\"\n        leave-from-class=\"opacity-100\"\n        leave-to-class=\"opacity-0\"\n      >\n        <span\n          v-show=\"open\"\n          :id=\"tooltipId\"\n          ref=\"panelEl\"\n          role=\"tooltip\"\n          v-bind=\"themeAttrs\"\n          data-gr-tooltip-panel\n          data-gr-overlay-root\n          class=\"pointer-events-none rounded-[var(--gr-radius-control)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-1)]\"\n          :class=\"panelClass\"\n          :style=\"floatingStyle\"\n        >\n          <slot name=\"content\">{{ text }}</slot>\n        </span>\n      </transition>\n    </teleport>\n  </span>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrTooltip — GR-примитив инлайн-подсказки на hover/focus.\n *\n * По умолчанию триггер — иконка info; можно заменить через слот.\n * A11y:\n * - `role=\"tooltip\"` связывается с триггером через уникальный `aria-describedby`;\n * - подсказка закрывается по `Escape` (WCAG 1.4.13 «Content on Hover or Focus» —\n *   dismissible без необходимости двигать курсор/фокус);\n * - панель не интерактивна (`pointer-events-none`), поэтому «hoverable»-требование\n *   того же критерия неприменимо — навести курсор на саму подсказку невозможно.\n *\n * Позиционирование — через общий `useFloating` (см. `composables/internal`):\n * `placement` задаёт предпочтительную сторону, `flip` переворачивает подсказку,\n * если места не хватает, а `shift` не даёт ей вылезти за края viewport.\n */\nimport { computed, onMounted, onUnmounted, onUpdated, ref, useId, useSlots, watchEffect } from 'vue'\n\nimport { usePortalTarget } from '../../composables/usePortalTarget'\n\nimport { vClickOutside } from '../../directives'\nimport GrIcon from '../GrIcon'\nimport { useFloating, type UseFloatingPlacement } from '../../composables/useFloating'\nimport { useDismissible } from '../../composables/useDismissible'\nimport { useGrComponentSize, useGrThemeAttrs } from '../GrConfigProvider/context'\nimport { type GrTooltipSize, panelSizes, panelWidths, triggerIconSizes } from './grTooltipStyles'\n\nimport IconInfo from '~icons/lucide/info'\n\nexport type GrTooltipPlacement = UseFloatingPlacement\n\nexport interface GrTooltipProps {\n  /** Текст подсказки. Разметка вместо текста — слот `#content`. */\n  text?: string\n  /** Цвет триггер-иконки (CSS color). По умолчанию — `var(--gr-muted-fg)`. */\n  iconColor?: string\n  /** Размер панели и дефолтной триггер-иконки. */\n  size?: GrTooltipSize\n  /** Предпочтительная сторона панели; `flip` может её изменить. */\n  placement?: GrTooltipPlacement\n  /** Зазор между триггером и панелью, px. */\n  offsetPx?: number\n  /** Задержка перед показом, мс. Спасает от мигания при проведении курсором по панели кнопок. */\n  openDelay?: number\n  /** Задержка перед скрытием, мс. */\n  closeDelay?: number\n  /** Подсказка не показывается ничем — ни курсором, ни фокусом, ни `v-model:open`. */\n  disabled?: boolean\n  /** Управляемая видимость. Без неё компонент ведёт видимость сам. */\n  open?: boolean\n}\n\nexport interface GrTooltipEmits {\n  (e: 'update:open', value: boolean): void\n}\n\nconst props = withDefaults(defineProps<GrTooltipProps>(), {\n  text: undefined,\n  iconColor: 'var(--gr-muted-fg)',\n  size: undefined,\n  placement: 'top',\n  offsetPx: undefined,\n  openDelay: 0,\n  closeDelay: 0,\n  disabled: false,\n  open: undefined,\n})\n\nconst emit = defineEmits<GrTooltipEmits>()\n\ndefineSlots<{\n  /** Триггер. По умолчанию — иконка info. */\n  default?: () => unknown\n  /** Содержимое подсказки; заменяет проп `text`. */\n  content?: () => unknown\n}>()\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrTooltip' })\n\nconst panelClass = computed(() => [\n  panelSizes[resolvedSize.value],\n  panelWidths[resolvedSize.value],\n].join(' '))\nconst triggerIconSize = computed(() => triggerIconSizes[resolvedSize.value])\n\nconst tooltipId = `gr-tooltip-${useId()}`\n\nconst triggerStyle = computed(() => ({ color: props.iconColor }))\n\n// Телепорт включается только ПОСЛЕ монтирования: иначе первый клиентский\n// рендер не совпадает с серверным и ломается гидрация (см. композабл).\nconst { target: portalTarget, enabled: teleportEnabled } = usePortalTarget()\n\n// Тема поддерева на телепортированную панель: в DOM она уезжает в `body`, то\n// есть вне обёртки провайдера, и `data-theme` с неё не наследуется. В дереве\n// компонентов панель остаётся внутри — `inject` доходит, и тему она ставит себе\n// сама.\nconst themeAttrs = useGrThemeAttrs()\n\nconst uncontrolledOpen = ref(false)\nconst triggerEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\n\n/** Показывать нечего — пустая панель хуже отсутствующей. */\nconst hasContent = computed(() => Boolean(slots.content) || Boolean(props.text))\n\nconst open = computed<boolean>({\n  get: () => {\n    if (props.disabled || !hasContent.value) return false\n    return props.open ?? uncontrolledOpen.value\n  },\n  set: (next) => {\n    uncontrolledOpen.value = next\n    emit('update:open', next)\n  },\n})\n\nconst { floatingStyle } = useFloating(triggerEl, panelEl, open, {\n  placement: () => props.placement,\n  // Геттер, а не значение: `useFloating` читает опцию на каждом пересчёте, и\n  // так проп остаётся живым, а не замирает на моменте setup.\n  get offsetPx() { return props.offsetPx },\n  zIndexVar: '--gr-z-tooltip',\n})\n\nlet delayTimer: ReturnType<typeof setTimeout> | undefined\n\nfunction schedule(next: boolean, delayMs: number): void {\n  clearTimeout(delayTimer)\n\n  if (delayMs <= 0) {\n    open.value = next\n    return\n  }\n\n  delayTimer = setTimeout(() => { open.value = next }, delayMs)\n}\n\nfunction show(): void {\n  if (props.disabled) return\n  schedule(true, props.openDelay)\n}\n\nfunction hide(): void {\n  schedule(false, props.closeDelay)\n}\n\n/** Escape и клик вне закрывают мгновенно: задержка тут читалась бы как залипание. */\nfunction dismiss(): void {\n  clearTimeout(delayTimer)\n  if (open.value) open.value = false\n}\n\n// Нужен только тач-режиму: курсор и фокус закрывают подсказку сами.\nconst dismissOnOutside = computed(() => ({ handler: dismiss, enabled: open.value }))\n\n/**\n * На тач-устройствах hover не существует, а фокус по тапу не гарантирован —\n * без этого подсказка там недоступна вовсе. Тап по триггеру переключает\n * панель, тап вне — закрывает (`vClickOutside`).\n */\nfunction onTouch(): void {\n  if (open.value) dismiss()\n  else show()\n}\n\nonUnmounted(() => clearTimeout(delayTimer))\n\nuseDismissible(open, dismiss)\n\nconst FOCUSABLE_SELECTOR = 'a[href],button,input,select,textarea,[tabindex]:not([tabindex=\"-1\"])'\n\n/**\n * Типовое употребление — подсказка у кнопки. Фокусируемая обёртка вокруг\n * фокусируемого контрола дала бы два таб-стопа на один визуальный элемент,\n * поэтому обёртка забирает `tabindex` только когда в слоте фокусироваться\n * нечему (текст, иконка). Разметку слота пишет потребитель, привязать к ней\n * `aria-describedby` из шаблона нельзя — отсюда единственная точка, где атрибут\n * ставится вручную.\n */\nconst slotFocusableEl = ref<HTMLElement | null>(null)\n\nfunction syncSlotFocusable(): void {\n  slotFocusableEl.value = slots.default\n    ? triggerEl.value?.querySelector<HTMLElement>(FOCUSABLE_SELECTOR) ?? null\n    : null\n}\n\nonMounted(syncSlotFocusable)\nonUpdated(syncSlotFocusable)\n\nwatchEffect((onCleanup) => {\n  const el = slotFocusableEl.value\n  if (!el) return\n\n  el.setAttribute('aria-describedby', tooltipId)\n  onCleanup(() => el.removeAttribute('aria-describedby'))\n})\n\nconst wrapperTabindex = computed(() => (slotFocusableEl.value ? undefined : 0))\nconst wrapperDescribedBy = computed(() => (slotFocusableEl.value ? undefined : tooltipId))\n</script>\n\n<template>\n  <span\n    v-click-outside=\"dismissOnOutside\"\n    data-gr-tooltip\n    class=\"relative inline-flex\"\n  >\n    <span\n      ref=\"triggerEl\"\n      data-gr-tooltip-trigger\n      data-testid=\"gr-tooltip-trigger\"\n      :tabindex=\"wrapperTabindex\"\n      :aria-describedby=\"wrapperDescribedBy\"\n      class=\"inline-flex items-center justify-center focus:outline-none\"\n      :style=\"triggerStyle\"\n      @mouseenter=\"show\"\n      @mouseleave=\"hide\"\n      @focusin=\"show\"\n      @focusout=\"hide\"\n      @touchstart.passive=\"onTouch\"\n    >\n      <slot>\n        <GrIcon :size=\"triggerIconSize\">\n          <IconInfo />\n        </GrIcon>\n      </slot>\n    </span>\n\n    <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n      <transition\n        enter-active-class=\"transition-opacity duration-[var(--gr-duration-fast)]\"\n        enter-from-class=\"opacity-0\"\n        enter-to-class=\"opacity-100\"\n        leave-active-class=\"transition-opacity duration-[var(--gr-duration-fast)]\"\n        leave-from-class=\"opacity-100\"\n        leave-to-class=\"opacity-0\"\n      >\n        <span\n          v-show=\"open\"\n          :id=\"tooltipId\"\n          ref=\"panelEl\"\n          role=\"tooltip\"\n          v-bind=\"themeAttrs\"\n          data-gr-tooltip-panel\n          data-gr-overlay-root\n          class=\"pointer-events-none rounded-[var(--gr-radius-control)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-1)]\"\n          :class=\"panelClass\"\n          :style=\"floatingStyle\"\n        >\n          <slot name=\"content\">{{ text }}</slot>\n        </span>\n      </transition>\n    </teleport>\n  </span>\n</template>\n"],"mappings":"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"}

package/dist/components/GrTooltip/index.js

@@ -1,3 +1,3 @@
-import { n as grTooltipSafelist, t as grTooltipConfig } from "../../chunks/config-CN2ULSQL2.js";
-import { t as GrTooltip_default } from "./chunks/GrTooltip-DEbejfhA.js";
+import { n as grTooltipSafelist, t as grTooltipConfig } from "../../chunks/config-CN2ULSQL.js";
+import { t as GrTooltip_default } from "./chunks/GrTooltip-xAcqs0bP.js";
 export { GrTooltip_default as GrTooltip, GrTooltip_default as default, grTooltipConfig, grTooltipSafelist };

package/dist/components/GrTree/chunks/{GrTree-wfdbvygw.js → GrTree-CaYK8dGZ.js}

@@ -2,6 +2,9 @@ import { o as useGrComponentSize } from "../../../chunks/context-BSYR7RZs.js";
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
 import { useVirtualList } from "../../../composables/useVirtualList.js";
 import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-BOaGB7Aw.js";
+import { useAnnouncer } from "../../../composables/useAnnouncer.js";
+import { t as useDragSort } from "../../../chunks/useDragSort-0l47h4yb.js";
+import { useRovingFocus } from "../../../composables/useRovingFocus.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onUnmounted, openBlock, ref, renderList, renderSlot, shallowRef, toDisplayString, toValue, unref, watch, withModifiers } from "vue";
 import '../styles.css';//#region src/components/GrTree/grTreeDataAdapter.ts
 var DEFAULT_CHILDREN_KEY = "children";
@@ -68,7 +71,6 @@ function createGrTreeDataAdapter(options) {
 //#region src/components/GrTree/grTreeInteractionContext.ts
 function createGrTreeInteractionContext(options, emitters) {
 	const hoveredKey = ref(void 0);
-	const focusedKey = ref(void 0);
 	const draggingNode = shallowRef(null);
 	const dropTarget = shallowRef(null);
 	const nodeEls = /* @__PURE__ */ new Map();
@@ -95,7 +97,6 @@ function createGrTreeInteractionContext(options, emitters) {
 	}
 	return {
 		hoveredKey,
-		focusedKey,
 		nodeEls,
 		registerNodeEl,
 		draggingNode,
@@ -597,15 +598,13 @@ var _hoisted_2 = [
 var _hoisted_3 = [
 	"onClick",
 	"onContextmenu",
-	"onDrop",
-	"onDragover",
 	"onMouseenter",
 	"onMouseleave"
 ];
 var _hoisted_4 = [
 	"aria-label",
-	"draggable",
-	"onDragstart"
+	"aria-disabled",
+	"onPointerdown"
 ];
 var _hoisted_5 = ["aria-label", "onClick"];
 var _hoisted_6 = {
@@ -616,6 +615,7 @@ var _hoisted_6 = {
 var _hoisted_7 = ["onClick"];
 var _hoisted_8 = { class: "gr-tree__label" };
 var DEFAULT_BRANCH_LINE_COLOR = "var(--gr-tree-branch-line-default-color, var(--gr-brd))";
+/** Стрелки, которые вместе с `Shift` двигают узел, а не фокус. */
 var TREE_ROW_GAP = 2;
 var TYPEAHEAD_RESET_MS = 600;
 //#endregion
@@ -777,6 +777,12 @@ var GrTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		"check"
 	],
 	setup(__props, { expose: __expose, emit: __emit }) {
+		const MOVE_KEYS = /* @__PURE__ */ new Set([
+			"ArrowUp",
+			"ArrowDown",
+			"ArrowLeft",
+			"ArrowRight"
+		]);
 		const props = __props;
 		const emit = __emit;
 		const treeStore = createGrTreeStore({
@@ -800,12 +806,12 @@ var GrTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		});
 		const treeProps = props;
 		const { t } = useGranularityTranslations();
+		const { announce } = useAnnouncer();
 		const dragLabel = computed(() => treeProps.dragLabel ?? t("gr.tree.drag", "Drag"));
 		const expandLabel = computed(() => treeProps.expandLabel ?? t("gr.tree.expand", "Expand"));
 		const collapseLabel = computed(() => treeProps.collapseLabel ?? t("gr.tree.collapse", "Collapse"));
 		const currentKey = treeStore.currentKey;
 		const hoveredKey = interactionContext.hoveredKey;
-		const focusedKey = interactionContext.focusedKey;
 		const dropTarget = interactionContext.dropTarget;
 		const treeRootEl = ref(null);
 		/**
@@ -842,9 +848,25 @@ var GrTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			walk(roots, []);
 			return rows;
 		});
+		/**
+		* Кольцо roving-фокуса: ровно один `treeitem` на всё дерево держит `tabindex=0`.
+		*
+		* Ориентация вертикальная намеренно: влево-вправо в дереве заняты раскрытием
+		* ветки и переходом к родителю, и примитив их не трогает — это доменная логика,
+		* она осталась в `onTreeKeydown`.
+		*/
+		const roving = useRovingFocus({
+			items: () => visibleRows.value.map((row) => row.node.key),
+			elementFor: (key) => interactionContext.nodeEls.get(key),
+			orientation: () => "vertical",
+			wrap: () => false,
+			onOverflow: () => true,
+			initialKey: () => currentKey.value ?? void 0,
+			beforeFocus: (key) => scrollRowIntoView(key)
+		});
 		function onRowClick(node) {
 			treeStore.setCurrentKey(node.key);
-			focusedKey.value = node.key;
+			roving.setActive(node.key);
 			interactionContext.emitNodeClick(node.data, node);
 		}
 		function onRowActivate(row) {
@@ -855,7 +877,7 @@ var GrTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			interactionContext.emitNodeContextMenu(evt, node.data, node);
 		}
 		function isRovingItem(key) {
-			return focusedKey.value === key;
+			return roving.rovingKey.value === key;
 		}
 		const resolvedSize = useGrComponentSize(() => props.size, { component: "GrTree" });
 		const sizeStyle = computed(() => treeSizeVars[resolvedSize.value]);
@@ -935,13 +957,20 @@ var GrTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			interactionContext.registerNodeEl(key, null);
 			if (heldFocus && !isUnmounting) treeRootEl.value?.focus({ preventScroll: true });
 		}
-		function focusRow(key) {
-			focusedKey.value = key;
+		/**
+		* При виртуализации узла вне окна в DOM нет: `nodeEls.get` вернул бы
+		* `undefined`, а фокус уехал бы на `body` вместе с размонтированной строкой.
+		* Поэтому сперва прокрутка, и только следующим тиком — фокус.
+		*/
+		function scrollRowIntoView(key) {
 			if (treeProps.virtual) {
 				const index = visibleRows.value.findIndex((row) => row.node.key === key);
 				if (index >= 0) virtualizer.scrollToIndex(index);
 			}
-			nextTick(() => interactionContext.nodeEls.get(key)?.focus());
+			return nextTick();
+		}
+		function focusRow(key) {
+			roving.focusKey(key);
 		}
 		/**
 		* Typeahead паттерна tree: печатные символы копятся в буфер и переводят фокус
@@ -982,7 +1011,7 @@ var GrTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}
 			const rows = visibleRows.value;
 			if (rows.length === 0) return;
-			const idx = Math.max(0, rows.findIndex((r) => r.node.key === focusedKey.value));
+			const idx = Math.max(0, rows.findIndex((r) => r.node.key === roving.rovingKey.value));
 			const cur = rows[idx];
 			if (event.key === "*") {
 				event.preventDefault();
@@ -994,15 +1023,14 @@ var GrTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				onTypeahead(event.key, rows, idx);
 				return;
 			}
+			if (event.shiftKey && MOVE_KEYS.has(event.key)) {
+				if (!treeProps.draggable) return;
+				event.preventDefault();
+				onNodeMoveKey(cur.node, event.key);
+				return;
+			}
+			if (roving.handleNavigationKeys(event)) return;
 			switch (event.key) {
-				case "ArrowDown":
-					event.preventDefault();
-					if (idx < rows.length - 1) focusRow(rows[idx + 1].node.key);
-					break;
-				case "ArrowUp":
-					event.preventDefault();
-					if (idx > 0) focusRow(rows[idx - 1].node.key);
-					break;
 				case "ArrowRight":
 					event.preventDefault();
 					if (!cur.isLeaf) {
@@ -1015,14 +1043,6 @@ var GrTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 					if (!cur.isLeaf && cur.isExpanded) toggleExpand(cur.node);
 					else if (cur.node.parent && rows.some((r) => r.node.key === cur.node.parent.key)) focusRow(cur.node.parent.key);
 					break;
-				case "Home":
-					event.preventDefault();
-					focusRow(rows[0].node.key);
-					break;
-				case "End":
-					event.preventDefault();
-					focusRow(rows[rows.length - 1].node.key);
-					break;
 				case "Enter":
 					event.preventDefault();
 					onRowClick(cur.node);
@@ -1034,17 +1054,6 @@ var GrTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 					break;
 			}
 		}
-		function normalizeFocusedKey() {
-			const rows = visibleRows.value;
-			if (rows.length === 0) {
-				focusedKey.value = void 0;
-				return;
-			}
-			if (focusedKey.value !== void 0 && rows.some((r) => r.node.key === focusedKey.value)) return;
-			focusedKey.value = currentKey.value != null && rows.some((r) => r.node.key === currentKey.value) ? currentKey.value : rows[0].node.key;
-		}
-		normalizeFocusedKey();
-		watch(visibleRows, normalizeFocusedKey, { flush: "sync" });
 		function onRowMouseEnter(node) {
 			hoveredKey.value = node.key;
 		}
@@ -1107,58 +1116,84 @@ var GrTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		function shouldShowDragHandle(node) {
 			return canDrag(node) && hoveredKey.value === node.key;
 		}
-		function resolveDropType(evt, el) {
-			const rect = el.getBoundingClientRect();
-			const y = evt.clientY - rect.top;
-			const third = rect.height / 3;
-			if (y < third) return "prev";
-			if (y > third * 2) return "next";
+		/**
+		* Треть строки сверху — «до», треть снизу — «после», середина — «внутрь».
+		* Зоны нарезает компонент: примитив отдаёт только долю вдоль строки.
+		*/
+		function dropTypeFromFraction(fraction) {
+			if (fraction < 1 / 3) return "prev";
+			if (fraction > 2 / 3) return "next";
 			return "inner";
 		}
 		function canDrop(drag, target, type) {
 			return interactionContext.canDrop(drag, target, type);
 		}
-		function onDragStart(evt, node) {
-			if (!canDrag(node)) {
-				evt.preventDefault();
-				return;
-			}
-			interactionContext.draggingNode.value = node;
-			interactionContext.dropTarget.value = null;
-			try {
-				evt.dataTransfer?.setData("text/plain", String(node.key));
-			} catch {}
-			if (evt.dataTransfer) evt.dataTransfer.effectAllowed = "move";
+		/** Перенос состоялся: одна дорога и для указателя, и для клавиатуры. */
+		function applyMove(source, targetKey, type) {
+			const reference = treeStore.getNode(targetKey);
+			if (!reference) return false;
+			const movedNode = treeStore.moveNode(source, reference, type);
+			if (!movedNode) return false;
+			const dropNode = treeStore.getNode(reference.key) ?? reference;
+			interactionContext.emitNodeDrop(movedNode, dropNode, type);
+			return true;
 		}
-		function onDragEnd() {
-			interactionContext.resetDragState();
+		const dragSort = useDragSort({
+			items: () => visibleRows.value.map((row) => row.node.key),
+			elementFor: (key) => interactionContext.nodeEls.get(key) ?? null,
+			scroller: () => treeRootEl.value,
+			disabled: () => !treeProps.draggable,
+			canDrag: (key) => {
+				const node = treeStore.getNode(key);
+				return node ? canDrag(node) : false;
+			},
+			resolveTarget: (hit, sourceKey, previous) => {
+				const source = treeStore.getNode(sourceKey);
+				const node = treeStore.getNode(hit.key);
+				if (!source || !node) return null;
+				const type = dropTypeFromFraction(hit.fraction);
+				const allowed = treeStore.canMoveNode(source, node, type) && canDrop(source, node, type);
+				if (previous && previous.key === node.key && previous.type === type && previous.allowed === allowed) return previous;
+				return {
+					key: node.key,
+					type,
+					allowed
+				};
+			},
+			onDrop: (sourceKey, target) => {
+				const source = treeStore.getNode(sourceKey);
+				if (!source || !target.allowed) return;
+				applyMove(source, target.key, target.type);
+			},
+			onUpdate: (sourceKey, target) => {
+				interactionContext.draggingNode.value = sourceKey === null ? null : treeStore.getNode(sourceKey) ?? null;
+				interactionContext.dropTarget.value = target;
+			}
+		});
+		function onHandlePointerDown(event, node) {
+			if (!treeProps.draggable) return;
+			dragSort.startFrom(node.key)(event);
 		}
-		function onDragOver(evt, node, rowEl) {
-			const drag = interactionContext.draggingNode.value;
-			if (!treeProps.draggable || !drag) return;
-			evt.preventDefault();
-			const type = resolveDropType(evt, rowEl);
-			const allowed = treeStore.canMoveNode(drag, node, type) && canDrop(drag, node, type);
-			interactionContext.dropTarget.value = {
-				key: node.key,
-				type,
-				allowed
-			};
-			if (evt.dataTransfer) evt.dataTransfer.dropEffect = allowed ? "move" : "none";
+		/**
+		* Клавиатурный перенос — раскладка аутлайнера: `Shift` со стрелкой сразу
+		* двигает узел, без режима «взято». Режим здесь был бы лишним: `Space` в дереве
+		* уже отмечает чекбокс, а стрелки водят фокус по веткам.
+		*/
+		function moveByKeyboard(node, key) {
+			const siblings = node.parent ? node.parent.childNodes : treeStore.treeModel.value.roots;
+			const index = siblings.findIndex((sibling) => sibling.key === node.key);
+			if (key === "ArrowUp" && index > 0) return applyMove(node, siblings[index - 1].key, "prev");
+			if (key === "ArrowDown" && index >= 0 && index < siblings.length - 1) return applyMove(node, siblings[index + 1].key, "next");
+			if (key === "ArrowRight" && index > 0) return applyMove(node, siblings[index - 1].key, "inner");
+			if (key === "ArrowLeft" && node.parent) return applyMove(node, node.parent.key, "next");
+			return false;
 		}
-		function onDrop(evt, node) {
-			evt.preventDefault();
-			const drag = interactionContext.draggingNode.value;
-			const target = interactionContext.dropTarget.value;
-			if (!treeProps.draggable || !drag || !target) return;
-			if (target.key === node.key && target.allowed) {
-				const movedNode = treeStore.moveNode(drag, node, target.type);
-				if (movedNode) {
-					const dropNode = treeStore.getNode(node.key) ?? node;
-					interactionContext.emitNodeDrop(movedNode, dropNode, target.type);
-				}
-			}
-			interactionContext.resetDragState();
+		async function onNodeMoveKey(node, key) {
+			if (!treeProps.draggable || !canDrag(node)) return;
+			if (!moveByKeyboard(node, key)) return;
+			announce(t("gr.tree.moved", "Moved {label}", { label: node.label }));
+			await nextTick();
+			focusRow(node.key);
 		}
 		function filter(value) {
 			treeStore.filter(value);
@@ -1190,7 +1225,7 @@ var GrTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		function focus(key) {
 			const rows = visibleRows.value;
 			if (rows.length === 0) return false;
-			focusRow(key != null && rows.some((row) => row.node.key === key) ? key : focusedKey.value ?? rows[0].node.key);
+			focusRow(key != null && rows.some((row) => row.node.key === key) ? key : roving.rovingKey.value ?? rows[0].node.key);
 			return true;
 		}
 		onUnmounted(() => clearTimeout(typeaheadTimer));
@@ -1266,8 +1301,7 @@ var GrTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 					style: normalizeStyle(rowStyle(row)),
 					onClick: ($event) => onRowActivate(row),
 					onContextmenu: ($event) => onRowContextMenu($event, row.node),
-					onDrop: ($event) => onDrop($event, row.node),
-					onDragover: ($event) => onDragOver($event, row.node, $event.currentTarget),
+					onDrop: _cache[1] || (_cache[1] = withModifiers(() => {}, ["prevent"])),
 					onMouseenter: ($event) => onRowMouseEnter(row.node),
 					onMouseleave: ($event) => onRowMouseLeave(row.node)
 				}, [
@@ -1291,11 +1325,9 @@ var GrTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 							resolveNodeClass(unref(treeProps).dragHandleClass, row)
 						]]),
 						"aria-label": dragLabel.value,
-						draggable: canDrag(row.node),
+						"aria-disabled": canDrag(row.node) ? void 0 : "true",
 						onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
-						onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
-						onDragstart: ($event) => onDragStart($event, row.node),
-						onDragend: onDragEnd
+						onPointerdown: ($event) => onHandlePointerDown($event, row.node)
 					}, [createElementVNode("span", { class: normalizeClass(["gr-tree__drag-icon", unref(treeProps).dragHandleIcon]) }, null, 2)], 42, _hoisted_4)) : createCommentVNode("", true),
 					!row.isLeaf ? (openBlock(), createElementBlock("button", {
 						key: 1,
@@ -1334,6 +1366,6 @@ var GrTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), 128))], 44, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-0ed35387"]]);
+}), [["__scopeId", "data-v-d84c923c"]]);
 //#endregion
 export { GrTree_default as t };