@feugene/granularity 0.10.0 → 0.12.0

package/dist/components/GrToaster/chunks/GrToaster-L2cu6cSR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrToaster-L2cu6cSR.js","names":[],"sources":["../../../../src/components/GrToaster/GrToaster.vue","../../../../src/components/GrToaster/GrToaster.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrToaster — GR-примитив области уведомлений (toast).\n *\n * Модель состояния берётся из `useToast`, поэтому в приложении предполагается\n * **один активный `GrToaster`** на корень (или app-scoped через плагин).\n *\n * A11y:\n * - контейнер — `role=\"region\"` с `aria-label` (i18n-проп `regionLabel`);\n * - список обёрнут в ПОСТОЯННЫЙ live-region (`aria-live=\"polite\"`), который\n *   существует до вставки тостов — иначе SR часто не озвучивают целиком\n *   вставленный узел с `aria-live`;\n * - критичные тосты (`warning`/`danger`) несут `role=\"alert\"` (ассертивно).\n *\n * UX:\n * - `maxVisible` ограничивает стек; лишние ждут в очереди (их таймеры на паузе);\n * - автозакрытие **останавливается под курсором/фокусом** (WCAG 2.2.1) и\n *   визуализируется прогресс-баром до закрытия;\n * - `placement` настраивает угол экрана; слой — `--gr-z-toast`.\n */\nimport { computed, ref, watchEffect } from 'vue'\nimport type { Component } from 'vue'\n\nimport { useToast } from '../../composables/useToast'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrToastTone } from '../../composables/useToast'\nimport GrButton from '../GrButton'\nimport GrIcon from '../GrIcon'\nimport { PLACEMENT_CLASS, type GrToasterPlacement } from './grToasterStyles'\n\nimport IconCheck from '~icons/lucide/check-circle'\nimport IconWarning from '~icons/lucide/alert-triangle'\nimport IconError from '~icons/lucide/x-circle'\nimport IconInfo from '~icons/lucide/info'\nimport IconClose from '~icons/lucide/x'\n\nexport type { GrToasterPlacement }\n\ninterface ToneMeta {\n  icon: Component\n  color: string\n  role: 'status' | 'alert'\n}\n\n// Единый маппинг по tone'у: иконка, цвет, a11y-роль. На уровне модуля —\n// чтобы не пересоздавать объект на каждый рендер.\nconst TONE_META: Record<GrToastTone, ToneMeta> = {\n  primary: { icon: IconInfo, color: 'var(--primary)', role: 'status' },\n  neutral: { icon: IconInfo, color: 'var(--muted-fg)', role: 'status' },\n  info: { icon: IconInfo, color: 'var(--gr-info)', role: 'status' },\n  success: { icon: IconCheck, color: 'var(--gr-success)', role: 'status' },\n  warning: { icon: IconWarning, color: 'var(--gr-warning)', role: 'alert' },\n  danger: { icon: IconError, color: 'var(--gr-danger)', role: 'alert' },\n  slate: { icon: IconInfo, color: 'var(--gr-slate)', role: 'status' },\n  azure: { icon: IconInfo, color: 'var(--gr-azure)', role: 'status' },\n}\n\nexport interface GrToasterProps {\n  /** Угол экрана для стека уведомлений. */\n  placement?: GrToasterPlacement\n  /** Максимум одновременно видимых тостов; остальные ждут в очереди. По умолчанию `4`. */\n  maxVisible?: number\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  dismissLabel?: string\n  /** A11y-лейбл контейнера-региона (i18n). */\n  regionLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrToasterProps>(), {\n  placement: 'top-right',\n  maxVisible: 4,\n  dismissLabel: undefined,\n  regionLabel: undefined,\n})\n\nconst { t } = useGranularityTranslations()\nconst resolvedDismissLabel = computed(() => props.dismissLabel ?? t('gr.toaster.dismiss', 'Dismiss'))\nconst resolvedRegionLabel = computed(() => props.regionLabel ?? t('gr.toaster.region', 'Notifications'))\n\nconst { list, dismiss, pause, resume } = useToast()\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем `teleport`.\nconst isClient = typeof window !== 'undefined'\n\n// Видимые тосты (не больше `maxVisible`); остальные — в очереди.\nconst visibleToasts = computed(() => list.value.slice(0, Math.max(1, props.maxVisible)))\nconst visibleIds = computed(() => new Set(visibleToasts.value.map(toast => toast.id)))\n\n// Пауза под курсором/фокусом (WCAG 2.2.1). Один флаг на весь стек.\nconst paused = ref(false)\n\n// Единый источник правды по таймерам: тост тикает, только если он видим И стек не на\n// паузе. Очередь и hover — на паузе. Реагирует на изменения списка/hover.\nwatchEffect(() => {\n  for (const toast of list.value) {\n    if (visibleIds.value.has(toast.id) && !paused.value)\n      resume(toast.id)\n    else\n      pause(toast.id)\n  }\n})\n\nfunction metaFor(tone: GrToastTone): ToneMeta {\n  return TONE_META[tone] ?? TONE_META.info\n}\n\nconst containerClass = computed(() => PLACEMENT_CLASS[props.placement])\n</script>\n\n<template>\n  <teleport to=\"body\" :disabled=\"!isClient\">\n    <div\n        data-gr-toaster\n        role=\"region\"\n        :aria-label=\"resolvedRegionLabel\"\n        class=\"fixed z-[var(--gr-z-toast)] w-[360px] max-w-[calc(100vw-2rem)]\"\n        :class=\"containerClass\"\n        @mouseenter=\"paused = true\"\n        @mouseleave=\"paused = false\"\n        @focusin=\"paused = true\"\n        @focusout=\"paused = false\"\n    >\n      <!-- Постоянный live-region: существует всегда, поэтому вставленные тосты озвучиваются. -->\n      <TransitionGroup\n          tag=\"div\"\n          aria-live=\"polite\"\n          aria-atomic=\"false\"\n          class=\"grid gap-3\"\n          enter-active-class=\"transition duration-200 ease-out\"\n          enter-from-class=\"opacity-0 translate-y-2\"\n          enter-to-class=\"opacity-100 translate-y-0\"\n          leave-active-class=\"transition duration-150 ease-in absolute\"\n          leave-from-class=\"opacity-100 translate-y-0\"\n          leave-to-class=\"opacity-0 translate-y-2\"\n          move-class=\"transition-transform duration-200 ease-out\"\n      >\n        <div\n            v-for=\"toast in visibleToasts\"\n            :key=\"toast.id\"\n            data-gr-toast\n            :data-tone=\"toast.tone\"\n            :role=\"metaFor(toast.tone).role\"\n            aria-atomic=\"true\"\n            class=\"relative overflow-hidden rounded-[var(--gr-radius-lg)] border border-[var(--brd)] bg-[var(--card)] px-4 py-3 shadow-[var(--gr-shadow-2)]\"\n        >\n          <div class=\"flex items-start gap-3\">\n            <GrIcon size=\"md\" class=\"mt-0.5\" :style=\"{ color: metaFor(toast.tone).color }\" aria-hidden=\"true\">\n              <component :is=\"metaFor(toast.tone).icon\" />\n            </GrIcon>\n            <div class=\"min-w-0 flex-1\">\n              <div class=\"text-[13px] font-700\">\n                {{ toast.title }}\n              </div>\n              <div v-if=\"toast.message\" class=\"mt-0.5 text-[13px] text-[var(--muted-fg)]\">\n                {{ toast.message }}\n              </div>\n            </div>\n            <GrButton\n                variant=\"ghost\"\n                size=\"sm\"\n                square\n                :aria-label=\"resolvedDismissLabel\"\n                @click=\"dismiss(toast.id)\"\n            >\n              <GrIcon size=\"sm\" aria-hidden=\"true\">\n                <IconClose />\n              </GrIcon>\n            </GrButton>\n          </div>\n\n          <!-- Прогресс до автозакрытия; замирает вместе с таймером на паузе. -->\n          <div\n              v-if=\"toast.timeoutMs > 0\"\n              data-gr-toast-progress\n              aria-hidden=\"true\"\n              class=\"gr-toast-progress absolute bottom-0 left-0 h-[2px] w-full origin-left\"\n              :style=\"{\n                backgroundColor: metaFor(toast.tone).color,\n                animationDuration: `${toast.timeoutMs}ms`,\n                animationPlayState: paused ? 'paused' : 'running',\n              }\"\n          />\n        </div>\n      </TransitionGroup>\n    </div>\n  </teleport>\n</template>\n\n<style scoped>\n.gr-toast-progress {\n  animation-name: gr-toast-progress;\n  animation-timing-function: linear;\n  animation-fill-mode: forwards;\n}\n\n@keyframes gr-toast-progress {\n  from {\n    transform: scaleX(1);\n  }\n  to {\n    transform: scaleX(0);\n  }\n}\n</style>\n","<script setup lang=\"ts\">\n/**\n * GrToaster — GR-примитив области уведомлений (toast).\n *\n * Модель состояния берётся из `useToast`, поэтому в приложении предполагается\n * **один активный `GrToaster`** на корень (или app-scoped через плагин).\n *\n * A11y:\n * - контейнер — `role=\"region\"` с `aria-label` (i18n-проп `regionLabel`);\n * - список обёрнут в ПОСТОЯННЫЙ live-region (`aria-live=\"polite\"`), который\n *   существует до вставки тостов — иначе SR часто не озвучивают целиком\n *   вставленный узел с `aria-live`;\n * - критичные тосты (`warning`/`danger`) несут `role=\"alert\"` (ассертивно).\n *\n * UX:\n * - `maxVisible` ограничивает стек; лишние ждут в очереди (их таймеры на паузе);\n * - автозакрытие **останавливается под курсором/фокусом** (WCAG 2.2.1) и\n *   визуализируется прогресс-баром до закрытия;\n * - `placement` настраивает угол экрана; слой — `--gr-z-toast`.\n */\nimport { computed, ref, watchEffect } from 'vue'\nimport type { Component } from 'vue'\n\nimport { useToast } from '../../composables/useToast'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrToastTone } from '../../composables/useToast'\nimport GrButton from '../GrButton'\nimport GrIcon from '../GrIcon'\nimport { PLACEMENT_CLASS, type GrToasterPlacement } from './grToasterStyles'\n\nimport IconCheck from '~icons/lucide/check-circle'\nimport IconWarning from '~icons/lucide/alert-triangle'\nimport IconError from '~icons/lucide/x-circle'\nimport IconInfo from '~icons/lucide/info'\nimport IconClose from '~icons/lucide/x'\n\nexport type { GrToasterPlacement }\n\ninterface ToneMeta {\n  icon: Component\n  color: string\n  role: 'status' | 'alert'\n}\n\n// Единый маппинг по tone'у: иконка, цвет, a11y-роль. На уровне модуля —\n// чтобы не пересоздавать объект на каждый рендер.\nconst TONE_META: Record<GrToastTone, ToneMeta> = {\n  primary: { icon: IconInfo, color: 'var(--primary)', role: 'status' },\n  neutral: { icon: IconInfo, color: 'var(--muted-fg)', role: 'status' },\n  info: { icon: IconInfo, color: 'var(--gr-info)', role: 'status' },\n  success: { icon: IconCheck, color: 'var(--gr-success)', role: 'status' },\n  warning: { icon: IconWarning, color: 'var(--gr-warning)', role: 'alert' },\n  danger: { icon: IconError, color: 'var(--gr-danger)', role: 'alert' },\n  slate: { icon: IconInfo, color: 'var(--gr-slate)', role: 'status' },\n  azure: { icon: IconInfo, color: 'var(--gr-azure)', role: 'status' },\n}\n\nexport interface GrToasterProps {\n  /** Угол экрана для стека уведомлений. */\n  placement?: GrToasterPlacement\n  /** Максимум одновременно видимых тостов; остальные ждут в очереди. По умолчанию `4`. */\n  maxVisible?: number\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  dismissLabel?: string\n  /** A11y-лейбл контейнера-региона (i18n). */\n  regionLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrToasterProps>(), {\n  placement: 'top-right',\n  maxVisible: 4,\n  dismissLabel: undefined,\n  regionLabel: undefined,\n})\n\nconst { t } = useGranularityTranslations()\nconst resolvedDismissLabel = computed(() => props.dismissLabel ?? t('gr.toaster.dismiss', 'Dismiss'))\nconst resolvedRegionLabel = computed(() => props.regionLabel ?? t('gr.toaster.region', 'Notifications'))\n\nconst { list, dismiss, pause, resume } = useToast()\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем `teleport`.\nconst isClient = typeof window !== 'undefined'\n\n// Видимые тосты (не больше `maxVisible`); остальные — в очереди.\nconst visibleToasts = computed(() => list.value.slice(0, Math.max(1, props.maxVisible)))\nconst visibleIds = computed(() => new Set(visibleToasts.value.map(toast => toast.id)))\n\n// Пауза под курсором/фокусом (WCAG 2.2.1). Один флаг на весь стек.\nconst paused = ref(false)\n\n// Единый источник правды по таймерам: тост тикает, только если он видим И стек не на\n// паузе. Очередь и hover — на паузе. Реагирует на изменения списка/hover.\nwatchEffect(() => {\n  for (const toast of list.value) {\n    if (visibleIds.value.has(toast.id) && !paused.value)\n      resume(toast.id)\n    else\n      pause(toast.id)\n  }\n})\n\nfunction metaFor(tone: GrToastTone): ToneMeta {\n  return TONE_META[tone] ?? TONE_META.info\n}\n\nconst containerClass = computed(() => PLACEMENT_CLASS[props.placement])\n</script>\n\n<template>\n  <teleport to=\"body\" :disabled=\"!isClient\">\n    <div\n        data-gr-toaster\n        role=\"region\"\n        :aria-label=\"resolvedRegionLabel\"\n        class=\"fixed z-[var(--gr-z-toast)] w-[360px] max-w-[calc(100vw-2rem)]\"\n        :class=\"containerClass\"\n        @mouseenter=\"paused = true\"\n        @mouseleave=\"paused = false\"\n        @focusin=\"paused = true\"\n        @focusout=\"paused = false\"\n    >\n      <!-- Постоянный live-region: существует всегда, поэтому вставленные тосты озвучиваются. -->\n      <TransitionGroup\n          tag=\"div\"\n          aria-live=\"polite\"\n          aria-atomic=\"false\"\n          class=\"grid gap-3\"\n          enter-active-class=\"transition duration-200 ease-out\"\n          enter-from-class=\"opacity-0 translate-y-2\"\n          enter-to-class=\"opacity-100 translate-y-0\"\n          leave-active-class=\"transition duration-150 ease-in absolute\"\n          leave-from-class=\"opacity-100 translate-y-0\"\n          leave-to-class=\"opacity-0 translate-y-2\"\n          move-class=\"transition-transform duration-200 ease-out\"\n      >\n        <div\n            v-for=\"toast in visibleToasts\"\n            :key=\"toast.id\"\n            data-gr-toast\n            :data-tone=\"toast.tone\"\n            :role=\"metaFor(toast.tone).role\"\n            aria-atomic=\"true\"\n            class=\"relative overflow-hidden rounded-[var(--gr-radius-lg)] border border-[var(--brd)] bg-[var(--card)] px-4 py-3 shadow-[var(--gr-shadow-2)]\"\n        >\n          <div class=\"flex items-start gap-3\">\n            <GrIcon size=\"md\" class=\"mt-0.5\" :style=\"{ color: metaFor(toast.tone).color }\" aria-hidden=\"true\">\n              <component :is=\"metaFor(toast.tone).icon\" />\n            </GrIcon>\n            <div class=\"min-w-0 flex-1\">\n              <div class=\"text-[13px] font-700\">\n                {{ toast.title }}\n              </div>\n              <div v-if=\"toast.message\" class=\"mt-0.5 text-[13px] text-[var(--muted-fg)]\">\n                {{ toast.message }}\n              </div>\n            </div>\n            <GrButton\n                variant=\"ghost\"\n                size=\"sm\"\n                square\n                :aria-label=\"resolvedDismissLabel\"\n                @click=\"dismiss(toast.id)\"\n            >\n              <GrIcon size=\"sm\" aria-hidden=\"true\">\n                <IconClose />\n              </GrIcon>\n            </GrButton>\n          </div>\n\n          <!-- Прогресс до автозакрытия; замирает вместе с таймером на паузе. -->\n          <div\n              v-if=\"toast.timeoutMs > 0\"\n              data-gr-toast-progress\n              aria-hidden=\"true\"\n              class=\"gr-toast-progress absolute bottom-0 left-0 h-[2px] w-full origin-left\"\n              :style=\"{\n                backgroundColor: metaFor(toast.tone).color,\n                animationDuration: `${toast.timeoutMs}ms`,\n                animationPlayState: paused ? 'paused' : 'running',\n              }\"\n          />\n        </div>\n      </TransitionGroup>\n    </div>\n  </teleport>\n</template>\n\n<style scoped>\n.gr-toast-progress {\n  animation-name: gr-toast-progress;\n  animation-timing-function: linear;\n  animation-fill-mode: forwards;\n}\n\n@keyframes gr-toast-progress {\n  from {\n    transform: scaleX(1);\n  }\n  to {\n    transform: scaleX(0);\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/components/GrToaster/index.js

