@feugene/granularity 0.9.4 → 0.10.0

package/dist/components/GrTreeSelect/chunks/{GrTreeSelect-C1abr5uH.js → GrTreeSelect-CytivcCa.js}

@@ -1,8 +1,9 @@
-import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-LcJ88Vce.js";
+import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-D_7jowK2.js";
 import { t as GrInput_default } from "../../GrInput/chunks/GrInput-gwFQ1sk4.js";
 import { vClickOutside } from "../../../directives/clickOutside.js";
-import { t as GrTree_default } from "../../GrTree/chunks/GrTree-B2SMU5Py.js";
-import { i as grTreeSelectPanelClass, r as grTreeSelectClass } from "../../../chunks/config-72sW9Bag2.js";
+import { t as useFloating } from "../../../chunks/useFloating-CLtbU7eD.js";
+import { t as GrTree_default } from "../../GrTree/chunks/GrTree-uZr5SyQI.js";
+import { i as grTreeSelectPanelClass, r as grTreeSelectClass } from "../../../chunks/config-D_Pafsjq2.js";
 import { Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onUnmounted, openBlock, ref, renderSlot, toDisplayString, unref, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
 //#region src/components/GrTreeSelect/GrTreeSelect.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "relative" };
@@ -103,34 +104,11 @@ var GrTreeSelect_default = /* @__PURE__ */ defineComponent({
 		let hadPointerDownOnTrigger = false;
 		const open = ref(false);
 		const filterValue = ref("");
-		const panelStyle = ref({
-			left: "0px",
-			top: "0px",
-			width: "0px",
-			zIndex: "2147483647"
+		const { floatingStyle } = useFloating(rootEl, panelEl, open, {
+			placement: "bottom-start",
+			matchWidth: true,
+			zIndexVar: "--gr-z-dropdown"
 		});
-		function syncPanelPosition() {
-			if (typeof window === "undefined") return;
-			const root = rootEl.value;
-			if (!root) return;
-			const rect = root.getBoundingClientRect();
-			panelStyle.value = {
-				left: `${rect.left}px`,
-				top: `${rect.bottom + 8}px`,
-				width: `${rect.width}px`,
-				zIndex: "2147483647"
-			};
-		}
-		function bindPanelPositionListeners() {
-			if (typeof window === "undefined") return;
-			window.addEventListener("resize", syncPanelPosition);
-			window.addEventListener("scroll", syncPanelPosition, true);
-		}
-		function unbindPanelPositionListeners() {
-			if (typeof window === "undefined") return;
-			window.removeEventListener("resize", syncPanelPosition);
-			window.removeEventListener("scroll", syncPanelPosition, true);
-		}
 		const closeOnSelectResolved = computed(() => {
 			return props.closeOnSelect ?? !props.multiple;
 		});
@@ -266,12 +244,8 @@ var GrTreeSelect_default = /* @__PURE__ */ defineComponent({
 		watch(open, async (isOpen) => {
 			if (typeof document === "undefined") return;
 			document.removeEventListener("keydown", closeOnEscape);
-			unbindPanelPositionListeners();
 			if (isOpen) document.addEventListener("keydown", closeOnEscape);
 			if (!isOpen) return;
-			bindPanelPositionListeners();
-			await nextTick();
-			syncPanelPosition();
 			if (!props.multiple) {
 				const v = props.modelValue;
 				if (v != null && !Array.isArray(v)) treeRef.value?.setCurrentKey(v);
@@ -284,7 +258,6 @@ var GrTreeSelect_default = /* @__PURE__ */ defineComponent({
 		onUnmounted(() => {
 			if (typeof document === "undefined") return;
 			document.removeEventListener("keydown", closeOnEscape);
-			unbindPanelPositionListeners();
 		});
 		watch(() => props.modelValue, (v) => {
 			if (props.multiple) return;
@@ -392,8 +365,7 @@ var GrTreeSelect_default = /* @__PURE__ */ defineComponent({
 					ref: panelEl,
 					"data-testid": "ds-tree-select-panel",
 					"data-ds-tree-select-panel": "",
-					class: "fixed w-full",
-					style: normalizeStyle(panelStyle.value)
+					style: normalizeStyle(unref(floatingStyle))
 				}, [createElementVNode("div", { class: normalizeClass(panelClasses.value) }, [__props.filterable ? (openBlock(), createElementBlock("div", _hoisted_6, [createVNode(GrInput_default, {
 					ref_key: "filterInputRef",
 					ref: filterInputRef,

package/dist/components/GrTreeSelect/chunks/GrTreeSelect-CytivcCa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrTreeSelect-CytivcCa.js","names":["$slots"],"sources":["../../../../src/components/GrTreeSelect/GrTreeSelect.vue","../../../../src/components/GrTreeSelect/GrTreeSelect.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends Record<string, any> = any\">\nimport { computed, nextTick, onUnmounted, ref, watch } from 'vue'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating } from '../../composables/internal/useFloating'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrInput from '../GrInput/GrInput.vue'\nimport GrTree, {\n  type GrTreeInstance,\n  type GrTreeKey,\n  type GrTreeNode,\n} from '../GrTree'\nimport type { GrTreeSelectModelValue, GrTreeSelectProps } from './grTreeSelectTypes'\nimport { grTreeSelectClass, grTreeSelectPanelClass } from './grTreeSelectStyles'\n\nconst props = withDefaults(\n  defineProps<GrTreeSelectProps<T>>(),\n  {\n    props: () => ({\n      children: 'children',\n      label: 'label',\n    }),\n    nodeKey: 'id' as any,\n    defaultExpandedKeys: () => [],\n    disabled: false,\n    placeholder: undefined,\n    size: 'md',\n    invalid: false,\n    state: 'default',\n    multiple: false,\n    clearable: false,\n    valueDisplay: 'label',\n    filterable: false,\n    filterPlaceholder: undefined,\n    filterInputmode: undefined,\n    filterNodeMethod: undefined,\n    closeOnSelect: undefined,\n    dropdownMaxHeight: 320,\n  },\n)\n\nconst { t } = useGranularityTranslations()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrTreeSelectModelValue): void\n  (e: 'change', value: GrTreeSelectModelValue): void\n  (e: 'visibleChange', visible: boolean): void\n  (e: 'clear'): void\n  (e: 'nodeClick', data: T, node: GrTreeNode<T>): void\n}>()\n\ndefineSlots<{\n  /** Рендер значения внутри триггера (вместо дефолтного текста). */\n  value?: (props: { value: GrTreeSelectModelValue; labels: string[]; displayValue: string; pathLabels?: string[] }) => any\n  /** Рендер строки дерева. */\n  node?: (props: { node: GrTreeNode<T>; data: T; selected: boolean }) => any\n  /** Содержимое пустого состояния (когда нет данных). */\n  empty?: () => any\n}>()\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst triggerEl = ref<HTMLInputElement | null>(null)\nconst filterInputRef = ref<InstanceType<typeof GrInput> | null>(null)\nconst treeRef = ref<GrTreeInstance | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\n\nconst clickOutsideExclude = [() => panelEl.value]\n\nlet hadPointerDownOnTrigger = false\n\nconst open = ref(false)\nconst filterValue = ref('')\n\nconst { floatingStyle } = useFloating(rootEl, panelEl, open, {\n  placement: 'bottom-start',\n  matchWidth: true,\n  zIndexVar: '--gr-z-dropdown',\n})\n\nconst closeOnSelectResolved = computed(() => {\n  return props.closeOnSelect ?? !props.multiple\n})\n\nfunction getChildrenKey() {\n  return props.props.children ?? 'children'\n}\n\nfunction getLabelKey() {\n  return props.props.label ?? 'label'\n}\n\nfunction nodeLabel(data: T): string {\n  const key = getLabelKey() as keyof T\n  const v = data[key]\n  return v == null ? '' : String(v)\n}\n\nfunction nodeChildren(data: T): T[] {\n  const key = getChildrenKey() as keyof T\n  const v = data[key]\n  return Array.isArray(v) ? (v as any) : []\n}\n\nfunction nodeKeyOf(data: T, index: number, parentKey: GrTreeKey | undefined): GrTreeKey {\n  const keyName = props.nodeKey as keyof T\n  const v = data[keyName]\n  if (v != null)\n    return v as GrTreeKey\n\n  return parentKey == null ? index : `${String(parentKey)}:${index}`\n}\n\nconst labelByKey = computed(() => {\n  const map = new Map<GrTreeKey, string>()\n\n  const walk = (items: T[], parentKey: GrTreeKey | undefined) => {\n    for (let i = 0; i < items.length; i++) {\n      const item = items[i]\n      const key = nodeKeyOf(item, i, parentKey)\n      map.set(key, nodeLabel(item))\n      walk(nodeChildren(item), key)\n    }\n  }\n\n  walk(props.data ?? [], undefined)\n  return map\n})\n\nconst pathLabelsByKey = computed(() => {\n  const map = new Map<GrTreeKey, string[]>()\n\n  const walk = (items: T[], parentKey: GrTreeKey | undefined, parentPath: string[]) => {\n    for (let i = 0; i < items.length; i++) {\n      const item = items[i]\n      const key = nodeKeyOf(item, i, parentKey)\n      const label = nodeLabel(item)\n      const path = [...parentPath, label]\n      map.set(key, path)\n      walk(nodeChildren(item), key, path)\n    }\n  }\n\n  walk(props.data ?? [], undefined, [])\n  return map\n})\n\nconst selectedKeys = computed<GrTreeKey[]>(() => {\n  if (props.multiple) {\n    return Array.isArray(props.modelValue) ? props.modelValue : []\n  }\n\n  const v = props.modelValue\n  if (v == null || Array.isArray(v))\n    return []\n  return [v]\n})\n\nconst selectedKeySet = computed(() => new Set(selectedKeys.value))\n\nconst selectedLabels = computed(() => {\n  const map = labelByKey.value\n  return selectedKeys.value.map((k) => map.get(k) ?? String(k))\n})\n\nconst selectedPathLabels = computed<string[] | undefined>(() => {\n  if (props.multiple)\n    return undefined\n\n  const key = selectedKeys.value[0]\n  if (key == null)\n    return undefined\n\n  const path = pathLabelsByKey.value.get(key)\n  if (path?.length)\n    return path\n\n  const labels = selectedLabels.value\n  return labels.length ? [labels[0]] : undefined\n})\n\nconst displayValue = computed(() => {\n  const labels = selectedLabels.value\n  if (labels.length === 0)\n    return ''\n\n  if (!props.multiple) {\n    if (props.valueDisplay === 'path') {\n      const path = selectedPathLabels.value\n      if (path?.length)\n        return path.join(' / ')\n    }\n    return labels[0]\n  }\n\n  if (labels.length === 1)\n    return labels[0]\n  return `${labels[0]} +${labels.length - 1}`\n})\n\nconst hasSelection = computed(() => selectedKeys.value.length > 0)\n\nconst resolvedFilterPlaceholder = computed(() => {\n  return props.filterPlaceholder ?? t('gr.treeSelect.filterPlaceholder', 'Search…')\n})\n\nconst className = computed(() => {\n  return grTreeSelectClass({\n    size: props.size,\n    state: props.state,\n    invalid: props.invalid,\n  })\n})\n\nconst panelClasses = computed(() => {\n  return grTreeSelectPanelClass\n})\n\nfunction setOpen(next: boolean) {\n  if (props.disabled)\n    return\n\n  if (open.value === next)\n    return\n\n  open.value = next\n  emit('visibleChange', next)\n}\n\nfunction onClickOutside(): void {\n  setOpen(false)\n}\n\nfunction openDropdown(): void {\n  setOpen(true)\n}\n\nfunction closeDropdown(): void {\n  setOpen(false)\n}\n\nfunction toggleDropdown(): void {\n  setOpen(!open.value)\n}\n\nfunction onTriggerPointerDown(): void {\n  hadPointerDownOnTrigger = true\n  if (typeof window !== 'undefined') {\n    window.setTimeout(() => {\n      hadPointerDownOnTrigger = false\n    }, 0)\n  }\n  else {\n    // SSR / no window: reset sync\n    hadPointerDownOnTrigger = false\n  }\n}\n\nfunction onTriggerFocus(): void {\n  if (hadPointerDownOnTrigger)\n    return\n  openDropdown()\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') {\n    closeDropdown()\n    nextTick(() => triggerEl.value?.focus())\n  }\n}\n\nwatch(\n  open,\n  async (isOpen) => {\n    if (typeof document === 'undefined')\n      return\n\n    document.removeEventListener('keydown', closeOnEscape)\n\n    if (isOpen)\n      document.addEventListener('keydown', closeOnEscape)\n\n    if (!isOpen)\n      return\n\n    // sync tree highlight\n    if (!props.multiple) {\n      const v = props.modelValue\n      if (v != null && !Array.isArray(v))\n        treeRef.value?.setCurrentKey(v)\n    }\n\n    // focus filter input\n    if (props.filterable) {\n      await nextTick()\n      filterInputRef.value?.focus()\n    }\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined')\n    return\n  document.removeEventListener('keydown', closeOnEscape)\n})\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (props.multiple)\n      return\n    if (v == null || Array.isArray(v)) {\n      treeRef.value?.setCurrentKey(undefined)\n      return\n    }\n    treeRef.value?.setCurrentKey(v)\n  },\n)\n\nwatch(\n  filterValue,\n  (v) => {\n    treeRef.value?.filter(v)\n  },\n)\n\nwatch(\n  open,\n  (isOpen) => {\n    if (isOpen)\n      return\n    if (filterValue.value.trim().length > 0)\n      filterValue.value = ''\n  },\n)\n\nfunction emitModel(next: GrTreeSelectModelValue) {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction clear(): void {\n  if (props.disabled)\n    return\n\n  const next: GrTreeSelectModelValue = props.multiple ? [] : null\n  emitModel(next)\n  emit('clear')\n  if (!props.multiple)\n    treeRef.value?.setCurrentKey(undefined)\n}\n\nfunction onTriggerKeydown(e: KeyboardEvent): void {\n  if (props.disabled)\n    return\n\n  if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {\n    e.preventDefault()\n    openDropdown()\n  }\n  if (e.key === 'Escape') {\n    e.preventDefault()\n    closeDropdown()\n  }\n}\n\nfunction onNodeClick(data: T, node: GrTreeNode<T>): void {\n  emit('nodeClick', data, node)\n\n  if (props.disabled)\n    return\n\n  if (props.multiple) {\n    const next = new Set(selectedKeySet.value)\n    if (next.has(node.key))\n      next.delete(node.key)\n    else\n      next.add(node.key)\n    emitModel([...next])\n\n    if (closeOnSelectResolved.value) {\n      closeDropdown()\n    }\n    return\n  }\n\n  emitModel(node.key)\n  if (closeOnSelectResolved.value) {\n    closeDropdown()\n  }\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    v-click-outside=\"{ handler: onClickOutside, enabled: open, exclude: clickOutsideExclude }\"\n    data-ds-tree-select\n    class=\"relative\"\n  >\n    <div class=\"relative\">\n      <input\n        ref=\"triggerEl\"\n        data-testid=\"ds-tree-select-trigger\"\n        data-ds-tree-select-trigger\n        type=\"text\"\n        :value=\"displayValue\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        readonly\n        role=\"combobox\"\n        aria-readonly=\"true\"\n        :aria-expanded=\"open ? 'true' : 'false'\"\n        :aria-invalid=\"invalid ? 'true' : undefined\"\n        class=\"w-full rounded-md border bg-[var(--bg)] 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, $slots.value ? 'text-transparent placeholder:text-transparent' : '']\"\n        @pointerdown=\"onTriggerPointerDown\"\n        @click=\"toggleDropdown\"\n        @focus=\"onTriggerFocus\"\n        @keydown=\"onTriggerKeydown\"\n      >\n\n      <button\n        v-if=\"clearable && hasSelection\"\n        data-testid=\"ds-tree-select-clear\"\n        data-ds-tree-select-clear\n        type=\"button\"\n        class=\"absolute top-1/2 -translate-y-1/2 right-3 h-6 w-6 inline-flex items-center justify-center rounded-md text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--muted)_25%,transparent)] disabled:opacity-50\"\n        :disabled=\"disabled\"\n        :aria-label=\"t('gr.common.clear', 'Clear')\"\n        @click.stop=\"clear\"\n      >\n        <span class=\"i-lucide-x inline-block h-4 w-4\" />\n      </button>\n\n      <span\n        v-else\n        data-testid=\"ds-tree-select-chevron\"\n        data-ds-tree-select-chevron\n        class=\"absolute top-1/2 -translate-y-1/2 right-3 text-[var(--muted-fg)] pointer-events-none\"\n      >\n        <span\n          class=\"i-lucide-chevron-down inline-block h-4 w-4 transition-transform duration-150\"\n          :class=\"open ? 'rotate-180' : ''\"\n        />\n      </span>\n\n      <div\n        v-if=\"$slots.value\"\n        class=\"absolute inset-y-0 left-3 right-9 flex items-center pointer-events-none\"\n      >\n        <slot\n          name=\"value\"\n          :value=\"modelValue\"\n          :labels=\"selectedLabels\"\n          :display-value=\"displayValue\"\n          :path-labels=\"selectedPathLabels\"\n        />\n      </div>\n    </div>\n\n    <teleport to=\"body\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          ref=\"panelEl\"\n          data-testid=\"ds-tree-select-panel\"\n          data-ds-tree-select-panel\n          :style=\"floatingStyle\"\n        >\n          <div :class=\"panelClasses\">\n          <div v-if=\"filterable\" class=\"p-2 border-b border-[var(--brd)]\">\n            <GrInput\n              ref=\"filterInputRef\"\n              v-model=\"filterValue\"\n              data-testid=\"ds-tree-select-filter\"\n              data-ds-tree-select-filter\n              type=\"search\"\n              :inputmode=\"filterInputmode\"\n              :placeholder=\"resolvedFilterPlaceholder\"\n              size=\"sm\"\n            />\n          </div>\n\n          <div\n            class=\"p-1 overflow-auto\"\n            :style=\"{ maxHeight: `${dropdownMaxHeight}px` }\"\n          >\n            <div v-if=\"(data?.length ?? 0) === 0\" class=\"px-3 py-2 text-[13px] text-[var(--muted-fg)]\">\n              <slot name=\"empty\">\n                {{ t('gr.treeSelect.empty', 'No data') }}\n              </slot>\n            </div>\n\n            <GrTree\n              v-else\n              ref=\"treeRef\"\n              :data=\"data\"\n              :props=\"props.props\"\n              :node-key=\"nodeKey as any\"\n              :default-expanded-keys=\"defaultExpandedKeys\"\n              :filter-node-method=\"filterNodeMethod\"\n              :highlight-current=\"!multiple\"\n              @node-click=\"onNodeClick\"\n            >\n              <template #default=\"{ node, data }\">\n                <slot\n                  name=\"node\"\n                  :node=\"node\"\n                  :data=\"data\"\n                  :selected=\"selectedKeySet.has(node.key)\"\n                >\n                  <div class=\"flex items-center gap-2 min-w-0\">\n                    <span\n                      class=\"inline-block h-4 w-4 shrink-0\"\n                      :class=\"selectedKeySet.has(node.key) ? 'i-lucide-check text-[var(--primary)]' : ''\"\n                      aria-hidden=\"true\"\n                    />\n                    <span class=\"truncate\">{{ node.label }}</span>\n                  </div>\n                </slot>\n              </template>\n            </GrTree>\n          </div>\n        </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> = any\">\nimport { computed, nextTick, onUnmounted, ref, watch } from 'vue'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating } from '../../composables/internal/useFloating'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrInput from '../GrInput/GrInput.vue'\nimport GrTree, {\n  type GrTreeInstance,\n  type GrTreeKey,\n  type GrTreeNode,\n} from '../GrTree'\nimport type { GrTreeSelectModelValue, GrTreeSelectProps } from './grTreeSelectTypes'\nimport { grTreeSelectClass, grTreeSelectPanelClass } from './grTreeSelectStyles'\n\nconst props = withDefaults(\n  defineProps<GrTreeSelectProps<T>>(),\n  {\n    props: () => ({\n      children: 'children',\n      label: 'label',\n    }),\n    nodeKey: 'id' as any,\n    defaultExpandedKeys: () => [],\n    disabled: false,\n    placeholder: undefined,\n    size: 'md',\n    invalid: false,\n    state: 'default',\n    multiple: false,\n    clearable: false,\n    valueDisplay: 'label',\n    filterable: false,\n    filterPlaceholder: undefined,\n    filterInputmode: undefined,\n    filterNodeMethod: undefined,\n    closeOnSelect: undefined,\n    dropdownMaxHeight: 320,\n  },\n)\n\nconst { t } = useGranularityTranslations()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrTreeSelectModelValue): void\n  (e: 'change', value: GrTreeSelectModelValue): void\n  (e: 'visibleChange', visible: boolean): void\n  (e: 'clear'): void\n  (e: 'nodeClick', data: T, node: GrTreeNode<T>): void\n}>()\n\ndefineSlots<{\n  /** Рендер значения внутри триггера (вместо дефолтного текста). */\n  value?: (props: { value: GrTreeSelectModelValue; labels: string[]; displayValue: string; pathLabels?: string[] }) => any\n  /** Рендер строки дерева. */\n  node?: (props: { node: GrTreeNode<T>; data: T; selected: boolean }) => any\n  /** Содержимое пустого состояния (когда нет данных). */\n  empty?: () => any\n}>()\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst triggerEl = ref<HTMLInputElement | null>(null)\nconst filterInputRef = ref<InstanceType<typeof GrInput> | null>(null)\nconst treeRef = ref<GrTreeInstance | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\n\nconst clickOutsideExclude = [() => panelEl.value]\n\nlet hadPointerDownOnTrigger = false\n\nconst open = ref(false)\nconst filterValue = ref('')\n\nconst { floatingStyle } = useFloating(rootEl, panelEl, open, {\n  placement: 'bottom-start',\n  matchWidth: true,\n  zIndexVar: '--gr-z-dropdown',\n})\n\nconst closeOnSelectResolved = computed(() => {\n  return props.closeOnSelect ?? !props.multiple\n})\n\nfunction getChildrenKey() {\n  return props.props.children ?? 'children'\n}\n\nfunction getLabelKey() {\n  return props.props.label ?? 'label'\n}\n\nfunction nodeLabel(data: T): string {\n  const key = getLabelKey() as keyof T\n  const v = data[key]\n  return v == null ? '' : String(v)\n}\n\nfunction nodeChildren(data: T): T[] {\n  const key = getChildrenKey() as keyof T\n  const v = data[key]\n  return Array.isArray(v) ? (v as any) : []\n}\n\nfunction nodeKeyOf(data: T, index: number, parentKey: GrTreeKey | undefined): GrTreeKey {\n  const keyName = props.nodeKey as keyof T\n  const v = data[keyName]\n  if (v != null)\n    return v as GrTreeKey\n\n  return parentKey == null ? index : `${String(parentKey)}:${index}`\n}\n\nconst labelByKey = computed(() => {\n  const map = new Map<GrTreeKey, string>()\n\n  const walk = (items: T[], parentKey: GrTreeKey | undefined) => {\n    for (let i = 0; i < items.length; i++) {\n      const item = items[i]\n      const key = nodeKeyOf(item, i, parentKey)\n      map.set(key, nodeLabel(item))\n      walk(nodeChildren(item), key)\n    }\n  }\n\n  walk(props.data ?? [], undefined)\n  return map\n})\n\nconst pathLabelsByKey = computed(() => {\n  const map = new Map<GrTreeKey, string[]>()\n\n  const walk = (items: T[], parentKey: GrTreeKey | undefined, parentPath: string[]) => {\n    for (let i = 0; i < items.length; i++) {\n      const item = items[i]\n      const key = nodeKeyOf(item, i, parentKey)\n      const label = nodeLabel(item)\n      const path = [...parentPath, label]\n      map.set(key, path)\n      walk(nodeChildren(item), key, path)\n    }\n  }\n\n  walk(props.data ?? [], undefined, [])\n  return map\n})\n\nconst selectedKeys = computed<GrTreeKey[]>(() => {\n  if (props.multiple) {\n    return Array.isArray(props.modelValue) ? props.modelValue : []\n  }\n\n  const v = props.modelValue\n  if (v == null || Array.isArray(v))\n    return []\n  return [v]\n})\n\nconst selectedKeySet = computed(() => new Set(selectedKeys.value))\n\nconst selectedLabels = computed(() => {\n  const map = labelByKey.value\n  return selectedKeys.value.map((k) => map.get(k) ?? String(k))\n})\n\nconst selectedPathLabels = computed<string[] | undefined>(() => {\n  if (props.multiple)\n    return undefined\n\n  const key = selectedKeys.value[0]\n  if (key == null)\n    return undefined\n\n  const path = pathLabelsByKey.value.get(key)\n  if (path?.length)\n    return path\n\n  const labels = selectedLabels.value\n  return labels.length ? [labels[0]] : undefined\n})\n\nconst displayValue = computed(() => {\n  const labels = selectedLabels.value\n  if (labels.length === 0)\n    return ''\n\n  if (!props.multiple) {\n    if (props.valueDisplay === 'path') {\n      const path = selectedPathLabels.value\n      if (path?.length)\n        return path.join(' / ')\n    }\n    return labels[0]\n  }\n\n  if (labels.length === 1)\n    return labels[0]\n  return `${labels[0]} +${labels.length - 1}`\n})\n\nconst hasSelection = computed(() => selectedKeys.value.length > 0)\n\nconst resolvedFilterPlaceholder = computed(() => {\n  return props.filterPlaceholder ?? t('gr.treeSelect.filterPlaceholder', 'Search…')\n})\n\nconst className = computed(() => {\n  return grTreeSelectClass({\n    size: props.size,\n    state: props.state,\n    invalid: props.invalid,\n  })\n})\n\nconst panelClasses = computed(() => {\n  return grTreeSelectPanelClass\n})\n\nfunction setOpen(next: boolean) {\n  if (props.disabled)\n    return\n\n  if (open.value === next)\n    return\n\n  open.value = next\n  emit('visibleChange', next)\n}\n\nfunction onClickOutside(): void {\n  setOpen(false)\n}\n\nfunction openDropdown(): void {\n  setOpen(true)\n}\n\nfunction closeDropdown(): void {\n  setOpen(false)\n}\n\nfunction toggleDropdown(): void {\n  setOpen(!open.value)\n}\n\nfunction onTriggerPointerDown(): void {\n  hadPointerDownOnTrigger = true\n  if (typeof window !== 'undefined') {\n    window.setTimeout(() => {\n      hadPointerDownOnTrigger = false\n    }, 0)\n  }\n  else {\n    // SSR / no window: reset sync\n    hadPointerDownOnTrigger = false\n  }\n}\n\nfunction onTriggerFocus(): void {\n  if (hadPointerDownOnTrigger)\n    return\n  openDropdown()\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') {\n    closeDropdown()\n    nextTick(() => triggerEl.value?.focus())\n  }\n}\n\nwatch(\n  open,\n  async (isOpen) => {\n    if (typeof document === 'undefined')\n      return\n\n    document.removeEventListener('keydown', closeOnEscape)\n\n    if (isOpen)\n      document.addEventListener('keydown', closeOnEscape)\n\n    if (!isOpen)\n      return\n\n    // sync tree highlight\n    if (!props.multiple) {\n      const v = props.modelValue\n      if (v != null && !Array.isArray(v))\n        treeRef.value?.setCurrentKey(v)\n    }\n\n    // focus filter input\n    if (props.filterable) {\n      await nextTick()\n      filterInputRef.value?.focus()\n    }\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined')\n    return\n  document.removeEventListener('keydown', closeOnEscape)\n})\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (props.multiple)\n      return\n    if (v == null || Array.isArray(v)) {\n      treeRef.value?.setCurrentKey(undefined)\n      return\n    }\n    treeRef.value?.setCurrentKey(v)\n  },\n)\n\nwatch(\n  filterValue,\n  (v) => {\n    treeRef.value?.filter(v)\n  },\n)\n\nwatch(\n  open,\n  (isOpen) => {\n    if (isOpen)\n      return\n    if (filterValue.value.trim().length > 0)\n      filterValue.value = ''\n  },\n)\n\nfunction emitModel(next: GrTreeSelectModelValue) {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction clear(): void {\n  if (props.disabled)\n    return\n\n  const next: GrTreeSelectModelValue = props.multiple ? [] : null\n  emitModel(next)\n  emit('clear')\n  if (!props.multiple)\n    treeRef.value?.setCurrentKey(undefined)\n}\n\nfunction onTriggerKeydown(e: KeyboardEvent): void {\n  if (props.disabled)\n    return\n\n  if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {\n    e.preventDefault()\n    openDropdown()\n  }\n  if (e.key === 'Escape') {\n    e.preventDefault()\n    closeDropdown()\n  }\n}\n\nfunction onNodeClick(data: T, node: GrTreeNode<T>): void {\n  emit('nodeClick', data, node)\n\n  if (props.disabled)\n    return\n\n  if (props.multiple) {\n    const next = new Set(selectedKeySet.value)\n    if (next.has(node.key))\n      next.delete(node.key)\n    else\n      next.add(node.key)\n    emitModel([...next])\n\n    if (closeOnSelectResolved.value) {\n      closeDropdown()\n    }\n    return\n  }\n\n  emitModel(node.key)\n  if (closeOnSelectResolved.value) {\n    closeDropdown()\n  }\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    v-click-outside=\"{ handler: onClickOutside, enabled: open, exclude: clickOutsideExclude }\"\n    data-ds-tree-select\n    class=\"relative\"\n  >\n    <div class=\"relative\">\n      <input\n        ref=\"triggerEl\"\n        data-testid=\"ds-tree-select-trigger\"\n        data-ds-tree-select-trigger\n        type=\"text\"\n        :value=\"displayValue\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        readonly\n        role=\"combobox\"\n        aria-readonly=\"true\"\n        :aria-expanded=\"open ? 'true' : 'false'\"\n        :aria-invalid=\"invalid ? 'true' : undefined\"\n        class=\"w-full rounded-md border bg-[var(--bg)] 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, $slots.value ? 'text-transparent placeholder:text-transparent' : '']\"\n        @pointerdown=\"onTriggerPointerDown\"\n        @click=\"toggleDropdown\"\n        @focus=\"onTriggerFocus\"\n        @keydown=\"onTriggerKeydown\"\n      >\n\n      <button\n        v-if=\"clearable && hasSelection\"\n        data-testid=\"ds-tree-select-clear\"\n        data-ds-tree-select-clear\n        type=\"button\"\n        class=\"absolute top-1/2 -translate-y-1/2 right-3 h-6 w-6 inline-flex items-center justify-center rounded-md text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--muted)_25%,transparent)] disabled:opacity-50\"\n        :disabled=\"disabled\"\n        :aria-label=\"t('gr.common.clear', 'Clear')\"\n        @click.stop=\"clear\"\n      >\n        <span class=\"i-lucide-x inline-block h-4 w-4\" />\n      </button>\n\n      <span\n        v-else\n        data-testid=\"ds-tree-select-chevron\"\n        data-ds-tree-select-chevron\n        class=\"absolute top-1/2 -translate-y-1/2 right-3 text-[var(--muted-fg)] pointer-events-none\"\n      >\n        <span\n          class=\"i-lucide-chevron-down inline-block h-4 w-4 transition-transform duration-150\"\n          :class=\"open ? 'rotate-180' : ''\"\n        />\n      </span>\n\n      <div\n        v-if=\"$slots.value\"\n        class=\"absolute inset-y-0 left-3 right-9 flex items-center pointer-events-none\"\n      >\n        <slot\n          name=\"value\"\n          :value=\"modelValue\"\n          :labels=\"selectedLabels\"\n          :display-value=\"displayValue\"\n          :path-labels=\"selectedPathLabels\"\n        />\n      </div>\n    </div>\n\n    <teleport to=\"body\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          ref=\"panelEl\"\n          data-testid=\"ds-tree-select-panel\"\n          data-ds-tree-select-panel\n          :style=\"floatingStyle\"\n        >\n          <div :class=\"panelClasses\">\n          <div v-if=\"filterable\" class=\"p-2 border-b border-[var(--brd)]\">\n            <GrInput\n              ref=\"filterInputRef\"\n              v-model=\"filterValue\"\n              data-testid=\"ds-tree-select-filter\"\n              data-ds-tree-select-filter\n              type=\"search\"\n              :inputmode=\"filterInputmode\"\n              :placeholder=\"resolvedFilterPlaceholder\"\n              size=\"sm\"\n            />\n          </div>\n\n          <div\n            class=\"p-1 overflow-auto\"\n            :style=\"{ maxHeight: `${dropdownMaxHeight}px` }\"\n          >\n            <div v-if=\"(data?.length ?? 0) === 0\" class=\"px-3 py-2 text-[13px] text-[var(--muted-fg)]\">\n              <slot name=\"empty\">\n                {{ t('gr.treeSelect.empty', 'No data') }}\n              </slot>\n            </div>\n\n            <GrTree\n              v-else\n              ref=\"treeRef\"\n              :data=\"data\"\n              :props=\"props.props\"\n              :node-key=\"nodeKey as any\"\n              :default-expanded-keys=\"defaultExpandedKeys\"\n              :filter-node-method=\"filterNodeMethod\"\n              :highlight-current=\"!multiple\"\n              @node-click=\"onNodeClick\"\n            >\n              <template #default=\"{ node, data }\">\n                <slot\n                  name=\"node\"\n                  :node=\"node\"\n                  :data=\"data\"\n                  :selected=\"selectedKeySet.has(node.key)\"\n                >\n                  <div class=\"flex items-center gap-2 min-w-0\">\n                    <span\n                      class=\"inline-block h-4 w-4 shrink-0\"\n                      :class=\"selectedKeySet.has(node.key) ? 'i-lucide-check text-[var(--primary)]' : ''\"\n                      aria-hidden=\"true\"\n                    />\n                    <span class=\"truncate\">{{ node.label }}</span>\n                  </div>\n                </slot>\n              </template>\n            </GrTree>\n          </div>\n        </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EA0Bd,MAAM,EAAE,MAAM,4BAA2B;EAEzC,MAAM,OAAO;EAiBb,MAAM,SAAS,IAAwB,KAAI;EAC3C,MAAM,YAAY,IAA6B,KAAI;EACnD,MAAM,iBAAiB,IAAyC,KAAI;EACpE,MAAM,UAAU,IAA2B,KAAI;EAC/C,MAAM,UAAU,IAAwB,KAAI;EAE5C,MAAM,sBAAsB,OAAO,QAAQ,MAAK;EAEhD,IAAI,0BAA0B;EAE9B,MAAM,OAAO,IAAI,MAAK;EACtB,MAAM,cAAc,IAAI,GAAE;EAE1B,MAAM,EAAE,kBAAkB,YAAY,QAAQ,SAAS,MAAM;GAC3D,WAAW;GACX,YAAY;GACZ,WAAW;GACZ,CAAA;EAED,MAAM,wBAAwB,eAAe;AAC3C,UAAO,MAAM,iBAAiB,CAAC,MAAM;IACtC;EAED,SAAS,iBAAiB;AACxB,UAAO,MAAM,MAAM,YAAY;;EAGjC,SAAS,cAAc;AACrB,UAAO,MAAM,MAAM,SAAS;;EAG9B,SAAS,UAAU,MAAiB;GAElC,MAAM,IAAI,KADE,aAAa;AAEzB,UAAO,KAAK,OAAO,KAAK,OAAO,EAAC;;EAGlC,SAAS,aAAa,MAAc;GAElC,MAAM,IAAI,KADE,gBAAgB;AAE5B,UAAO,MAAM,QAAQ,EAAE,GAAI,IAAY,EAAC;;EAG1C,SAAS,UAAU,MAAS,OAAe,WAA6C;GAEtF,MAAM,IAAI,KADM,MAAM;AAEtB,OAAI,KAAK,KACP,QAAO;AAET,UAAO,aAAa,OAAO,QAAQ,GAAG,OAAO,UAAU,CAAC,GAAG;;EAG7D,MAAM,aAAa,eAAe;GAChC,MAAM,sBAAM,IAAI,KAAuB;GAEvC,MAAM,QAAQ,OAAY,cAAqC;AAC7D,SAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;KACrC,MAAM,OAAO,MAAM;KACnB,MAAM,MAAM,UAAU,MAAM,GAAG,UAAS;AACxC,SAAI,IAAI,KAAK,UAAU,KAAK,CAAA;AAC5B,UAAK,aAAa,KAAK,EAAE,IAAG;;;AAIhC,QAAK,MAAM,QAAQ,EAAE,EAAE,KAAA,EAAS;AAChC,UAAO;IACR;EAED,MAAM,kBAAkB,eAAe;GACrC,MAAM,sBAAM,IAAI,KAAyB;GAEzC,MAAM,QAAQ,OAAY,WAAkC,eAAyB;AACnF,SAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;KACrC,MAAM,OAAO,MAAM;KACnB,MAAM,MAAM,UAAU,MAAM,GAAG,UAAS;KACxC,MAAM,QAAQ,UAAU,KAAI;KAC5B,MAAM,OAAO,CAAC,GAAG,YAAY,MAAK;AAClC,SAAI,IAAI,KAAK,KAAI;AACjB,UAAK,aAAa,KAAK,EAAE,KAAK,KAAI;;;AAItC,QAAK,MAAM,QAAQ,EAAE,EAAE,KAAA,GAAW,EAAE,CAAA;AACpC,UAAO;IACR;EAED,MAAM,eAAe,eAA4B;AAC/C,OAAI,MAAM,SACR,QAAO,MAAM,QAAQ,MAAM,WAAW,GAAG,MAAM,aAAa,EAAC;GAG/D,MAAM,IAAI,MAAM;AAChB,OAAI,KAAK,QAAQ,MAAM,QAAQ,EAAE,CAC/B,QAAO,EAAC;AACV,UAAO,CAAC,EAAC;IACV;EAED,MAAM,iBAAiB,eAAe,IAAI,IAAI,aAAa,MAAM,CAAA;EAEjE,MAAM,iBAAiB,eAAe;GACpC,MAAM,MAAM,WAAW;AACvB,UAAO,aAAa,MAAM,KAAK,MAAM,IAAI,IAAI,EAAE,IAAI,OAAO,EAAE,CAAA;IAC7D;EAED,MAAM,qBAAqB,eAAqC;AAC9D,OAAI,MAAM,SACR,QAAO,KAAA;GAET,MAAM,MAAM,aAAa,MAAM;AAC/B,OAAI,OAAO,KACT,QAAO,KAAA;GAET,MAAM,OAAO,gBAAgB,MAAM,IAAI,IAAG;AAC1C,OAAI,MAAM,OACR,QAAO;GAET,MAAM,SAAS,eAAe;AAC9B,UAAO,OAAO,SAAS,CAAC,OAAO,GAAG,GAAG,KAAA;IACtC;EAED,MAAM,eAAe,eAAe;GAClC,MAAM,SAAS,eAAe;AAC9B,OAAI,OAAO,WAAW,EACpB,QAAO;AAET,OAAI,CAAC,MAAM,UAAU;AACnB,QAAI,MAAM,iBAAiB,QAAQ;KACjC,MAAM,OAAO,mBAAmB;AAChC,SAAI,MAAM,OACR,QAAO,KAAK,KAAK,MAAK;;AAE1B,WAAO,OAAO;;AAGhB,OAAI,OAAO,WAAW,EACpB,QAAO,OAAO;AAChB,UAAO,GAAG,OAAO,GAAG,IAAI,OAAO,SAAS;IACzC;EAED,MAAM,eAAe,eAAe,aAAa,MAAM,SAAS,EAAC;EAEjE,MAAM,4BAA4B,eAAe;AAC/C,UAAO,MAAM,qBAAqB,EAAE,mCAAmC,UAAS;IACjF;EAED,MAAM,YAAY,eAAe;AAC/B,UAAO,kBAAkB;IACvB,MAAM,MAAM;IACZ,OAAO,MAAM;IACb,SAAS,MAAM;IAChB,CAAA;IACF;EAED,MAAM,eAAe,eAAe;AAClC,UAAO;IACR;EAED,SAAS,QAAQ,MAAe;AAC9B,OAAI,MAAM,SACR;AAEF,OAAI,KAAK,UAAU,KACjB;AAEF,QAAK,QAAQ;AACb,QAAK,iBAAiB,KAAI;;EAG5B,SAAS,iBAAuB;AAC9B,WAAQ,MAAK;;EAGf,SAAS,eAAqB;AAC5B,WAAQ,KAAI;;EAGd,SAAS,gBAAsB;AAC7B,WAAQ,MAAK;;EAGf,SAAS,iBAAuB;AAC9B,WAAQ,CAAC,KAAK,MAAK;;EAGrB,SAAS,uBAA6B;AACpC,6BAA0B;AAC1B,OAAI,OAAO,WAAW,YACpB,QAAO,iBAAiB;AACtB,8BAA0B;MACzB,EAAC;OAIJ,2BAA0B;;EAI9B,SAAS,iBAAuB;AAC9B,OAAI,wBACF;AACF,iBAAa;;EAGf,SAAS,cAAc,GAAwB;AAC7C,OAAI,EAAE,QAAQ,UAAU;AACtB,mBAAc;AACd,mBAAe,UAAU,OAAO,OAAO,CAAA;;;AAI3C,QACE,MACA,OAAO,WAAW;AAChB,OAAI,OAAO,aAAa,YACtB;AAEF,YAAS,oBAAoB,WAAW,cAAa;AAErD,OAAI,OACF,UAAS,iBAAiB,WAAW,cAAa;AAEpD,OAAI,CAAC,OACH;AAGF,OAAI,CAAC,MAAM,UAAU;IACnB,MAAM,IAAI,MAAM;AAChB,QAAI,KAAK,QAAQ,CAAC,MAAM,QAAQ,EAAE,CAChC,SAAQ,OAAO,cAAc,EAAC;;AAIlC,OAAI,MAAM,YAAY;AACpB,UAAM,UAAS;AACf,mBAAe,OAAO,OAAM;;KAGhC,EAAE,WAAW,MAAM,CACrB;AAEA,oBAAkB;AAChB,OAAI,OAAO,aAAa,YACtB;AACF,YAAS,oBAAoB,WAAW,cAAa;IACtD;AAED,cACQ,MAAM,aACX,MAAM;AACL,OAAI,MAAM,SACR;AACF,OAAI,KAAK,QAAQ,MAAM,QAAQ,EAAE,EAAE;AACjC,YAAQ,OAAO,cAAc,KAAA,EAAS;AACtC;;AAEF,WAAQ,OAAO,cAAc,EAAC;IAElC;AAEA,QACE,cACC,MAAM;AACL,WAAQ,OAAO,OAAO,EAAC;IAE3B;AAEA,QACE,OACC,WAAW;AACV,OAAI,OACF;AACF,OAAI,YAAY,MAAM,MAAM,CAAC,SAAS,EACpC,aAAY,QAAQ;IAE1B;EAEA,SAAS,UAAU,MAA8B;AAC/C,QAAK,qBAAqB,KAAI;AAC9B,QAAK,UAAU,KAAI;;EAGrB,SAAS,QAAc;AACrB,OAAI,MAAM,SACR;AAGF,aADqC,MAAM,WAAW,EAAE,GAAG,KAC7C;AACd,QAAK,QAAO;AACZ,OAAI,CAAC,MAAM,SACT,SAAQ,OAAO,cAAc,KAAA,EAAS;;EAG1C,SAAS,iBAAiB,GAAwB;AAChD,OAAI,MAAM,SACR;AAEF,OAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AAC/D,MAAE,gBAAe;AACjB,kBAAa;;AAEf,OAAI,EAAE,QAAQ,UAAU;AACtB,MAAE,gBAAe;AACjB,mBAAc;;;EAIlB,SAAS,YAAY,MAAS,MAA2B;AACvD,QAAK,aAAa,MAAM,KAAI;AAE5B,OAAI,MAAM,SACR;AAEF,OAAI,MAAM,UAAU;IAClB,MAAM,OAAO,IAAI,IAAI,eAAe,MAAK;AACzC,QAAI,KAAK,IAAI,KAAK,IAAI,CACpB,MAAK,OAAO,KAAK,IAAG;QAEpB,MAAK,IAAI,KAAK,IAAG;AACnB,cAAU,CAAC,GAAG,KAAK,CAAA;AAEnB,QAAI,sBAAsB,MACxB,gBAAc;AAEhB;;AAGF,aAAU,KAAK,IAAG;AAClB,OAAI,sBAAsB,MACxB,gBAAc;;;uCAMhB,mBA6IM,OAAA;aA5IA;IAAJ,KAAI;IAEJ,uBAAA;IACA,OAAM;OAEN,mBA2DM,OA3DN,YA2DM;IA1DJ,mBAmBC,SAAA;cAlBK;KAAJ,KAAI;KACJ,eAAY;KACZ,+BAAA;KACA,MAAK;KACJ,OAAO,aAAA;KACP,aAAa,QAAA;KACb,UAAU,QAAA;KACX,UAAA;KACA,MAAK;KACL,iBAAc;KACb,iBAAe,KAAA,QAAI,SAAA;KACnB,gBAAc,QAAA,UAAO,SAAY,KAAA;KAClC,OAAK,eAAA,CAAC,uPAAqP,CAClP,UAAA,OAAWA,KAAAA,OAAO,QAAK,kDAAA,GAAA,CAAA,CAAA;KAC/B,eAAa;KACb,SAAO;KACP,SAAO;KACP,WAAS;;IAIJ,QAAA,aAAa,aAAA,SAAA,WAAA,EADrB,mBAWS,UAAA;;KATP,eAAY;KACZ,6BAAA;KACA,MAAK;KACL,OAAM;KACL,UAAU,QAAA;KACV,cAAY,MAAA,EAAC,CAAA,mBAAA,QAAA;KACb,SAAK,cAAO,OAAK,CAAA,OAAA,CAAA;sCAElB,mBAAgD,QAAA,EAA1C,OAAM,mCAAiC,EAAA,MAAA,GAAA,CAAA,EAAA,EAAA,GAAA,WAAA,KAAA,WAAA,EAG/C,mBAUO,QAVP,YAUO,CAJL,mBAGE,QAAA,EAFA,OAAK,eAAA,CAAC,gFACE,KAAA,QAAI,eAAA,GAAA,CAAA,EAAA,EAAA,MAAA,EAAA,CAAA,CAAA;IAKRA,KAAAA,OAAO,SAAA,WAAA,EADf,mBAWM,OAXN,YAWM,CAPJ,WAME,KAAA,QAAA,SAAA;KAJC,OAAO,QAAA;KACP,QAAQ,eAAA;KACR,cAAe,aAAA;KACf,YAAa,mBAAA;;qBAKpB,YAyEW,UAAA,EAzED,IAAG,QAAM,EAAA,CACjB,YAuEa,YAAA;IAtEX,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;IACf,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;;2BAgET,CAAA,eA9DN,mBA8DM,OAAA;cA5DA;KAAJ,KAAI;KACJ,eAAY;KACZ,6BAAA;KACC,OAAK,eAAE,MAAA,cAAa,CAAA;QAErB,mBAsDI,OAAA,EAtDE,OAAK,eAAE,aAAA,MAAY,EAAA,EAAA,CACd,QAAA,cAAA,WAAA,EAAX,mBAWM,OAXN,YAWM,CAVJ,YASE,iBAAA;cARI;KAAJ,KAAI;iBACK,YAAA;8EAAW,QAAA;KACpB,eAAY;KACZ,8BAAA;KACA,MAAK;KACJ,WAAW,QAAA;KACX,aAAa,0BAAA;KACd,MAAK;;;;;0CAIT,mBAuCM,OAAA;KAtCJ,OAAM;KACL,OAAK,eAAA,EAAA,WAAA,GAAkB,QAAA,kBAAiB,KAAA,CAAA;SAE7B,QAAA,MAAM,UAAM,OAAA,KAAA,WAAA,EAAxB,mBAIM,OAJN,YAIM,CAHJ,WAEO,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,gBAAA,gBADF,MAAA,EAAC,CAAA,uBAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,KAAA,WAAA,EAIR,YA4BS,MAAA,eAAA,EAAA;;cA1BH;KAAJ,KAAI;KACH,MAAM,QAAA;KACN,OAAO,MAAM;KACb,YAAU,QAAA;KACV,yBAAuB,QAAA;KACvB,sBAAoB,QAAA;KACpB,qBAAiB,CAAG,QAAA;KACR;;KAEF,SAAO,SAeT,EAfa,MAAM,WAAI,CAC9B,WAcO,KAAA,QAAA,QAAA;MAZE;MACA;MACN,UAAU,eAAA,MAAe,IAAI,KAAK,IAAG;cAUjC,CARL,mBAOM,OAPN,YAOM,CANJ,mBAIE,QAAA;MAHA,OAAK,eAAA,CAAC,iCACE,eAAA,MAAe,IAAI,KAAK,IAAG,GAAA,yCAAA,GAAA,CAAA;MACnC,eAAY;kBAEd,mBAA8C,QAA9C,YAA8C,gBAApB,KAAK,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;iCAtDtC,KAAA,MAAI,CAAA,CAAA,CAAA,CAAA;;;aA3EU;IAAc,SAAW,KAAA;IAAI,SAAW;IAAmB,CAAA,CAAA,CAAA"}

package/dist/components/GrTreeSelect/index.js

@@ -1,3 +1,3 @@
-import { n as grTreeSelectSafelist, t as grTreeSelectConfig } from "../../chunks/config-72sW9Bag2.js";
-import { t as GrTreeSelect_default } from "./chunks/GrTreeSelect-C1abr5uH.js";
+import { n as grTreeSelectSafelist, t as grTreeSelectConfig } from "../../chunks/config-D_Pafsjq2.js";
+import { t as GrTreeSelect_default } from "./chunks/GrTreeSelect-CytivcCa.js";
 export { GrTreeSelect_default as GrTreeSelect, GrTreeSelect_default as default, grTreeSelectConfig, grTreeSelectSafelist };

package/dist/granular-provider-node.js

@@ -1,6 +1,6 @@
 import { n as grButtonSafelist } from "./chunks/safelist-DccvJqCE.js";
-import { n as grProgressBarSafelist } from "./chunks/config-CFf7xaG1.js";
-import { a as granularityThemeNames, i as granularityDefaultThemes, n as createGranularityProvider, r as granularityComponentConfigs, t as GRANULARITY_PROVIDER_ID } from "./chunks/shared-BiqXd5MW.js";
+import { n as grProgressBarSafelist } from "./chunks/config-B0uUCaJW.js";
+import { a as granularityThemeNames, i as granularityDefaultThemes, n as createGranularityProvider, r as granularityComponentConfigs, t as GRANULARITY_PROVIDER_ID } from "./chunks/shared-DpjTvFno.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 import { tokenDefinitionsFromCssSync } from "@feugene/unocss-preset-granular/node";
 //#region src/components/GrButton/config.node.ts

package/dist/granular-provider.js

@@ -1,4 +1,4 @@
-import { a as granularityThemeNames, i as granularityDefaultThemes, n as createGranularityProvider, r as granularityComponentConfigs, t as GRANULARITY_PROVIDER_ID } from "./chunks/shared-BiqXd5MW.js";
+import { a as granularityThemeNames, i as granularityDefaultThemes, n as createGranularityProvider, r as granularityComponentConfigs, t as GRANULARITY_PROVIDER_ID } from "./chunks/shared-DpjTvFno.js";
 //#region src/granular-provider/index.ts
 var granularityProvider = createGranularityProvider();
 //#endregion

package/dist/i18n/all.js

@@ -1,4 +1,4 @@
-import { n as ru, r as en, t as es } from "../chunks/es-Bx3Kuy6z.js";
+import { n as ru, r as en, t as es } from "../chunks/es-CISK11Nv.js";
 //#region src/i18n/all.ts
 var all = [
 	en,

package/dist/i18n/index.js

@@ -1,3 +1,3 @@
 import { t as GRANULARITY_I18N_KEY } from "../chunks/adapter-BqqjEZGU.js";
-import { i as GRANULARITY_I18N_BLOCK, n as ru, r as en, t as es } from "../chunks/es-Bx3Kuy6z.js";
+import { i as GRANULARITY_I18N_BLOCK, n as ru, r as en, t as es } from "../chunks/es-CISK11Nv.js";
 export { GRANULARITY_I18N_BLOCK, GRANULARITY_I18N_KEY, en, es, ru };

package/dist/index.js

@@ -25,12 +25,12 @@ import { n as GrCollapse_default, r as GR_COLLAPSE_CONTEXT, t as GrCollapseItem_
 import { t as GrIcon_default } from "./components/GrIcon/chunks/GrIcon-BV7RBU_0.js";
 import { t as grIconConfig } from "./chunks/config-DbghHyY_.js";
 import { t as grCollapseConfig } from "./chunks/config-D5ek7VSi.js";
-import { t as GrModal_default } from "./components/GrModal/chunks/GrModal-lh0lOmoi.js";
-import { t as getGrModalPanelClass } from "./chunks/grModalStyles-DS1Vl6EW.js";
+import { t as GrModal_default } from "./components/GrModal/chunks/GrModal-CSOL3fHQ.js";
+import { t as getGrModalPanelClass } from "./chunks/grModalStyles-FgaKqx50.js";
 import { a as resolveGrDialogTitle, i as resolveGrDialogSectionConfig, n as DEFAULT_GR_DIALOG_FOOTER_CONFIG, r as DEFAULT_GR_DIALOG_HEADER_CONFIG, t as DEFAULT_GR_DIALOG_BODY_CONFIG } from "./chunks/dialogShared-BtXUk6Zc.js";
-import { i as GrDialogFooter_default, n as GrDialogHeader_default, r as GrDialogCloseButton_default, t as GrDialog_default } from "./components/GrDialog/chunks/GrDialog-C7XLxp8e.js";
-import { _ as DEFAULT_AUTO_HIDE_KINDS, a as extendDefaultParsers, c as problemDetailsParser, d as networkErrorParser, f as laravelValidationParser, g as abortErrorParser, h as fileValidationParser, i as defaultResponseErrorParsers, l as plainMessageParser, m as httpStatusParser, n as coreResponseErrorParsers, o as resolveResponseErrorTitle, p as jsonApiErrorParser, r as createResponseErrorClassifier, s as responseErrorParserPresets, t as GrResponseErrorBanner_default, u as normalizeError, v as DEFAULT_RESPONSE_ERROR_TEXTS, y as DEFAULT_TONE_BY_KIND } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-CzdTh4gd.js";
-import { t as GrConfirmDialog_default } from "./components/GrConfirmDialog/chunks/GrConfirmDialog-Br6WJkLE.js";
+import { i as GrDialogFooter_default, n as GrDialogHeader_default, r as GrDialogCloseButton_default, t as GrDialog_default } from "./components/GrDialog/chunks/GrDialog-CxK4Lj4F.js";
+import { _ as DEFAULT_AUTO_HIDE_KINDS, a as extendDefaultParsers, c as problemDetailsParser, d as networkErrorParser, f as laravelValidationParser, g as abortErrorParser, h as fileValidationParser, i as defaultResponseErrorParsers, l as plainMessageParser, m as httpStatusParser, n as coreResponseErrorParsers, o as resolveResponseErrorTitle, p as jsonApiErrorParser, r as createResponseErrorClassifier, s as responseErrorParserPresets, t as GrResponseErrorBanner_default, u as normalizeError, v as DEFAULT_RESPONSE_ERROR_TEXTS, y as DEFAULT_TONE_BY_KIND } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-bM8FC_Bw.js";
+import { t as GrConfirmDialog_default } from "./components/GrConfirmDialog/chunks/GrConfirmDialog-Bi2KLumL.js";
 import { t as grConfirmDialogConfig } from "./chunks/config-BduXEXjt.js";
 import { t as GrTable_default } from "./components/GrTable/chunks/GrTable-dTWUxzRm.js";
 import { t as GrDataTable_default } from "./components/GrDataTable/chunks/GrDataTable-ClcYiyc8.js";
@@ -39,8 +39,8 @@ import { t as grDialogSafelist } from "./chunks/safelist-_UVzJrgE2.js";
 import "./components/GrDialog/index.js";
 import { t as GrFormField_default } from "./components/GrFormField/chunks/GrFormField-U7c_aDPJ.js";
 import { t as GrInput_default } from "./components/GrInput/chunks/GrInput-gwFQ1sk4.js";
-import { t as GrPromptDialog_default } from "./components/GrPromptDialog/chunks/GrPromptDialog-BV4EW3XO.js";
-import { n as GrFormErrorBanner_default, r as GrUploadErrorBanner_default, t as useResponseError } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-BMvXREcv.js";
+import { t as GrPromptDialog_default } from "./components/GrPromptDialog/chunks/GrPromptDialog-D_TFqKsF.js";
+import { n as GrFormErrorBanner_default, r as GrUploadErrorBanner_default, t as useResponseError } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-K1uZ1mYD.js";
 import { n as grDrawerSafelist, t as grDrawerConfig } from "./chunks/config-C6zT56Jc2.js";
 import { t as GrDrawer_default } from "./components/GrDrawer/chunks/GrDrawer-BW3wtI7h.js";
 import { vAutofocus } from "./directives/autofocus.js";
@@ -51,75 +51,75 @@ import { vDropzone } from "./directives/dropzone.js";
 import { vHotkey } from "./directives/hotkey.js";
 import { t as GrLoading_default } from "./components/GrLoading/chunks/GrLoading-mfyfghxs.js";
 import { createLoading, vLoading } from "./directives/loading.js";
-import { t as GrDropdown_default } from "./components/GrDropdown/chunks/GrDropdown-DOvHKnih.js";
-import { n as grDropdownSafelist, t as grDropdownConfig } from "./chunks/config-Br_qI3Za.js";
+import { t as GrDropdown_default } from "./components/GrDropdown/chunks/GrDropdown-BGKeEfZ1.js";
+import { n as grDropdownSafelist, t as grDropdownConfig } from "./chunks/config-C_egzT_K.js";
 import "./components/GrDropdown/index.js";
-import { a as GrDropdownMenuColumns_default, c as GrDropdownMenuList_default, i as GrDropdownMenuDivider_default, n as GrDropdownMenuGroup_default, o as GrDropdownMenuColumn_default, r as GrDropdownMenuHeader_default, s as GrDropdownMenu_default, t as GrDropdownMenuItem_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenu-CLPwbiyG.js";
-import { t as grDropdownMenuConfig } from "./chunks/config-DmjwIqx1.js";
-import { t as GrEmptyState_default } from "./components/GrEmptyState/chunks/GrEmptyState-Dj2V5GaX.js";
-import { t as grEmptyStateConfig } from "./chunks/config-O1_FTqD3.js";
-import { t as GrProgressBar_default } from "./components/GrProgressBar/chunks/GrProgressBar-C2HdYjp4.js";
-import { i as GrUploadHttpError, n as GR_UPLOAD_STATE_IDLE, r as GrUploadAbortError, t as GrFileUpload_default } from "./components/GrFileUpload/chunks/GrFileUpload-BEKNB1RM.js";
-import { t as grFileUploadConfig } from "./chunks/config-DF_RlCIO.js";
-import { t as grFormFieldConfig } from "./chunks/config-Dcb7xK-C.js";
+import { a as GrDropdownMenuColumns_default, c as GrDropdownMenuList_default, i as GrDropdownMenuDivider_default, n as GrDropdownMenuGroup_default, o as GrDropdownMenuColumn_default, r as GrDropdownMenuHeader_default, s as GrDropdownMenu_default, t as GrDropdownMenuItem_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenu-CJom_-c2.js";
+import { t as grDropdownMenuConfig } from "./chunks/config-DDwBSoc_.js";
+import { t as GrEmptyState_default } from "./components/GrEmptyState/chunks/GrEmptyState-yOuZW7-t.js";
+import { t as grEmptyStateConfig } from "./chunks/config-CzgNEHKi.js";
+import { t as GrProgressBar_default } from "./components/GrProgressBar/chunks/GrProgressBar-BBSFpVEq.js";
+import { i as GrUploadHttpError, n as GR_UPLOAD_STATE_IDLE, r as GrUploadAbortError, t as GrFileUpload_default } from "./components/GrFileUpload/chunks/GrFileUpload-CBKK3dgC.js";
+import { t as grFileUploadConfig } from "./chunks/config-CPSdAjUi.js";
+import { t as grFormFieldConfig } from "./chunks/config-B3dn-gdC.js";
 import "./components/GrFormField/index.js";
-import { t as GrFormFile_default } from "./components/GrFormFile/chunks/GrFormFile-CIleXnfr.js";
-import { t as grFormFileConfig } from "./chunks/config-BbKroFtR.js";
-import { t as GrFormSection_default } from "./components/GrFormSection/chunks/GrFormSection-DpGhY7MX.js";
-import { t as grFormSectionConfig } from "./chunks/config-DoBk_CzG.js";
-import { t as GrImageViewer_default } from "./components/GrImageViewer/chunks/GrImageViewer-CsvXQHM9.js";
-import { t as grImageViewerConfig } from "./chunks/config-CvGdaXvH.js";
-import { n as grInputSafelist, t as grInputConfig } from "./chunks/config-D4s_QWVP.js";
+import { t as GrFormFile_default } from "./components/GrFormFile/chunks/GrFormFile-CkR6cYqf.js";
+import { t as grFormFileConfig } from "./chunks/config-C5-ujXCI.js";
+import { t as GrFormSection_default } from "./components/GrFormSection/chunks/GrFormSection-dbyzqxYk.js";
+import { t as grFormSectionConfig } from "./chunks/config-VJuoznpH.js";
+import { t as GrImageViewer_default } from "./components/GrImageViewer/chunks/GrImageViewer-BG40DsHa.js";
+import { t as grImageViewerConfig } from "./chunks/config-Doa_gU40.js";
+import { n as grInputSafelist, t as grInputConfig } from "./chunks/config-8f8624RN.js";
 import "./components/GrInput/index.js";
-import { n as grInputTagSafelist, t as grInputTagConfig } from "./chunks/config-BnWSHTEU.js";
-import { t as GrInputTag_default } from "./components/GrInputTag/chunks/GrInputTag-Dcj3F6rQ.js";
-import { n as grLinkSafelist, t as grLinkConfig } from "./chunks/config-CpMYmvVT.js";
-import { t as GrLink_default } from "./components/GrLink/chunks/GrLink-BMwn2iJ9.js";
-import { n as GrList_default, t as GrListItem_default } from "./components/GrList/chunks/GrList-D8nM1FuV.js";
-import { t as grListConfig } from "./chunks/config-DSBlHQVa.js";
-import { n as grLoadingSafelist, t as grLoadingConfig } from "./chunks/config-d386uO3O.js";
+import { n as grInputTagSafelist, t as grInputTagConfig } from "./chunks/config-XspHtPsU.js";
+import { t as GrInputTag_default } from "./components/GrInputTag/chunks/GrInputTag-g-KdUI_Z.js";
+import { n as grLinkSafelist, t as grLinkConfig } from "./chunks/config-NkbzVFZo.js";
+import { t as GrLink_default } from "./components/GrLink/chunks/GrLink-KSTmk9Yq.js";
+import { n as GrList_default, t as GrListItem_default } from "./components/GrList/chunks/GrList-CUW2sRm_.js";
+import { t as grListConfig } from "./chunks/config-lMDE_8A5.js";
+import { n as grLoadingSafelist, t as grLoadingConfig } from "./chunks/config-58Mj2rGH.js";
 import "./components/GrLoading/index.js";
-import { n as grModalClassTokens, r as grModalSafelist, t as grModalConfig } from "./chunks/config-C5OwJM3-.js";
+import { n as grModalClassTokens, r as grModalSafelist, t as grModalConfig } from "./chunks/config-DRpkoSvq.js";
 import "./components/GrModal/index.js";
-import { t as GrNavbar_default } from "./components/GrNavbar/chunks/GrNavbar-BH7XiF9q.js";
-import { t as grNavbarConfig } from "./chunks/config-Ci9nXGUV.js";
-import { n as grNumberInputSafelist, t as grNumberInputConfig } from "./chunks/config-CdJpnjDj.js";
-import { t as GrNumberInput_default } from "./components/GrNumberInput/chunks/GrNumberInput-YIWhV85S.js";
-import { t as GrSelect_default } from "./components/GrSelect/chunks/GrSelect-CnHdbPlf.js";
-import { t as GrPagination_default } from "./components/GrPagination/chunks/GrPagination-BNDEqM8_.js";
-import { t as grPaginationConfig } from "./chunks/config-iuMz79Mg.js";
-import { n as grProgressBarSafelist, t as grProgressBarConfig } from "./chunks/config-CFf7xaG1.js";
+import { t as GrNavbar_default } from "./components/GrNavbar/chunks/GrNavbar-CHxwtFIR.js";
+import { t as grNavbarConfig } from "./chunks/config-C_q_4FrU.js";
+import { n as grNumberInputSafelist, t as grNumberInputConfig } from "./chunks/config-DvDNney3.js";
+import { t as GrNumberInput_default } from "./components/GrNumberInput/chunks/GrNumberInput-ClPBwkxx.js";
+import { t as GrSelect_default } from "./components/GrSelect/chunks/GrSelect-DSz7jvUb.js";
+import { t as GrPagination_default } from "./components/GrPagination/chunks/GrPagination-D2GS0ShQ.js";
+import { t as grPaginationConfig } from "./chunks/config-CWTfyPNI.js";
+import { n as grProgressBarSafelist, t as grProgressBarConfig } from "./chunks/config-B0uUCaJW.js";
 import "./components/GrProgressBar/index.js";
-import { t as grPromptDialogConfig } from "./chunks/config-B1kFmhpM.js";
-import { n as grRadioSafelist, t as grRadioConfig } from "./chunks/config-Cp_XHsze.js";
-import { n as GR_RADIO_GROUP_CONTEXT, t as GrRadio_default } from "./components/GrRadio/chunks/GrRadio-IFU9Hiu2.js";
-import { t as GrRadioGroup_default } from "./components/GrRadioGroup/chunks/GrRadioGroup-C8IcJuuF.js";
-import { t as grRadioGroupConfig } from "./chunks/config-BU0olrvr.js";
-import { n as grSegmentedSafelist, t as grSegmentedConfig } from "./chunks/config-B2YTEe_h.js";
-import { t as GrSegmented_default } from "./components/GrSegmented/chunks/GrSegmented-BRmwBsEG.js";
-import { n as grSelectSafelist, t as grSelectConfig } from "./chunks/config-BY81UKv0.js";
+import { t as grPromptDialogConfig } from "./chunks/config-DhQc1TRY.js";
+import { n as grRadioSafelist, t as grRadioConfig } from "./chunks/config-nrOj9p6I.js";
+import { n as GR_RADIO_GROUP_CONTEXT, t as GrRadio_default } from "./components/GrRadio/chunks/GrRadio-CSbTnrom.js";
+import { t as GrRadioGroup_default } from "./components/GrRadioGroup/chunks/GrRadioGroup-DsrnTygR.js";
+import { t as grRadioGroupConfig } from "./chunks/config-Bh4NWWsQ.js";
+import { n as grSegmentedSafelist, t as grSegmentedConfig } from "./chunks/config-hSlCXHoG.js";
+import { t as GrSegmented_default } from "./components/GrSegmented/chunks/GrSegmented-DpZGs4VX.js";
+import { n as grSelectSafelist, t as grSelectConfig } from "./chunks/config-C8MM2Dg0.js";
 import "./components/GrSelect/index.js";
-import { t as GrSidebar_default } from "./components/GrSidebar/chunks/GrSidebar-BpBtAGBs.js";
-import { t as grSidebarConfig } from "./chunks/config-BeQuykDk2.js";
-import { t as GrSkeleton_default } from "./components/GrSkeleton/chunks/GrSkeleton-URyMkBqI.js";
-import { t as grSkeletonConfig } from "./chunks/config-DaHI5bD_2.js";
-import { n as grSwitchSafelist, t as grSwitchConfig } from "./chunks/config-_3De4HFf.js";
-import { t as GrSwitch_default } from "./components/GrSwitch/chunks/GrSwitch-29h0QhMO.js";
-import { t as grTableConfig } from "./chunks/config-Bcf-8XlK2.js";
+import { t as GrSidebar_default } from "./components/GrSidebar/chunks/GrSidebar-BW8LRMZ-.js";
+import { t as grSidebarConfig } from "./chunks/config-BuoIngj32.js";
+import { t as GrSkeleton_default } from "./components/GrSkeleton/chunks/GrSkeleton-B05K0QKh.js";
+import { t as grSkeletonConfig } from "./chunks/config-DZrlovR42.js";
+import { n as grSwitchSafelist, t as grSwitchConfig } from "./chunks/config-RjfJFv1Y.js";
+import { t as GrSwitch_default } from "./components/GrSwitch/chunks/GrSwitch-CSRtcN5-.js";
+import { t as grTableConfig } from "./chunks/config-DDUPnue12.js";
 import "./components/GrTable/index.js";
-import { t as GrTabs_default } from "./components/GrTabs/chunks/GrTabs-D3ntDdtg.js";
-import { t as grTabsConfig } from "./chunks/config-Dzd6BzIN2.js";
-import { n as grTextareaSafelist, t as grTextareaConfig } from "./chunks/config-B_nSBc7W.js";
-import { t as GrTextarea_default } from "./components/GrTextarea/chunks/GrTextarea-Cv6r2GuC.js";
+import { t as GrTabs_default } from "./components/GrTabs/chunks/GrTabs-BfeVNMFJ.js";
+import { t as grTabsConfig } from "./chunks/config-BeBsN0c12.js";
+import { n as grTextareaSafelist, t as grTextareaConfig } from "./chunks/config-A-iei0Ux.js";
+import { t as GrTextarea_default } from "./components/GrTextarea/chunks/GrTextarea-CBBzpF2S.js";
 import { useToast } from "./composables/useToast.js";
-import { n as grToasterSafelist, t as grToasterConfig } from "./chunks/config-CetsgpaZ2.js";
-import { t as GrToaster_default } from "./components/GrToaster/chunks/GrToaster-DluJmR5D.js";
-import { t as GrTooltip_default } from "./components/GrTooltip/chunks/GrTooltip-B7I1AVIC.js";
-import { t as grTooltipConfig } from "./chunks/config-BOdu-O_B.js";
-import { t as GrTree_default } from "./components/GrTree/chunks/GrTree-B2SMU5Py.js";
-import { n as grTreeSafelist, t as grTreeConfig } from "./chunks/config-D6Oe3blW2.js";
-import { n as grTreeSelectSafelist, t as grTreeSelectConfig } from "./chunks/config-72sW9Bag2.js";
-import { t as GrTreeSelect_default } from "./components/GrTreeSelect/chunks/GrTreeSelect-C1abr5uH.js";
+import { n as grToasterSafelist, t as grToasterConfig } from "./chunks/config-DkeLkzxj2.js";
+import { t as GrToaster_default } from "./components/GrToaster/chunks/GrToaster-C6_iHk2J.js";
+import { t as GrTooltip_default } from "./components/GrTooltip/chunks/GrTooltip-BC-40SA5.js";
+import { t as grTooltipConfig } from "./chunks/config-Dl5aZ5VR.js";
+import { t as GrTree_default } from "./components/GrTree/chunks/GrTree-uZr5SyQI.js";
+import { n as grTreeSafelist, t as grTreeConfig } from "./chunks/config-BLa1TEGm2.js";
+import { n as grTreeSelectSafelist, t as grTreeSelectConfig } from "./chunks/config-D_Pafsjq2.js";
+import { t as GrTreeSelect_default } from "./components/GrTreeSelect/chunks/GrTreeSelect-CytivcCa.js";
 import { initThemeEarly, useTheme } from "./composables/useTheme.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, nextTick, onBeforeUnmount, openBlock, reactive, ref, render, shallowRef, toDisplayString, watch, withCtx } from "vue";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";

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

@@ -1,7 +1,8 @@
+import type { Placement } from '@floating-ui/dom';
 export type GrDropdownAlign = 'left' | 'right' | 'center';
 export type GrDropdownWidth = 'auto' | '20' | '48' | '60' | '64' | '80';
 export declare const widthClassByWidth: Record<GrDropdownWidth, string>;
-export declare const alignmentClassByAlign: Record<GrDropdownAlign, string>;
+export declare const originClassByPlacement: Partial<Record<Placement, string>>;
 export declare function grDropdownWidthClass(width: GrDropdownWidth): string;
-export declare function grDropdownAlignmentClass(align: GrDropdownAlign): string;
+export declare function grDropdownOriginClass(placement: Placement): string;
 export declare function grDropdownContentClass(contentClass?: string): string;

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

@@ -51,11 +51,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>>> & Readonly<{}>, {
     width: GrDropdownMenuWidth;
     align: GrDropdownMenuAlign;
+    borderBottom: boolean;
+    borderTop: boolean;
     closeOnContentClick: boolean;
     contentClass: string;
     dividers: boolean;
-    borderTop: boolean;
-    borderBottom: boolean;
     listClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -21,8 +21,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     uppercase: boolean;
 }>>> & Readonly<{}>, {
     title: string;
-    dividers: boolean;
     uppercase: boolean;
+    dividers: boolean;
     titleAlign: GrDropdownMenuHeaderAlign;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -16,9 +16,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     borderTop: boolean;
     borderBottom: boolean;
 }>>> & Readonly<{}>, {
-    dividers: boolean;
-    borderTop: boolean;
     borderBottom: boolean;
+    borderTop: boolean;
+    dividers: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/types/src/components/GrFileUpload/GrFileUpload.vue.d.ts

@@ -159,10 +159,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     name: string;
     headers: Record<string, string>;
     placeholder: string;
+    multiple: boolean;
     withCredentials: boolean;
     action: string;
     request: GrFileUploadRequest;
-    multiple: boolean;
     limit: number;
     onExceed: (files: File[], limit: number) => void;
     beforeUpload: (file: File) => boolean | Promise<unknown>;

package/dist/types/src/components/GrLink/GrLink.vue.d.ts

@@ -68,9 +68,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     as: string | Component;
     target: string;
     href: string;
+    underline: GrLinkUnderline;
     external: boolean;
     rel: string;
-    underline: GrLinkUnderline;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/types/src/components/GrModal/grModalStyles.d.ts

@@ -1,5 +1,5 @@
 export type GrModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
-export declare const root = "fixed inset-0 z-50";
+export declare const root = "fixed inset-0 z-[var(--gr-z-modal)]";
 export declare const shell = "fixed inset-0 overflow-y-auto p-4 sm:p-6";
 export declare const layout = "min-h-full flex items-center justify-center";
 export declare const overlay = "fixed inset-0 z-0 bg-black/40";

package/dist/types/src/components/GrSegmented/GrSegmented.vue.d.ts

@@ -52,8 +52,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     ariaLabel: string;
     name: string;
-    indicatorDuration: number;
     block: boolean;
+    indicatorDuration: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/types/src/components/GrSelect/GrSelect.vue.d.ts

@@ -19,7 +19,7 @@ export interface GrSelectProps {
     optionsView?: GrSelectOptionsView;
     /** Разрешает ввод/выбор значения, которого нет в `options`. */
     allowCustomValue?: boolean;
-    /** Placeholder для инпута кастомного значения (только в `optionsView="panel"`). */
+    /** Placeholder для инпута кастомного значения (только в `optionsView="panel"`). i18n-friendly: если не задан — берётся из адаптера перевода (`gr.select.customValuePlaceholder`), иначе — встроенный fallback. */
     customValuePlaceholder?: string;
     /** Максимальная высота панели (только в `optionsView="panel"`). */
     dropdownMaxHeight?: number;
@@ -67,11 +67,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     multiple: boolean;
     optionsView: string;
     allowCustomValue: boolean;
-    customValuePlaceholder: string;
+    customValuePlaceholder: undefined;
     dropdownMaxHeight: number;
     closeOnSelect: boolean;
     clearable: boolean;
-    clearLabel: string;
+    clearLabel: undefined;
     variant: string;
     underline: string;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -86,11 +86,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     multiple: boolean;
     optionsView: string;
     allowCustomValue: boolean;
-    customValuePlaceholder: string;
+    customValuePlaceholder: undefined;
     dropdownMaxHeight: number;
     closeOnSelect: boolean;
     clearable: boolean;
-    clearLabel: string;
+    clearLabel: undefined;
     variant: string;
     underline: string;
 }>>> & Readonly<{
@@ -103,8 +103,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     ariaLabel: string;
     placeholder: string;
     options: GrSelectOptionOrGroup[];
-    multiple: boolean;
     underline: GrSelectUnderline;
+    multiple: boolean;
     optionsView: GrSelectOptionsView;
     allowCustomValue: boolean;
     customValuePlaceholder: string;

package/dist/types/src/composables/internal/useFloating.d.ts

@@ -0,0 +1,53 @@
+import type { CSSProperties, Ref } from 'vue';
+import type { Placement } from '@floating-ui/dom';
+export type UseFloatingPlacement = Placement;
+export interface UseFloatingOptions {
+    /**
+     * Предпочитаемое место панели относительно триггера. По умолчанию `bottom-start`.
+     * Можно передать функцию-геттер, если место зависит от реактивного пропа
+     * (например, `align`) — она вызывается заново при каждом пересчёте позиции.
+     */
+    placement?: UseFloatingPlacement | (() => UseFloatingPlacement);
+    /** Зазор между триггером и панелью, px. По умолчанию `8`. */
+    offsetPx?: number;
+    /** Минимальный отступ от края viewport при flip/shift, px. По умолчанию `8`. */
+    boundaryPadding?: number;
+    /**
+     * Согласовать ширину панели с шириной триггера (актуально для Select/TreeSelect).
+     * Не годится для Dropdown/Tooltip, где ширина панели определяется контентом.
+     * - `true` — точная ширина (`width = ширина триггера`);
+     * - `'min'` — панель растёт по контенту (`width: max-content`), но не уже триггера
+     *   (`min-width = ширина триггера`) — режим `GrSelect view="link"`;
+     * - функция-геттер — как и `placement`, для реактивной зависимости от пропа.
+     */
+    matchWidth?: boolean | 'min' | (() => boolean | 'min');
+    /** CSS-переменная шкалы слоёв (см. `styles/tokens.css`). По умолчанию `--gr-z-dropdown`. */
+    zIndexVar?: string;
+}
+export interface UseFloatingReturn {
+    /** Готовый объект для `:style` на плавающем элементе. */
+    floatingStyle: Ref<CSSProperties>;
+    /**
+     * Итоговое место панели ПОСЛЕ применения `flip` — может отличаться от запрошенного
+     * `placement`, если места не хватило и панель перевернуло на противоположную сторону.
+     * Полезно для выбора `transform-origin`/направления transition в потребителе.
+     */
+    resolvedPlacement: Ref<Placement>;
+    /** Принудительный пересчёт позиции (например, после изменения контента панели). */
+    update: () => void;
+}
+/**
+ * Единый движок позиционирования floating-панелей (Dropdown/Select/TreeSelect/Tooltip)
+ * поверх `@floating-ui/dom`: flip (переворот при нехватке места), shift (клэмп к границам
+ * viewport), опциональный `size`-мидлвар для растягивания по ширине триггера.
+ *
+ * Пересчёт положения при скролле/ресайзе делает `autoUpdate` из `@floating-ui/dom` —
+ * он сам использует `ResizeObserver`/`IntersectionObserver` и пассивные слушатели вместо
+ * наивного враппера на каждый `scroll`/`resize`, поэтому отдельный rAF-throttling здесь
+ * не нужен (в отличие от прежней ручной реализации в `GrSelect`/`GrDropdown`).
+ *
+ * Требует, чтобы `floatingEl` был примонтирован в DOM на момент открытия (обычно —
+ * `<teleport to="body">` + `v-show`, а не `v-if`): позиционирование не может измерить
+ * элемент, которого нет в дереве.
+ */
+export declare function useFloating(referenceEl: Ref<HTMLElement | null>, floatingEl: Ref<HTMLElement | null>, open: Ref<boolean>, options?: UseFloatingOptions): UseFloatingReturn;