@feugene/granularity 0.9.3 → 0.10.0

package/dist/components/GrSwitch/chunks/{GrSwitch-29h0QhMO.js → GrSwitch-CSRtcN5-.js}

@@ -1,4 +1,4 @@
-import { a as grSwitchTrackClass, i as grSwitchThumbClass, r as grSwitchLabelClass } from "../../../chunks/config-_3De4HFf.js";
+import { a as grSwitchTrackClass, i as grSwitchThumbClass, r as grSwitchLabelClass } from "../../../chunks/config-RjfJFv1Y.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot } from "vue";
 //#region src/components/GrSwitch/GrSwitch.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [

package/dist/components/GrSwitch/chunks/{GrSwitch-29h0QhMO.js.map → GrSwitch-CSRtcN5-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrSwitch-29h0QhMO.js","names":["$slots"],"sources":["../../../../src/components/GrSwitch/GrSwitch.vue","../../../../src/components/GrSwitch/GrSwitch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {computed} from 'vue'\n\nimport {\n  grSwitchLabelClass,\n  grSwitchThumbClass,\n  grSwitchTrackClass,\n  type GrSwitchSize,\n} from './grSwitchStyles'\n\nexport type {GrSwitchSize} from './grSwitchStyles'\n\n/**\n * Пропсы публичного DS-примитива «Switch».\n */\nexport interface GrSwitchProps {\n  modelValue: boolean\n  disabled?: boolean\n  ariaLabel?: string\n  size?: GrSwitchSize\n  /** Кастомный цвет фона в активном состоянии. Если не задан — `var(--primary)`. */\n  activeBackgroundColor?: string\n  /** Кастомный цвет фона в неактивном состоянии. Если не задан — `var(--muted)`. */\n  inactiveBackgroundColor?: string\n}\n\nconst getCustomColor = (value?: string) => value?.trim() || undefined\n\nconst props = withDefaults(\n    defineProps<GrSwitchProps>(),\n    {\n      disabled: false,\n      ariaLabel: undefined,\n      size: 'md',\n      activeBackgroundColor: undefined,\n      inactiveBackgroundColor: undefined,\n    },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst trackClass = computed(() => grSwitchTrackClass(props.size))\n\nconst trackStyle = computed(() => {\n  const isChecked = props.modelValue\n  const defaultBackgroundColor = isChecked ? 'var(--primary)' : 'var(--muted)'\n  const customBackgroundColor = getCustomColor(\n      isChecked ? props.activeBackgroundColor : props.inactiveBackgroundColor,\n  )\n  const backgroundColor = customBackgroundColor ?? defaultBackgroundColor\n\n  return {\n    '--ds-switch-track-bg': backgroundColor,\n    '--ds-switch-track-brd': customBackgroundColor\n        ? backgroundColor\n        : isChecked\n            ? 'var(--primary)'\n            : 'var(--brd)',\n    backgroundColor: 'var(--ds-switch-track-bg)',\n  }\n})\n\nconst thumbClass = computed(() => grSwitchThumbClass({size: props.size, checked: props.modelValue}))\n\nconst labelClass = computed(() => grSwitchLabelClass(props.size))\n\nfunction toggle(): void {\n  if (props.disabled) {\n    return\n  }\n\n  emit('update:modelValue', !props.modelValue)\n}\n</script>\n\n<template>\n  <button\n      type=\"button\"\n      role=\"switch\"\n      data-ds-switch\n      :aria-checked=\"modelValue ? 'true' : 'false'\"\n      :aria-label=\"ariaLabel\"\n      :disabled=\"disabled\"\n      class=\"inline-flex items-center gap-2 select-none disabled:opacity-50 disabled:cursor-not-allowed\"\n      @click=\"toggle\"\n  >\n    <span\n        data-testid=\"ds-switch-track\"\n        data-ds-switch-track\n        :class=\"trackClass\"\n        :style=\"trackStyle\"\n    >\n      <span\n          data-testid=\"ds-switch-thumb\"\n          data-ds-switch-thumb\n          :class=\"thumbClass\"\n          aria-hidden=\"true\"\n      />\n    </span>\n    <span\n        v-if=\"$slots.default\"\n        data-ds-switch-label\n        :class=\"labelClass\"\n    >\n      <slot />\n    </span>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport {computed} from 'vue'\n\nimport {\n  grSwitchLabelClass,\n  grSwitchThumbClass,\n  grSwitchTrackClass,\n  type GrSwitchSize,\n} from './grSwitchStyles'\n\nexport type {GrSwitchSize} from './grSwitchStyles'\n\n/**\n * Пропсы публичного DS-примитива «Switch».\n */\nexport interface GrSwitchProps {\n  modelValue: boolean\n  disabled?: boolean\n  ariaLabel?: string\n  size?: GrSwitchSize\n  /** Кастомный цвет фона в активном состоянии. Если не задан — `var(--primary)`. */\n  activeBackgroundColor?: string\n  /** Кастомный цвет фона в неактивном состоянии. Если не задан — `var(--muted)`. */\n  inactiveBackgroundColor?: string\n}\n\nconst getCustomColor = (value?: string) => value?.trim() || undefined\n\nconst props = withDefaults(\n    defineProps<GrSwitchProps>(),\n    {\n      disabled: false,\n      ariaLabel: undefined,\n      size: 'md',\n      activeBackgroundColor: undefined,\n      inactiveBackgroundColor: undefined,\n    },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst trackClass = computed(() => grSwitchTrackClass(props.size))\n\nconst trackStyle = computed(() => {\n  const isChecked = props.modelValue\n  const defaultBackgroundColor = isChecked ? 'var(--primary)' : 'var(--muted)'\n  const customBackgroundColor = getCustomColor(\n      isChecked ? props.activeBackgroundColor : props.inactiveBackgroundColor,\n  )\n  const backgroundColor = customBackgroundColor ?? defaultBackgroundColor\n\n  return {\n    '--ds-switch-track-bg': backgroundColor,\n    '--ds-switch-track-brd': customBackgroundColor\n        ? backgroundColor\n        : isChecked\n            ? 'var(--primary)'\n            : 'var(--brd)',\n    backgroundColor: 'var(--ds-switch-track-bg)',\n  }\n})\n\nconst thumbClass = computed(() => grSwitchThumbClass({size: props.size, checked: props.modelValue}))\n\nconst labelClass = computed(() => grSwitchLabelClass(props.size))\n\nfunction toggle(): void {\n  if (props.disabled) {\n    return\n  }\n\n  emit('update:modelValue', !props.modelValue)\n}\n</script>\n\n<template>\n  <button\n      type=\"button\"\n      role=\"switch\"\n      data-ds-switch\n      :aria-checked=\"modelValue ? 'true' : 'false'\"\n      :aria-label=\"ariaLabel\"\n      :disabled=\"disabled\"\n      class=\"inline-flex items-center gap-2 select-none disabled:opacity-50 disabled:cursor-not-allowed\"\n      @click=\"toggle\"\n  >\n    <span\n        data-testid=\"ds-switch-track\"\n        data-ds-switch-track\n        :class=\"trackClass\"\n        :style=\"trackStyle\"\n    >\n      <span\n          data-testid=\"ds-switch-thumb\"\n          data-ds-switch-thumb\n          :class=\"thumbClass\"\n          aria-hidden=\"true\"\n      />\n    </span>\n    <span\n        v-if=\"$slots.default\"\n        data-ds-switch-label\n        :class=\"labelClass\"\n    >\n      <slot />\n    </span>\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,kBAAkB,UAAmB,OAAO,MAAM,IAAI,KAAA;EAE5D,MAAM,QAAQ;EAWd,MAAM,OAAO;EAIb,MAAM,aAAa,eAAe,mBAAmB,MAAM,KAAK,CAAA;EAEhE,MAAM,aAAa,eAAe;GAChC,MAAM,YAAY,MAAM;GACxB,MAAM,yBAAyB,YAAY,mBAAmB;GAC9D,MAAM,wBAAwB,eAC1B,YAAY,MAAM,wBAAwB,MAAM,wBACpD;GACA,MAAM,kBAAkB,yBAAyB;AAEjD,UAAO;IACL,wBAAwB;IACxB,yBAAyB,wBACnB,kBACA,YACI,mBACA;IACV,iBAAiB;IACnB;IACD;EAED,MAAM,aAAa,eAAe,mBAAmB;GAAC,MAAM,MAAM;GAAM,SAAS,MAAM;GAAW,CAAC,CAAA;EAEnG,MAAM,aAAa,eAAe,mBAAmB,MAAM,KAAK,CAAA;EAEhE,SAAS,SAAe;AACtB,OAAI,MAAM,SACR;AAGF,QAAK,qBAAqB,CAAC,MAAM,WAAU;;;uBAK3C,mBA8BS,UAAA;IA7BL,MAAK;IACL,MAAK;IACL,kBAAA;IACC,gBAAc,QAAA,aAAU,SAAA;IACxB,cAAY,QAAA;IACZ,UAAU,QAAA;IACX,OAAM;IACL,SAAO;OAEV,mBAYO,QAAA;IAXH,eAAY;IACZ,wBAAA;IACC,OAAK,eAAE,WAAA,MAAU;IACjB,OAAK,eAAE,WAAA,MAAU;OAEpB,mBAKE,QAAA;IAJE,eAAY;IACZ,wBAAA;IACC,OAAK,eAAE,WAAA,MAAU;IAClB,eAAY;qBAIRA,KAAAA,OAAO,WAAA,WAAA,EADjB,mBAMO,QAAA;;IAJH,wBAAA;IACC,OAAK,eAAE,WAAA,MAAU;OAEpB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,GAAA,WAAA"}
+{"version":3,"file":"GrSwitch-CSRtcN5-.js","names":["$slots"],"sources":["../../../../src/components/GrSwitch/GrSwitch.vue","../../../../src/components/GrSwitch/GrSwitch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {computed} from 'vue'\n\nimport {\n  grSwitchLabelClass,\n  grSwitchThumbClass,\n  grSwitchTrackClass,\n  type GrSwitchSize,\n} from './grSwitchStyles'\n\nexport type {GrSwitchSize} from './grSwitchStyles'\n\n/**\n * Пропсы публичного DS-примитива «Switch».\n */\nexport interface GrSwitchProps {\n  modelValue: boolean\n  disabled?: boolean\n  ariaLabel?: string\n  size?: GrSwitchSize\n  /** Кастомный цвет фона в активном состоянии. Если не задан — `var(--primary)`. */\n  activeBackgroundColor?: string\n  /** Кастомный цвет фона в неактивном состоянии. Если не задан — `var(--muted)`. */\n  inactiveBackgroundColor?: string\n}\n\nconst getCustomColor = (value?: string) => value?.trim() || undefined\n\nconst props = withDefaults(\n    defineProps<GrSwitchProps>(),\n    {\n      disabled: false,\n      ariaLabel: undefined,\n      size: 'md',\n      activeBackgroundColor: undefined,\n      inactiveBackgroundColor: undefined,\n    },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst trackClass = computed(() => grSwitchTrackClass(props.size))\n\nconst trackStyle = computed(() => {\n  const isChecked = props.modelValue\n  const defaultBackgroundColor = isChecked ? 'var(--primary)' : 'var(--muted)'\n  const customBackgroundColor = getCustomColor(\n      isChecked ? props.activeBackgroundColor : props.inactiveBackgroundColor,\n  )\n  const backgroundColor = customBackgroundColor ?? defaultBackgroundColor\n\n  return {\n    '--ds-switch-track-bg': backgroundColor,\n    '--ds-switch-track-brd': customBackgroundColor\n        ? backgroundColor\n        : isChecked\n            ? 'var(--primary)'\n            : 'var(--brd)',\n    backgroundColor: 'var(--ds-switch-track-bg)',\n  }\n})\n\nconst thumbClass = computed(() => grSwitchThumbClass({size: props.size, checked: props.modelValue}))\n\nconst labelClass = computed(() => grSwitchLabelClass(props.size))\n\nfunction toggle(): void {\n  if (props.disabled) {\n    return\n  }\n\n  emit('update:modelValue', !props.modelValue)\n}\n</script>\n\n<template>\n  <button\n      type=\"button\"\n      role=\"switch\"\n      data-ds-switch\n      :aria-checked=\"modelValue ? 'true' : 'false'\"\n      :aria-label=\"ariaLabel\"\n      :disabled=\"disabled\"\n      class=\"inline-flex items-center gap-2 select-none disabled:opacity-50 disabled:cursor-not-allowed\"\n      @click=\"toggle\"\n  >\n    <span\n        data-testid=\"ds-switch-track\"\n        data-ds-switch-track\n        :class=\"trackClass\"\n        :style=\"trackStyle\"\n    >\n      <span\n          data-testid=\"ds-switch-thumb\"\n          data-ds-switch-thumb\n          :class=\"thumbClass\"\n          aria-hidden=\"true\"\n      />\n    </span>\n    <span\n        v-if=\"$slots.default\"\n        data-ds-switch-label\n        :class=\"labelClass\"\n    >\n      <slot />\n    </span>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport {computed} from 'vue'\n\nimport {\n  grSwitchLabelClass,\n  grSwitchThumbClass,\n  grSwitchTrackClass,\n  type GrSwitchSize,\n} from './grSwitchStyles'\n\nexport type {GrSwitchSize} from './grSwitchStyles'\n\n/**\n * Пропсы публичного DS-примитива «Switch».\n */\nexport interface GrSwitchProps {\n  modelValue: boolean\n  disabled?: boolean\n  ariaLabel?: string\n  size?: GrSwitchSize\n  /** Кастомный цвет фона в активном состоянии. Если не задан — `var(--primary)`. */\n  activeBackgroundColor?: string\n  /** Кастомный цвет фона в неактивном состоянии. Если не задан — `var(--muted)`. */\n  inactiveBackgroundColor?: string\n}\n\nconst getCustomColor = (value?: string) => value?.trim() || undefined\n\nconst props = withDefaults(\n    defineProps<GrSwitchProps>(),\n    {\n      disabled: false,\n      ariaLabel: undefined,\n      size: 'md',\n      activeBackgroundColor: undefined,\n      inactiveBackgroundColor: undefined,\n    },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst trackClass = computed(() => grSwitchTrackClass(props.size))\n\nconst trackStyle = computed(() => {\n  const isChecked = props.modelValue\n  const defaultBackgroundColor = isChecked ? 'var(--primary)' : 'var(--muted)'\n  const customBackgroundColor = getCustomColor(\n      isChecked ? props.activeBackgroundColor : props.inactiveBackgroundColor,\n  )\n  const backgroundColor = customBackgroundColor ?? defaultBackgroundColor\n\n  return {\n    '--ds-switch-track-bg': backgroundColor,\n    '--ds-switch-track-brd': customBackgroundColor\n        ? backgroundColor\n        : isChecked\n            ? 'var(--primary)'\n            : 'var(--brd)',\n    backgroundColor: 'var(--ds-switch-track-bg)',\n  }\n})\n\nconst thumbClass = computed(() => grSwitchThumbClass({size: props.size, checked: props.modelValue}))\n\nconst labelClass = computed(() => grSwitchLabelClass(props.size))\n\nfunction toggle(): void {\n  if (props.disabled) {\n    return\n  }\n\n  emit('update:modelValue', !props.modelValue)\n}\n</script>\n\n<template>\n  <button\n      type=\"button\"\n      role=\"switch\"\n      data-ds-switch\n      :aria-checked=\"modelValue ? 'true' : 'false'\"\n      :aria-label=\"ariaLabel\"\n      :disabled=\"disabled\"\n      class=\"inline-flex items-center gap-2 select-none disabled:opacity-50 disabled:cursor-not-allowed\"\n      @click=\"toggle\"\n  >\n    <span\n        data-testid=\"ds-switch-track\"\n        data-ds-switch-track\n        :class=\"trackClass\"\n        :style=\"trackStyle\"\n    >\n      <span\n          data-testid=\"ds-switch-thumb\"\n          data-ds-switch-thumb\n          :class=\"thumbClass\"\n          aria-hidden=\"true\"\n      />\n    </span>\n    <span\n        v-if=\"$slots.default\"\n        data-ds-switch-label\n        :class=\"labelClass\"\n    >\n      <slot />\n    </span>\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,kBAAkB,UAAmB,OAAO,MAAM,IAAI,KAAA;EAE5D,MAAM,QAAQ;EAWd,MAAM,OAAO;EAIb,MAAM,aAAa,eAAe,mBAAmB,MAAM,KAAK,CAAA;EAEhE,MAAM,aAAa,eAAe;GAChC,MAAM,YAAY,MAAM;GACxB,MAAM,yBAAyB,YAAY,mBAAmB;GAC9D,MAAM,wBAAwB,eAC1B,YAAY,MAAM,wBAAwB,MAAM,wBACpD;GACA,MAAM,kBAAkB,yBAAyB;AAEjD,UAAO;IACL,wBAAwB;IACxB,yBAAyB,wBACnB,kBACA,YACI,mBACA;IACV,iBAAiB;IACnB;IACD;EAED,MAAM,aAAa,eAAe,mBAAmB;GAAC,MAAM,MAAM;GAAM,SAAS,MAAM;GAAW,CAAC,CAAA;EAEnG,MAAM,aAAa,eAAe,mBAAmB,MAAM,KAAK,CAAA;EAEhE,SAAS,SAAe;AACtB,OAAI,MAAM,SACR;AAGF,QAAK,qBAAqB,CAAC,MAAM,WAAU;;;uBAK3C,mBA8BS,UAAA;IA7BL,MAAK;IACL,MAAK;IACL,kBAAA;IACC,gBAAc,QAAA,aAAU,SAAA;IACxB,cAAY,QAAA;IACZ,UAAU,QAAA;IACX,OAAM;IACL,SAAO;OAEV,mBAYO,QAAA;IAXH,eAAY;IACZ,wBAAA;IACC,OAAK,eAAE,WAAA,MAAU;IACjB,OAAK,eAAE,WAAA,MAAU;OAEpB,mBAKE,QAAA;IAJE,eAAY;IACZ,wBAAA;IACC,OAAK,eAAE,WAAA,MAAU;IAClB,eAAY;qBAIRA,KAAAA,OAAO,WAAA,WAAA,EADjB,mBAMO,QAAA;;IAJH,wBAAA;IACC,OAAK,eAAE,WAAA,MAAU;OAEpB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,GAAA,WAAA"}

package/dist/components/GrSwitch/index.js

@@ -1,3 +1,3 @@
-import { n as grSwitchSafelist, t as grSwitchConfig } from "../../chunks/config-_3De4HFf.js";
-import { t as GrSwitch_default } from "./chunks/GrSwitch-29h0QhMO.js";
+import { n as grSwitchSafelist, t as grSwitchConfig } from "../../chunks/config-RjfJFv1Y.js";
+import { t as GrSwitch_default } from "./chunks/GrSwitch-CSRtcN5-.js";
 export { GrSwitch_default as GrSwitch, GrSwitch_default as default, grSwitchConfig, grSwitchSafelist };

package/dist/components/GrTable/index.js

@@ -1,3 +1,3 @@
 import { t as GrTable_default } from "./chunks/GrTable-dTWUxzRm.js";
-import { t as grTableConfig } from "../../chunks/config-Bcf-8XlK2.js";
+import { t as grTableConfig } from "../../chunks/config-DDUPnue12.js";
 export { GrTable_default as GrTable, GrTable_default as default, grTableConfig };

package/dist/components/GrTabs/chunks/{GrTabs-D3ntDdtg.js.map → GrTabs-BfeVNMFJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrTabs-D3ntDdtg.js","names":[],"sources":["../../../../src/components/GrTabs/GrTabs.vue","../../../../src/components/GrTabs/GrTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, ref } from 'vue'\n\nexport type GrTab = {\n  value: string\n  label: string\n  badge?: string\n  disabled?: boolean\n}\n\nexport type GrTabsProps = {\n  modelValue: string\n  tabs: GrTab[]\n}\n\n/**\n * GrTabs — горизонтальная группа вкладок с паттерном WAI-ARIA `tablist`.\n *\n * A11y:\n * - `role=\"tablist\"` на корне, `role=\"tab\"` на каждой вкладке.\n * - Roving `tabindex`: активная вкладка `0`, остальные `-1`.\n * - Клавиатура: `ArrowLeft`/`ArrowRight` — цикличный переход, `Home`/`End` — к первой/последней.\n * - При переключении стрелками DOM-фокус программно переносится на новую вкладку.\n *\n * Сам компонент не рендерит `tabpanel` — это ответственность консьюмера (по `aria-controls`/внешней разметке).\n */\nconst props = defineProps<GrTabsProps>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nconst buttonRefs = ref<HTMLButtonElement[]>([])\n\nfunction setButtonRef(el: unknown, index: number): void {\n  if (el instanceof HTMLButtonElement)\n    buttonRefs.value[index] = el\n}\n\nconst activeIndex = computed(() => props.tabs.findIndex(t => t.value === props.modelValue))\n\nfunction isEnabled(tab: GrTab): boolean {\n  return !tab.disabled\n}\n\nasync function selectByIndex(index: number, focus = false): Promise<void> {\n  const tab = props.tabs[index]\n  if (!tab || !isEnabled(tab))\n    return\n  if (tab.value !== props.modelValue)\n    emit('update:modelValue', tab.value)\n  if (focus) {\n    await nextTick()\n    buttonRefs.value[index]?.focus()\n  }\n}\n\nfunction findNextEnabled(from: number, direction: 1 | -1): number {\n  const length = props.tabs.length\n  if (length === 0)\n    return -1\n  let index = from\n  for (let i = 0; i < length; i++) {\n    index = (index + direction + length) % length\n    const tab = props.tabs[index]\n    if (tab && isEnabled(tab))\n      return index\n  }\n  return -1\n}\n\nfunction firstEnabled(): number {\n  return props.tabs.findIndex(isEnabled)\n}\n\nfunction lastEnabled(): number {\n  for (let i = props.tabs.length - 1; i >= 0; i--) {\n    const tab = props.tabs[i]\n    if (tab && isEnabled(tab))\n      return i\n  }\n  return -1\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (props.tabs.length === 0)\n    return\n\n  const currentIndex = activeIndex.value < 0 ? 0 : activeIndex.value\n  let nextIndex = -1\n\n  switch (event.key) {\n    case 'ArrowRight':\n      nextIndex = findNextEnabled(currentIndex, 1)\n      break\n    case 'ArrowLeft':\n      nextIndex = findNextEnabled(currentIndex, -1)\n      break\n    case 'Home':\n      nextIndex = firstEnabled()\n      break\n    case 'End':\n      nextIndex = lastEnabled()\n      break\n    default:\n      return\n  }\n\n  if (nextIndex < 0)\n    return\n\n  event.preventDefault()\n  void selectByIndex(nextIndex, true)\n}\n\nfunction onClick(tab: GrTab): void {\n  if (!isEnabled(tab))\n    return\n  if (tab.value !== props.modelValue)\n    emit('update:modelValue', tab.value)\n}\n</script>\n\n<template>\n  <div\n    role=\"tablist\"\n    data-ds-tabs\n    class=\"inline-flex flex-wrap gap-1 rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--muted)] p-1\"\n    @keydown=\"onKeydown\"\n  >\n    <button\n      v-for=\"(tab, index) in tabs\"\n      :key=\"tab.value\"\n      :ref=\"el => setButtonRef(el, index)\"\n      type=\"button\"\n      role=\"tab\"\n      data-ds-tab\n      :aria-selected=\"tab.value === modelValue ? 'true' : 'false'\"\n      :aria-disabled=\"tab.disabled ? 'true' : undefined\"\n      :disabled=\"tab.disabled\"\n      :tabindex=\"tab.value === modelValue ? 0 : -1\"\n      class=\"h-9 px-3 rounded-[10px] text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-60 disabled:cursor-not-allowed\"\n      :class=\"tab.value === modelValue\n        ? 'bg-[var(--card)] text-[var(--fg)] border border-[var(--brd)]'\n        : 'text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--card)_70%,transparent)]'\"\n      @click=\"onClick(tab)\"\n    >\n      <span class=\"inline-flex items-center gap-2\">\n        <span>{{ tab.label }}</span>\n        <span\n          v-if=\"tab.badge\"\n          class=\"text-[11px] px-1.5 py-0.5 rounded-full bg-[var(--secondary)] text-[var(--secondary-fg)]\"\n        >\n          {{ tab.badge }}\n        </span>\n      </span>\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, ref } from 'vue'\n\nexport type GrTab = {\n  value: string\n  label: string\n  badge?: string\n  disabled?: boolean\n}\n\nexport type GrTabsProps = {\n  modelValue: string\n  tabs: GrTab[]\n}\n\n/**\n * GrTabs — горизонтальная группа вкладок с паттерном WAI-ARIA `tablist`.\n *\n * A11y:\n * - `role=\"tablist\"` на корне, `role=\"tab\"` на каждой вкладке.\n * - Roving `tabindex`: активная вкладка `0`, остальные `-1`.\n * - Клавиатура: `ArrowLeft`/`ArrowRight` — цикличный переход, `Home`/`End` — к первой/последней.\n * - При переключении стрелками DOM-фокус программно переносится на новую вкладку.\n *\n * Сам компонент не рендерит `tabpanel` — это ответственность консьюмера (по `aria-controls`/внешней разметке).\n */\nconst props = defineProps<GrTabsProps>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nconst buttonRefs = ref<HTMLButtonElement[]>([])\n\nfunction setButtonRef(el: unknown, index: number): void {\n  if (el instanceof HTMLButtonElement)\n    buttonRefs.value[index] = el\n}\n\nconst activeIndex = computed(() => props.tabs.findIndex(t => t.value === props.modelValue))\n\nfunction isEnabled(tab: GrTab): boolean {\n  return !tab.disabled\n}\n\nasync function selectByIndex(index: number, focus = false): Promise<void> {\n  const tab = props.tabs[index]\n  if (!tab || !isEnabled(tab))\n    return\n  if (tab.value !== props.modelValue)\n    emit('update:modelValue', tab.value)\n  if (focus) {\n    await nextTick()\n    buttonRefs.value[index]?.focus()\n  }\n}\n\nfunction findNextEnabled(from: number, direction: 1 | -1): number {\n  const length = props.tabs.length\n  if (length === 0)\n    return -1\n  let index = from\n  for (let i = 0; i < length; i++) {\n    index = (index + direction + length) % length\n    const tab = props.tabs[index]\n    if (tab && isEnabled(tab))\n      return index\n  }\n  return -1\n}\n\nfunction firstEnabled(): number {\n  return props.tabs.findIndex(isEnabled)\n}\n\nfunction lastEnabled(): number {\n  for (let i = props.tabs.length - 1; i >= 0; i--) {\n    const tab = props.tabs[i]\n    if (tab && isEnabled(tab))\n      return i\n  }\n  return -1\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (props.tabs.length === 0)\n    return\n\n  const currentIndex = activeIndex.value < 0 ? 0 : activeIndex.value\n  let nextIndex = -1\n\n  switch (event.key) {\n    case 'ArrowRight':\n      nextIndex = findNextEnabled(currentIndex, 1)\n      break\n    case 'ArrowLeft':\n      nextIndex = findNextEnabled(currentIndex, -1)\n      break\n    case 'Home':\n      nextIndex = firstEnabled()\n      break\n    case 'End':\n      nextIndex = lastEnabled()\n      break\n    default:\n      return\n  }\n\n  if (nextIndex < 0)\n    return\n\n  event.preventDefault()\n  void selectByIndex(nextIndex, true)\n}\n\nfunction onClick(tab: GrTab): void {\n  if (!isEnabled(tab))\n    return\n  if (tab.value !== props.modelValue)\n    emit('update:modelValue', tab.value)\n}\n</script>\n\n<template>\n  <div\n    role=\"tablist\"\n    data-ds-tabs\n    class=\"inline-flex flex-wrap gap-1 rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--muted)] p-1\"\n    @keydown=\"onKeydown\"\n  >\n    <button\n      v-for=\"(tab, index) in tabs\"\n      :key=\"tab.value\"\n      :ref=\"el => setButtonRef(el, index)\"\n      type=\"button\"\n      role=\"tab\"\n      data-ds-tab\n      :aria-selected=\"tab.value === modelValue ? 'true' : 'false'\"\n      :aria-disabled=\"tab.disabled ? 'true' : undefined\"\n      :disabled=\"tab.disabled\"\n      :tabindex=\"tab.value === modelValue ? 0 : -1\"\n      class=\"h-9 px-3 rounded-[10px] text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-60 disabled:cursor-not-allowed\"\n      :class=\"tab.value === modelValue\n        ? 'bg-[var(--card)] text-[var(--fg)] border border-[var(--brd)]'\n        : 'text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--card)_70%,transparent)]'\"\n      @click=\"onClick(tab)\"\n    >\n      <span class=\"inline-flex items-center gap-2\">\n        <span>{{ tab.label }}</span>\n        <span\n          v-if=\"tab.badge\"\n          class=\"text-[11px] px-1.5 py-0.5 rounded-full bg-[var(--secondary)] text-[var(--secondary-fg)]\"\n        >\n          {{ tab.badge }}\n        </span>\n      </span>\n    </button>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAIb,MAAM,aAAa,IAAyB,EAAE,CAAA;EAE9C,SAAS,aAAa,IAAa,OAAqB;AACtD,OAAI,cAAc,kBAChB,YAAW,MAAM,SAAS;;EAG9B,MAAM,cAAc,eAAe,MAAM,KAAK,WAAU,MAAK,EAAE,UAAU,MAAM,WAAW,CAAA;EAE1F,SAAS,UAAU,KAAqB;AACtC,UAAO,CAAC,IAAI;;EAGd,eAAe,cAAc,OAAe,QAAQ,OAAsB;GACxE,MAAM,MAAM,MAAM,KAAK;AACvB,OAAI,CAAC,OAAO,CAAC,UAAU,IAAI,CACzB;AACF,OAAI,IAAI,UAAU,MAAM,WACtB,MAAK,qBAAqB,IAAI,MAAK;AACrC,OAAI,OAAO;AACT,UAAM,UAAS;AACf,eAAW,MAAM,QAAQ,OAAM;;;EAInC,SAAS,gBAAgB,MAAc,WAA2B;GAChE,MAAM,SAAS,MAAM,KAAK;AAC1B,OAAI,WAAW,EACb,QAAO;GACT,IAAI,QAAQ;AACZ,QAAK,IAAI,IAAI,GAAG,IAAI,QAAQ,KAAK;AAC/B,aAAS,QAAQ,YAAY,UAAU;IACvC,MAAM,MAAM,MAAM,KAAK;AACvB,QAAI,OAAO,UAAU,IAAI,CACvB,QAAO;;AAEX,UAAO;;EAGT,SAAS,eAAuB;AAC9B,UAAO,MAAM,KAAK,UAAU,UAAS;;EAGvC,SAAS,cAAsB;AAC7B,QAAK,IAAI,IAAI,MAAM,KAAK,SAAS,GAAG,KAAK,GAAG,KAAK;IAC/C,MAAM,MAAM,MAAM,KAAK;AACvB,QAAI,OAAO,UAAU,IAAI,CACvB,QAAO;;AAEX,UAAO;;EAGT,SAAS,UAAU,OAA4B;AAC7C,OAAI,MAAM,KAAK,WAAW,EACxB;GAEF,MAAM,eAAe,YAAY,QAAQ,IAAI,IAAI,YAAY;GAC7D,IAAI,YAAY;AAEhB,WAAQ,MAAM,KAAd;IACE,KAAK;AACH,iBAAY,gBAAgB,cAAc,EAAC;AAC3C;IACF,KAAK;AACH,iBAAY,gBAAgB,cAAc,GAAE;AAC5C;IACF,KAAK;AACH,iBAAY,cAAa;AACzB;IACF,KAAK;AACH,iBAAY,aAAY;AACxB;IACF,QACE;;AAGJ,OAAI,YAAY,EACd;AAEF,SAAM,gBAAe;AAChB,iBAAc,WAAW,KAAI;;EAGpC,SAAS,QAAQ,KAAkB;AACjC,OAAI,CAAC,UAAU,IAAI,CACjB;AACF,OAAI,IAAI,UAAU,MAAM,WACtB,MAAK,qBAAqB,IAAI,MAAK;;;uBAKrC,mBAiCM,OAAA;IAhCJ,MAAK;IACL,gBAAA;IACA,OAAM;IACI;yBAEV,mBA0BS,UAAA,MAAA,WAzBgB,QAAA,OAAf,KAAK,UAAK;wBADpB,mBA0BS,UAAA;KAxBN,KAAK,IAAI;;KACT,MAAK,OAAM,aAAa,IAAI,MAAK;KAClC,MAAK;KACL,MAAK;KACL,eAAA;KACC,iBAAe,IAAI,UAAU,QAAA,aAAU,SAAA;KACvC,iBAAe,IAAI,WAAQ,SAAY,KAAA;KACvC,UAAU,IAAI;KACd,UAAU,IAAI,UAAU,QAAA,aAAU,IAAA;KACnC,OAAK,eAAA,CAAC,uLACE,IAAI,UAAU,QAAA,aAAA,iEAAA,0GAAA,CAAA;KAGrB,UAAK,WAAE,QAAQ,IAAG;QAEnB,mBAQO,QARP,YAQO,CAPL,mBAA4B,QAAA,MAAA,gBAAnB,IAAI,MAAK,EAAA,EAAA,EAEV,IAAI,SAAA,WAAA,EADZ,mBAKO,QALP,YAKO,gBADF,IAAI,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,EAAA,IAAA,WAAA"}
+{"version":3,"file":"GrTabs-BfeVNMFJ.js","names":[],"sources":["../../../../src/components/GrTabs/GrTabs.vue","../../../../src/components/GrTabs/GrTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, ref } from 'vue'\n\nexport type GrTab = {\n  value: string\n  label: string\n  badge?: string\n  disabled?: boolean\n}\n\nexport type GrTabsProps = {\n  modelValue: string\n  tabs: GrTab[]\n}\n\n/**\n * GrTabs — горизонтальная группа вкладок с паттерном WAI-ARIA `tablist`.\n *\n * A11y:\n * - `role=\"tablist\"` на корне, `role=\"tab\"` на каждой вкладке.\n * - Roving `tabindex`: активная вкладка `0`, остальные `-1`.\n * - Клавиатура: `ArrowLeft`/`ArrowRight` — цикличный переход, `Home`/`End` — к первой/последней.\n * - При переключении стрелками DOM-фокус программно переносится на новую вкладку.\n *\n * Сам компонент не рендерит `tabpanel` — это ответственность консьюмера (по `aria-controls`/внешней разметке).\n */\nconst props = defineProps<GrTabsProps>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nconst buttonRefs = ref<HTMLButtonElement[]>([])\n\nfunction setButtonRef(el: unknown, index: number): void {\n  if (el instanceof HTMLButtonElement)\n    buttonRefs.value[index] = el\n}\n\nconst activeIndex = computed(() => props.tabs.findIndex(t => t.value === props.modelValue))\n\nfunction isEnabled(tab: GrTab): boolean {\n  return !tab.disabled\n}\n\nasync function selectByIndex(index: number, focus = false): Promise<void> {\n  const tab = props.tabs[index]\n  if (!tab || !isEnabled(tab))\n    return\n  if (tab.value !== props.modelValue)\n    emit('update:modelValue', tab.value)\n  if (focus) {\n    await nextTick()\n    buttonRefs.value[index]?.focus()\n  }\n}\n\nfunction findNextEnabled(from: number, direction: 1 | -1): number {\n  const length = props.tabs.length\n  if (length === 0)\n    return -1\n  let index = from\n  for (let i = 0; i < length; i++) {\n    index = (index + direction + length) % length\n    const tab = props.tabs[index]\n    if (tab && isEnabled(tab))\n      return index\n  }\n  return -1\n}\n\nfunction firstEnabled(): number {\n  return props.tabs.findIndex(isEnabled)\n}\n\nfunction lastEnabled(): number {\n  for (let i = props.tabs.length - 1; i >= 0; i--) {\n    const tab = props.tabs[i]\n    if (tab && isEnabled(tab))\n      return i\n  }\n  return -1\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (props.tabs.length === 0)\n    return\n\n  const currentIndex = activeIndex.value < 0 ? 0 : activeIndex.value\n  let nextIndex = -1\n\n  switch (event.key) {\n    case 'ArrowRight':\n      nextIndex = findNextEnabled(currentIndex, 1)\n      break\n    case 'ArrowLeft':\n      nextIndex = findNextEnabled(currentIndex, -1)\n      break\n    case 'Home':\n      nextIndex = firstEnabled()\n      break\n    case 'End':\n      nextIndex = lastEnabled()\n      break\n    default:\n      return\n  }\n\n  if (nextIndex < 0)\n    return\n\n  event.preventDefault()\n  void selectByIndex(nextIndex, true)\n}\n\nfunction onClick(tab: GrTab): void {\n  if (!isEnabled(tab))\n    return\n  if (tab.value !== props.modelValue)\n    emit('update:modelValue', tab.value)\n}\n</script>\n\n<template>\n  <div\n    role=\"tablist\"\n    data-ds-tabs\n    class=\"inline-flex flex-wrap gap-1 rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--muted)] p-1\"\n    @keydown=\"onKeydown\"\n  >\n    <button\n      v-for=\"(tab, index) in tabs\"\n      :key=\"tab.value\"\n      :ref=\"el => setButtonRef(el, index)\"\n      type=\"button\"\n      role=\"tab\"\n      data-ds-tab\n      :aria-selected=\"tab.value === modelValue ? 'true' : 'false'\"\n      :aria-disabled=\"tab.disabled ? 'true' : undefined\"\n      :disabled=\"tab.disabled\"\n      :tabindex=\"tab.value === modelValue ? 0 : -1\"\n      class=\"h-9 px-3 rounded-[10px] text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-60 disabled:cursor-not-allowed\"\n      :class=\"tab.value === modelValue\n        ? 'bg-[var(--card)] text-[var(--fg)] border border-[var(--brd)]'\n        : 'text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--card)_70%,transparent)]'\"\n      @click=\"onClick(tab)\"\n    >\n      <span class=\"inline-flex items-center gap-2\">\n        <span>{{ tab.label }}</span>\n        <span\n          v-if=\"tab.badge\"\n          class=\"text-[11px] px-1.5 py-0.5 rounded-full bg-[var(--secondary)] text-[var(--secondary-fg)]\"\n        >\n          {{ tab.badge }}\n        </span>\n      </span>\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, ref } from 'vue'\n\nexport type GrTab = {\n  value: string\n  label: string\n  badge?: string\n  disabled?: boolean\n}\n\nexport type GrTabsProps = {\n  modelValue: string\n  tabs: GrTab[]\n}\n\n/**\n * GrTabs — горизонтальная группа вкладок с паттерном WAI-ARIA `tablist`.\n *\n * A11y:\n * - `role=\"tablist\"` на корне, `role=\"tab\"` на каждой вкладке.\n * - Roving `tabindex`: активная вкладка `0`, остальные `-1`.\n * - Клавиатура: `ArrowLeft`/`ArrowRight` — цикличный переход, `Home`/`End` — к первой/последней.\n * - При переключении стрелками DOM-фокус программно переносится на новую вкладку.\n *\n * Сам компонент не рендерит `tabpanel` — это ответственность консьюмера (по `aria-controls`/внешней разметке).\n */\nconst props = defineProps<GrTabsProps>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nconst buttonRefs = ref<HTMLButtonElement[]>([])\n\nfunction setButtonRef(el: unknown, index: number): void {\n  if (el instanceof HTMLButtonElement)\n    buttonRefs.value[index] = el\n}\n\nconst activeIndex = computed(() => props.tabs.findIndex(t => t.value === props.modelValue))\n\nfunction isEnabled(tab: GrTab): boolean {\n  return !tab.disabled\n}\n\nasync function selectByIndex(index: number, focus = false): Promise<void> {\n  const tab = props.tabs[index]\n  if (!tab || !isEnabled(tab))\n    return\n  if (tab.value !== props.modelValue)\n    emit('update:modelValue', tab.value)\n  if (focus) {\n    await nextTick()\n    buttonRefs.value[index]?.focus()\n  }\n}\n\nfunction findNextEnabled(from: number, direction: 1 | -1): number {\n  const length = props.tabs.length\n  if (length === 0)\n    return -1\n  let index = from\n  for (let i = 0; i < length; i++) {\n    index = (index + direction + length) % length\n    const tab = props.tabs[index]\n    if (tab && isEnabled(tab))\n      return index\n  }\n  return -1\n}\n\nfunction firstEnabled(): number {\n  return props.tabs.findIndex(isEnabled)\n}\n\nfunction lastEnabled(): number {\n  for (let i = props.tabs.length - 1; i >= 0; i--) {\n    const tab = props.tabs[i]\n    if (tab && isEnabled(tab))\n      return i\n  }\n  return -1\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (props.tabs.length === 0)\n    return\n\n  const currentIndex = activeIndex.value < 0 ? 0 : activeIndex.value\n  let nextIndex = -1\n\n  switch (event.key) {\n    case 'ArrowRight':\n      nextIndex = findNextEnabled(currentIndex, 1)\n      break\n    case 'ArrowLeft':\n      nextIndex = findNextEnabled(currentIndex, -1)\n      break\n    case 'Home':\n      nextIndex = firstEnabled()\n      break\n    case 'End':\n      nextIndex = lastEnabled()\n      break\n    default:\n      return\n  }\n\n  if (nextIndex < 0)\n    return\n\n  event.preventDefault()\n  void selectByIndex(nextIndex, true)\n}\n\nfunction onClick(tab: GrTab): void {\n  if (!isEnabled(tab))\n    return\n  if (tab.value !== props.modelValue)\n    emit('update:modelValue', tab.value)\n}\n</script>\n\n<template>\n  <div\n    role=\"tablist\"\n    data-ds-tabs\n    class=\"inline-flex flex-wrap gap-1 rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--muted)] p-1\"\n    @keydown=\"onKeydown\"\n  >\n    <button\n      v-for=\"(tab, index) in tabs\"\n      :key=\"tab.value\"\n      :ref=\"el => setButtonRef(el, index)\"\n      type=\"button\"\n      role=\"tab\"\n      data-ds-tab\n      :aria-selected=\"tab.value === modelValue ? 'true' : 'false'\"\n      :aria-disabled=\"tab.disabled ? 'true' : undefined\"\n      :disabled=\"tab.disabled\"\n      :tabindex=\"tab.value === modelValue ? 0 : -1\"\n      class=\"h-9 px-3 rounded-[10px] text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-60 disabled:cursor-not-allowed\"\n      :class=\"tab.value === modelValue\n        ? 'bg-[var(--card)] text-[var(--fg)] border border-[var(--brd)]'\n        : 'text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--card)_70%,transparent)]'\"\n      @click=\"onClick(tab)\"\n    >\n      <span class=\"inline-flex items-center gap-2\">\n        <span>{{ tab.label }}</span>\n        <span\n          v-if=\"tab.badge\"\n          class=\"text-[11px] px-1.5 py-0.5 rounded-full bg-[var(--secondary)] text-[var(--secondary-fg)]\"\n        >\n          {{ tab.badge }}\n        </span>\n      </span>\n    </button>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAIb,MAAM,aAAa,IAAyB,EAAE,CAAA;EAE9C,SAAS,aAAa,IAAa,OAAqB;AACtD,OAAI,cAAc,kBAChB,YAAW,MAAM,SAAS;;EAG9B,MAAM,cAAc,eAAe,MAAM,KAAK,WAAU,MAAK,EAAE,UAAU,MAAM,WAAW,CAAA;EAE1F,SAAS,UAAU,KAAqB;AACtC,UAAO,CAAC,IAAI;;EAGd,eAAe,cAAc,OAAe,QAAQ,OAAsB;GACxE,MAAM,MAAM,MAAM,KAAK;AACvB,OAAI,CAAC,OAAO,CAAC,UAAU,IAAI,CACzB;AACF,OAAI,IAAI,UAAU,MAAM,WACtB,MAAK,qBAAqB,IAAI,MAAK;AACrC,OAAI,OAAO;AACT,UAAM,UAAS;AACf,eAAW,MAAM,QAAQ,OAAM;;;EAInC,SAAS,gBAAgB,MAAc,WAA2B;GAChE,MAAM,SAAS,MAAM,KAAK;AAC1B,OAAI,WAAW,EACb,QAAO;GACT,IAAI,QAAQ;AACZ,QAAK,IAAI,IAAI,GAAG,IAAI,QAAQ,KAAK;AAC/B,aAAS,QAAQ,YAAY,UAAU;IACvC,MAAM,MAAM,MAAM,KAAK;AACvB,QAAI,OAAO,UAAU,IAAI,CACvB,QAAO;;AAEX,UAAO;;EAGT,SAAS,eAAuB;AAC9B,UAAO,MAAM,KAAK,UAAU,UAAS;;EAGvC,SAAS,cAAsB;AAC7B,QAAK,IAAI,IAAI,MAAM,KAAK,SAAS,GAAG,KAAK,GAAG,KAAK;IAC/C,MAAM,MAAM,MAAM,KAAK;AACvB,QAAI,OAAO,UAAU,IAAI,CACvB,QAAO;;AAEX,UAAO;;EAGT,SAAS,UAAU,OAA4B;AAC7C,OAAI,MAAM,KAAK,WAAW,EACxB;GAEF,MAAM,eAAe,YAAY,QAAQ,IAAI,IAAI,YAAY;GAC7D,IAAI,YAAY;AAEhB,WAAQ,MAAM,KAAd;IACE,KAAK;AACH,iBAAY,gBAAgB,cAAc,EAAC;AAC3C;IACF,KAAK;AACH,iBAAY,gBAAgB,cAAc,GAAE;AAC5C;IACF,KAAK;AACH,iBAAY,cAAa;AACzB;IACF,KAAK;AACH,iBAAY,aAAY;AACxB;IACF,QACE;;AAGJ,OAAI,YAAY,EACd;AAEF,SAAM,gBAAe;AAChB,iBAAc,WAAW,KAAI;;EAGpC,SAAS,QAAQ,KAAkB;AACjC,OAAI,CAAC,UAAU,IAAI,CACjB;AACF,OAAI,IAAI,UAAU,MAAM,WACtB,MAAK,qBAAqB,IAAI,MAAK;;;uBAKrC,mBAiCM,OAAA;IAhCJ,MAAK;IACL,gBAAA;IACA,OAAM;IACI;yBAEV,mBA0BS,UAAA,MAAA,WAzBgB,QAAA,OAAf,KAAK,UAAK;wBADpB,mBA0BS,UAAA;KAxBN,KAAK,IAAI;;KACT,MAAK,OAAM,aAAa,IAAI,MAAK;KAClC,MAAK;KACL,MAAK;KACL,eAAA;KACC,iBAAe,IAAI,UAAU,QAAA,aAAU,SAAA;KACvC,iBAAe,IAAI,WAAQ,SAAY,KAAA;KACvC,UAAU,IAAI;KACd,UAAU,IAAI,UAAU,QAAA,aAAU,IAAA;KACnC,OAAK,eAAA,CAAC,uLACE,IAAI,UAAU,QAAA,aAAA,iEAAA,0GAAA,CAAA;KAGrB,UAAK,WAAE,QAAQ,IAAG;QAEnB,mBAQO,QARP,YAQO,CAPL,mBAA4B,QAAA,MAAA,gBAAnB,IAAI,MAAK,EAAA,EAAA,EAEV,IAAI,SAAA,WAAA,EADZ,mBAKO,QALP,YAKO,gBADF,IAAI,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/components/GrTabs/index.js

@@ -1,3 +1,3 @@
-import { t as GrTabs_default } from "./chunks/GrTabs-D3ntDdtg.js";
-import { t as grTabsConfig } from "../../chunks/config-Dzd6BzIN2.js";
+import { t as GrTabs_default } from "./chunks/GrTabs-BfeVNMFJ.js";
+import { t as grTabsConfig } from "../../chunks/config-BeBsN0c12.js";
 export { GrTabs_default as GrTabs, GrTabs_default as default, grTabsConfig };

package/dist/components/GrTextarea/chunks/{GrTextarea-Cv6r2GuC.js → GrTextarea-CBBzpF2S.js}

@@ -1,4 +1,4 @@
-import { r as grTextareaClass } from "../../../chunks/config-B_nSBc7W.js";
+import { r as grTextareaClass } from "../../../chunks/config-A-iei0Ux.js";
 import { computed, createElementBlock, defineComponent, normalizeClass, openBlock } from "vue";
 //#region src/components/GrTextarea/GrTextarea.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [

package/dist/components/GrTextarea/chunks/{GrTextarea-Cv6r2GuC.js.map → GrTextarea-CBBzpF2S.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrTextarea-Cv6r2GuC.js","names":[],"sources":["../../../../src/components/GrTextarea/GrTextarea.vue","../../../../src/components/GrTextarea/GrTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrTextarea — многострочное поле ввода DS-примитива.\n *\n * Состояния:\n * - `state`: визуальный оттенок рамки (`default | success | warning | danger`).\n * - `invalid`: форсирует `danger`-состояние и проставляет `aria-invalid=\"true\"`.\n */\nimport { computed } from 'vue'\nimport { type GrTextareaState, grTextareaClass } from './grTextareaStyles'\n\nconst props = withDefaults(defineProps<{\n  modelValue: string\n  placeholder?: string\n  autocomplete?: string\n  disabled?: boolean\n  invalid?: boolean\n  state?: GrTextareaState\n  name?: string\n  id?: string\n  rows?: number\n}>(), {\n  placeholder: undefined,\n  autocomplete: undefined,\n  disabled: false,\n  invalid: false,\n  state: 'default',\n  name: undefined,\n  id: undefined,\n  rows: 4,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nexport type GrTextareaProps = typeof props\n\nconst className = computed(() => grTextareaClass({\n  state: props.state,\n  invalid: props.invalid,\n}))\n\nfunction onInput(e: Event): void {\n  emit('update:modelValue', (e.target as HTMLTextAreaElement).value)\n}\n</script>\n\n<template>\n  <textarea\n    :id=\"id\"\n    data-ds-textarea\n    :name=\"name\"\n    :rows=\"rows\"\n    :autocomplete=\"autocomplete\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :value=\"modelValue\"\n    :aria-invalid=\"invalid ? 'true' : undefined\"\n    class=\"w-full rounded-md border bg-[var(--bg)] px-3 py-2 text-[14px] text-[var(--fg)] placeholder:text-[var(--muted-fg)] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed\"\n    :class=\"className\"\n    @input=\"onInput\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrTextarea — многострочное поле ввода DS-примитива.\n *\n * Состояния:\n * - `state`: визуальный оттенок рамки (`default | success | warning | danger`).\n * - `invalid`: форсирует `danger`-состояние и проставляет `aria-invalid=\"true\"`.\n */\nimport { computed } from 'vue'\nimport { type GrTextareaState, grTextareaClass } from './grTextareaStyles'\n\nconst props = withDefaults(defineProps<{\n  modelValue: string\n  placeholder?: string\n  autocomplete?: string\n  disabled?: boolean\n  invalid?: boolean\n  state?: GrTextareaState\n  name?: string\n  id?: string\n  rows?: number\n}>(), {\n  placeholder: undefined,\n  autocomplete: undefined,\n  disabled: false,\n  invalid: false,\n  state: 'default',\n  name: undefined,\n  id: undefined,\n  rows: 4,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nexport type GrTextareaProps = typeof props\n\nconst className = computed(() => grTextareaClass({\n  state: props.state,\n  invalid: props.invalid,\n}))\n\nfunction onInput(e: Event): void {\n  emit('update:modelValue', (e.target as HTMLTextAreaElement).value)\n}\n</script>\n\n<template>\n  <textarea\n    :id=\"id\"\n    data-ds-textarea\n    :name=\"name\"\n    :rows=\"rows\"\n    :autocomplete=\"autocomplete\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :value=\"modelValue\"\n    :aria-invalid=\"invalid ? 'true' : undefined\"\n    class=\"w-full rounded-md border bg-[var(--bg)] px-3 py-2 text-[14px] text-[var(--fg)] placeholder:text-[var(--muted-fg)] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed\"\n    :class=\"className\"\n    @input=\"onInput\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAqBd,MAAM,OAAO;EAMb,MAAM,YAAY,eAAe,gBAAgB;GAC/C,OAAO,MAAM;GACb,SAAS,MAAM;GAChB,CAAC,CAAA;EAEF,SAAS,QAAQ,GAAgB;AAC/B,QAAK,qBAAsB,EAAE,OAA+B,MAAK;;;uBAKjE,mBAaE,YAAA;IAZC,IAAI,QAAA;IACL,oBAAA;IACC,MAAM,QAAA;IACN,MAAM,QAAA;IACN,cAAc,QAAA;IACd,aAAa,QAAA;IACb,UAAU,QAAA;IACV,OAAO,QAAA;IACP,gBAAc,QAAA,UAAO,SAAY,KAAA;IAClC,OAAK,eAAA,CAAC,6QACE,UAAA,MAAS,CAAA;IACT"}
+{"version":3,"file":"GrTextarea-CBBzpF2S.js","names":[],"sources":["../../../../src/components/GrTextarea/GrTextarea.vue","../../../../src/components/GrTextarea/GrTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrTextarea — многострочное поле ввода DS-примитива.\n *\n * Состояния:\n * - `state`: визуальный оттенок рамки (`default | success | warning | danger`).\n * - `invalid`: форсирует `danger`-состояние и проставляет `aria-invalid=\"true\"`.\n */\nimport { computed } from 'vue'\nimport { type GrTextareaState, grTextareaClass } from './grTextareaStyles'\n\nconst props = withDefaults(defineProps<{\n  modelValue: string\n  placeholder?: string\n  autocomplete?: string\n  disabled?: boolean\n  invalid?: boolean\n  state?: GrTextareaState\n  name?: string\n  id?: string\n  rows?: number\n}>(), {\n  placeholder: undefined,\n  autocomplete: undefined,\n  disabled: false,\n  invalid: false,\n  state: 'default',\n  name: undefined,\n  id: undefined,\n  rows: 4,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nexport type GrTextareaProps = typeof props\n\nconst className = computed(() => grTextareaClass({\n  state: props.state,\n  invalid: props.invalid,\n}))\n\nfunction onInput(e: Event): void {\n  emit('update:modelValue', (e.target as HTMLTextAreaElement).value)\n}\n</script>\n\n<template>\n  <textarea\n    :id=\"id\"\n    data-ds-textarea\n    :name=\"name\"\n    :rows=\"rows\"\n    :autocomplete=\"autocomplete\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :value=\"modelValue\"\n    :aria-invalid=\"invalid ? 'true' : undefined\"\n    class=\"w-full rounded-md border bg-[var(--bg)] px-3 py-2 text-[14px] text-[var(--fg)] placeholder:text-[var(--muted-fg)] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed\"\n    :class=\"className\"\n    @input=\"onInput\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrTextarea — многострочное поле ввода DS-примитива.\n *\n * Состояния:\n * - `state`: визуальный оттенок рамки (`default | success | warning | danger`).\n * - `invalid`: форсирует `danger`-состояние и проставляет `aria-invalid=\"true\"`.\n */\nimport { computed } from 'vue'\nimport { type GrTextareaState, grTextareaClass } from './grTextareaStyles'\n\nconst props = withDefaults(defineProps<{\n  modelValue: string\n  placeholder?: string\n  autocomplete?: string\n  disabled?: boolean\n  invalid?: boolean\n  state?: GrTextareaState\n  name?: string\n  id?: string\n  rows?: number\n}>(), {\n  placeholder: undefined,\n  autocomplete: undefined,\n  disabled: false,\n  invalid: false,\n  state: 'default',\n  name: undefined,\n  id: undefined,\n  rows: 4,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nexport type GrTextareaProps = typeof props\n\nconst className = computed(() => grTextareaClass({\n  state: props.state,\n  invalid: props.invalid,\n}))\n\nfunction onInput(e: Event): void {\n  emit('update:modelValue', (e.target as HTMLTextAreaElement).value)\n}\n</script>\n\n<template>\n  <textarea\n    :id=\"id\"\n    data-ds-textarea\n    :name=\"name\"\n    :rows=\"rows\"\n    :autocomplete=\"autocomplete\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :value=\"modelValue\"\n    :aria-invalid=\"invalid ? 'true' : undefined\"\n    class=\"w-full rounded-md border bg-[var(--bg)] px-3 py-2 text-[14px] text-[var(--fg)] placeholder:text-[var(--muted-fg)] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed\"\n    :class=\"className\"\n    @input=\"onInput\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAqBd,MAAM,OAAO;EAMb,MAAM,YAAY,eAAe,gBAAgB;GAC/C,OAAO,MAAM;GACb,SAAS,MAAM;GAChB,CAAC,CAAA;EAEF,SAAS,QAAQ,GAAgB;AAC/B,QAAK,qBAAsB,EAAE,OAA+B,MAAK;;;uBAKjE,mBAaE,YAAA;IAZC,IAAI,QAAA;IACL,oBAAA;IACC,MAAM,QAAA;IACN,MAAM,QAAA;IACN,cAAc,QAAA;IACd,aAAa,QAAA;IACb,UAAU,QAAA;IACV,OAAO,QAAA;IACP,gBAAc,QAAA,UAAO,SAAY,KAAA;IAClC,OAAK,eAAA,CAAC,6QACE,UAAA,MAAS,CAAA;IACT"}

package/dist/components/GrTextarea/index.js

@@ -1,3 +1,3 @@
-import { n as grTextareaSafelist, t as grTextareaConfig } from "../../chunks/config-B_nSBc7W.js";
-import { t as GrTextarea_default } from "./chunks/GrTextarea-Cv6r2GuC.js";
+import { n as grTextareaSafelist, t as grTextareaConfig } from "../../chunks/config-A-iei0Ux.js";
+import { t as GrTextarea_default } from "./chunks/GrTextarea-CBBzpF2S.js";
 export { GrTextarea_default as GrTextarea, GrTextarea_default as default, grTextareaConfig, grTextareaSafelist };

package/dist/components/GrToaster/chunks/{GrToaster-DluJmR5D.js → GrToaster-C6_iHk2J.js}

@@ -4,7 +4,7 @@ import { t as x_default } from "../../../chunks/x-Pa6C2hwi.js";
 import { t as GrButton_default } from "../../GrButton/chunks/GrButton-CPDKonoB.js";
 import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BV7RBU_0.js";
 import { useToast } from "../../../composables/useToast.js";
-import { r as PLACEMENT_CLASS } from "../../../chunks/config-CetsgpaZ2.js";
+import { r as PLACEMENT_CLASS } from "../../../chunks/config-DkeLkzxj2.js";
 import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 //#region src/components/GrToaster/GrToaster.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];
@@ -45,7 +45,8 @@ var GrToaster_default = /* @__PURE__ */ defineComponent({
 		* UX:
 		* - появление/исчезновение анимируется `TransitionGroup`;
 		* - `placement` настраивает угол экрана;
-		* - `z-[60]` — выше, чем `GrModal` (`z-50`), чтобы уведомления не перекрывались диалогом.
+		* - `z-[var(--gr-z-toast)]` — верхний слой шкалы токенов (см. `styles/tokens.css`),
+		*   выше `GrModal` (`--gr-z-modal`), чтобы уведомления не перекрывались диалогом.
 		*/
 		const TONE_META = {
 			primary: {
@@ -112,7 +113,7 @@ var GrToaster_default = /* @__PURE__ */ defineComponent({
 				"data-ds-toaster": "",
 				role: "region",
 				"aria-label": __props.regionLabel,
-				class: normalizeClass(["fixed z-[60] grid w-[360px] max-w-[calc(100vw-2rem)] gap-3", containerClass.value])
+				class: normalizeClass(["fixed z-[var(--gr-z-toast)] grid w-[360px] max-w-[calc(100vw-2rem)] gap-3", containerClass.value])
 			}, [createVNode(TransitionGroup, {
 				tag: "div",
 				class: "grid gap-3",

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

@@ -0,0 +1 @@
+{"version":3,"file":"GrToaster-C6_iHk2J.js","names":[],"sources":["../../../../src/components/GrToaster/GrToaster.vue","../../../../src/components/GrToaster/GrToaster.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrToaster — DS-примитив области уведомлений (toast).\n *\n * Модель состояния берётся из `useToast` (модульный синглтон), поэтому\n * в приложении предполагается **один активный `GrToaster`** на корень.\n *\n * A11y:\n * - контейнер — `role=\"region\"` с `aria-label` (i18n-проп `regionLabel`);\n * - каждый toast — `role=\"status\"` + `aria-live=\"polite\"` для `info`/`success`\n *   и `role=\"alert\"` + `aria-live=\"assertive\"` для `warning`/`danger`\n *   (критичные сообщения должны прерывать скринридер).\n *\n * UX:\n * - появление/исчезновение анимируется `TransitionGroup`;\n * - `placement` настраивает угол экрана;\n * - `z-[var(--gr-z-toast)]` — верхний слой шкалы токенов (см. `styles/tokens.css`),\n *   выше `GrModal` (`--gr-z-modal`), чтобы уведомления не перекрывались диалогом.\n */\nimport {computed} from 'vue'\nimport type {Component} from 'vue'\n\nimport {useToast} from '../../composables/useToast'\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  live: 'polite' | 'assertive'\n}\n\n// Единый маппинг по tone'у: иконка, цвет, a11y-роль и «напор» live-региона.\n// На уровне модуля — чтобы не пересоздавать объект на каждый рендер.\nconst TONE_META: Record<GrToastTone, ToneMeta> = {\n  primary: {icon: IconInfo, color: 'var(--primary)', role: 'status', live: 'polite'},\n  neutral: {icon: IconInfo, color: 'var(--muted-fg)', role: 'status', live: 'polite'},\n  info: {icon: IconInfo, color: 'var(--ds-info)', role: 'status', live: 'polite'},\n  success: {icon: IconCheck, color: 'var(--ds-success)', role: 'status', live: 'polite'},\n  warning: {icon: IconWarning, color: 'var(--ds-warning)', role: 'alert', live: 'assertive'},\n  danger: {icon: IconError, color: 'var(--ds-danger)', role: 'alert', live: 'assertive'},\n  slate: {icon: IconInfo, color: 'var(--ds-slate)', role: 'status', live: 'polite'},\n  azure: {icon: IconInfo, color: 'var(--ds-azure)', role: 'status', live: 'polite'},\n}\n\n\nexport interface GrToasterProps {\n  /** Угол экрана для стека уведомлений. */\n  placement?: GrToasterPlacement\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  dismissLabel?: string\n  /** A11y-лейбл контейнера-региона (i18n). */\n  regionLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrToasterProps>(), {\n  placement: 'top-right',\n  dismissLabel: 'Dismiss',\n  regionLabel: 'Notifications',\n})\n\nconst {list, dismiss} = useToast()\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем `teleport`.\nconst isClient = typeof window !== 'undefined'\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-ds-toaster\n        role=\"region\"\n        :aria-label=\"regionLabel\"\n        class=\"fixed z-[var(--gr-z-toast)] grid w-[360px] max-w-[calc(100vw-2rem)] gap-3\"\n        :class=\"containerClass\"\n    >\n      <TransitionGroup\n          tag=\"div\"\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 list\"\n            :key=\"toast.id\"\n            data-ds-toast\n            :data-tone=\"toast.tone\"\n            :role=\"metaFor(toast.tone).role\"\n            :aria-live=\"metaFor(toast.tone).live\"\n            aria-atomic=\"true\"\n            class=\"rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] px-4 py-3 shadow-[var(--ds-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=\"dismissLabel\"\n                @click=\"dismiss(toast.id)\"\n            >\n              <GrIcon size=\"sm\" aria-hidden=\"true\">\n                <IconClose />\n              </GrIcon>\n            </GrButton>\n          </div>\n        </div>\n      </TransitionGroup>\n    </div>\n  </teleport>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrToaster — DS-примитив области уведомлений (toast).\n *\n * Модель состояния берётся из `useToast` (модульный синглтон), поэтому\n * в приложении предполагается **один активный `GrToaster`** на корень.\n *\n * A11y:\n * - контейнер — `role=\"region\"` с `aria-label` (i18n-проп `regionLabel`);\n * - каждый toast — `role=\"status\"` + `aria-live=\"polite\"` для `info`/`success`\n *   и `role=\"alert\"` + `aria-live=\"assertive\"` для `warning`/`danger`\n *   (критичные сообщения должны прерывать скринридер).\n *\n * UX:\n * - появление/исчезновение анимируется `TransitionGroup`;\n * - `placement` настраивает угол экрана;\n * - `z-[var(--gr-z-toast)]` — верхний слой шкалы токенов (см. `styles/tokens.css`),\n *   выше `GrModal` (`--gr-z-modal`), чтобы уведомления не перекрывались диалогом.\n */\nimport {computed} from 'vue'\nimport type {Component} from 'vue'\n\nimport {useToast} from '../../composables/useToast'\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  live: 'polite' | 'assertive'\n}\n\n// Единый маппинг по tone'у: иконка, цвет, a11y-роль и «напор» live-региона.\n// На уровне модуля — чтобы не пересоздавать объект на каждый рендер.\nconst TONE_META: Record<GrToastTone, ToneMeta> = {\n  primary: {icon: IconInfo, color: 'var(--primary)', role: 'status', live: 'polite'},\n  neutral: {icon: IconInfo, color: 'var(--muted-fg)', role: 'status', live: 'polite'},\n  info: {icon: IconInfo, color: 'var(--ds-info)', role: 'status', live: 'polite'},\n  success: {icon: IconCheck, color: 'var(--ds-success)', role: 'status', live: 'polite'},\n  warning: {icon: IconWarning, color: 'var(--ds-warning)', role: 'alert', live: 'assertive'},\n  danger: {icon: IconError, color: 'var(--ds-danger)', role: 'alert', live: 'assertive'},\n  slate: {icon: IconInfo, color: 'var(--ds-slate)', role: 'status', live: 'polite'},\n  azure: {icon: IconInfo, color: 'var(--ds-azure)', role: 'status', live: 'polite'},\n}\n\n\nexport interface GrToasterProps {\n  /** Угол экрана для стека уведомлений. */\n  placement?: GrToasterPlacement\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  dismissLabel?: string\n  /** A11y-лейбл контейнера-региона (i18n). */\n  regionLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrToasterProps>(), {\n  placement: 'top-right',\n  dismissLabel: 'Dismiss',\n  regionLabel: 'Notifications',\n})\n\nconst {list, dismiss} = useToast()\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем `teleport`.\nconst isClient = typeof window !== 'undefined'\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-ds-toaster\n        role=\"region\"\n        :aria-label=\"regionLabel\"\n        class=\"fixed z-[var(--gr-z-toast)] grid w-[360px] max-w-[calc(100vw-2rem)] gap-3\"\n        :class=\"containerClass\"\n    >\n      <TransitionGroup\n          tag=\"div\"\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 list\"\n            :key=\"toast.id\"\n            data-ds-toast\n            :data-tone=\"toast.tone\"\n            :role=\"metaFor(toast.tone).role\"\n            :aria-live=\"metaFor(toast.tone).live\"\n            aria-atomic=\"true\"\n            class=\"rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] px-4 py-3 shadow-[var(--ds-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=\"dismissLabel\"\n                @click=\"dismiss(toast.id)\"\n            >\n              <GrIcon size=\"sm\" aria-hidden=\"true\">\n                <IconClose />\n              </GrIcon>\n            </GrButton>\n          </div>\n        </div>\n      </TransitionGroup>\n    </div>\n  </teleport>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CA,MAAM,YAA2C;GAC/C,SAAS;IAAC,MAAM;IAAU,OAAO;IAAkB,MAAM;IAAU,MAAM;IAAS;GAClF,SAAS;IAAC,MAAM;IAAU,OAAO;IAAmB,MAAM;IAAU,MAAM;IAAS;GACnF,MAAM;IAAC,MAAM;IAAU,OAAO;IAAkB,MAAM;IAAU,MAAM;IAAS;GAC/E,SAAS;IAAC,MAAM;IAAW,OAAO;IAAqB,MAAM;IAAU,MAAM;IAAS;GACtF,SAAS;IAAC,MAAM;IAAa,OAAO;IAAqB,MAAM;IAAS,MAAM;IAAY;GAC1F,QAAQ;IAAC,MAAM;IAAW,OAAO;IAAoB,MAAM;IAAS,MAAM;IAAY;GACtF,OAAO;IAAC,MAAM;IAAU,OAAO;IAAmB,MAAM;IAAU,MAAM;IAAS;GACjF,OAAO;IAAC,MAAM;IAAU,OAAO;IAAmB,MAAM;IAAU,MAAM;IAAS;GACnF;EAYA,MAAM,QAAQ;EAMd,MAAM,EAAC,MAAM,YAAW,UAAS;EAGjC,MAAM,WAAW,OAAO,WAAW;EAEnC,SAAS,QAAQ,MAA6B;AAC5C,UAAO,UAAU,SAAS,UAAU;;EAGtC,MAAM,iBAAiB,eAAe,gBAAgB,MAAM,WAAU;;uBAIpE,YAwDW,UAAA;IAxDD,IAAG;IAAQ,UAAQ,CAAG;OAC9B,mBAsDM,OAAA;IArDF,mBAAA;IACA,MAAK;IACJ,cAAY,QAAA;IACb,OAAK,eAAA,CAAC,6EACE,eAAA,MAAc,CAAA;OAExB,YA8CkB,iBAAA;IA7Cd,KAAI;IACJ,OAAM;IACN,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;IACf,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;IACf,cAAW;;2BAGY,EAAA,UAAA,KAAA,EADzB,mBAkCM,UAAA,MAAA,WAjCc,MAAA,KAAI,GAAb,UAAK;yBADhB,mBAkCM,OAAA;MAhCD,KAAK,MAAM;MACZ,iBAAA;MACC,aAAW,MAAM;MACjB,MAAM,QAAQ,MAAM,KAAI,CAAE;MAC1B,aAAW,QAAQ,MAAM,KAAI,CAAE;MAChC,eAAY;MACZ,OAAM;SAER,mBAuBM,OAvBN,YAuBM;MAtBJ,YAES,MAAA,eAAA,EAAA;OAFD,MAAK;OAAK,OAAM;OAAU,OAAK,eAAA,EAAA,OAAW,QAAQ,MAAM,KAAI,CAAE,OAAK,CAAA;OAAI,eAAY;;8BAC7C,EAAA,WAAA,EAA5C,YAA4C,wBAA5B,QAAQ,MAAM,KAAI,CAAE,KAAI,CAAA,EAAA,CAAA;;;MAE1C,mBAOM,OAPN,YAOM,CANJ,mBAEM,OAFN,YAEM,gBADD,MAAM,MAAK,EAAA,EAAA,EAEL,MAAM,WAAA,WAAA,EAAjB,mBAEM,OAFN,YAEM,gBADD,MAAM,QAAO,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA;MAGpB,YAUW,MAAA,iBAAA,EAAA;OATP,SAAQ;OACR,MAAK;OACL,QAAA;OACC,cAAY,QAAA;OACZ,UAAK,WAAE,MAAA,QAAO,CAAC,MAAM,GAAE;;8BAIjB,CAFT,YAES,MAAA,eAAA,EAAA;QAFD,MAAK;QAAK,eAAY;;+BACf,CAAb,YAAa,MAAA,UAAA,CAAA,CAAA,CAAA"}

package/dist/components/GrToaster/index.js

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

package/dist/components/GrTooltip/chunks/GrTooltip-BC-40SA5.js

@@ -0,0 +1,109 @@
+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 { 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": "",
+	class: "relative inline-flex"
+};
+//#endregion
+//#region src/components/GrTooltip/GrTooltip.vue
+var GrTooltip_default = /* @__PURE__ */ defineComponent({
+	__name: "GrTooltip",
+	props: {
+		text: {},
+		iconColor: { default: "var(--muted-fg)" }
+	},
+	setup(__props) {
+		/**
+		* GrTooltip — DS-примитив инлайн-подсказки на hover/focus.
+		*
+		* По умолчанию триггер — иконка info; можно заменить через слот.
+		* A11y:
+		* - `role="tooltip"` связывается с триггером через уникальный `aria-describedby`;
+		* - подсказка закрывается по `Escape` (WCAG 1.4.13 «Content on Hover or Focus» —
+		*   dismissible без необходимости двигать курсор/фокус);
+		* - панель не интерактивна (`pointer-events-none`), поэтому «hoverable»-требование
+		*   того же критерия неприменимо — навести курсор на саму подсказку невозможно.
+		*
+		* Позиционирование — через общий `useFloating` (см. `composables/internal`):
+		* по умолчанию сверху по центру, но `flip` переворачивает подсказку вниз, если
+		* места над триггером не хватает, а `shift` не даёт ей вылезти за края viewport.
+		*/
+		const props = __props;
+		const tooltipId = `ds-tooltip-${useId()}`;
+		const triggerStyle = computed(() => ({ color: props.iconColor }));
+		const isClient = typeof window !== "undefined";
+		const open = ref(false);
+		const triggerEl = ref(null);
+		const panelEl = ref(null);
+		const { floatingStyle } = useFloating(triggerEl, panelEl, open, {
+			placement: "top",
+			zIndexVar: "--gr-z-tooltip"
+		});
+		function show() {
+			open.value = true;
+		}
+		function hide() {
+			open.value = false;
+		}
+		function closeOnEscape(e) {
+			if (e.key === "Escape") hide();
+		}
+		watch(open, (isOpen) => {
+			if (typeof document === "undefined") return;
+			document.removeEventListener("keydown", closeOnEscape);
+			if (isOpen) document.addEventListener("keydown", closeOnEscape);
+		}, { immediate: true });
+		onUnmounted(() => {
+			if (typeof document === "undefined") return;
+			document.removeEventListener("keydown", closeOnEscape);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", _hoisted_1, [createElementVNode("span", {
+				ref_key: "triggerEl",
+				ref: triggerEl,
+				"data-ds-tooltip-trigger": "",
+				"data-testid": "ds-tooltip-trigger",
+				tabindex: "0",
+				"aria-describedby": tooltipId,
+				class: "inline-flex items-center justify-center focus:outline-none",
+				style: normalizeStyle(triggerStyle.value),
+				onMouseenter: show,
+				onMouseleave: hide,
+				onFocus: show,
+				onBlur: hide
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(unref(GrIcon_default), {
+				size: "sm",
+				"aria-hidden": "true"
+			}, {
+				default: withCtx(() => [createVNode(unref(info_default))]),
+				_: 1
+			})])], 36), (openBlock(), createBlock(Teleport, {
+				to: "body",
+				disabled: !isClient
+			}, [createVNode(Transition, {
+				"enter-active-class": "transition-opacity duration-150",
+				"enter-from-class": "opacity-0",
+				"enter-to-class": "opacity-100",
+				"leave-active-class": "transition-opacity duration-100",
+				"leave-from-class": "opacity-100",
+				"leave-to-class": "opacity-0"
+			}, {
+				default: withCtx(() => [withDirectives(createElementVNode("span", {
+					id: tooltipId,
+					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)]",
+					style: normalizeStyle(unref(floatingStyle))
+				}, toDisplayString(__props.text), 5), [[vShow, open.value]])]),
+				_: 1
+			})], 8, ["disabled"]))]);
+		};
+	}
+});
+//#endregion
+export { GrTooltip_default as t };

package/dist/components/GrTooltip/chunks/GrTooltip-BC-40SA5.js.map

@@ -0,0 +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"}

package/dist/components/GrTooltip/index.js

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