@@ -1,3 +1,3 @@
-import { n as grToasterSafelist, t as grToasterConfig } from "../../chunks/config-DkeLkzxj2.js";
-import { t as GrToaster_default } from "./chunks/GrToaster-C6_iHk2J.js";
+import { n as grToasterSafelist, t as grToasterConfig } from "../../chunks/config-LGrZIdaZ.js";
+import { t as GrToaster_default } from "./chunks/GrToaster-L2cu6cSR.js";
 export { GrToaster_default as GrToaster, GrToaster_default as default, grToasterConfig, grToasterSafelist };

package/dist/components/GrTooltip/chunks/{GrTooltip-BC-40SA5.js → GrTooltip-BeyZ8ssR.js}

@@ -1,10 +1,10 @@
-import { t as info_default } from "../../../chunks/info-C0bHmdZq.js";
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BV7RBU_0.js";
-import { t as useFloating } from "../../../chunks/useFloating-CLtbU7eD.js";
+import { t as info_default } from "../../../chunks/info-Be2OccTu.js";
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-D9AWQLk2.js";
+import { t as useFloating } from "../../../chunks/useFloating-DtM6TyE4.js";
 import { Teleport, Transition, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeStyle, onUnmounted, openBlock, ref, renderSlot, toDisplayString, unref, useId, vShow, watch, withCtx, withDirectives } from "vue";
 //#region src/components/GrTooltip/GrTooltip.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
-	"data-ds-tooltip": "",
+	"data-gr-tooltip": "",
 	class: "relative inline-flex"
 };
 //#endregion
@@ -17,7 +17,7 @@ var GrTooltip_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		/**
-		* GrTooltip — DS-примитив инлайн-подсказки на hover/focus.
+		* GrTooltip — GR-примитив инлайн-подсказки на hover/focus.
 		*
 		* По умолчанию триггер — иконка info; можно заменить через слот.
 		* A11y:
@@ -32,7 +32,7 @@ var GrTooltip_default = /* @__PURE__ */ defineComponent({
 		* места над триггером не хватает, а `shift` не даёт ей вылезти за края viewport.
 		*/
 		const props = __props;
-		const tooltipId = `ds-tooltip-${useId()}`;
+		const tooltipId = `gr-tooltip-${useId()}`;
 		const triggerStyle = computed(() => ({ color: props.iconColor }));
 		const isClient = typeof window !== "undefined";
 		const open = ref(false);
@@ -64,8 +64,8 @@ var GrTooltip_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("span", _hoisted_1, [createElementVNode("span", {
 				ref_key: "triggerEl",
 				ref: triggerEl,
-				"data-ds-tooltip-trigger": "",
-				"data-testid": "ds-tooltip-trigger",
+				"data-gr-tooltip-trigger": "",
+				"data-testid": "gr-tooltip-trigger",
 				tabindex: "0",
 				"aria-describedby": tooltipId,
 				class: "inline-flex items-center justify-center focus:outline-none",
@@ -96,8 +96,8 @@ var GrTooltip_default = /* @__PURE__ */ defineComponent({
 					ref_key: "panelEl",
 					ref: panelEl,
 					role: "tooltip",
-					"data-ds-tooltip-panel": "",
-					class: "pointer-events-none max-w-[280px] rounded-md border border-[var(--brd)] bg-[var(--popover)] px-2 py-1 text-[12px] text-[var(--popover-fg)] shadow-[var(--ds-shadow-1)]",
+					"data-gr-tooltip-panel": "",
+					class: "pointer-events-none max-w-[280px] rounded-md border border-[var(--brd)] bg-[var(--popover)] px-2 py-1 text-[12px] text-[var(--popover-fg)] shadow-[var(--gr-shadow-1)]",
 					style: normalizeStyle(unref(floatingStyle))
 				}, toDisplayString(__props.text), 5), [[vShow, open.value]])]),
 				_: 1

package/dist/components/GrTooltip/chunks/{GrTooltip-BC-40SA5.js.map → GrTooltip-BeyZ8ssR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrTooltip-BC-40SA5.js","names":[],"sources":["../../../../src/components/GrTooltip/GrTooltip.vue","../../../../src/components/GrTooltip/GrTooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrTooltip — DS-примитив инлайн-подсказки на 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 * по умолчанию сверху по центру, но `flip` переворачивает подсказку вниз, если\n * места над триггером не хватает, а `shift` не даёт ей вылезти за края viewport.\n */\nimport { computed, onUnmounted, ref, useId, watch } from 'vue'\n\nimport GrIcon from '../GrIcon'\nimport { useFloating } from '../../composables/internal/useFloating'\n\nimport IconInfo from '~icons/lucide/info'\n\nexport interface GrTooltipProps {\n  text: string\n  /** Цвет триггер-иконки (CSS color). По умолчанию — `var(--muted-fg)`. */\n  iconColor?: string\n}\n\nconst props = withDefaults(defineProps<GrTooltipProps>(), {\n  iconColor: 'var(--muted-fg)',\n})\n\nconst tooltipId = `ds-tooltip-${useId()}`\n\nconst triggerStyle = computed(() => ({ color: props.iconColor }))\n\nconst isClient = typeof window !== 'undefined'\n\nconst open = ref(false)\nconst triggerEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\n\nconst { floatingStyle } = useFloating(triggerEl, panelEl, open, {\n  placement: 'top',\n  zIndexVar: '--gr-z-tooltip',\n})\n\nfunction show(): void {\n  open.value = true\n}\n\nfunction hide(): void {\n  open.value = false\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') hide()\n}\n\nwatch(\n  open,\n  (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n})\n</script>\n\n<template>\n  <span data-ds-tooltip class=\"relative inline-flex\">\n    <span\n      ref=\"triggerEl\"\n      data-ds-tooltip-trigger\n      data-testid=\"ds-tooltip-trigger\"\n      tabindex=\"0\"\n      :aria-describedby=\"tooltipId\"\n      class=\"inline-flex items-center justify-center focus:outline-none\"\n      :style=\"triggerStyle\"\n      @mouseenter=\"show\"\n      @mouseleave=\"hide\"\n      @focus=\"show\"\n      @blur=\"hide\"\n    >\n      <slot>\n        <GrIcon size=\"sm\" aria-hidden=\"true\">\n          <IconInfo />\n        </GrIcon>\n      </slot>\n    </span>\n\n    <teleport to=\"body\" :disabled=\"!isClient\">\n      <transition\n        enter-active-class=\"transition-opacity duration-150\"\n        enter-from-class=\"opacity-0\"\n        enter-to-class=\"opacity-100\"\n        leave-active-class=\"transition-opacity duration-100\"\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          data-ds-tooltip-panel\n          class=\"pointer-events-none max-w-[280px] rounded-md border border-[var(--brd)] bg-[var(--popover)] px-2 py-1 text-[12px] text-[var(--popover-fg)] shadow-[var(--ds-shadow-1)]\"\n          :style=\"floatingStyle\"\n        >\n          {{ text }}\n        </span>\n      </transition>\n    </teleport>\n  </span>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrTooltip — DS-примитив инлайн-подсказки на 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 * по умолчанию сверху по центру, но `flip` переворачивает подсказку вниз, если\n * места над триггером не хватает, а `shift` не даёт ей вылезти за края viewport.\n */\nimport { computed, onUnmounted, ref, useId, watch } from 'vue'\n\nimport GrIcon from '../GrIcon'\nimport { useFloating } from '../../composables/internal/useFloating'\n\nimport IconInfo from '~icons/lucide/info'\n\nexport interface GrTooltipProps {\n  text: string\n  /** Цвет триггер-иконки (CSS color). По умолчанию — `var(--muted-fg)`. */\n  iconColor?: string\n}\n\nconst props = withDefaults(defineProps<GrTooltipProps>(), {\n  iconColor: 'var(--muted-fg)',\n})\n\nconst tooltipId = `ds-tooltip-${useId()}`\n\nconst triggerStyle = computed(() => ({ color: props.iconColor }))\n\nconst isClient = typeof window !== 'undefined'\n\nconst open = ref(false)\nconst triggerEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\n\nconst { floatingStyle } = useFloating(triggerEl, panelEl, open, {\n  placement: 'top',\n  zIndexVar: '--gr-z-tooltip',\n})\n\nfunction show(): void {\n  open.value = true\n}\n\nfunction hide(): void {\n  open.value = false\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') hide()\n}\n\nwatch(\n  open,\n  (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n})\n</script>\n\n<template>\n  <span data-ds-tooltip class=\"relative inline-flex\">\n    <span\n      ref=\"triggerEl\"\n      data-ds-tooltip-trigger\n      data-testid=\"ds-tooltip-trigger\"\n      tabindex=\"0\"\n      :aria-describedby=\"tooltipId\"\n      class=\"inline-flex items-center justify-center focus:outline-none\"\n      :style=\"triggerStyle\"\n      @mouseenter=\"show\"\n      @mouseleave=\"hide\"\n      @focus=\"show\"\n      @blur=\"hide\"\n    >\n      <slot>\n        <GrIcon size=\"sm\" aria-hidden=\"true\">\n          <IconInfo />\n        </GrIcon>\n      </slot>\n    </span>\n\n    <teleport to=\"body\" :disabled=\"!isClient\">\n      <transition\n        enter-active-class=\"transition-opacity duration-150\"\n        enter-from-class=\"opacity-0\"\n        enter-to-class=\"opacity-100\"\n        leave-active-class=\"transition-opacity duration-100\"\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          data-ds-tooltip-panel\n          class=\"pointer-events-none max-w-[280px] rounded-md border border-[var(--brd)] bg-[var(--popover)] px-2 py-1 text-[12px] text-[var(--popover-fg)] shadow-[var(--ds-shadow-1)]\"\n          :style=\"floatingStyle\"\n        >\n          {{ text }}\n        </span>\n      </transition>\n    </teleport>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,QAAQ;EAId,MAAM,YAAY,cAAc,OAAO;EAEvC,MAAM,eAAe,gBAAgB,EAAE,OAAO,MAAM,WAAW,EAAC;EAEhE,MAAM,WAAW,OAAO,WAAW;EAEnC,MAAM,OAAO,IAAI,MAAK;EACtB,MAAM,YAAY,IAAwB,KAAI;EAC9C,MAAM,UAAU,IAAwB,KAAI;EAE5C,MAAM,EAAE,kBAAkB,YAAY,WAAW,SAAS,MAAM;GAC9D,WAAW;GACX,WAAW;GACZ,CAAA;EAED,SAAS,OAAa;AACpB,QAAK,QAAQ;;EAGf,SAAS,OAAa;AACpB,QAAK,QAAQ;;EAGf,SAAS,cAAc,GAAwB;AAC7C,OAAI,EAAE,QAAQ,SAAU,OAAK;;AAG/B,QACE,OACC,WAAW;AACV,OAAI,OAAO,aAAa,YAAa;AAErC,YAAS,oBAAoB,WAAW,cAAa;AACrD,OAAI,OAAQ,UAAS,iBAAiB,WAAW,cAAa;KAEhE,EAAE,WAAW,MAAM,CACrB;AAEA,oBAAkB;AAChB,OAAI,OAAO,aAAa,YAAa;AACrC,YAAS,oBAAoB,WAAW,cAAa;IACtD;;uBAIC,mBA2CO,QA3CP,YA2CO,CA1CL,mBAkBO,QAAA;aAjBD;IAAJ,KAAI;IACJ,2BAAA;IACA,eAAY;IACZ,UAAS;IACR,oBAAkB;IACnB,OAAM;IACL,OAAK,eAAE,aAAA,MAAY;IACnB,cAAY;IACZ,cAAY;IACZ,SAAO;IACP,QAAM;OAEP,WAIO,KAAA,QAAA,WAAA,EAAA,QAAA,CAHL,YAES,MAAA,eAAA,EAAA;IAFD,MAAK;IAAK,eAAY;;2BAChB,CAAZ,YAAY,MAAA,aAAA,CAAA,CAAA,CAAA;;6BAKlB,YAqBW,UAAA;IArBD,IAAG;IAAQ,UAAQ,CAAG;OAC9B,YAmBa,YAAA;IAlBX,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;IACf,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;;2BAYR,CAAA,eAVP,mBAUO,QAAA;KARJ,IAAI;cACD;KAAJ,KAAI;KACJ,MAAK;KACL,yBAAA;KACA,OAAM;KACL,OAAK,eAAE,MAAA,cAAa,CAAA;uBAElB,QAAA,KAAI,EAAA,EAAA,EAAA,CAAA,CAAA,OARC,KAAA,MAAI,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"GrTooltip-BeyZ8ssR.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 * по умолчанию сверху по центру, но `flip` переворачивает подсказку вниз, если\n * места над триггером не хватает, а `shift` не даёт ей вылезти за края viewport.\n */\nimport { computed, onUnmounted, ref, useId, watch } from 'vue'\n\nimport GrIcon from '../GrIcon'\nimport { useFloating } from '../../composables/internal/useFloating'\n\nimport IconInfo from '~icons/lucide/info'\n\nexport interface GrTooltipProps {\n  text: string\n  /** Цвет триггер-иконки (CSS color). По умолчанию — `var(--muted-fg)`. */\n  iconColor?: string\n}\n\nconst props = withDefaults(defineProps<GrTooltipProps>(), {\n  iconColor: 'var(--muted-fg)',\n})\n\nconst tooltipId = `gr-tooltip-${useId()}`\n\nconst triggerStyle = computed(() => ({ color: props.iconColor }))\n\nconst isClient = typeof window !== 'undefined'\n\nconst open = ref(false)\nconst triggerEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\n\nconst { floatingStyle } = useFloating(triggerEl, panelEl, open, {\n  placement: 'top',\n  zIndexVar: '--gr-z-tooltip',\n})\n\nfunction show(): void {\n  open.value = true\n}\n\nfunction hide(): void {\n  open.value = false\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') hide()\n}\n\nwatch(\n  open,\n  (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n})\n</script>\n\n<template>\n  <span data-gr-tooltip class=\"relative inline-flex\">\n    <span\n      ref=\"triggerEl\"\n      data-gr-tooltip-trigger\n      data-testid=\"gr-tooltip-trigger\"\n      tabindex=\"0\"\n      :aria-describedby=\"tooltipId\"\n      class=\"inline-flex items-center justify-center focus:outline-none\"\n      :style=\"triggerStyle\"\n      @mouseenter=\"show\"\n      @mouseleave=\"hide\"\n      @focus=\"show\"\n      @blur=\"hide\"\n    >\n      <slot>\n        <GrIcon size=\"sm\" aria-hidden=\"true\">\n          <IconInfo />\n        </GrIcon>\n      </slot>\n    </span>\n\n    <teleport to=\"body\" :disabled=\"!isClient\">\n      <transition\n        enter-active-class=\"transition-opacity duration-150\"\n        enter-from-class=\"opacity-0\"\n        enter-to-class=\"opacity-100\"\n        leave-active-class=\"transition-opacity duration-100\"\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          data-gr-tooltip-panel\n          class=\"pointer-events-none max-w-[280px] rounded-md border border-[var(--brd)] bg-[var(--popover)] px-2 py-1 text-[12px] text-[var(--popover-fg)] shadow-[var(--gr-shadow-1)]\"\n          :style=\"floatingStyle\"\n        >\n          {{ text }}\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 * по умолчанию сверху по центру, но `flip` переворачивает подсказку вниз, если\n * места над триггером не хватает, а `shift` не даёт ей вылезти за края viewport.\n */\nimport { computed, onUnmounted, ref, useId, watch } from 'vue'\n\nimport GrIcon from '../GrIcon'\nimport { useFloating } from '../../composables/internal/useFloating'\n\nimport IconInfo from '~icons/lucide/info'\n\nexport interface GrTooltipProps {\n  text: string\n  /** Цвет триггер-иконки (CSS color). По умолчанию — `var(--muted-fg)`. */\n  iconColor?: string\n}\n\nconst props = withDefaults(defineProps<GrTooltipProps>(), {\n  iconColor: 'var(--muted-fg)',\n})\n\nconst tooltipId = `gr-tooltip-${useId()}`\n\nconst triggerStyle = computed(() => ({ color: props.iconColor }))\n\nconst isClient = typeof window !== 'undefined'\n\nconst open = ref(false)\nconst triggerEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\n\nconst { floatingStyle } = useFloating(triggerEl, panelEl, open, {\n  placement: 'top',\n  zIndexVar: '--gr-z-tooltip',\n})\n\nfunction show(): void {\n  open.value = true\n}\n\nfunction hide(): void {\n  open.value = false\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') hide()\n}\n\nwatch(\n  open,\n  (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n})\n</script>\n\n<template>\n  <span data-gr-tooltip class=\"relative inline-flex\">\n    <span\n      ref=\"triggerEl\"\n      data-gr-tooltip-trigger\n      data-testid=\"gr-tooltip-trigger\"\n      tabindex=\"0\"\n      :aria-describedby=\"tooltipId\"\n      class=\"inline-flex items-center justify-center focus:outline-none\"\n      :style=\"triggerStyle\"\n      @mouseenter=\"show\"\n      @mouseleave=\"hide\"\n      @focus=\"show\"\n      @blur=\"hide\"\n    >\n      <slot>\n        <GrIcon size=\"sm\" aria-hidden=\"true\">\n          <IconInfo />\n        </GrIcon>\n      </slot>\n    </span>\n\n    <teleport to=\"body\" :disabled=\"!isClient\">\n      <transition\n        enter-active-class=\"transition-opacity duration-150\"\n        enter-from-class=\"opacity-0\"\n        enter-to-class=\"opacity-100\"\n        leave-active-class=\"transition-opacity duration-100\"\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          data-gr-tooltip-panel\n          class=\"pointer-events-none max-w-[280px] rounded-md border border-[var(--brd)] bg-[var(--popover)] px-2 py-1 text-[12px] text-[var(--popover-fg)] shadow-[var(--gr-shadow-1)]\"\n          :style=\"floatingStyle\"\n        >\n          {{ text }}\n        </span>\n      </transition>\n    </teleport>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,QAAQ;EAId,MAAM,YAAY,cAAc,MAAM;EAEtC,MAAM,eAAe,gBAAgB,EAAE,OAAO,MAAM,UAAU,EAAE;EAEhE,MAAM,WAAW,OAAO,WAAW;EAEnC,MAAM,OAAO,IAAI,KAAK;EACtB,MAAM,YAAY,IAAwB,IAAI;EAC9C,MAAM,UAAU,IAAwB,IAAI;EAE5C,MAAM,EAAE,kBAAkB,YAAY,WAAW,SAAS,MAAM;GAC9D,WAAW;GACX,WAAW;EACb,CAAC;EAED,SAAS,OAAa;GACpB,KAAK,QAAQ;EACf;EAEA,SAAS,OAAa;GACpB,KAAK,QAAQ;EACf;EAEA,SAAS,cAAc,GAAwB;GAC7C,IAAI,EAAE,QAAQ,UAAU,KAAK;EAC/B;EAEA,MACE,OACC,WAAW;GACV,IAAI,OAAO,aAAa,aAAa;GAErC,SAAS,oBAAoB,WAAW,aAAa;GACrD,IAAI,QAAQ,SAAS,iBAAiB,WAAW,aAAa;EAChE,GACA,EAAE,WAAW,KAAK,CACpB;EAEA,kBAAkB;GAChB,IAAI,OAAO,aAAa,aAAa;GACrC,SAAS,oBAAoB,WAAW,aAAa;EACvD,CAAC;;uBAIC,mBA2CO,QA3CP,YA2CO,CA1CL,mBAkBO,QAAA;aAjBD;IAAJ,KAAI;IACJ,2BAAA;IACA,eAAY;IACZ,UAAS;IACR,oBAAkB;IACnB,OAAM;IACL,OAAK,eAAE,aAAA,KAAY;IACnB,cAAY;IACZ,cAAY;IACZ,SAAO;IACP,QAAM;OAEP,WAIO,KAAA,QAAA,WAAA,CAAA,SAAA,CAHL,YAES,MAAA,cAAA,GAAA;IAFD,MAAK;IAAK,eAAY;;2BAChB,CAAZ,YAAY,MAAA,YAAA,CAAA,CAAA,CAAA;;6BAKlB,YAqBW,UAAA;IArBD,IAAG;IAAQ,UAAQ,CAAG;OAC9B,YAmBa,YAAA;IAlBX,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;IACf,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;;2BAYR,CAAA,eAVP,mBAUO,QAAA;KARJ,IAAI;cACD;KAAJ,KAAI;KACJ,MAAK;KACL,yBAAA;KACA,OAAM;KACL,OAAK,eAAE,MAAA,aAAA,CAAa;uBAElB,QAAA,IAAI,GAAA,CAAA,GAAA,CAAA,CAAA,OARC,KAAA,KAAI,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/GrTooltip/index.js

@@ -1,3 +1,3 @@
-import { t as GrTooltip_default } from "./chunks/GrTooltip-BC-40SA5.js";
-import { t as grTooltipConfig } from "../../chunks/config-Dl5aZ5VR.js";
+import { t as GrTooltip_default } from "./chunks/GrTooltip-BeyZ8ssR.js";
+import { t as grTooltipConfig } from "../../chunks/config-JOtB4mzs.js";
 export { GrTooltip_default as GrTooltip, GrTooltip_default as default, grTooltipConfig };

package/dist/components/GrTree/chunks/{GrTree-uZr5SyQI.js → GrTree-B2_yW6g1.js}

@@ -1,5 +1,6 @@
-import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-DQR7Sy7Q.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, resolveComponent, shallowRef, toDisplayString, toValue, unref, watch, withCtx, withModifiers } from "vue";
+import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-DoV7Ca2m.js";
+import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-BOaGB7Aw.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, resolveComponent, shallowRef, toDisplayString, toValue, unref, watch, withCtx, withModifiers } from "vue";
 import '../../../GrTree.css';//#region src/components/GrTree/grTreeDataAdapter.ts
 var DEFAULT_CHILDREN_KEY = "children";
 var DEFAULT_LABEL_KEY = "label";
@@ -60,6 +61,7 @@ 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);
 	function canDrag(node) {
@@ -77,6 +79,7 @@ function createGrTreeInteractionContext(options, emitters) {
 	}
 	return {
 		hoveredKey,
+		focusedKey,
 		draggingNode,
 		dropTarget,
 		canDrag,
@@ -343,8 +346,14 @@ function createGrTreeStore(options) {
 }
 //#endregion
 //#region src/components/GrTree/GrTree.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["data-ds-tree", "role"];
-var _hoisted_2 = ["aria-level", "aria-expanded"];
+var _hoisted_1 = ["data-gr-tree", "role"];
+var _hoisted_2 = [
+	"data-gr-tree-node-key",
+	"aria-level",
+	"aria-expanded",
+	"aria-selected",
+	"tabindex"
+];
 var _hoisted_3 = [
 	"onClick",
 	"onDrop",
@@ -358,12 +367,12 @@ var _hoisted_4 = [
 	"onDragstart"
 ];
 var _hoisted_5 = ["aria-label", "onClick"];
-var _hoisted_6 = { class: "ds-tree__label" };
-var _hoisted_7 = { class: "ds-tree__label" };
-var DEFAULT_BRANCH_LINE_COLOR = "var(--ds-tree-branch-line-default-color, #e2e8f0)";
+var _hoisted_6 = { class: "gr-tree__label" };
+var _hoisted_7 = { class: "gr-tree__label" };
+var DEFAULT_BRANCH_LINE_COLOR = "var(--gr-tree-branch-line-default-color, var(--brd))";
 //#endregion
 //#region src/components/GrTree/GrTree.vue
-var GrTree_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var GrTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	name: "GrTree",
 	__name: "GrTree",
 	props: {
@@ -463,9 +472,9 @@ var GrTree_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PUR
 			],
 			default: void 0
 		},
-		dragLabel: { default: "Drag" },
-		expandLabel: { default: "Expand" },
-		collapseLabel: { default: "Collapse" },
+		dragLabel: { default: void 0 },
+		expandLabel: { default: void 0 },
+		collapseLabel: { default: void 0 },
 		draggable: {
 			type: Boolean,
 			default: false
@@ -504,9 +513,15 @@ var GrTree_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PUR
 			emitNodeDrop: (draggingNode, dropNode, dropType) => emit("nodeDrop", draggingNode, dropNode, dropType)
 		});
 		const treeProps = props;
+		const { t } = useGranularityTranslations();
+		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);
 		const visibleRows = computed(() => {
 			if (props.internalRows) return props.internalRows;
 			const { roots } = treeStore.treeModel.value;
@@ -532,8 +547,92 @@ var GrTree_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PUR
 		});
 		function onRowClick(node) {
 			treeStore.setCurrentKey(node.key);
+			focusedKey.value = node.key;
 			interactionContext.emitNodeClick(node.data, node);
 		}
+		const flatVisibleRows = computed(() => {
+			const out = [];
+			const walk = (rows) => {
+				for (const row of rows) {
+					out.push({
+						node: row.node,
+						isLeaf: row.isLeaf,
+						isExpanded: row.isExpanded
+					});
+					if (row.children.length) walk(row.children);
+				}
+			};
+			walk(visibleRows.value);
+			return out;
+		});
+		function isRovingItem(key) {
+			return focusedKey.value === key;
+		}
+		function focusRow(key) {
+			focusedKey.value = key;
+			nextTick(() => {
+				const root = treeRootEl.value;
+				if (!root) return;
+				const target = String(key);
+				Array.from(root.querySelectorAll("[data-gr-tree-node-key]")).find((node) => node.getAttribute("data-gr-tree-node-key") === target)?.focus();
+			});
+		}
+		function onTreeKeydown(event) {
+			if (props.internalNested) return;
+			const rows = flatVisibleRows.value;
+			if (rows.length === 0) return;
+			const idx = Math.max(0, rows.findIndex((r) => r.node.key === focusedKey.value));
+			const cur = rows[idx];
+			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) {
+						if (!cur.isExpanded) toggleExpand(cur.node);
+						else if (idx < rows.length - 1) focusRow(rows[idx + 1].node.key);
+					}
+					break;
+				case "ArrowLeft":
+					event.preventDefault();
+					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":
+				case " ":
+					event.preventDefault();
+					onRowClick(cur.node);
+					break;
+			}
+		}
+		function normalizeFocusedKey() {
+			if (props.internalNested) return;
+			const rows = flatVisibleRows.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;
+		}
+		if (!props.internalNested) {
+			normalizeFocusedKey();
+			watch(flatVisibleRows, normalizeFocusedKey, { flush: "sync" });
+		}
 		function onRowMouseEnter(node) {
 			hoveredKey.value = node.key;
 		}
@@ -629,7 +728,7 @@ var GrTree_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PUR
 		}
 		function resolveChildrenWrapStyle(row) {
 			if (!treeProps.branchLine) return {};
-			return { "--ds-tree-branch-line-color": resolveBranchLineColor(row.node) };
+			return { "--gr-tree-branch-line-color": resolveBranchLineColor(row.node) };
 		}
 		__expose({
 			appendNode: treeStore.appendNode,
@@ -646,27 +745,32 @@ var GrTree_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PUR
 		return (_ctx, _cache) => {
 			const _component_GrTree = resolveComponent("GrTree", true);
 			return openBlock(), createElementBlock("div", {
-				"data-ds-tree": props.internalNested ? void 0 : "",
-				class: normalizeClass(props.internalNested ? "ds-tree__children" : "ds-tree"),
-				role: props.internalNested ? "group" : "tree"
+				ref_key: "treeRootEl",
+				ref: treeRootEl,
+				"data-gr-tree": props.internalNested ? void 0 : "",
+				class: normalizeClass(props.internalNested ? "gr-tree__children" : "gr-tree"),
+				role: props.internalNested ? "group" : "tree",
+				onKeydown: onTreeKeydown
 			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleRows.value, (row) => {
 				return openBlock(), createElementBlock("div", {
 					key: row.node.key,
-					"data-ds-tree-node": "",
+					"data-gr-tree-node": "",
+					"data-gr-tree-node-key": row.node.key,
 					role: "treeitem",
 					"aria-level": row.node.level,
-					"aria-expanded": row.isLeaf ? void 0 : row.isExpanded
+					"aria-expanded": row.isLeaf ? void 0 : row.isExpanded,
+					"aria-selected": unref(currentKey) === row.node.key ? "true" : "false",
+					tabindex: isRovingItem(row.node.key) ? 0 : -1
 				}, [createElementVNode("div", {
-					"data-ds-tree-row": "",
-					class: normalizeClass(["ds-tree__row py-2 px-2", [
-						unref(treeProps).highlightCurrent && unref(currentKey) === row.node.key ? "ds-tree__row--current" : "",
-						row.isMatched ? "ds-tree__row--matched" : "",
-						unref(dropTarget)?.key === row.node.key && unref(dropTarget).allowed && unref(dropTarget).type === "inner" ? "ds-tree__row--drop-inner" : "",
-						unref(dropTarget)?.key === row.node.key && unref(dropTarget).allowed && unref(dropTarget).type === "prev" ? "ds-tree__row--drop-prev" : "",
-						unref(dropTarget)?.key === row.node.key && unref(dropTarget).allowed && unref(dropTarget).type === "next" ? "ds-tree__row--drop-next" : "",
+					"data-gr-tree-row": "",
+					class: normalizeClass(["gr-tree__row py-2 px-2", [
+						unref(treeProps).highlightCurrent && unref(currentKey) === row.node.key ? "gr-tree__row--current" : "",
+						row.isMatched ? "gr-tree__row--matched" : "",
+						unref(dropTarget)?.key === row.node.key && unref(dropTarget).allowed && unref(dropTarget).type === "inner" ? "gr-tree__row--drop-inner" : "",
+						unref(dropTarget)?.key === row.node.key && unref(dropTarget).allowed && unref(dropTarget).type === "prev" ? "gr-tree__row--drop-prev" : "",
+						unref(dropTarget)?.key === row.node.key && unref(dropTarget).allowed && unref(dropTarget).type === "next" ? "gr-tree__row--drop-next" : "",
 						resolveNodeClass(unref(treeProps).rowClass, row)
 					]]),
-					tabindex: "0",
 					onClick: ($event) => onRowClick(row.node),
 					onDrop: ($event) => onDrop($event, row.node),
 					onDragover: ($event) => onDragOver($event, row.node, $event.currentTarget),
@@ -676,41 +780,41 @@ var GrTree_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PUR
 					unref(treeProps).draggable ? (openBlock(), createElementBlock("button", {
 						key: 0,
 						type: "button",
-						"data-ds-tree-drag-handle": "",
-						class: normalizeClass(["ds-tree__drag-handle", [
-							shouldShowDragHandle(row.node) ? "ds-tree__drag-handle--visible" : "",
-							canDrag(row.node) ? "" : "ds-tree__drag-handle--disabled",
+						"data-gr-tree-drag-handle": "",
+						class: normalizeClass(["gr-tree__drag-handle", [
+							shouldShowDragHandle(row.node) ? "gr-tree__drag-handle--visible" : "",
+							canDrag(row.node) ? "" : "gr-tree__drag-handle--disabled",
 							resolveNodeClass(unref(treeProps).dragHandleClass, row)
 						]]),
-						"aria-label": unref(treeProps).dragLabel,
+						"aria-label": dragLabel.value,
 						draggable: canDrag(row.node),
 						onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
 						onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
 						onDragstart: ($event) => onDragStart($event, row.node),
 						onDragend: onDragEnd
-					}, [createElementVNode("span", { class: normalizeClass(["ds-tree__drag-icon", unref(treeProps).dragHandleIcon]) }, null, 2)], 42, _hoisted_4)) : createCommentVNode("", true),
+					}, [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,
-						"data-ds-tree-toggle": "",
+						"data-gr-tree-toggle": "",
 						type: "button",
-						class: normalizeClass(["ds-tree__toggle", resolveNodeClass(unref(treeProps).toggleClass, row)]),
-						"aria-label": row.isExpanded ? unref(treeProps).collapseLabel : unref(treeProps).expandLabel,
+						class: normalizeClass(["gr-tree__toggle", resolveNodeClass(unref(treeProps).toggleClass, row)]),
+						"aria-label": row.isExpanded ? collapseLabel.value : expandLabel.value,
 						onClick: withModifiers(($event) => toggleExpand(row.node), ["stop"])
-					}, [createElementVNode("span", { class: normalizeClass(["ds-tree__toggle-icon", [
+					}, [createElementVNode("span", { class: normalizeClass(["gr-tree__toggle-icon", [
 						row.isExpanded ? unref(treeProps).collapseIcon : unref(treeProps).expandIcon,
-						row.isExpanded && unref(treeProps).toggleIconRotate ? "ds-tree__toggle-icon--expanded" : "",
+						row.isExpanded && unref(treeProps).toggleIconRotate ? "gr-tree__toggle-icon--expanded" : "",
 						resolveNodeClass(unref(treeProps).toggleIconClass, row)
 					]]) }, null, 2)], 10, _hoisted_5)) : (openBlock(), createElementBlock("span", {
 						key: 2,
-						class: normalizeClass(["ds-tree__toggle-spacer", resolveNodeClass(unref(treeProps).toggleSpacerClass, row)])
+						class: normalizeClass(["gr-tree__toggle-spacer", resolveNodeClass(unref(treeProps).toggleSpacerClass, row)])
 					}, null, 2)),
-					createElementVNode("div", { class: normalizeClass(["ds-tree__content", resolveNodeClass(unref(treeProps).contentClass, row)]) }, [renderSlot(_ctx.$slots, "default", {
+					createElementVNode("div", { class: normalizeClass(["gr-tree__content", resolveNodeClass(unref(treeProps).contentClass, row)]) }, [renderSlot(_ctx.$slots, "default", {
 						node: row.node,
 						data: row.node.data
 					}, () => [createElementVNode("span", _hoisted_6, toDisplayString(row.node.label), 1)], true)], 2)
 				], 42, _hoisted_3), row.children.length ? (openBlock(), createElementBlock("div", {
 					key: 0,
-					class: normalizeClass(["ds-tree__children-wrap ml-6", unref(treeProps).branchLine ? "ds-tree__children-wrap--with-branch" : ""]),
+					class: normalizeClass(["gr-tree__children-wrap ml-6", unref(treeProps).branchLine ? "gr-tree__children-wrap--with-branch" : ""]),
 					style: normalizeStyle(resolveChildrenWrapStyle(row))
 				}, [createVNode(_component_GrTree, mergeProps({ ref_for: true }, props, {
 					data: [],
@@ -726,9 +830,9 @@ var GrTree_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PUR
 					"internal-store",
 					"internal-interaction-context"
 				])], 6)) : createCommentVNode("", true)], 8, _hoisted_2);
-			}), 128))], 10, _hoisted_1);
+			}), 128))], 42, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-0d01877b"]]);
+}), [["__scopeId", "data-v-afef9198"]]);
 //#endregion
 export { GrTree_default as t };