@treeui/vue 0.6.2 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/components/accordion.ts","../src/components/TreeAccordion.vue","../src/components/TreeAccordionItem.vue","../src/components/TreeAlert.vue","../src/components/TreeBadge.vue","../src/components/TreeBreadcrumb.vue","../src/components/TreeBreadcrumbItem.vue","../src/components/TreeSpinner.vue","../src/components/TreeButton.vue","../src/components/TreeCard.vue","../src/components/TreeCheckbox.vue","../src/composables/useControllableOpen.ts","../src/components/TreeCombobox.vue","../src/components/TreeModal.vue","../src/components/TreeConfirmDialog.vue","../src/components/TreeContainer.vue","../src/components/TreeContextMenu.vue","../src/components/TreeDatePicker.vue","../src/components/TreeDateTimePicker.vue","../src/components/TreeDrawer.vue","../src/components/TreeDropdown.vue","../src/components/TreeEmptyState.vue","../src/components/TreeFileUpload.vue","../src/components/TreeMultiSelect.vue","../src/components/TreeGrid.vue","../src/components/TreeNavbar.vue","../src/components/TreeLink.vue","../src/components/sidebar.ts","../src/components/TreeNavMenu.vue","../src/components/TreeRadio.vue","../src/components/TreeRadioGroup.vue","../src/components/TreeSelect.vue","../src/components/TreeSidebar.vue","../src/components/TreeInput.vue","../src/components/TreeNumberInput.vue","../src/components/TreeSelectableList.vue","../src/components/TreeStack.vue","../src/components/tree-view.ts","../src/components/TreeTreeViewItem.vue","../src/components/TreeTreeView.vue","../src/components/TreeSteps.vue","../src/components/TreeToggleGroup.vue","../src/components/TreeTextarea.vue","../src/components/TreeSkeleton.vue","../src/components/TreeStat.vue","../src/components/TreeSwitch.vue","../src/components/TreeTooltip.vue","../src/components/TreeFormField.vue","../src/components/TreePagination.vue","../src/components/TreePopover.vue","../src/components/TreeProgress.vue","../src/components/tabs-context.ts","../src/components/TreeTabs.vue","../src/components/TreeTabList.vue","../src/components/TreeTab.vue","../src/components/TreeTabPanel.vue","../src/components/TreeToast.vue","../src/composables/useToast.ts","../src/components/TreeToastProvider.vue","../src/components/TreeAvatar.vue","../src/components/TreeDivider.vue","../src/components/TreeTable.vue","../src/components/TreeTag.vue","../src/components/TreeTimeline.vue","../src/components/TreePricingCard.vue","../src/components/TreePricing.vue","../src/components/TreeMarkdownEditor.vue","../src/plugin.ts","../src/types/contracts.ts"],"sourcesContent":["import type { InjectionKey } from 'vue';\n\nexport type AccordionType = 'single' | 'multiple';\n\nexport interface AccordionContext {\n type: AccordionType;\n disabled: boolean;\n collapsible: boolean;\n isItemOpen: (value: string) => boolean;\n toggleItem: (value: string) => void;\n registerTrigger: (value: string, el: HTMLElement) => void;\n unregisterTrigger: (value: string) => void;\n focusPrev: (value: string) => void;\n focusNext: (value: string) => void;\n focusFirst: () => void;\n focusLast: () => void;\n}\n\nexport const accordionInjectionKey: InjectionKey<AccordionContext> = Symbol('tree-accordion');\n","<script setup lang=\"ts\">\nimport { computed, provide, reactive } from 'vue';\nimport { type AccordionType, accordionInjectionKey } from './accordion';\n\nconst props = withDefaults(\n defineProps<{\n type?: AccordionType;\n modelValue?: string | string[];\n defaultValue?: string | string[];\n disabled?: boolean;\n collapsible?: boolean;\n }>(),\n {\n type: 'single',\n modelValue: undefined,\n defaultValue: undefined,\n disabled: false,\n collapsible: false,\n },\n);\n\nconst emit = defineEmits<{\n (e: 'update:modelValue', value: string | string[] | undefined): void;\n}>();\n\n// Internal uncontrolled state\nconst internalValue = computed<string[]>(() => {\n const def = props.defaultValue;\n if (def === undefined) return [];\n return Array.isArray(def) ? def : [def];\n});\n\nconst uncontrolledValue = reactive<Set<string>>(new Set(internalValue.value));\n\nconst isControlled = computed(() => props.modelValue !== undefined);\n\nconst openValues = computed<Set<string>>(() => {\n if (isControlled.value) {\n const mv = props.modelValue!;\n return new Set(Array.isArray(mv) ? mv : [mv]);\n }\n return uncontrolledValue;\n});\n\nfunction isItemOpen(value: string): boolean {\n return openValues.value.has(value);\n}\n\nfunction emitUpdate(values: Set<string>) {\n if (props.type === 'single') {\n const arr = [...values];\n emit('update:modelValue', arr.length > 0 ? arr[0] : undefined);\n } else {\n emit('update:modelValue', [...values]);\n }\n}\n\nfunction toggleItem(value: string) {\n const currentlyOpen = isItemOpen(value);\n\n if (props.type === 'single') {\n if (currentlyOpen) {\n if (props.collapsible) {\n if (!isControlled.value) {\n uncontrolledValue.delete(value);\n }\n emitUpdate(new Set());\n }\n } else {\n if (!isControlled.value) {\n uncontrolledValue.clear();\n uncontrolledValue.add(value);\n }\n emitUpdate(new Set([value]));\n }\n } else {\n // Multiple mode\n const next = new Set(openValues.value);\n if (currentlyOpen) {\n next.delete(value);\n } else {\n next.add(value);\n }\n if (!isControlled.value) {\n if (currentlyOpen) {\n uncontrolledValue.delete(value);\n } else {\n uncontrolledValue.add(value);\n }\n }\n emitUpdate(next);\n }\n}\n\n// Keyboard navigation between triggers\nconst triggerMap = new Map<string, HTMLElement>();\nconst triggerOrder: string[] = reactive([]);\n\nfunction registerTrigger(value: string, el: HTMLElement) {\n if (!triggerMap.has(value)) {\n triggerOrder.push(value);\n }\n triggerMap.set(value, el);\n}\n\nfunction unregisterTrigger(value: string) {\n triggerMap.delete(value);\n const idx = triggerOrder.indexOf(value);\n if (idx !== -1) triggerOrder.splice(idx, 1);\n}\n\nfunction getEnabledTriggers(): string[] {\n return triggerOrder.filter((v) => {\n const el = triggerMap.get(v);\n return el && !el.hasAttribute('disabled');\n });\n}\n\nfunction focusPrev(value: string) {\n const enabled = getEnabledTriggers();\n const idx = enabled.indexOf(value);\n const prev = idx > 0 ? idx - 1 : enabled.length - 1;\n triggerMap.get(enabled[prev])?.focus();\n}\n\nfunction focusNext(value: string) {\n const enabled = getEnabledTriggers();\n const idx = enabled.indexOf(value);\n const next = idx < enabled.length - 1 ? idx + 1 : 0;\n triggerMap.get(enabled[next])?.focus();\n}\n\nfunction focusFirst() {\n const enabled = getEnabledTriggers();\n if (enabled.length) triggerMap.get(enabled[0])?.focus();\n}\n\nfunction focusLast() {\n const enabled = getEnabledTriggers();\n if (enabled.length) triggerMap.get(enabled[enabled.length - 1])?.focus();\n}\n\nprovide(accordionInjectionKey, {\n type: props.type,\n disabled: props.disabled,\n collapsible: props.collapsible,\n isItemOpen,\n toggleItem,\n registerTrigger,\n unregisterTrigger,\n focusPrev,\n focusNext,\n focusFirst,\n focusLast,\n});\n</script>\n\n<template>\n <div class=\"tree-accordion\">\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject, onMounted, onBeforeUnmount, ref, useId } from 'vue';\nimport { accordionInjectionKey } from './accordion';\n\nconst props = withDefaults(\n defineProps<{\n value: string;\n disabled?: boolean;\n }>(),\n {\n disabled: false,\n },\n);\n\nconst injected = inject(accordionInjectionKey);\n\nif (!injected) {\n throw new Error('[TreeUI] TAccordionItem must be used inside a TAccordion.');\n}\n\nconst ctx = injected;\n\nconst triggerId = useId();\nconst panelId = useId();\nconst triggerRef = ref<HTMLButtonElement | null>(null);\n\nconst isOpen = computed(() => ctx.isItemOpen(props.value));\nconst isDisabled = computed(() => props.disabled || ctx.disabled);\n\nconst itemClasses = computed(() => [\n 'tree-accordion__item',\n {\n 'is-open': isOpen.value,\n 'is-disabled': isDisabled.value,\n },\n]);\n\nfunction handleToggle() {\n if (isDisabled.value) return;\n ctx.toggleItem(props.value);\n}\n\nfunction handleKeydown(event: KeyboardEvent) {\n if (isDisabled.value) return;\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n ctx.focusNext(props.value);\n break;\n case 'ArrowUp':\n event.preventDefault();\n ctx.focusPrev(props.value);\n break;\n case 'Home':\n event.preventDefault();\n ctx.focusFirst();\n break;\n case 'End':\n event.preventDefault();\n ctx.focusLast();\n break;\n }\n}\n\nonMounted(() => {\n if (triggerRef.value) {\n ctx.registerTrigger(props.value, triggerRef.value);\n }\n});\n\nonBeforeUnmount(() => {\n ctx.unregisterTrigger(props.value);\n});\n</script>\n\n<template>\n <div :class=\"itemClasses\">\n <h3 class=\"tree-accordion__heading\">\n <button\n :id=\"triggerId\"\n ref=\"triggerRef\"\n type=\"button\"\n class=\"tree-accordion__trigger\"\n :aria-expanded=\"isOpen\"\n :aria-controls=\"panelId\"\n :disabled=\"isDisabled || undefined\"\n @click=\"handleToggle\"\n @keydown=\"handleKeydown\"\n >\n <slot\n name=\"trigger\"\n :open=\"isOpen\"\n >\n {{ value }}\n </slot>\n <svg\n class=\"tree-accordion__icon\"\n :class=\"{ 'is-open': isOpen }\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"6 9 12 15 18 9\" />\n </svg>\n </button>\n </h3>\n <div\n v-if=\"isOpen\"\n :id=\"panelId\"\n role=\"region\"\n :aria-labelledby=\"triggerId\"\n class=\"tree-accordion__content\"\n >\n <div class=\"tree-accordion__panel\">\n <slot />\n </div>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nexport type TreeAlertVariant = 'info' | 'success' | 'warning' | 'danger';\n\nconst props = withDefaults(\n defineProps<{\n variant?: TreeAlertVariant;\n size?: TreeSize;\n dismissible?: boolean;\n }>(),\n {\n variant: 'info',\n size: 'md',\n dismissible: false,\n },\n);\n\nconst emit = defineEmits<{\n (e: 'dismiss'): void;\n}>();\n\nconst classes = computed(() => [\n 'tree-alert',\n `tree-alert--${props.variant}`,\n `tree-alert--${props.size}`,\n]);\n\nfunction handleDismiss() {\n emit('dismiss');\n}\n</script>\n\n<template>\n <div\n :class=\"classes\"\n role=\"alert\"\n >\n <span\n v-if=\"$slots.icon\"\n class=\"tree-alert__icon\"\n aria-hidden=\"true\"\n >\n <slot name=\"icon\" />\n </span>\n <div class=\"tree-alert__content\">\n <slot />\n </div>\n <button\n v-if=\"dismissible\"\n type=\"button\"\n class=\"tree-alert__dismiss\"\n aria-label=\"Dismiss\"\n @click=\"handleDismiss\"\n >\n <slot name=\"dismiss-icon\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <path d=\"M18 6 6 18\" />\n <path d=\"m6 6 12 12\" />\n </svg>\n </slot>\n </button>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize, TreeVariant } from '../types/contracts';\n\nconst _treeBadgeTones = ['neutral', 'success', 'warning', 'danger', 'info'] as const;\n\nexport type TreeBadgeTone = (typeof _treeBadgeTones)[number];\n\nconst props = withDefaults(\n defineProps<{\n variant?: TreeVariant;\n size?: TreeSize;\n tone?: TreeBadgeTone;\n }>(),\n {\n variant: 'soft',\n size: 'md',\n tone: 'neutral',\n },\n);\n\nconst classes = computed(() => [\n 'tree-badge',\n `tree-badge--${props.variant}`,\n `tree-badge--${props.size}`,\n `tree-badge--tone-${props.tone}`,\n]);\n</script>\n\n<template>\n <span :class=\"classes\">\n <span\n v-if=\"$slots.icon\"\n class=\"tree-badge__icon\"\n aria-hidden=\"true\"\n >\n <slot name=\"icon\" />\n </span>\n <slot />\n </span>\n</template>\n","<script setup lang=\"ts\">\nconst props = withDefaults(\n defineProps<{\n /**\n * Character or string used to visually separate breadcrumb items.\n */\n separator?: string;\n }>(),\n {\n separator: '/',\n },\n);\n</script>\n\n<template>\n <nav\n aria-label=\"Breadcrumb\"\n class=\"tree-breadcrumb\"\n >\n <ol\n class=\"tree-breadcrumb__list\"\n :style=\"{ '--tree-breadcrumb-separator': `'${props.separator}'` }\"\n >\n <slot />\n </ol>\n </nav>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, type Component } from 'vue';\n\nconst props = withDefaults(\n defineProps<{\n /**\n * URL the breadcrumb item links to. Omit for the current/last item.\n */\n href?: string;\n /**\n * Route target. When provided and vue-router is available, renders RouterLink.\n */\n to?: string | Record<string, unknown>;\n /**\n * Marks this item as the current page. Automatically set if it's the last item without href.\n */\n current?: boolean;\n }>(),\n {\n href: undefined,\n to: undefined,\n current: false,\n },\n);\n\nconst instance = getCurrentInstance();\n\nconst routerLinkComponent = computed<Component | null>(() => {\n if (!props.to) return null;\n\n return (instance?.appContext.components.RouterLink as Component | undefined) ?? null;\n});\n\nconst hasRouterLink = computed(() => {\n return Boolean(routerLinkComponent.value);\n});\n\nconst canRenderLink = computed(() => {\n if (props.href) return true;\n if (typeof props.to === 'string') return true;\n return Boolean(props.to && hasRouterLink.value);\n});\n\nconst isCurrent = computed(() => props.current || !canRenderLink.value);\n\nconst tag = computed<string | Component>(() => {\n if (props.to && routerLinkComponent.value) {\n return routerLinkComponent.value;\n }\n\n return 'a';\n});\n\nconst linkProps = computed(() => {\n if (props.to && hasRouterLink.value) {\n return { to: props.to };\n }\n\n return {\n href: props.href ?? (typeof props.to === 'string' ? props.to : undefined),\n };\n});\n</script>\n\n<template>\n <li class=\"tree-breadcrumb__item\">\n <component\n :is=\"tag\"\n v-if=\"!isCurrent\"\n v-bind=\"linkProps\"\n class=\"tree-breadcrumb__link\"\n >\n <slot />\n </component>\n <span\n v-else\n class=\"tree-breadcrumb__current\"\n aria-current=\"page\"\n >\n <slot />\n </span>\n </li>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nconst props = withDefaults(\n defineProps<{\n size?: TreeSize;\n label?: string;\n }>(),\n {\n size: 'md',\n label: 'Loading',\n },\n);\n\nconst classes = computed(() => ['tree-spinner', `tree-spinner--${props.size}`]);\n</script>\n\n<template>\n <span\n :class=\"classes\"\n role=\"status\"\n :aria-label=\"label\"\n >\n <span\n class=\"tree-spinner__ring\"\n aria-hidden=\"true\"\n />\n <span class=\"tree-visually-hidden\">{{ label }}</span>\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize, TreeVariant } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n variant?: TreeVariant;\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n type?: 'button' | 'submit' | 'reset';\n }>(),\n {\n as: 'button',\n variant: 'solid',\n size: 'md',\n disabled: false,\n loading: false,\n type: 'button',\n },\n);\n\nconst emit = defineEmits<{\n click: [event: MouseEvent];\n}>();\n\nconst isNativeButton = computed(() => props.as === 'button');\nconst isDisabled = computed(() => props.disabled || props.loading);\nconst classes = computed(() => [\n 'tree-button',\n `tree-button--${props.variant}`,\n `tree-button--${props.size}`,\n {\n 'is-loading': props.loading,\n 'is-disabled': isDisabled.value,\n },\n]);\n\nconst onClick = (event: MouseEvent) => {\n if (isDisabled.value) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n emit('click', event);\n};\n</script>\n\n<template>\n <component\n :is=\"as\"\n :type=\"isNativeButton ? type : undefined\"\n :class=\"classes\"\n :disabled=\"isNativeButton ? isDisabled : undefined\"\n :aria-disabled=\"!isNativeButton && isDisabled ? 'true' : undefined\"\n :aria-busy=\"loading || undefined\"\n :tabindex=\"!isNativeButton && isDisabled ? -1 : undefined\"\n @click=\"onClick\"\n >\n <span\n v-if=\"loading\"\n class=\"tree-button__spinner\"\n >\n <TreeSpinner\n size=\"sm\"\n label=\"Loading\"\n />\n </span>\n <span\n v-if=\"$slots.icon\"\n class=\"tree-button__icon\"\n aria-hidden=\"true\"\n >\n <slot name=\"icon\" />\n </span>\n <span class=\"tree-button__label\">\n <slot />\n </span>\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeCardVariant, TreeSize } from '../types/contracts';\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n variant?: TreeCardVariant;\n size?: TreeSize;\n title?: string;\n }>(),\n {\n as: 'section',\n variant: 'outline',\n size: 'md',\n title: undefined,\n },\n);\n\nconst classes = computed(() => [\n 'tree-card',\n `tree-card--${props.variant}`,\n `tree-card--${props.size}`,\n]);\n\nconst hasHeader = computed(() => !!props.title);\n</script>\n\n<template>\n <component\n :is=\"as\"\n :class=\"classes\"\n >\n <header\n v-if=\"$slots.header || hasHeader || $slots.actions\"\n class=\"tree-card__header\"\n >\n <slot name=\"header\">\n <span\n v-if=\"title\"\n class=\"tree-card__title\"\n >\n {{ title }}\n </span>\n <span\n v-if=\"$slots.actions\"\n class=\"tree-card__actions\"\n >\n <slot name=\"actions\" />\n </span>\n </slot>\n </header>\n <div class=\"tree-card__body\">\n <slot />\n </div>\n <footer\n v-if=\"$slots.footer\"\n class=\"tree-card__footer\"\n >\n <slot name=\"footer\" />\n </footer>\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useAttrs, watch } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: boolean;\n size?: TreeSize;\n disabled?: boolean;\n indeterminate?: boolean;\n invalid?: boolean;\n }>(),\n {\n modelValue: false,\n size: 'md',\n disabled: false,\n indeterminate: false,\n invalid: false,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\nconst inputRef = ref<HTMLInputElement | null>(null);\n\nwatch(\n () => props.indeterminate,\n (val) => {\n if (inputRef.value) {\n inputRef.value.indeterminate = val;\n }\n },\n);\n\nwatch(inputRef, (el) => {\n if (el) {\n el.indeterminate = props.indeterminate;\n }\n});\n\nconst rootClasses = computed(() => [\n 'tree-checkbox',\n `tree-checkbox--${props.size}`,\n {\n 'is-checked': props.modelValue,\n 'is-indeterminate': props.indeterminate,\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst onChange = () => {\n emit('update:modelValue', !props.modelValue);\n};\n</script>\n\n<template>\n <label\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <input\n ref=\"inputRef\"\n v-bind=\"inputAttrs\"\n type=\"checkbox\"\n class=\"tree-checkbox__input\"\n :checked=\"modelValue\"\n :disabled=\"disabled\"\n :aria-checked=\"indeterminate ? 'mixed' : modelValue\"\n :aria-invalid=\"invalid || undefined\"\n @change=\"onChange\"\n >\n <span\n class=\"tree-checkbox__control\"\n aria-hidden=\"true\"\n >\n <svg\n v-if=\"modelValue && !indeterminate\"\n class=\"tree-checkbox__icon\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <polyline points=\"3.5 8.5 6.5 11.5 12.5 4.5\" />\n </svg>\n <svg\n v-else-if=\"indeterminate\"\n class=\"tree-checkbox__icon\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n >\n <line\n x1=\"4\"\n y1=\"8\"\n x2=\"12\"\n y2=\"8\"\n />\n </svg>\n </span>\n <span\n v-if=\"$slots.default\"\n class=\"tree-checkbox__label\"\n >\n <slot />\n </span>\n </label>\n</template>\n","import { computed, ref, type Ref } from 'vue';\n\nexport const useControllableOpen = (\n controlledValue: Ref<boolean | undefined>,\n defaultValue: boolean,\n onChange: (value: boolean) => void,\n) => {\n const uncontrolledValue = ref(defaultValue);\n\n const value = computed(() => controlledValue.value ?? uncontrolledValue.value);\n\n const setValue = (nextValue: boolean) => {\n if (nextValue === value.value) {\n return;\n }\n\n if (controlledValue.value === undefined) {\n uncontrolledValue.value = nextValue;\n }\n\n onChange(nextValue);\n };\n\n return {\n value,\n setValue,\n };\n};\n\n","<script setup lang=\"ts\">\nimport { createId, isEscapeKey } from '@treeui/utils';\nimport { computed, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeComboboxOption {\n label: string;\n value: string;\n description?: string;\n keywords?: string[];\n disabled?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n options?: TreeComboboxOption[];\n open?: boolean;\n defaultOpen?: boolean;\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n invalid?: boolean;\n placeholder?: string;\n emptyText?: string;\n }>(),\n {\n modelValue: '',\n options: () => [],\n open: undefined,\n defaultOpen: false,\n size: 'md',\n disabled: false,\n loading: false,\n invalid: false,\n placeholder: '',\n emptyText: 'No results found.',\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n 'input-change': [value: string];\n}>();\n\ndefineSlots<{\n prefix?: () => unknown;\n option?: (props: {\n option: TreeComboboxOption;\n selected: boolean;\n active: boolean;\n }) => unknown;\n empty?: (props: { query: string }) => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst listboxId = createId('tree-combobox');\nconst rootRef = ref<HTMLElement | null>(null);\nconst activeIndex = ref(-1);\nconst query = ref('');\n\nconst normalize = (value: string) => value.trim().toLowerCase();\nconst getOptionId = (value: string) => `${listboxId}-option-${value}`;\n\nconst selectedOption = computed(() =>\n props.options.find((option) => option.value === props.modelValue),\n);\n\nconst selectedLabel = computed(() => selectedOption.value?.label ?? '');\n\nconst inputAttrs = computed(() => {\n const { class: _class, style: _style, autocomplete, ...rest } = attrs;\n return {\n autocomplete: typeof autocomplete === 'string' ? autocomplete : 'off',\n ...rest,\n };\n});\n\nconst listboxLabel = computed(() =>\n typeof attrs['aria-label'] === 'string' ? attrs['aria-label'] : undefined,\n);\n\nconst listboxLabelledby = computed(() =>\n typeof attrs['aria-labelledby'] === 'string' ? attrs['aria-labelledby'] : undefined,\n);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 'tree-combobox',\n `tree-combobox--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'is-loading': props.loading,\n 'is-open': isOpen.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst filteredOptions = computed(() => {\n const normalizedQuery = normalize(query.value);\n\n if (!normalizedQuery) {\n return props.options;\n }\n\n return props.options.filter((option) => {\n const fields = [\n option.label,\n option.description ?? '',\n ...(option.keywords ?? []),\n ];\n\n return fields.some((field) => field.toLowerCase().includes(normalizedQuery));\n });\n});\n\nconst enabledFilteredIndexes = computed(() =>\n filteredOptions.value.reduce<number[]>((indexes, option, index) => {\n if (!option.disabled) {\n indexes.push(index);\n }\n\n return indexes;\n }, []),\n);\n\nconst activeOption = computed(() =>\n activeIndex.value >= 0 ? filteredOptions.value[activeIndex.value] : undefined,\n);\n\nconst activeDescendant = computed(() =>\n isOpen.value && activeOption.value ? getOptionId(activeOption.value.value) : undefined,\n);\n\nconst syncQueryFromSelection = () => {\n query.value = selectedLabel.value;\n};\n\nconst setInitialActiveIndex = (fallback: 'first' | 'last' = 'first') => {\n const selectedIndex = filteredOptions.value.findIndex((option) =>\n option.value === props.modelValue && !option.disabled,\n );\n\n if (selectedIndex >= 0) {\n activeIndex.value = selectedIndex;\n return;\n }\n\n if (enabledFilteredIndexes.value.length === 0) {\n activeIndex.value = -1;\n return;\n }\n\n activeIndex.value =\n fallback === 'last'\n ? enabledFilteredIndexes.value[enabledFilteredIndexes.value.length - 1]\n : enabledFilteredIndexes.value[0];\n};\n\nconst moveActive = (direction: 1 | -1) => {\n if (enabledFilteredIndexes.value.length === 0) {\n activeIndex.value = -1;\n return;\n }\n\n const currentEnabledIndex = enabledFilteredIndexes.value.indexOf(activeIndex.value);\n\n if (currentEnabledIndex === -1) {\n activeIndex.value =\n direction === 1\n ? enabledFilteredIndexes.value[0]\n : enabledFilteredIndexes.value[enabledFilteredIndexes.value.length - 1];\n return;\n }\n\n const nextEnabledIndex = currentEnabledIndex + direction;\n\n if (nextEnabledIndex < 0 || nextEnabledIndex >= enabledFilteredIndexes.value.length) {\n return;\n }\n\n activeIndex.value = enabledFilteredIndexes.value[nextEnabledIndex];\n};\n\nconst openListbox = (fallback: 'first' | 'last' = 'first') => {\n if (props.disabled) {\n return;\n }\n\n setValue(true);\n setInitialActiveIndex(fallback);\n};\n\nconst commitPendingClear = () => {\n if (query.value.trim() !== '' || !props.modelValue) {\n return false;\n }\n\n emit('update:modelValue', '');\n return true;\n};\n\nconst closeListbox = (restoreSelection = false) => {\n setValue(false);\n activeIndex.value = -1;\n\n if (!restoreSelection) {\n return;\n }\n\n if (commitPendingClear()) {\n return;\n }\n\n if (selectedLabel.value && query.value !== selectedLabel.value) {\n query.value = selectedLabel.value;\n }\n};\n\nconst selectOption = (option: TreeComboboxOption) => {\n if (option.disabled) {\n return;\n }\n\n query.value = option.label;\n emit('update:modelValue', option.value);\n closeListbox(false);\n};\n\nconst onInput = (event: Event) => {\n query.value = (event.target as HTMLInputElement).value;\n emit('input-change', query.value);\n\n if (props.disabled) {\n return;\n }\n\n if (!isOpen.value) {\n openListbox('first');\n return;\n }\n\n setInitialActiveIndex('first');\n};\n\nconst onInputFocus = () => {\n openListbox('first');\n};\n\nconst onInputClick = () => {\n if (!isOpen.value) {\n openListbox('first');\n }\n};\n\nconst onInputKeydown = (event: KeyboardEvent) => {\n if (props.disabled) {\n return;\n }\n\n if (isEscapeKey(event)) {\n if (isOpen.value) {\n event.preventDefault();\n closeListbox(true);\n }\n\n return;\n }\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n\n if (!isOpen.value) {\n openListbox('first');\n } else {\n moveActive(1);\n }\n break;\n case 'ArrowUp':\n event.preventDefault();\n\n if (!isOpen.value) {\n openListbox('last');\n } else {\n moveActive(-1);\n }\n break;\n case 'Enter':\n if (isOpen.value && activeOption.value && !activeOption.value.disabled) {\n event.preventDefault();\n selectOption(activeOption.value);\n }\n break;\n case 'Home':\n if (!isOpen.value) return;\n event.preventDefault();\n setInitialActiveIndex('first');\n break;\n case 'End':\n if (!isOpen.value) return;\n event.preventDefault();\n setInitialActiveIndex('last');\n break;\n case 'Tab':\n closeListbox(true);\n break;\n default:\n break;\n }\n};\n\nconst onOptionPointerEnter = (index: number) => {\n const option = filteredOptions.value[index];\n\n if (option && !option.disabled) {\n activeIndex.value = index;\n }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) return;\n const target = event.target;\n if (!(target instanceof Node)) return;\n if (rootRef.value?.contains(target)) return;\n closeListbox(true);\n};\n\nwatch(isOpen, (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n } else {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n }\n});\n\nwatch(\n () => props.modelValue,\n () => {\n if (!isOpen.value) {\n syncQueryFromSelection();\n }\n },\n { immediate: true },\n);\n\nwatch(\n () => props.options,\n () => {\n if (!isOpen.value) {\n syncQueryFromSelection();\n return;\n }\n\n setInitialActiveIndex('first');\n },\n { deep: true },\n);\n\nwatch(filteredOptions, () => {\n if (!isOpen.value) {\n return;\n }\n\n if (filteredOptions.value.length === 0) {\n activeIndex.value = -1;\n return;\n }\n\n const current = filteredOptions.value[activeIndex.value];\n\n if (!current || current.disabled) {\n setInitialActiveIndex('first');\n }\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <div class=\"tree-combobox__control\">\n <span\n v-if=\"$slots.prefix\"\n class=\"tree-combobox__slot tree-combobox__slot--prefix\"\n >\n <slot name=\"prefix\" />\n </span>\n <input\n v-bind=\"inputAttrs\"\n class=\"tree-combobox__input\"\n role=\"combobox\"\n type=\"text\"\n :value=\"query\"\n :placeholder=\"placeholder\"\n :disabled=\"disabled\"\n :aria-controls=\"isOpen ? listboxId : undefined\"\n :aria-expanded=\"isOpen\"\n :aria-activedescendant=\"activeDescendant\"\n :aria-invalid=\"invalid || undefined\"\n :aria-busy=\"loading || undefined\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n @input=\"onInput\"\n @focus=\"onInputFocus\"\n @click=\"onInputClick\"\n @keydown=\"onInputKeydown\"\n >\n <TreeSpinner\n v-if=\"loading\"\n size=\"sm\"\n label=\"Loading\"\n />\n <svg\n v-else\n class=\"tree-combobox__indicator\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"4 6 8 10 12 6\" />\n </svg>\n </div>\n\n <transition name=\"tree-fade\">\n <ul\n v-if=\"isOpen && !disabled\"\n :id=\"listboxId\"\n role=\"listbox\"\n class=\"tree-combobox__listbox\"\n :aria-label=\"listboxLabel\"\n :aria-labelledby=\"listboxLabelledby\"\n >\n <li\n v-if=\"filteredOptions.length === 0\"\n class=\"tree-combobox__empty\"\n >\n <slot\n name=\"empty\"\n :query=\"query\"\n >\n {{ emptyText }}\n </slot>\n </li>\n\n <template v-else>\n <li\n v-for=\"(option, index) in filteredOptions\"\n :id=\"getOptionId(option.value)\"\n :key=\"option.value\"\n role=\"option\"\n class=\"tree-combobox__option\"\n :class=\"{\n 'is-active': index === activeIndex,\n 'is-disabled': option.disabled,\n 'is-selected': option.value === modelValue,\n }\"\n :aria-selected=\"option.value === modelValue\"\n :aria-disabled=\"option.disabled || undefined\"\n @mouseenter=\"onOptionPointerEnter(index)\"\n @click=\"selectOption(option)\"\n >\n <slot\n name=\"option\"\n :option=\"option\"\n :selected=\"option.value === modelValue\"\n :active=\"index === activeIndex\"\n >\n <span class=\"tree-combobox__option-copy\">\n <span class=\"tree-combobox__option-label\">{{ option.label }}</span>\n <span\n v-if=\"option.description\"\n class=\"tree-combobox__option-description\"\n >\n {{ option.description }}\n </span>\n </span>\n <svg\n v-if=\"option.value === modelValue\"\n class=\"tree-combobox__check\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"3.5 8.5 6.5 11.5 12.5 4.5\" />\n </svg>\n </slot>\n </li>\n </template>\n </ul>\n </transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n createId,\n focusFirst,\n focusLast,\n getFocusableElements,\n isEscapeKey,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n computed,\n nextTick,\n onBeforeUnmount,\n ref,\n toRef,\n useAttrs,\n watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst CloseIcon = getTreeIcon('x');\n\nconst props = withDefaults(\n defineProps<{\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n size?: TreeSize;\n title?: string;\n description?: string;\n closeOnEscape?: boolean;\n closeOnOverlay?: boolean;\n showCloseButton?: boolean;\n closeLabel?: string;\n id?: string;\n }>(),\n {\n open: undefined,\n defaultOpen: false,\n disabled: false,\n size: 'md',\n title: '',\n description: '',\n closeOnEscape: true,\n closeOnOverlay: true,\n showCloseButton: true,\n closeLabel: 'Close modal',\n id: undefined,\n },\n);\n\nconst emit = defineEmits<{\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\nconst modalId = props.id ?? createId('tree-modal');\nconst titleId = `${modalId}-title`;\nconst descriptionId = `${modalId}-description`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst surfaceRef = ref<HTMLElement | null>(null);\nconst previousFocusedElement = ref<HTMLElement | null>(null);\nconst hasHeaderContent = computed(() => Boolean(props.title || slots.header));\n\nconst slots = defineSlots<{\n default?: () => unknown;\n trigger?: () => unknown;\n header?: () => unknown;\n content?: () => unknown;\n footer?: () => unknown;\n}>();\n\nconst rootClasses = computed(() => ['tree-modal', attrs.class]);\nconst rootStyle = computed(() => attrs.style);\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\nconst surfaceClasses = computed(() => [\n 'tree-modal__surface',\n `tree-modal__surface--${props.size}`,\n]);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst labelledBy = computed(() => (hasHeaderContent.value ? titleId : undefined));\nconst describedBy = computed(() => (props.description ? descriptionId : undefined));\n\nlet openOverlayCount = 0;\nlet previousBodyOverflow = '';\n\nconst lockBodyScroll = () => {\n if (typeof document === 'undefined') {\n return;\n }\n\n if (openOverlayCount === 0) {\n previousBodyOverflow = document.body.style.overflow;\n document.body.style.overflow = 'hidden';\n }\n\n openOverlayCount += 1;\n};\n\nconst unlockBodyScroll = () => {\n if (typeof document === 'undefined' || openOverlayCount === 0) {\n return;\n }\n\n openOverlayCount -= 1;\n\n if (openOverlayCount === 0) {\n document.body.style.overflow = previousBodyOverflow;\n }\n};\n\nconst focusSurface = () => {\n nextTick(() => {\n if (!surfaceRef.value) {\n return;\n }\n\n const focused = focusFirst(surfaceRef.value);\n if (!focused) {\n surfaceRef.value.focus();\n }\n });\n};\n\nconst openModal = () => {\n if (props.disabled) {\n return;\n }\n\n previousFocusedElement.value = document.activeElement as HTMLElement | null;\n setValue(true);\n};\n\nconst closeModal = () => {\n setValue(false);\n};\n\nconst onTriggerClick = (event: MouseEvent) => {\n if (props.disabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n if (event.defaultPrevented) {\n return;\n }\n\n openModal();\n};\n\nconst onOverlayClick = () => {\n if (!props.closeOnOverlay) {\n return;\n }\n\n closeModal();\n};\n\nconst onSurfaceClick = (event: MouseEvent) => {\n event.stopPropagation();\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n if (isEscapeKey(event) && props.closeOnEscape) {\n event.preventDefault();\n closeModal();\n return;\n }\n\n if (event.key !== 'Tab' || !surfaceRef.value) {\n return;\n }\n\n const focusable = getFocusableElements(surfaceRef.value);\n\n if (!focusable.length) {\n event.preventDefault();\n surfaceRef.value.focus();\n return;\n }\n\n const first = focusable[0];\n const last = focusable[focusable.length - 1];\n const activeElement = document.activeElement as HTMLElement | null;\n\n if (event.shiftKey && activeElement === first) {\n event.preventDefault();\n focusLast(surfaceRef.value);\n }\n\n if (!event.shiftKey && activeElement === last) {\n event.preventDefault();\n focusFirst(surfaceRef.value);\n }\n};\n\nwatch(isOpen, (value, previousValue) => {\n if (value) {\n lockBodyScroll();\n focusSurface();\n return;\n }\n\n if (previousValue) {\n unlockBodyScroll();\n nextTick(() => {\n previousFocusedElement.value?.focus();\n });\n }\n});\n\nonBeforeUnmount(() => {\n if (isOpen.value) {\n unlockBodyScroll();\n }\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <span\n v-if=\"$slots.trigger\"\n class=\"tree-modal__trigger\"\n v-bind=\"triggerAttrs\"\n :aria-disabled=\"disabled || undefined\"\n @click=\"onTriggerClick\"\n >\n <slot name=\"trigger\" />\n </span>\n\n <Teleport to=\"body\">\n <transition name=\"tree-modal-fade\">\n <div\n v-if=\"isOpen\"\n class=\"tree-modal__portal\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <div\n class=\"tree-modal__backdrop\"\n aria-hidden=\"true\"\n @click=\"onOverlayClick\"\n />\n <div class=\"tree-modal__positioner\">\n <div\n :id=\"modalId\"\n ref=\"surfaceRef\"\n :class=\"surfaceClasses\"\n role=\"dialog\"\n aria-modal=\"true\"\n :aria-labelledby=\"labelledBy\"\n :aria-describedby=\"describedBy\"\n tabindex=\"-1\"\n @click=\"onSurfaceClick\"\n @keydown=\"onKeydown\"\n >\n <div\n v-if=\"hasHeaderContent || showCloseButton\"\n class=\"tree-modal__topbar\"\n >\n <div\n v-if=\"hasHeaderContent\"\n :id=\"titleId\"\n class=\"tree-modal__header\"\n >\n <slot name=\"header\">\n <h2 class=\"tree-modal__title\">\n {{ title }}\n </h2>\n </slot>\n </div>\n <button\n v-if=\"showCloseButton\"\n type=\"button\"\n class=\"tree-modal__close\"\n :aria-label=\"closeLabel\"\n @click=\"closeModal\"\n >\n <CloseIcon v-bind=\"treeIconDefaults\" />\n </button>\n </div>\n\n <p\n v-if=\"description\"\n :id=\"descriptionId\"\n class=\"tree-modal__description\"\n >\n {{ description }}\n </p>\n\n <div class=\"tree-modal__body\">\n <slot name=\"content\">\n <slot />\n </slot>\n </div>\n\n <div\n v-if=\"$slots.footer\"\n class=\"tree-modal__footer\"\n >\n <slot name=\"footer\" />\n </div>\n </div>\n </div>\n </div>\n </transition>\n </Teleport>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, toRef, useAttrs } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize, TreeVariant } from '../types/contracts';\nimport TreeButton from './TreeButton.vue';\nimport TreeModal from './TreeModal.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst slots = defineSlots<{\n trigger?: () => unknown;\n icon?: () => unknown;\n default?: () => unknown;\n actions?: (props: {\n confirm: () => void;\n cancel: () => void;\n loading: boolean;\n }) => unknown;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n size?: TreeSize;\n title?: string;\n description?: string;\n confirmLabel?: string;\n cancelLabel?: string;\n confirmVariant?: TreeVariant;\n confirmDisabled?: boolean;\n cancelDisabled?: boolean;\n loading?: boolean;\n closeOnEscape?: boolean;\n closeOnOverlay?: boolean;\n showCloseButton?: boolean;\n closeLabel?: string;\n closeOnConfirm?: boolean;\n closeOnCancel?: boolean;\n }>(),\n {\n open: undefined,\n defaultOpen: false,\n disabled: false,\n size: 'sm',\n title: '',\n description: '',\n confirmLabel: 'Confirm',\n cancelLabel: 'Cancel',\n confirmVariant: 'danger',\n confirmDisabled: false,\n cancelDisabled: false,\n loading: false,\n closeOnEscape: true,\n closeOnOverlay: false,\n showCloseButton: false,\n closeLabel: 'Close dialog',\n closeOnConfirm: true,\n closeOnCancel: true,\n },\n);\n\nconst emit = defineEmits<{\n confirm: [];\n cancel: [];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst dialogClasses = computed(() => [\n 'tree-confirm-dialog',\n {\n 'tree-confirm-dialog--with-icon': Boolean(slots.icon),\n },\n]);\n\nconst hasBodyContent = computed(() => Boolean(slots.default));\n\nconst closeDialog = () => {\n setValue(false);\n};\n\nconst syncOpen = (value: boolean) => {\n setValue(value);\n};\n\nconst handleCancel = () => {\n if (props.cancelDisabled) {\n return;\n }\n\n emit('cancel');\n\n if (props.closeOnCancel) {\n closeDialog();\n }\n};\n\nconst handleConfirm = () => {\n if (props.confirmDisabled || props.loading) {\n return;\n }\n\n emit('confirm');\n\n if (props.closeOnConfirm) {\n closeDialog();\n }\n};\n</script>\n\n<template>\n <TreeModal\n v-bind=\"attrs\"\n :open=\"isOpen\"\n :disabled=\"disabled\"\n :size=\"size\"\n :title=\"title\"\n :description=\"description\"\n :close-on-escape=\"closeOnEscape\"\n :close-on-overlay=\"closeOnOverlay\"\n :show-close-button=\"showCloseButton\"\n :close-label=\"closeLabel\"\n @update:open=\"syncOpen\"\n >\n <template\n v-if=\"$slots.trigger\"\n #trigger\n >\n <slot name=\"trigger\" />\n </template>\n\n <template #content>\n <div :class=\"dialogClasses\">\n <div\n v-if=\"$slots.icon\"\n class=\"tree-confirm-dialog__icon\"\n aria-hidden=\"true\"\n >\n <slot name=\"icon\" />\n </div>\n\n <div\n v-if=\"hasBodyContent\"\n class=\"tree-confirm-dialog__body\"\n >\n <slot />\n </div>\n </div>\n </template>\n\n <template #footer>\n <slot\n name=\"actions\"\n :confirm=\"handleConfirm\"\n :cancel=\"handleCancel\"\n :loading=\"loading\"\n >\n <TreeButton\n variant=\"ghost\"\n :disabled=\"cancelDisabled\"\n @click=\"handleCancel\"\n >\n {{ cancelLabel }}\n </TreeButton>\n <TreeButton\n :variant=\"confirmVariant\"\n :loading=\"loading\"\n :disabled=\"confirmDisabled\"\n @click=\"handleConfirm\"\n >\n {{ confirmLabel }}\n </TreeButton>\n </slot>\n </template>\n </TreeModal>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst _treeContainerSizes = ['sm', 'md', 'lg', 'xl', 'full'] as const;\n\nexport type TreeContainerSize = (typeof _treeContainerSizes)[number];\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n size?: TreeContainerSize;\n padded?: boolean;\n centered?: boolean;\n }>(),\n {\n as: 'div',\n size: 'lg',\n padded: true,\n centered: true,\n },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n 'tree-container',\n `tree-container--${props.size}`,\n {\n 'is-padded': props.padded,\n 'is-centered': props.centered,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <slot />\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, isActivationKey, isEscapeKey } from '@treeui/utils';\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, watch } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\n\nexport interface TreeContextMenuItem {\n label: string;\n value: string;\n disabled?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n items?: TreeContextMenuItem[];\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n size?: TreeSize;\n }>(),\n {\n items: () => [],\n open: undefined,\n defaultOpen: false,\n disabled: false,\n size: 'md',\n },\n);\n\nconst emit = defineEmits<{\n select: [value: string];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\ndefineSlots<{\n default(): unknown;\n item(props: { item: TreeContextMenuItem; index: number }): unknown;\n}>();\n\nconst menuId = createId('tree-context-menu');\nconst rootRef = ref<HTMLElement | null>(null);\nconst itemRefs = ref<Map<string, HTMLElement>>(new Map());\nconst focusedIndex = ref(-1);\nconst menuPosition = ref({ x: 0, y: 0 });\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 'tree-context-menu',\n `tree-context-menu--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-open': isOpen.value,\n },\n]);\n\nconst enabledItems = computed(() => props.items.filter((i) => !i.disabled));\n\nconst openMenu = (x: number, y: number) => {\n if (props.disabled) return;\n menuPosition.value = { x, y };\n focusedIndex.value = enabledItems.value.length > 0\n ? props.items.indexOf(enabledItems.value[0])\n : 0;\n setValue(true);\n nextTick(() => focusItem(focusedIndex.value));\n};\n\nconst closeMenu = (restoreFocus = false) => {\n setValue(false);\n focusedIndex.value = -1;\n if (restoreFocus) {\n nextTick(() => rootRef.value?.focus());\n }\n};\n\nconst selectItem = (item: TreeContextMenuItem) => {\n if (item.disabled) return;\n emit('select', item.value);\n closeMenu(true);\n};\n\nconst focusItem = (index: number) => {\n const item = props.items[index];\n if (!item) return;\n const el = itemRefs.value.get(item.value);\n el?.focus();\n};\n\nconst setItemRef = (el: Element | null, value: string) => {\n if (el instanceof HTMLElement) {\n itemRefs.value.set(value, el);\n } else {\n itemRefs.value.delete(value);\n }\n};\n\nconst moveFocus = (direction: 1 | -1) => {\n let nextIndex = focusedIndex.value + direction;\n while (nextIndex >= 0 && nextIndex < props.items.length) {\n if (!props.items[nextIndex].disabled) {\n focusedIndex.value = nextIndex;\n focusItem(nextIndex);\n return;\n }\n nextIndex += direction;\n }\n};\n\nconst onContextMenu = (event: MouseEvent) => {\n if (props.disabled) return;\n event.preventDefault();\n openMenu(event.clientX, event.clientY);\n};\n\nconst onItemKeydown = (event: KeyboardEvent, item: TreeContextMenuItem) => {\n if (isEscapeKey(event)) {\n event.preventDefault();\n closeMenu(true);\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectItem(item);\n return;\n }\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n moveFocus(1);\n break;\n case 'ArrowUp':\n event.preventDefault();\n moveFocus(-1);\n break;\n case 'Home':\n event.preventDefault();\n focusedIndex.value = enabledItems.value.length > 0\n ? props.items.indexOf(enabledItems.value[0])\n : 0;\n focusItem(focusedIndex.value);\n break;\n case 'End':\n event.preventDefault();\n focusedIndex.value = enabledItems.value.length > 0\n ? props.items.indexOf(enabledItems.value[enabledItems.value.length - 1])\n : props.items.length - 1;\n focusItem(focusedIndex.value);\n break;\n default:\n break;\n }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) return;\n const target = event.target;\n if (!(target instanceof Node)) return;\n const menuEl = document.getElementById(menuId);\n if (menuEl?.contains(target)) return;\n closeMenu();\n};\n\nconst onDocumentContextMenu = (event: MouseEvent) => {\n if (!isOpen.value) return;\n const target = event.target;\n if (!(target instanceof Node)) return;\n if (rootRef.value?.contains(target)) return;\n closeMenu();\n};\n\nwatch(isOpen, (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n document.addEventListener('contextmenu', onDocumentContextMenu);\n } else {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n document.removeEventListener('contextmenu', onDocumentContextMenu);\n }\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n document.removeEventListener('contextmenu', onDocumentContextMenu);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n @contextmenu=\"onContextMenu\"\n >\n <slot />\n <Teleport to=\"body\">\n <transition name=\"tree-fade\">\n <ul\n v-if=\"isOpen && !disabled\"\n :id=\"menuId\"\n role=\"menu\"\n class=\"tree-context-menu__menu\"\n :class=\"`tree-context-menu--${size}`\"\n :style=\"{ top: `${menuPosition.y}px`, left: `${menuPosition.x}px` }\"\n aria-label=\"Context menu\"\n >\n <li\n v-for=\"(item, index) in items\"\n :key=\"item.value\"\n :ref=\"(el) => setItemRef(el as Element | null, item.value)\"\n role=\"menuitem\"\n class=\"tree-context-menu__item\"\n :class=\"{\n 'is-disabled': item.disabled,\n 'is-focused': index === focusedIndex,\n }\"\n :aria-disabled=\"item.disabled || undefined\"\n :tabindex=\"item.disabled ? -1 : 0\"\n @click=\"selectItem(item)\"\n @keydown=\"onItemKeydown($event, item)\"\n >\n <slot\n name=\"item\"\n :item=\"item\"\n :index=\"index\"\n >\n {{ item.label }}\n </slot>\n </li>\n </ul>\n </transition>\n </Teleport>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n addDays,\n addMonths,\n createId,\n isActivationKey,\n isEscapeKey,\n isSameDay,\n parseDateValue,\n startOfDay,\n startOfMonth,\n startOfWeek,\n toDateValue,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n type ComponentPublicInstance,\n computed,\n nextTick,\n onBeforeUnmount,\n ref,\n toRef,\n useAttrs,\n watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\ninterface CalendarCell {\n date: Date;\n dayLabel: number;\n disabled: boolean;\n inMonth: boolean;\n isFocused: boolean;\n isSelected: boolean;\n isToday: boolean;\n key: string;\n}\n\nconst CalendarIcon = getTreeIcon('calendar');\nconst ChevronLeftIcon = getTreeIcon('chevron-left');\nconst ChevronRightIcon = getTreeIcon('chevron-right');\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n open?: boolean;\n defaultOpen?: boolean;\n size?: TreeSize;\n disabled?: boolean;\n invalid?: boolean;\n placeholder?: string;\n locale?: string;\n min?: string;\n max?: string;\n weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n id?: string;\n }>(),\n {\n modelValue: '',\n open: undefined,\n defaultOpen: false,\n size: 'md',\n disabled: false,\n invalid: false,\n placeholder: 'Select date',\n locale: 'en-US',\n min: '',\n max: '',\n weekStartsOn: 0,\n id: undefined,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n select: [value: string];\n}>();\n\nconst attrs = useAttrs();\nconst today = startOfDay(new Date());\nconst selectedDate = computed(() => parseDateValue(props.modelValue));\nconst minDate = computed(() => parseDateValue(props.min));\nconst maxDate = computed(() => parseDateValue(props.max));\nconst calendarId = props.id ?? createId('tree-date-picker');\nconst captionId = `${calendarId}-caption`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst dayRefs = new Map<string, HTMLButtonElement>();\nconst viewMonth = ref(startOfMonth(selectedDate.value ?? today));\nconst focusedDate = ref<Date>(selectedDate.value ?? today);\n\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, name: _name, ...rest } = attrs;\n return rest;\n});\n\nconst hiddenInputName = computed(() =>\n typeof attrs.name === 'string' ? attrs.name : undefined,\n);\n\nconst rootClasses = computed(() => [\n 'tree-date-picker',\n `tree-date-picker--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'is-open': isOpen.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst triggerText = computed(() => {\n if (!selectedDate.value) {\n return props.placeholder;\n }\n\n return new Intl.DateTimeFormat(props.locale, {\n day: 'numeric',\n month: 'long',\n year: 'numeric',\n }).format(selectedDate.value);\n});\n\nconst monthLabel = computed(() =>\n new Intl.DateTimeFormat(props.locale, {\n month: 'long',\n year: 'numeric',\n }).format(viewMonth.value),\n);\n\nconst weekdayLabels = computed(() => {\n const formatter = new Intl.DateTimeFormat(props.locale, { weekday: 'short' });\n const weekBase = startOfWeek(new Date(2024, 0, 7), props.weekStartsOn);\n\n return Array.from({ length: 7 }, (_, index) =>\n formatter.format(addDays(weekBase, index)),\n );\n});\n\nconst isDateDisabled = (date: Date) => {\n if (props.disabled) {\n return true;\n }\n\n if (minDate.value && date < minDate.value) {\n return true;\n }\n\n if (maxDate.value && date > maxDate.value) {\n return true;\n }\n\n return false;\n};\n\nconst syncCalendarView = (date: Date) => {\n focusedDate.value = startOfDay(date);\n viewMonth.value = startOfMonth(date);\n};\n\nwatch(\n selectedDate,\n (value) => {\n if (value) {\n syncCalendarView(value);\n return;\n }\n\n if (!isOpen.value) {\n syncCalendarView(today);\n }\n },\n { immediate: true },\n);\n\nconst cells = computed(() => {\n const startDate = startOfWeek(startOfMonth(viewMonth.value), props.weekStartsOn);\n\n return Array.from({ length: 6 }, (_, weekIndex) =>\n Array.from({ length: 7 }, (_, dayIndex) => {\n const date = addDays(startDate, weekIndex * 7 + dayIndex);\n const key = toDateValue(date);\n\n return {\n date,\n dayLabel: date.getDate(),\n disabled: isDateDisabled(date),\n inMonth: date.getMonth() === viewMonth.value.getMonth(),\n isFocused: isSameDay(date, focusedDate.value),\n isSelected: isSameDay(date, selectedDate.value),\n isToday: isSameDay(date, today),\n key,\n } satisfies CalendarCell;\n }),\n );\n});\n\nconst canMovePrev = computed(() => {\n if (!minDate.value) {\n return true;\n }\n\n return startOfMonth(viewMonth.value) > startOfMonth(minDate.value);\n});\n\nconst canMoveNext = computed(() => {\n if (!maxDate.value) {\n return true;\n }\n\n return startOfMonth(viewMonth.value) < startOfMonth(maxDate.value);\n});\n\nconst focusCurrentDay = () => {\n const key = toDateValue(focusedDate.value);\n nextTick(() => {\n dayRefs.get(key)?.focus();\n });\n};\n\nconst setDayRef = (\n element: Element | ComponentPublicInstance | null,\n key: string,\n) => {\n if (element instanceof HTMLButtonElement) {\n dayRefs.set(key, element);\n return;\n }\n\n dayRefs.delete(key);\n};\n\nconst openCalendar = () => {\n if (props.disabled) {\n return;\n }\n\n syncCalendarView(selectedDate.value ?? focusedDate.value ?? today);\n setValue(true);\n focusCurrentDay();\n};\n\nconst closeCalendar = (restoreFocus = false) => {\n setValue(false);\n\n if (restoreFocus) {\n nextTick(() => {\n triggerRef.value?.focus();\n });\n }\n};\n\nconst toggleCalendar = () => {\n if (isOpen.value) {\n closeCalendar();\n return;\n }\n\n openCalendar();\n};\n\nconst moveCalendar = (direction: 1 | -1) => {\n const nextMonth = addMonths(viewMonth.value, direction);\n syncCalendarView(nextMonth);\n focusCurrentDay();\n};\n\nconst moveFocus = (nextDate: Date) => {\n if (isDateDisabled(nextDate)) {\n return;\n }\n\n syncCalendarView(nextDate);\n focusCurrentDay();\n};\n\nconst selectDate = (date: Date) => {\n if (isDateDisabled(date)) {\n return;\n }\n\n const normalizedDate = startOfDay(date);\n const value = toDateValue(normalizedDate);\n\n syncCalendarView(normalizedDate);\n emit('update:modelValue', value);\n emit('select', value);\n closeCalendar(true);\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n if (props.disabled) {\n return;\n }\n\n if (isEscapeKey(event) && isOpen.value) {\n event.preventDefault();\n closeCalendar();\n return;\n }\n\n if (\n isActivationKey(event) ||\n event.key === 'ArrowDown' ||\n event.key === 'ArrowUp'\n ) {\n event.preventDefault();\n openCalendar();\n }\n};\n\nconst onDayKeydown = (event: KeyboardEvent, date: Date) => {\n if (isEscapeKey(event)) {\n event.preventDefault();\n closeCalendar(true);\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectDate(date);\n return;\n }\n\n switch (event.key) {\n case 'ArrowLeft':\n event.preventDefault();\n moveFocus(addDays(date, -1));\n break;\n case 'ArrowRight':\n event.preventDefault();\n moveFocus(addDays(date, 1));\n break;\n case 'ArrowUp':\n event.preventDefault();\n moveFocus(addDays(date, -7));\n break;\n case 'ArrowDown':\n event.preventDefault();\n moveFocus(addDays(date, 7));\n break;\n case 'Home':\n event.preventDefault();\n moveFocus(startOfWeek(date, props.weekStartsOn));\n break;\n case 'End':\n event.preventDefault();\n moveFocus(addDays(startOfWeek(date, props.weekStartsOn), 6));\n break;\n case 'PageUp':\n event.preventDefault();\n moveFocus(addMonths(date, event.shiftKey ? -12 : -1));\n break;\n case 'PageDown':\n event.preventDefault();\n moveFocus(addMonths(date, event.shiftKey ? 12 : 1));\n break;\n default:\n break;\n }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) {\n return;\n }\n\n const target = event.target;\n if (!(target instanceof Node)) {\n return;\n }\n\n if (rootRef.value?.contains(target)) {\n return;\n }\n\n closeCalendar();\n};\n\nwatch(isOpen, (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n return;\n }\n\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <input\n v-if=\"hiddenInputName\"\n type=\"hidden\"\n :name=\"hiddenInputName\"\n :value=\"modelValue\"\n >\n <button\n ref=\"triggerRef\"\n v-bind=\"triggerAttrs\"\n type=\"button\"\n class=\"tree-date-picker__trigger\"\n :disabled=\"disabled\"\n :aria-controls=\"isOpen ? calendarId : undefined\"\n aria-haspopup=\"dialog\"\n :aria-expanded=\"isOpen\"\n :aria-invalid=\"invalid || undefined\"\n @click=\"toggleCalendar\"\n @keydown=\"onTriggerKeydown\"\n >\n <span\n v-if=\"$slots.prefix\"\n class=\"tree-date-picker__slot tree-date-picker__slot--prefix\"\n >\n <slot name=\"prefix\" />\n </span>\n <span\n class=\"tree-date-picker__value\"\n :data-placeholder=\"selectedDate ? undefined : true\"\n >\n {{ triggerText }}\n </span>\n <span class=\"tree-date-picker__slot tree-date-picker__slot--suffix\">\n <slot name=\"suffix\">\n <CalendarIcon v-bind=\"treeIconDefaults\" />\n </slot>\n </span>\n </button>\n\n <transition name=\"tree-fade\">\n <div\n v-if=\"isOpen && !disabled\"\n :id=\"calendarId\"\n class=\"tree-date-picker__content\"\n role=\"dialog\"\n aria-modal=\"false\"\n :aria-labelledby=\"captionId\"\n >\n <div class=\"tree-date-picker__header\">\n <button\n type=\"button\"\n class=\"tree-date-picker__nav\"\n :disabled=\"!canMovePrev\"\n aria-label=\"Previous month\"\n @click=\"moveCalendar(-1)\"\n >\n <ChevronLeftIcon v-bind=\"treeIconDefaults\" />\n </button>\n <p\n :id=\"captionId\"\n class=\"tree-date-picker__month\"\n >\n {{ monthLabel }}\n </p>\n <button\n type=\"button\"\n class=\"tree-date-picker__nav\"\n :disabled=\"!canMoveNext\"\n aria-label=\"Next month\"\n @click=\"moveCalendar(1)\"\n >\n <ChevronRightIcon v-bind=\"treeIconDefaults\" />\n </button>\n </div>\n\n <div\n class=\"tree-date-picker__weekdays\"\n aria-hidden=\"true\"\n >\n <span\n v-for=\"label in weekdayLabels\"\n :key=\"label\"\n class=\"tree-date-picker__weekday\"\n >\n {{ label }}\n </span>\n </div>\n\n <div\n class=\"tree-date-picker__grid\"\n role=\"grid\"\n :aria-labelledby=\"captionId\"\n >\n <div\n v-for=\"(week, weekIndex) in cells\"\n :key=\"weekIndex\"\n class=\"tree-date-picker__row\"\n role=\"row\"\n >\n <div\n v-for=\"cell in week\"\n :key=\"cell.key\"\n class=\"tree-date-picker__cell\"\n role=\"gridcell\"\n :aria-selected=\"cell.isSelected\"\n >\n <button\n :ref=\"(element) => setDayRef(element, cell.key)\"\n type=\"button\"\n class=\"tree-date-picker__day\"\n :class=\"{\n 'is-muted': !cell.inMonth,\n 'is-selected': cell.isSelected,\n 'is-today': cell.isToday,\n }\"\n :data-date=\"cell.key\"\n :disabled=\"cell.disabled\"\n :tabindex=\"cell.isFocused ? 0 : -1\"\n :aria-current=\"cell.isToday ? 'date' : undefined\"\n :aria-label=\"cell.key\"\n @click=\"selectDate(cell.date)\"\n @keydown=\"onDayKeydown($event, cell.date)\"\n >\n {{ cell.dayLabel }}\n </button>\n </div>\n </div>\n </div>\n </div>\n </transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n addDays,\n addMonths,\n createId,\n isActivationKey,\n isEscapeKey,\n isSameDay,\n startOfDay,\n startOfMonth,\n startOfWeek,\n toDateValue,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n type ComponentPublicInstance,\n computed,\n nextTick,\n onBeforeUnmount,\n ref,\n toRef,\n useAttrs,\n watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\ninterface CalendarCell {\n date: Date;\n dayLabel: number;\n disabled: boolean;\n inMonth: boolean;\n isFocused: boolean;\n isSelected: boolean;\n isToday: boolean;\n key: string;\n}\n\ninterface TimeOption {\n disabled: boolean;\n label: string;\n value: number;\n}\n\nconst CalendarIcon = getTreeIcon('calendar');\nconst ChevronLeftIcon = getTreeIcon('chevron-left');\nconst ChevronRightIcon = getTreeIcon('chevron-right');\n\nconst dateOnlyPattern = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\nconst dateTimePattern = /^(\\d{4})-(\\d{2})-(\\d{2})T(\\d{2}):(\\d{2})(?::(\\d{2}))?$/;\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n open?: boolean;\n defaultOpen?: boolean;\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n invalid?: boolean;\n placeholder?: string;\n locale?: string;\n min?: string;\n max?: string;\n weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n id?: string;\n step?: number;\n }>(),\n {\n modelValue: '',\n open: undefined,\n defaultOpen: false,\n size: 'md',\n disabled: false,\n loading: false,\n invalid: false,\n placeholder: 'Select date and time',\n locale: 'en-US',\n min: '',\n max: '',\n weekStartsOn: 0,\n id: undefined,\n step: 60,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n change: [value: string];\n select: [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nconst cloneDate = (value: Date) => new Date(value.getTime());\n\nconst formatPart = (value: number) => `${value}`.padStart(2, '0');\n\nconst endOfDay = (date: Date) =>\n new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);\n\nconst parseBoundaryValue = (\n value: string | null | undefined,\n boundary: 'exact' | 'start' | 'end' = 'exact',\n) => {\n if (!value) {\n return null;\n }\n\n const dateOnlyMatch = value.match(dateOnlyPattern);\n if (dateOnlyMatch) {\n const [, yearToken, monthToken, dayToken] = dateOnlyMatch;\n const year = Number.parseInt(yearToken, 10);\n const month = Number.parseInt(monthToken, 10);\n const day = Number.parseInt(dayToken, 10);\n const hour = boundary === 'end' ? 23 : 0;\n const minute = boundary === 'end' ? 59 : 0;\n const second = boundary === 'end' ? 59 : 0;\n const millisecond = boundary === 'end' ? 999 : 0;\n const date = new Date(year, month - 1, day, hour, minute, second, millisecond);\n\n if (\n Number.isNaN(date.getTime()) ||\n date.getFullYear() !== year ||\n date.getMonth() !== month - 1 ||\n date.getDate() !== day\n ) {\n return null;\n }\n\n return date;\n }\n\n const dateTimeMatch = value.match(dateTimePattern);\n if (!dateTimeMatch) {\n return null;\n }\n\n const [, yearToken, monthToken, dayToken, hourToken, minuteToken, secondToken] =\n dateTimeMatch;\n const year = Number.parseInt(yearToken, 10);\n const month = Number.parseInt(monthToken, 10);\n const day = Number.parseInt(dayToken, 10);\n const hour = Number.parseInt(hourToken, 10);\n const minute = Number.parseInt(minuteToken, 10);\n const second = secondToken ? Number.parseInt(secondToken, 10) : 0;\n const date = new Date(year, month - 1, day, hour, minute, second, 0);\n\n if (\n Number.isNaN(date.getTime()) ||\n date.getFullYear() !== year ||\n date.getMonth() !== month - 1 ||\n date.getDate() !== day ||\n date.getHours() !== hour ||\n date.getMinutes() !== minute ||\n date.getSeconds() !== second\n ) {\n return null;\n }\n\n return date;\n};\n\nconst toDateTimeValue = (date: Date) =>\n `${toDateValue(date)}T${formatPart(date.getHours())}:${formatPart(date.getMinutes())}`;\n\nconst setDatePart = (source: Date, targetDate: Date) =>\n new Date(\n targetDate.getFullYear(),\n targetDate.getMonth(),\n targetDate.getDate(),\n source.getHours(),\n source.getMinutes(),\n 0,\n 0,\n );\n\nconst setTimePart = (source: Date, hour: number, minute: number) =>\n new Date(\n source.getFullYear(),\n source.getMonth(),\n source.getDate(),\n hour,\n minute,\n 0,\n 0,\n );\n\nconst resolveMinuteStep = (step: number) => {\n if (!Number.isFinite(step) || step <= 0 || step % 60 !== 0) {\n return 1;\n }\n\n const minuteStep = step / 60;\n return minuteStep >= 60 ? 1 : minuteStep;\n};\n\nconst today = startOfDay(new Date());\nconst selectedDateTime = computed(() => parseBoundaryValue(props.modelValue, 'exact'));\nconst minDateTime = computed(() => parseBoundaryValue(props.min, 'start'));\nconst maxDateTime = computed(() => parseBoundaryValue(props.max, 'end'));\nconst pickerId = props.id ?? createId('tree-date-time-picker');\nconst captionId = `${pickerId}-caption`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst dayRefs = new Map<string, HTMLButtonElement>();\n\nconst clampToRange = (value: Date) => {\n let nextValue = cloneDate(value);\n\n if (minDateTime.value && nextValue < minDateTime.value) {\n nextValue = cloneDate(minDateTime.value);\n }\n\n if (maxDateTime.value && nextValue > maxDateTime.value) {\n nextValue = cloneDate(maxDateTime.value);\n }\n\n return nextValue;\n};\n\nconst createDefaultDraftDateTime = () => {\n const reference = new Date();\n const stepMilliseconds = Math.max(props.step, 60) * 1000;\n const rounded = new Date(Math.ceil(reference.getTime() / stepMilliseconds) * stepMilliseconds);\n\n rounded.setSeconds(0, 0);\n return clampToRange(rounded);\n};\n\nconst initialDateTime = selectedDateTime.value ?? createDefaultDraftDateTime();\nconst draftDateTime = ref(initialDateTime);\nconst focusedDate = ref(startOfDay(initialDateTime));\nconst viewMonth = ref(startOfMonth(initialDateTime));\n\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, name: _name, ...rest } = attrs;\n return rest;\n});\n\nconst hiddenInputName = computed(() =>\n typeof attrs.name === 'string' ? attrs.name : undefined,\n);\n\nconst rootClasses = computed(() => [\n 'tree-date-picker',\n 'tree-date-time-picker',\n `tree-date-picker--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'is-loading': props.loading,\n 'is-open': isOpen.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst triggerText = computed(() => {\n if (!selectedDateTime.value) {\n return props.placeholder;\n }\n\n return new Intl.DateTimeFormat(props.locale, {\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit',\n month: 'long',\n year: 'numeric',\n }).format(selectedDateTime.value);\n});\n\nconst draftPreview = computed(() =>\n new Intl.DateTimeFormat(props.locale, {\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit',\n month: 'long',\n year: 'numeric',\n }).format(draftDateTime.value),\n);\n\nconst monthLabel = computed(() =>\n new Intl.DateTimeFormat(props.locale, {\n month: 'long',\n year: 'numeric',\n }).format(viewMonth.value),\n);\n\nconst weekdayLabels = computed(() => {\n const formatter = new Intl.DateTimeFormat(props.locale, { weekday: 'short' });\n const weekBase = startOfWeek(new Date(2024, 0, 7), props.weekStartsOn);\n\n return Array.from({ length: 7 }, (_, index) =>\n formatter.format(addDays(weekBase, index)),\n );\n});\n\nconst minuteStep = computed(() => resolveMinuteStep(props.step));\n\nconst minuteValues = computed(() => {\n const values = new Set<number>();\n\n for (let minute = 0; minute < 60; minute += minuteStep.value) {\n values.add(minute);\n }\n\n values.add(draftDateTime.value.getMinutes());\n\n return [...values].sort((left, right) => left - right);\n});\n\nconst isDateDisabled = (date: Date) => {\n if (props.disabled) {\n return true;\n }\n\n const dayStart = startOfDay(date);\n const dayEnd = endOfDay(date);\n\n if (minDateTime.value && dayEnd < minDateTime.value) {\n return true;\n }\n\n if (maxDateTime.value && dayStart > maxDateTime.value) {\n return true;\n }\n\n return false;\n};\n\nconst isDateTimeDisabled = (value: Date) => {\n if (props.disabled) {\n return true;\n }\n\n if (minDateTime.value && value < minDateTime.value) {\n return true;\n }\n\n if (maxDateTime.value && value > maxDateTime.value) {\n return true;\n }\n\n return false;\n};\n\nconst syncCalendarView = (date: Date) => {\n focusedDate.value = startOfDay(date);\n viewMonth.value = startOfMonth(date);\n};\n\nconst syncDraftState = (dateTime: Date) => {\n const nextValue = clampToRange(dateTime);\n draftDateTime.value = nextValue;\n syncCalendarView(nextValue);\n};\n\nwatch(\n selectedDateTime,\n (value) => {\n if (isOpen.value) {\n return;\n }\n\n syncDraftState(value ?? createDefaultDraftDateTime());\n },\n { immediate: true },\n);\n\nconst draftDate = computed(() => startOfDay(draftDateTime.value));\n\nconst cells = computed(() => {\n const startDate = startOfWeek(startOfMonth(viewMonth.value), props.weekStartsOn);\n\n return Array.from({ length: 6 }, (_, weekIndex) =>\n Array.from({ length: 7 }, (_, dayIndex) => {\n const date = addDays(startDate, weekIndex * 7 + dayIndex);\n const key = toDateValue(date);\n\n return {\n date,\n dayLabel: date.getDate(),\n disabled: isDateDisabled(date),\n inMonth: date.getMonth() === viewMonth.value.getMonth(),\n isFocused: isSameDay(date, focusedDate.value),\n isSelected: isSameDay(date, draftDate.value),\n isToday: isSameDay(date, today),\n key,\n } satisfies CalendarCell;\n }),\n );\n});\n\nconst canMovePrev = computed(() => {\n if (!minDateTime.value) {\n return true;\n }\n\n return startOfMonth(viewMonth.value) > startOfMonth(minDateTime.value);\n});\n\nconst canMoveNext = computed(() => {\n if (!maxDateTime.value) {\n return true;\n }\n\n return startOfMonth(viewMonth.value) < startOfMonth(maxDateTime.value);\n});\n\nconst isTimeOptionEnabled = (hour: number, minute: number) => {\n const candidate = setTimePart(draftDateTime.value, hour, minute);\n return !isDateTimeDisabled(candidate);\n};\n\nconst hourOptions = computed<TimeOption[]>(() =>\n Array.from({ length: 24 }, (_, hour) => ({\n disabled: !minuteValues.value.some((minute) => isTimeOptionEnabled(hour, minute)),\n label: formatPart(hour),\n value: hour,\n })),\n);\n\nconst minuteOptions = computed<TimeOption[]>(() =>\n minuteValues.value.map((minute) => ({\n disabled: !isTimeOptionEnabled(draftDateTime.value.getHours(), minute),\n label: formatPart(minute),\n value: minute,\n })),\n);\n\nconst focusCurrentDay = () => {\n const key = toDateValue(focusedDate.value);\n nextTick(() => {\n dayRefs.get(key)?.focus();\n });\n};\n\nconst setDayRef = (\n element: Element | ComponentPublicInstance | null,\n key: string,\n) => {\n if (element instanceof HTMLButtonElement) {\n dayRefs.set(key, element);\n return;\n }\n\n dayRefs.delete(key);\n};\n\nconst openCalendar = () => {\n if (props.disabled) {\n return;\n }\n\n syncDraftState(selectedDateTime.value ?? createDefaultDraftDateTime());\n setValue(true);\n focusCurrentDay();\n};\n\nconst closeCalendar = (restoreFocus = false) => {\n setValue(false);\n\n if (restoreFocus) {\n nextTick(() => {\n triggerRef.value?.focus();\n });\n }\n};\n\nconst toggleCalendar = () => {\n if (isOpen.value) {\n closeCalendar();\n return;\n }\n\n openCalendar();\n};\n\nconst moveCalendar = (direction: 1 | -1) => {\n const nextMonth = addMonths(viewMonth.value, direction);\n syncCalendarView(nextMonth);\n focusCurrentDay();\n};\n\nconst moveFocus = (nextDate: Date) => {\n if (isDateDisabled(nextDate)) {\n return;\n }\n\n syncCalendarView(nextDate);\n focusCurrentDay();\n};\n\nconst selectDate = (date: Date) => {\n if (isDateDisabled(date)) {\n return;\n }\n\n const candidate = clampToRange(setDatePart(draftDateTime.value, date));\n draftDateTime.value = candidate;\n syncCalendarView(candidate);\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n if (props.disabled) {\n return;\n }\n\n if (isEscapeKey(event) && isOpen.value) {\n event.preventDefault();\n closeCalendar();\n return;\n }\n\n if (\n isActivationKey(event) ||\n event.key === 'ArrowDown' ||\n event.key === 'ArrowUp'\n ) {\n event.preventDefault();\n openCalendar();\n }\n};\n\nconst onDayKeydown = (event: KeyboardEvent, date: Date) => {\n if (isEscapeKey(event)) {\n event.preventDefault();\n closeCalendar(true);\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectDate(date);\n return;\n }\n\n switch (event.key) {\n case 'ArrowLeft':\n event.preventDefault();\n moveFocus(addDays(date, -1));\n break;\n case 'ArrowRight':\n event.preventDefault();\n moveFocus(addDays(date, 1));\n break;\n case 'ArrowUp':\n event.preventDefault();\n moveFocus(addDays(date, -7));\n break;\n case 'ArrowDown':\n event.preventDefault();\n moveFocus(addDays(date, 7));\n break;\n case 'Home':\n event.preventDefault();\n moveFocus(startOfWeek(date, props.weekStartsOn));\n break;\n case 'End':\n event.preventDefault();\n moveFocus(addDays(startOfWeek(date, props.weekStartsOn), 6));\n break;\n case 'PageUp':\n event.preventDefault();\n moveFocus(addMonths(date, event.shiftKey ? -12 : -1));\n break;\n case 'PageDown':\n event.preventDefault();\n moveFocus(addMonths(date, event.shiftKey ? 12 : 1));\n break;\n default:\n break;\n }\n};\n\nconst updateHour = (event: Event) => {\n const nextHour = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n const currentMinute = draftDateTime.value.getMinutes();\n\n if (Number.isNaN(nextHour)) {\n return;\n }\n\n const availableMinutes = minuteValues.value.filter((minute) =>\n isTimeOptionEnabled(nextHour, minute),\n );\n\n if (!availableMinutes.length) {\n return;\n }\n\n const nextMinute = availableMinutes.includes(currentMinute)\n ? currentMinute\n : availableMinutes[0];\n\n draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst updateMinute = (event: Event) => {\n const nextMinute = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n const nextHour = draftDateTime.value.getHours();\n\n if (Number.isNaN(nextMinute) || !isTimeOptionEnabled(nextHour, nextMinute)) {\n return;\n }\n\n draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst commitDraft = () => {\n const value = toDateTimeValue(draftDateTime.value);\n\n emit('update:modelValue', value);\n emit('change', value);\n emit('select', value);\n closeCalendar(true);\n};\n\nconst clearSelection = () => {\n emit('update:modelValue', '');\n emit('change', '');\n emit('select', '');\n closeCalendar(true);\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) {\n return;\n }\n\n const target = event.target;\n if (!(target instanceof Node)) {\n return;\n }\n\n if (rootRef.value?.contains(target)) {\n return;\n }\n\n closeCalendar();\n};\n\nwatch(isOpen, (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n return;\n }\n\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <input\n v-if=\"hiddenInputName\"\n type=\"hidden\"\n :name=\"hiddenInputName\"\n :value=\"modelValue\"\n >\n\n <button\n ref=\"triggerRef\"\n v-bind=\"triggerAttrs\"\n type=\"button\"\n class=\"tree-date-picker__trigger tree-date-time-picker__trigger\"\n :disabled=\"disabled\"\n :aria-controls=\"isOpen ? pickerId : undefined\"\n aria-haspopup=\"dialog\"\n :aria-expanded=\"isOpen\"\n :aria-invalid=\"invalid || undefined\"\n @click=\"toggleCalendar\"\n @keydown=\"onTriggerKeydown\"\n >\n <span\n v-if=\"$slots.prefix\"\n class=\"tree-date-picker__slot tree-date-picker__slot--prefix\"\n >\n <slot name=\"prefix\" />\n </span>\n\n <span\n class=\"tree-date-picker__value\"\n :data-placeholder=\"selectedDateTime ? undefined : true\"\n >\n {{ triggerText }}\n </span>\n\n <span class=\"tree-date-picker__slot tree-date-picker__slot--suffix\">\n <slot name=\"suffix\">\n <TreeSpinner\n v-if=\"loading\"\n size=\"sm\"\n label=\"Loading\"\n />\n <CalendarIcon\n v-else\n v-bind=\"treeIconDefaults\"\n />\n </slot>\n </span>\n </button>\n\n <transition name=\"tree-fade\">\n <div\n v-if=\"isOpen && !disabled\"\n :id=\"pickerId\"\n class=\"tree-date-picker__content tree-date-time-picker__content\"\n role=\"dialog\"\n aria-modal=\"false\"\n :aria-labelledby=\"captionId\"\n >\n <div class=\"tree-date-time-picker__calendar\">\n <div class=\"tree-date-picker__header\">\n <button\n type=\"button\"\n class=\"tree-date-picker__nav\"\n :disabled=\"!canMovePrev\"\n aria-label=\"Previous month\"\n @click=\"moveCalendar(-1)\"\n >\n <ChevronLeftIcon v-bind=\"treeIconDefaults\" />\n </button>\n\n <p\n :id=\"captionId\"\n class=\"tree-date-picker__month\"\n >\n {{ monthLabel }}\n </p>\n\n <button\n type=\"button\"\n class=\"tree-date-picker__nav\"\n :disabled=\"!canMoveNext\"\n aria-label=\"Next month\"\n @click=\"moveCalendar(1)\"\n >\n <ChevronRightIcon v-bind=\"treeIconDefaults\" />\n </button>\n </div>\n\n <div\n class=\"tree-date-picker__weekdays\"\n aria-hidden=\"true\"\n >\n <span\n v-for=\"label in weekdayLabels\"\n :key=\"label\"\n class=\"tree-date-picker__weekday\"\n >\n {{ label }}\n </span>\n </div>\n\n <div\n class=\"tree-date-picker__grid\"\n role=\"grid\"\n :aria-labelledby=\"captionId\"\n >\n <div\n v-for=\"(week, weekIndex) in cells\"\n :key=\"weekIndex\"\n class=\"tree-date-picker__row\"\n role=\"row\"\n >\n <div\n v-for=\"cell in week\"\n :key=\"cell.key\"\n class=\"tree-date-picker__cell\"\n role=\"gridcell\"\n :aria-selected=\"cell.isSelected\"\n >\n <button\n :ref=\"(element) => setDayRef(element, cell.key)\"\n type=\"button\"\n class=\"tree-date-picker__day\"\n :class=\"{\n 'is-muted': !cell.inMonth,\n 'is-selected': cell.isSelected,\n 'is-today': cell.isToday,\n }\"\n :data-date=\"cell.key\"\n :tabindex=\"cell.isFocused ? 0 : -1\"\n :disabled=\"cell.disabled\"\n :aria-pressed=\"cell.isSelected\"\n @click=\"selectDate(cell.date)\"\n @keydown=\"onDayKeydown($event, cell.date)\"\n >\n {{ cell.dayLabel }}\n </button>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"tree-date-time-picker__summary\">\n <p class=\"tree-date-time-picker__eyebrow\">\n Selected slot\n </p>\n <p class=\"tree-date-time-picker__summary-value\">\n {{ draftPreview }}\n </p>\n </div>\n\n <div class=\"tree-date-time-picker__time\">\n <label class=\"tree-date-time-picker__time-field\">\n <span class=\"tree-date-time-picker__time-label\">Hour</span>\n <select\n class=\"tree-date-time-picker__select\"\n :value=\"draftDateTime.getHours()\"\n aria-label=\"Select hour\"\n @change=\"updateHour\"\n >\n <option\n v-for=\"option in hourOptions\"\n :key=\"option.value\"\n :value=\"option.value\"\n :disabled=\"option.disabled\"\n >\n {{ option.label }}\n </option>\n </select>\n </label>\n\n <label class=\"tree-date-time-picker__time-field\">\n <span class=\"tree-date-time-picker__time-label\">Minute</span>\n <select\n class=\"tree-date-time-picker__select\"\n :value=\"draftDateTime.getMinutes()\"\n aria-label=\"Select minute\"\n @change=\"updateMinute\"\n >\n <option\n v-for=\"option in minuteOptions\"\n :key=\"option.value\"\n :value=\"option.value\"\n :disabled=\"option.disabled\"\n >\n {{ option.label }}\n </option>\n </select>\n </label>\n </div>\n\n <div class=\"tree-date-time-picker__footer\">\n <button\n type=\"button\"\n class=\"tree-button tree-button--ghost tree-button--sm\"\n @click=\"clearSelection\"\n >\n Clear\n </button>\n <button\n type=\"button\"\n class=\"tree-button tree-button--solid tree-button--sm\"\n @click=\"commitDraft\"\n >\n Apply\n </button>\n </div>\n </div>\n </transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n createId,\n focusFirst,\n focusLast,\n getFocusableElements,\n isEscapeKey,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n computed,\n nextTick,\n onBeforeUnmount,\n ref,\n toRef,\n useAttrs,\n watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeDrawerSide, TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst CloseIcon = getTreeIcon('x');\n\nconst props = withDefaults(\n defineProps<{\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n size?: TreeSize;\n side?: TreeDrawerSide;\n title?: string;\n description?: string;\n closeOnEscape?: boolean;\n closeOnOverlay?: boolean;\n showCloseButton?: boolean;\n closeLabel?: string;\n id?: string;\n }>(),\n {\n open: undefined,\n defaultOpen: false,\n disabled: false,\n size: 'md',\n side: 'right',\n title: '',\n description: '',\n closeOnEscape: true,\n closeOnOverlay: true,\n showCloseButton: true,\n closeLabel: 'Close drawer',\n id: undefined,\n },\n);\n\nconst emit = defineEmits<{\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\nconst drawerId = props.id ?? createId('tree-drawer');\nconst titleId = `${drawerId}-title`;\nconst descriptionId = `${drawerId}-description`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst surfaceRef = ref<HTMLElement | null>(null);\nconst previousFocusedElement = ref<HTMLElement | null>(null);\nconst hasHeaderContent = computed(() => Boolean(props.title || slots.header));\n\nconst slots = defineSlots<{\n default?: () => unknown;\n trigger?: () => unknown;\n header?: () => unknown;\n content?: () => unknown;\n footer?: () => unknown;\n}>();\n\nconst rootClasses = computed(() => ['tree-drawer', attrs.class]);\nconst rootStyle = computed(() => attrs.style);\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\nconst surfaceClasses = computed(() => [\n 'tree-drawer__surface',\n `tree-drawer__surface--${props.size}`,\n `tree-drawer__surface--${props.side}`,\n]);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst labelledBy = computed(() => (hasHeaderContent.value ? titleId : undefined));\nconst describedBy = computed(() => (props.description ? descriptionId : undefined));\n\nlet openOverlayCount = 0;\nlet previousBodyOverflow = '';\n\nconst lockBodyScroll = () => {\n if (typeof document === 'undefined') {\n return;\n }\n\n if (openOverlayCount === 0) {\n previousBodyOverflow = document.body.style.overflow;\n document.body.style.overflow = 'hidden';\n }\n\n openOverlayCount += 1;\n};\n\nconst unlockBodyScroll = () => {\n if (typeof document === 'undefined' || openOverlayCount === 0) {\n return;\n }\n\n openOverlayCount -= 1;\n\n if (openOverlayCount === 0) {\n document.body.style.overflow = previousBodyOverflow;\n }\n};\n\nconst focusSurface = () => {\n nextTick(() => {\n if (!surfaceRef.value) {\n return;\n }\n\n const focused = focusFirst(surfaceRef.value);\n if (!focused) {\n surfaceRef.value.focus();\n }\n });\n};\n\nconst openDrawer = () => {\n if (props.disabled) {\n return;\n }\n\n previousFocusedElement.value = document.activeElement as HTMLElement | null;\n setValue(true);\n};\n\nconst closeDrawer = () => {\n setValue(false);\n};\n\nconst onTriggerClick = (event: MouseEvent) => {\n if (props.disabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n if (event.defaultPrevented) {\n return;\n }\n\n openDrawer();\n};\n\nconst onOverlayClick = () => {\n if (!props.closeOnOverlay) {\n return;\n }\n\n closeDrawer();\n};\n\nconst onSurfaceClick = (event: MouseEvent) => {\n event.stopPropagation();\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n if (isEscapeKey(event) && props.closeOnEscape) {\n event.preventDefault();\n closeDrawer();\n return;\n }\n\n if (event.key !== 'Tab' || !surfaceRef.value) {\n return;\n }\n\n const focusable = getFocusableElements(surfaceRef.value);\n\n if (!focusable.length) {\n event.preventDefault();\n surfaceRef.value.focus();\n return;\n }\n\n const first = focusable[0];\n const last = focusable[focusable.length - 1];\n const activeElement = document.activeElement as HTMLElement | null;\n\n if (event.shiftKey && activeElement === first) {\n event.preventDefault();\n focusLast(surfaceRef.value);\n }\n\n if (!event.shiftKey && activeElement === last) {\n event.preventDefault();\n focusFirst(surfaceRef.value);\n }\n};\n\nwatch(isOpen, (value, previousValue) => {\n if (value) {\n lockBodyScroll();\n focusSurface();\n return;\n }\n\n if (previousValue) {\n unlockBodyScroll();\n nextTick(() => {\n previousFocusedElement.value?.focus();\n });\n }\n});\n\nonBeforeUnmount(() => {\n if (isOpen.value) {\n unlockBodyScroll();\n }\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <span\n v-if=\"$slots.trigger\"\n class=\"tree-drawer__trigger\"\n v-bind=\"triggerAttrs\"\n :aria-disabled=\"disabled || undefined\"\n @click=\"onTriggerClick\"\n >\n <slot name=\"trigger\" />\n </span>\n\n <Teleport to=\"body\">\n <transition name=\"tree-drawer-fade\">\n <div\n v-if=\"isOpen\"\n class=\"tree-drawer__portal\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <div\n class=\"tree-drawer__backdrop\"\n aria-hidden=\"true\"\n @click=\"onOverlayClick\"\n />\n <div\n :id=\"drawerId\"\n ref=\"surfaceRef\"\n :class=\"surfaceClasses\"\n role=\"dialog\"\n aria-modal=\"true\"\n :aria-labelledby=\"labelledBy\"\n :aria-describedby=\"describedBy\"\n tabindex=\"-1\"\n @click=\"onSurfaceClick\"\n @keydown=\"onKeydown\"\n >\n <div\n v-if=\"hasHeaderContent || showCloseButton\"\n class=\"tree-drawer__topbar\"\n >\n <div\n v-if=\"hasHeaderContent\"\n :id=\"titleId\"\n class=\"tree-drawer__header\"\n >\n <slot name=\"header\">\n <h2 class=\"tree-drawer__title\">\n {{ title }}\n </h2>\n </slot>\n </div>\n <button\n v-if=\"showCloseButton\"\n type=\"button\"\n class=\"tree-drawer__close\"\n :aria-label=\"closeLabel\"\n @click=\"closeDrawer\"\n >\n <CloseIcon v-bind=\"treeIconDefaults\" />\n </button>\n </div>\n\n <p\n v-if=\"description\"\n :id=\"descriptionId\"\n class=\"tree-drawer__description\"\n >\n {{ description }}\n </p>\n\n <div class=\"tree-drawer__body\">\n <slot name=\"content\">\n <slot />\n </slot>\n </div>\n\n <div\n v-if=\"$slots.footer\"\n class=\"tree-drawer__footer\"\n >\n <slot name=\"footer\" />\n </div>\n </div>\n </div>\n </transition>\n </Teleport>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, isActivationKey, isEscapeKey } from '@treeui/utils';\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeDropdownItem {\n label: string;\n value: string;\n disabled?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n items?: TreeDropdownItem[];\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n size?: TreeSize;\n label?: string;\n }>(),\n {\n items: () => [],\n open: undefined,\n defaultOpen: false,\n disabled: false,\n size: 'md',\n label: '',\n },\n);\n\nconst emit = defineEmits<{\n select: [value: string];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\ndefineSlots<{\n trigger(props: { isOpen: boolean }): unknown;\n item(props: { item: TreeDropdownItem; index: number }): unknown;\n}>();\n\nconst attrs = useAttrs();\nconst menuId = createId('tree-dropdown');\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst itemRefs = ref<Map<string, HTMLElement>>(new Map());\nconst focusedIndex = ref(-1);\n\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 'tree-dropdown',\n `tree-dropdown--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-open': isOpen.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst enabledItems = computed(() => props.items.filter((i) => !i.disabled));\n\nconst openMenu = () => {\n if (props.disabled) return;\n focusedIndex.value = enabledItems.value.length > 0\n ? props.items.indexOf(enabledItems.value[0])\n : 0;\n setValue(true);\n nextTick(() => focusItem(focusedIndex.value));\n};\n\nconst closeMenu = (restoreFocus = false) => {\n setValue(false);\n focusedIndex.value = -1;\n if (restoreFocus) {\n nextTick(() => triggerRef.value?.focus());\n }\n};\n\nconst toggleMenu = () => {\n if (isOpen.value) {\n closeMenu();\n } else {\n openMenu();\n }\n};\n\nconst selectItem = (item: TreeDropdownItem) => {\n if (item.disabled) return;\n emit('select', item.value);\n closeMenu(true);\n};\n\nconst focusItem = (index: number) => {\n const item = props.items[index];\n if (!item) return;\n const el = itemRefs.value.get(item.value);\n el?.focus();\n};\n\nconst setItemRef = (el: Element | null, value: string) => {\n if (el instanceof HTMLElement) {\n itemRefs.value.set(value, el);\n } else {\n itemRefs.value.delete(value);\n }\n};\n\nconst moveFocus = (direction: 1 | -1) => {\n let nextIndex = focusedIndex.value + direction;\n while (nextIndex >= 0 && nextIndex < props.items.length) {\n if (!props.items[nextIndex].disabled) {\n focusedIndex.value = nextIndex;\n focusItem(nextIndex);\n return;\n }\n nextIndex += direction;\n }\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n if (props.disabled) return;\n\n if (isEscapeKey(event) && isOpen.value) {\n event.preventDefault();\n closeMenu();\n return;\n }\n\n if (isActivationKey(event) || event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n event.preventDefault();\n openMenu();\n }\n};\n\nconst onItemKeydown = (event: KeyboardEvent, item: TreeDropdownItem) => {\n if (isEscapeKey(event)) {\n event.preventDefault();\n closeMenu(true);\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectItem(item);\n return;\n }\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n moveFocus(1);\n break;\n case 'ArrowUp':\n event.preventDefault();\n moveFocus(-1);\n break;\n case 'Home':\n event.preventDefault();\n focusedIndex.value = enabledItems.value.length > 0\n ? props.items.indexOf(enabledItems.value[0])\n : 0;\n focusItem(focusedIndex.value);\n break;\n case 'End':\n event.preventDefault();\n focusedIndex.value = enabledItems.value.length > 0\n ? props.items.indexOf(enabledItems.value[enabledItems.value.length - 1])\n : props.items.length - 1;\n focusItem(focusedIndex.value);\n break;\n default:\n break;\n }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) return;\n const target = event.target;\n if (!(target instanceof Node)) return;\n if (rootRef.value?.contains(target)) return;\n closeMenu();\n};\n\nwatch(isOpen, (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n } else {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n }\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <span class=\"tree-dropdown__trigger-wrapper\">\n <slot\n name=\"trigger\"\n :is-open=\"isOpen\"\n >\n <button\n ref=\"triggerRef\"\n v-bind=\"triggerAttrs\"\n type=\"button\"\n class=\"tree-dropdown__trigger\"\n :disabled=\"disabled\"\n :aria-controls=\"isOpen ? menuId : undefined\"\n aria-haspopup=\"menu\"\n :aria-expanded=\"isOpen\"\n @click=\"toggleMenu\"\n @keydown=\"onTriggerKeydown\"\n >\n <span class=\"tree-dropdown__label\">{{ label }}</span>\n <svg\n class=\"tree-dropdown__chevron\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"4 6 8 10 12 6\" />\n </svg>\n </button>\n </slot>\n </span>\n <transition name=\"tree-fade\">\n <ul\n v-if=\"isOpen && !disabled\"\n :id=\"menuId\"\n role=\"menu\"\n class=\"tree-dropdown__menu\"\n :aria-label=\"label || undefined\"\n >\n <li\n v-for=\"(item, index) in items\"\n :key=\"item.value\"\n :ref=\"(el) => setItemRef(el as Element | null, item.value)\"\n role=\"menuitem\"\n class=\"tree-dropdown__item\"\n :class=\"{\n 'is-disabled': item.disabled,\n 'is-focused': index === focusedIndex,\n }\"\n :aria-disabled=\"item.disabled || undefined\"\n :tabindex=\"item.disabled ? -1 : 0\"\n @click=\"selectItem(item)\"\n @keydown=\"onItemKeydown($event, item)\"\n >\n <slot\n name=\"item\"\n :item=\"item\"\n :index=\"index\"\n >\n {{ item.label }}\n </slot>\n </li>\n </ul>\n </transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { createId } from '@treeui/utils';\nimport { computed, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst slots = defineSlots<{\n icon?: () => unknown;\n title?: () => unknown;\n description?: () => unknown;\n default?: () => unknown;\n actions?: () => unknown;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n size?: TreeSize;\n title?: string;\n description?: string;\n }>(),\n {\n as: 'section',\n size: 'md',\n title: '',\n description: '',\n },\n);\n\nconst attrs = useAttrs();\nconst emptyStateId = createId('tree-empty-state');\nconst titleId = `${emptyStateId}-title`;\nconst descriptionId = `${emptyStateId}-description`;\n\nconst hasTitle = computed(() => Boolean(props.title || slots.title));\nconst hasDescription = computed(() => Boolean(props.description || slots.description));\n\nconst classes = computed(() => [\n 'tree-empty-state',\n `tree-empty-state--${props.size}`,\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"classes\"\n :style=\"rootStyle\"\n :aria-labelledby=\"hasTitle ? titleId : undefined\"\n :aria-describedby=\"hasDescription ? descriptionId : undefined\"\n >\n <div\n v-if=\"$slots.icon\"\n class=\"tree-empty-state__icon\"\n aria-hidden=\"true\"\n >\n <slot name=\"icon\" />\n </div>\n\n <div class=\"tree-empty-state__content\">\n <h2\n v-if=\"hasTitle\"\n :id=\"titleId\"\n class=\"tree-empty-state__title\"\n >\n <slot name=\"title\">\n {{ title }}\n </slot>\n </h2>\n\n <p\n v-if=\"hasDescription\"\n :id=\"descriptionId\"\n class=\"tree-empty-state__description\"\n >\n <slot name=\"description\">\n {{ description }}\n </slot>\n </p>\n\n <div\n v-if=\"$slots.default\"\n class=\"tree-empty-state__body\"\n >\n <slot />\n </div>\n\n <div\n v-if=\"$slots.actions\"\n class=\"tree-empty-state__actions\"\n >\n <slot name=\"actions\" />\n </div>\n </div>\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, isActivationKey } from '@treeui/utils';\nimport { computed, onBeforeUnmount, onMounted, ref, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport type TreeFileUploadRejectionReason =\n | 'file-invalid-type'\n | 'file-too-large'\n | 'too-many-files';\n\nexport interface TreeFileUploadRejection {\n file: File;\n reason: TreeFileUploadRejectionReason;\n message: string;\n}\n\nconst slots = defineSlots<{\n icon?: () => unknown;\n default?: (props: {\n files: File[];\n isDragActive: boolean;\n openFileDialog: () => void;\n clearFiles: () => void;\n }) => unknown;\n file?: (props: {\n file: File;\n index: number;\n removeFile: () => void;\n }) => unknown;\n actions?: (props: {\n files: File[];\n openFileDialog: () => void;\n clearFiles: () => void;\n }) => unknown;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: File[];\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n invalid?: boolean;\n accept?: string;\n multiple?: boolean;\n maxFiles?: number | null;\n maxFileSize?: number | null;\n label?: string;\n description?: string;\n buttonLabel?: string;\n filesLabel?: string;\n paste?: boolean;\n drop?: boolean;\n showFileList?: boolean;\n }>(),\n {\n modelValue: () => [],\n size: 'md',\n disabled: false,\n loading: false,\n invalid: false,\n accept: '',\n multiple: true,\n label: 'Drop files here',\n description: 'Click to browse, drag and drop, or paste with Ctrl+V.',\n buttonLabel: 'Browse files',\n filesLabel: 'Selected files',\n maxFiles: null,\n maxFileSize: null,\n paste: true,\n drop: true,\n showFileList: true,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [files: File[]];\n 'files-accepted': [files: File[]];\n 'files-rejected': [rejections: TreeFileUploadRejection[]];\n}>();\n\nconst attrs = useAttrs();\nconst rootRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst isDragActive = ref(false);\nconst isFocusedWithin = ref(false);\nconst dragDepth = ref(0);\nconst feedbackMessages = ref<string[]>([]);\n\nconst uploadId = createId('tree-file-upload');\nconst descriptionId = `${uploadId}-description`;\nconst feedbackId = `${uploadId}-feedback`;\nconst filesId = `${uploadId}-files`;\n\nconst isUnavailable = computed(() => props.disabled || props.loading);\nconst hasFiles = computed(() => props.modelValue.length > 0);\nconst hasCustomBody = computed(() => Boolean(slots.default));\n\nconst effectiveMaxFiles = computed(() => {\n if (!props.multiple) {\n return 1;\n }\n\n if (typeof props.maxFiles !== 'number') {\n return Number.POSITIVE_INFINITY;\n }\n\n return Math.max(props.maxFiles, 0);\n});\n\nconst rootClasses = computed(() => [\n 'tree-file-upload',\n `tree-file-upload--${props.size}`,\n {\n 'is-disabled': isUnavailable.value,\n 'is-invalid': props.invalid,\n 'is-loading': props.loading,\n 'is-drag-active': isDragActive.value,\n 'has-files': hasFiles.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst describedBy = computed(() => {\n const ids: string[] = [];\n\n if (props.description && !hasCustomBody.value) {\n ids.push(descriptionId);\n }\n\n if (feedbackMessages.value.length > 0) {\n ids.push(feedbackId);\n }\n\n if (props.showFileList && hasFiles.value) {\n ids.push(filesId);\n }\n\n return ids.length > 0 ? ids.join(' ') : undefined;\n});\n\nconst selectedFilesLabel = computed(() => `${props.filesLabel} (${props.modelValue.length})`);\n\nconst formatFileSize = (size: number) => {\n if (size < 1024) {\n return `${size} B`;\n }\n\n const units = ['KB', 'MB', 'GB'];\n let value = size / 1024;\n let unitIndex = 0;\n\n while (value >= 1024 && unitIndex < units.length - 1) {\n value /= 1024;\n unitIndex += 1;\n }\n\n const roundedValue = value >= 10 || Number.isInteger(value)\n ? Math.round(value)\n : Number(value.toFixed(1));\n\n return `${roundedValue} ${units[unitIndex]}`;\n};\n\nconst fileKey = (file: File, index: number) =>\n `${file.name}-${file.size}-${file.lastModified}-${index}`;\n\nconst matchesAccept = (file: File) => {\n if (!props.accept.trim()) {\n return true;\n }\n\n const tokens = props.accept\n .split(',')\n .map((token) => token.trim().toLowerCase())\n .filter(Boolean);\n\n const fileName = file.name.toLowerCase();\n const fileType = file.type.toLowerCase();\n\n return tokens.some((token) => {\n if (token.startsWith('.')) {\n return fileName.endsWith(token);\n }\n\n if (token.endsWith('/*')) {\n return fileType.startsWith(token.slice(0, -1));\n }\n\n return fileType === token;\n });\n};\n\nconst buildRejectionMessage = (\n file: File,\n reason: TreeFileUploadRejectionReason,\n) => {\n switch (reason) {\n case 'file-invalid-type':\n return `${file.name} is not an accepted file type.`;\n case 'file-too-large':\n return `${file.name} exceeds the ${formatFileSize(props.maxFileSize ?? 0)} limit.`;\n case 'too-many-files':\n return `You can only add up to ${effectiveMaxFiles.value} file${effectiveMaxFiles.value === 1 ? '' : 's'}.`;\n default:\n return `${file.name} could not be added.`;\n }\n};\n\nconst resetInputValue = () => {\n if (inputRef.value) {\n inputRef.value.value = '';\n }\n};\n\nconst openFileDialog = () => {\n if (isUnavailable.value) {\n return;\n }\n\n inputRef.value?.click();\n};\n\nconst emitFiles = (\n nextFiles: File[],\n acceptedFiles: File[],\n rejections: TreeFileUploadRejection[],\n) => {\n feedbackMessages.value = rejections.map((rejection) => rejection.message);\n\n if (rejections.length > 0) {\n emit('files-rejected', rejections);\n }\n\n if (acceptedFiles.length > 0) {\n emit('update:modelValue', nextFiles);\n emit('files-accepted', acceptedFiles);\n }\n};\n\nconst processFiles = (incomingFiles: File[]) => {\n if (isUnavailable.value || incomingFiles.length === 0) {\n return;\n }\n\n const nextFiles = props.multiple ? [...props.modelValue] : [];\n const acceptedFiles: File[] = [];\n const rejections: TreeFileUploadRejection[] = [];\n let remainingSlots = Number.isFinite(effectiveMaxFiles.value)\n ? Math.max(effectiveMaxFiles.value - nextFiles.length, 0)\n : Number.POSITIVE_INFINITY;\n\n for (const file of incomingFiles) {\n if (remainingSlots <= 0) {\n rejections.push({\n file,\n reason: 'too-many-files',\n message: buildRejectionMessage(file, 'too-many-files'),\n });\n continue;\n }\n\n if (!matchesAccept(file)) {\n rejections.push({\n file,\n reason: 'file-invalid-type',\n message: buildRejectionMessage(file, 'file-invalid-type'),\n });\n continue;\n }\n\n if (\n typeof props.maxFileSize === 'number' &&\n props.maxFileSize > 0 &&\n file.size > props.maxFileSize\n ) {\n rejections.push({\n file,\n reason: 'file-too-large',\n message: buildRejectionMessage(file, 'file-too-large'),\n });\n continue;\n }\n\n acceptedFiles.push(file);\n nextFiles.push(file);\n\n if (Number.isFinite(remainingSlots)) {\n remainingSlots -= 1;\n }\n }\n\n emitFiles(nextFiles, acceptedFiles, rejections);\n};\n\nconst removeFile = (index: number) => {\n if (isUnavailable.value) {\n return;\n }\n\n feedbackMessages.value = [];\n emit('update:modelValue', props.modelValue.filter((_, fileIndex) => fileIndex !== index));\n};\n\nconst clearFiles = () => {\n if (isUnavailable.value || !hasFiles.value) {\n return;\n }\n\n feedbackMessages.value = [];\n emit('update:modelValue', []);\n};\n\nconst hasTransferFiles = (dataTransfer?: DataTransfer | null) => {\n if (!dataTransfer) {\n return false;\n }\n\n return dataTransfer.files.length > 0 || Array.from(dataTransfer.types).includes('Files');\n};\n\nconst getClipboardFiles = (\n clipboardData?: Pick<DataTransfer, 'items'> | null,\n) => {\n if (!clipboardData?.items) {\n return [];\n }\n\n return Array.from(clipboardData.items)\n .map((item) => item.getAsFile?.() ?? null)\n .filter((file): file is File => file instanceof File);\n};\n\nconst onInputChange = (event: Event) => {\n const target = event.target as HTMLInputElement;\n processFiles(Array.from(target.files ?? []));\n resetInputValue();\n};\n\nconst onDropzoneKeydown = (event: KeyboardEvent) => {\n if (!isActivationKey(event) || isUnavailable.value) {\n return;\n }\n\n event.preventDefault();\n openFileDialog();\n};\n\nconst onFocusIn = () => {\n isFocusedWithin.value = true;\n};\n\nconst onFocusOut = (event: FocusEvent) => {\n const nextTarget = event.relatedTarget as Node | null;\n\n if (nextTarget && rootRef.value?.contains(nextTarget)) {\n return;\n }\n\n isFocusedWithin.value = false;\n};\n\nconst onPaste = (event: ClipboardEvent) => {\n if (!props.paste || isUnavailable.value) {\n return;\n }\n\n const clipboardFiles = getClipboardFiles(event.clipboardData);\n\n if (clipboardFiles.length === 0) {\n return;\n }\n\n event.preventDefault();\n processFiles(clipboardFiles);\n};\n\nconst onDocumentPaste = (event: Event) => {\n if (!isFocusedWithin.value || event.defaultPrevented) {\n return;\n }\n\n onPaste(event as ClipboardEvent);\n};\n\nconst onDragEnter = (event: DragEvent) => {\n if (!props.drop || isUnavailable.value || !hasTransferFiles(event.dataTransfer)) {\n return;\n }\n\n event.preventDefault();\n dragDepth.value += 1;\n isDragActive.value = true;\n};\n\nconst onDragOver = (event: DragEvent) => {\n if (!props.drop || isUnavailable.value || !hasTransferFiles(event.dataTransfer)) {\n return;\n }\n\n event.preventDefault();\n\n if (event.dataTransfer) {\n event.dataTransfer.dropEffect = 'copy';\n }\n\n isDragActive.value = true;\n};\n\nconst onDragLeave = (event: DragEvent) => {\n if (!props.drop || isUnavailable.value || !hasTransferFiles(event.dataTransfer)) {\n return;\n }\n\n event.preventDefault();\n dragDepth.value = Math.max(dragDepth.value - 1, 0);\n\n if (dragDepth.value === 0) {\n isDragActive.value = false;\n }\n};\n\nconst onDrop = (event: DragEvent) => {\n if (!props.drop || isUnavailable.value || !hasTransferFiles(event.dataTransfer)) {\n return;\n }\n\n event.preventDefault();\n dragDepth.value = 0;\n isDragActive.value = false;\n processFiles(Array.from(event.dataTransfer?.files ?? []));\n};\n\nonMounted(() => {\n document.addEventListener('paste', onDocumentPaste);\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('paste', onDocumentPaste);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n @focusin=\"onFocusIn\"\n @focusout=\"onFocusOut\"\n @paste=\"onPaste\"\n >\n <input\n :id=\"uploadId\"\n ref=\"inputRef\"\n class=\"tree-visually-hidden\"\n type=\"file\"\n :accept=\"accept || undefined\"\n :multiple=\"multiple\"\n :disabled=\"isUnavailable\"\n @change=\"onInputChange\"\n >\n\n <div\n class=\"tree-file-upload__dropzone\"\n :aria-busy=\"loading || undefined\"\n :aria-controls=\"showFileList && hasFiles ? filesId : undefined\"\n :aria-describedby=\"describedBy\"\n :aria-disabled=\"isUnavailable || undefined\"\n :aria-invalid=\"invalid || undefined\"\n role=\"button\"\n :tabindex=\"isUnavailable ? -1 : 0\"\n @click=\"openFileDialog\"\n @keydown=\"onDropzoneKeydown\"\n @dragenter=\"onDragEnter\"\n @dragover=\"onDragOver\"\n @dragleave=\"onDragLeave\"\n @drop=\"onDrop\"\n >\n <div\n v-if=\"$slots.icon || !$slots.default\"\n class=\"tree-file-upload__icon\"\n aria-hidden=\"true\"\n >\n <slot name=\"icon\">\n <span class=\"tree-file-upload__icon-mark\">+</span>\n </slot>\n </div>\n\n <div class=\"tree-file-upload__content\">\n <slot\n :files=\"modelValue\"\n :is-drag-active=\"isDragActive\"\n :open-file-dialog=\"openFileDialog\"\n :clear-files=\"clearFiles\"\n >\n <p class=\"tree-file-upload__label\">\n {{ label }}\n </p>\n <p\n v-if=\"description\"\n :id=\"descriptionId\"\n class=\"tree-file-upload__description\"\n >\n {{ description }}\n </p>\n <span class=\"tree-file-upload__browse\">\n {{ buttonLabel }}\n </span>\n </slot>\n </div>\n\n <TreeSpinner\n v-if=\"loading\"\n class=\"tree-file-upload__spinner\"\n size=\"sm\"\n label=\"Uploading files\"\n />\n </div>\n\n <ul\n v-if=\"feedbackMessages.length > 0\"\n :id=\"feedbackId\"\n class=\"tree-file-upload__feedback\"\n aria-live=\"polite\"\n >\n <li\n v-for=\"message in feedbackMessages\"\n :key=\"message\"\n >\n {{ message }}\n </li>\n </ul>\n\n <div\n v-if=\"showFileList && hasFiles\"\n class=\"tree-file-upload__files\"\n >\n <div class=\"tree-file-upload__files-header\">\n <p\n :id=\"filesId\"\n class=\"tree-file-upload__files-label\"\n >\n {{ selectedFilesLabel }}\n </p>\n\n <button\n class=\"tree-file-upload__clear\"\n type=\"button\"\n :disabled=\"isUnavailable\"\n @click=\"clearFiles\"\n >\n Clear all\n </button>\n </div>\n\n <ul class=\"tree-file-upload__list\">\n <li\n v-for=\"(file, index) in modelValue\"\n :key=\"fileKey(file, index)\"\n class=\"tree-file-upload__file\"\n >\n <slot\n name=\"file\"\n :file=\"file\"\n :index=\"index\"\n :remove-file=\"() => removeFile(index)\"\n >\n <div class=\"tree-file-upload__file-copy\">\n <p class=\"tree-file-upload__file-name\">\n {{ file.name }}\n </p>\n <p class=\"tree-file-upload__file-meta\">\n {{ formatFileSize(file.size) }}\n </p>\n </div>\n\n <button\n class=\"tree-file-upload__remove\"\n type=\"button\"\n :disabled=\"isUnavailable\"\n :aria-label=\"`Remove ${file.name}`\"\n @click=\"removeFile(index)\"\n >\n Remove\n </button>\n </slot>\n </li>\n </ul>\n </div>\n\n <div\n v-if=\"$slots.actions\"\n class=\"tree-file-upload__actions\"\n >\n <slot\n name=\"actions\"\n :files=\"modelValue\"\n :open-file-dialog=\"openFileDialog\"\n :clear-files=\"clearFiles\"\n />\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { getTreeIcon } from '@treeui/icons';\nimport { createId, getNextEnabledIndex, isEscapeKey } from '@treeui/utils';\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeMultiSelectOption {\n label: string;\n value: string;\n description?: string;\n keywords?: string[];\n disabled?: boolean;\n}\n\nconst ChevronDownIcon = getTreeIcon('chevron-down');\nconst CheckIcon = getTreeIcon('check');\nconst XIcon = getTreeIcon('x');\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string[];\n options?: TreeMultiSelectOption[];\n open?: boolean;\n defaultOpen?: boolean;\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n invalid?: boolean;\n placeholder?: string;\n emptyText?: string;\n maxVisibleTags?: number;\n }>(),\n {\n modelValue: () => [],\n options: () => [],\n open: undefined,\n defaultOpen: false,\n size: 'md',\n disabled: false,\n loading: false,\n invalid: false,\n placeholder: '',\n emptyText: 'No results found.',\n maxVisibleTags: 2,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string[]];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n 'input-change': [value: string];\n}>();\n\ndefineSlots<{\n prefix?: () => unknown;\n tag?: (props: { option: TreeMultiSelectOption; remove: () => void }) => unknown;\n option?: (props: {\n option: TreeMultiSelectOption;\n selected: boolean;\n active: boolean;\n }) => unknown;\n empty?: (props: { query: string }) => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst listboxId = createId('tree-multi-select');\nconst rootRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst query = ref('');\nconst activeIndex = ref(-1);\n\nconst inputAttrs = computed(() => {\n const { class: _class, style: _style, autocomplete, ...rest } = attrs;\n return {\n autocomplete: typeof autocomplete === 'string' ? autocomplete : 'off',\n ...rest,\n };\n});\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 'tree-multi-select',\n `tree-multi-select--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'is-loading': props.loading,\n 'is-open': isOpen.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst normalize = (value: string) => value.trim().toLowerCase();\n\nconst filteredOptions = computed(() => {\n const normalizedQuery = normalize(query.value);\n\n if (!normalizedQuery) {\n return props.options;\n }\n\n return props.options.filter((option) => {\n const fields = [option.label, option.description ?? '', ...(option.keywords ?? [])];\n return fields.some((field) => field.toLowerCase().includes(normalizedQuery));\n });\n});\n\nconst selectedOptions = computed(() =>\n props.options.filter((option) => props.modelValue.includes(option.value)),\n);\n\nconst visibleTags = computed(() => selectedOptions.value.slice(0, props.maxVisibleTags));\nconst hiddenTagCount = computed(() =>\n Math.max(selectedOptions.value.length - visibleTags.value.length, 0),\n);\n\nconst enabledFilteredOptions = computed(() => filteredOptions.value.filter((option) => !option.disabled));\n\nconst activeOption = computed(() =>\n activeIndex.value >= 0 ? filteredOptions.value[activeIndex.value] : undefined,\n);\n\nconst activeDescendant = computed(() =>\n isOpen.value && activeOption.value\n ? `${listboxId}-option-${activeOption.value.value}`\n : undefined,\n);\n\nconst inputPlaceholder = computed(() =>\n props.modelValue.length === 0 && !query.value ? props.placeholder : '',\n);\n\nconst isSelected = (value: string) => props.modelValue.includes(value);\n\nconst setInitialActiveIndex = (fallback: 'first' | 'last' = 'first') => {\n const selectedIndex = filteredOptions.value.findIndex(\n (option) => isSelected(option.value) && !option.disabled,\n );\n\n if (selectedIndex >= 0) {\n activeIndex.value = selectedIndex;\n return;\n }\n\n if (enabledFilteredOptions.value.length === 0) {\n activeIndex.value = -1;\n return;\n }\n\n const targetOption =\n fallback === 'last'\n ? enabledFilteredOptions.value[enabledFilteredOptions.value.length - 1]\n : enabledFilteredOptions.value[0];\n\n activeIndex.value = filteredOptions.value.findIndex(\n (option) => option.value === targetOption.value,\n );\n};\n\nconst openListbox = (fallback: 'first' | 'last' = 'first') => {\n if (props.disabled) {\n return;\n }\n\n setValue(true);\n setInitialActiveIndex(fallback);\n};\n\nconst closeListbox = () => {\n setValue(false);\n activeIndex.value = -1;\n};\n\nconst focusInput = () => {\n nextTick(() => inputRef.value?.focus());\n};\n\nconst updateValues = (nextValues: string[]) => {\n emit('update:modelValue', nextValues);\n};\n\nconst toggleOption = (option: TreeMultiSelectOption) => {\n if (props.disabled || option.disabled) {\n return;\n }\n\n const nextValues = isSelected(option.value)\n ? props.modelValue.filter((value) => value !== option.value)\n : [...props.modelValue, option.value];\n\n updateValues(nextValues);\n query.value = '';\n setInitialActiveIndex('first');\n focusInput();\n};\n\nconst removeValue = (value: string) => {\n if (props.disabled) {\n return;\n }\n\n updateValues(props.modelValue.filter((item) => item !== value));\n focusInput();\n};\n\nconst moveActive = (direction: 1 | -1) => {\n if (filteredOptions.value.length === 0) {\n activeIndex.value = -1;\n return;\n }\n\n const nextIndex = getNextEnabledIndex(activeIndex.value, filteredOptions.value, direction);\n activeIndex.value = nextIndex;\n};\n\nconst onInput = (event: Event) => {\n query.value = (event.target as HTMLInputElement).value;\n emit('input-change', query.value);\n\n if (!props.disabled && !isOpen.value) {\n openListbox('first');\n return;\n }\n\n setInitialActiveIndex('first');\n};\n\nconst onInputFocus = () => {\n openListbox('first');\n};\n\nconst onInputKeydown = (event: KeyboardEvent) => {\n if (props.disabled) {\n return;\n }\n\n if (event.key === 'Tab') {\n closeListbox();\n return;\n }\n\n if (isEscapeKey(event)) {\n event.preventDefault();\n closeListbox();\n return;\n }\n\n if (event.key === 'Backspace' && !query.value && props.modelValue.length > 0) {\n event.preventDefault();\n removeValue(props.modelValue[props.modelValue.length - 1]);\n return;\n }\n\n if (event.key === 'ArrowDown') {\n event.preventDefault();\n\n if (!isOpen.value) {\n openListbox('first');\n return;\n }\n\n moveActive(1);\n return;\n }\n\n if (event.key === 'ArrowUp') {\n event.preventDefault();\n\n if (!isOpen.value) {\n openListbox('last');\n return;\n }\n\n moveActive(-1);\n return;\n }\n\n if (event.key === 'Home' && isOpen.value) {\n event.preventDefault();\n setInitialActiveIndex('first');\n return;\n }\n\n if (event.key === 'End' && isOpen.value) {\n event.preventDefault();\n setInitialActiveIndex('last');\n return;\n }\n\n if (event.key === 'Enter' && activeOption.value) {\n event.preventDefault();\n toggleOption(activeOption.value);\n }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) {\n return;\n }\n\n const target = event.target;\n\n if (!(target instanceof Node)) {\n return;\n }\n\n if (rootRef.value?.contains(target)) {\n return;\n }\n\n closeListbox();\n};\n\nwatch(\n isOpen,\n (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n } else {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n }\n },\n);\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <div\n class=\"tree-multi-select__control\"\n @click=\"focusInput\"\n >\n <span\n v-if=\"$slots.prefix\"\n class=\"tree-multi-select__slot\"\n >\n <slot name=\"prefix\" />\n </span>\n\n <div class=\"tree-multi-select__values\">\n <span\n v-for=\"option in visibleTags\"\n :key=\"option.value\"\n class=\"tree-multi-select__tag\"\n >\n <slot\n name=\"tag\"\n :option=\"option\"\n :remove=\"() => removeValue(option.value)\"\n >\n <span class=\"tree-multi-select__tag-label\">{{ option.label }}</span>\n <button\n type=\"button\"\n class=\"tree-multi-select__tag-remove\"\n :disabled=\"disabled\"\n aria-label=\"Remove selection\"\n @mousedown.prevent\n @click.stop=\"removeValue(option.value)\"\n >\n <XIcon :size=\"12\" />\n </button>\n </slot>\n </span>\n\n <span\n v-if=\"hiddenTagCount > 0\"\n class=\"tree-multi-select__overflow\"\n >\n +{{ hiddenTagCount }}\n </span>\n\n <input\n ref=\"inputRef\"\n v-bind=\"inputAttrs\"\n :value=\"query\"\n type=\"text\"\n class=\"tree-multi-select__input\"\n role=\"combobox\"\n aria-autocomplete=\"list\"\n :aria-expanded=\"isOpen\"\n :aria-controls=\"isOpen ? listboxId : undefined\"\n :aria-activedescendant=\"activeDescendant\"\n :aria-invalid=\"invalid || undefined\"\n :aria-busy=\"loading || undefined\"\n :disabled=\"disabled\"\n :placeholder=\"inputPlaceholder\"\n @focus=\"onInputFocus\"\n @input=\"onInput\"\n @keydown=\"onInputKeydown\"\n >\n </div>\n\n <TreeSpinner\n v-if=\"loading\"\n class=\"tree-multi-select__indicator\"\n size=\"sm\"\n />\n <ChevronDownIcon\n v-else\n class=\"tree-multi-select__indicator\"\n :size=\"16\"\n />\n </div>\n\n <Transition name=\"tree-fade\">\n <ul\n v-if=\"isOpen\"\n :id=\"listboxId\"\n class=\"tree-multi-select__listbox\"\n role=\"listbox\"\n aria-multiselectable=\"true\"\n >\n <li\n v-if=\"filteredOptions.length === 0\"\n class=\"tree-multi-select__empty\"\n >\n <slot\n name=\"empty\"\n :query=\"query\"\n >\n {{ emptyText }}\n </slot>\n </li>\n\n <template v-else>\n <li\n v-for=\"(option, index) in filteredOptions\"\n :key=\"option.value\"\n >\n <button\n :id=\"`${listboxId}-option-${option.value}`\"\n type=\"button\"\n class=\"tree-multi-select__option\"\n :class=\"{\n 'is-active': index === activeIndex,\n 'is-selected': isSelected(option.value),\n 'is-disabled': option.disabled,\n }\"\n role=\"option\"\n :aria-selected=\"isSelected(option.value)\"\n :aria-disabled=\"option.disabled || undefined\"\n :disabled=\"option.disabled\"\n @mousedown.prevent\n @click=\"toggleOption(option)\"\n >\n <slot\n name=\"option\"\n :option=\"option\"\n :selected=\"isSelected(option.value)\"\n :active=\"index === activeIndex\"\n >\n <span class=\"tree-multi-select__option-copy\">\n <span class=\"tree-multi-select__option-label\">{{ option.label }}</span>\n <span\n v-if=\"option.description\"\n class=\"tree-multi-select__option-description\"\n >\n {{ option.description }}\n </span>\n </span>\n\n <span\n class=\"tree-multi-select__check\"\n aria-hidden=\"true\"\n >\n <CheckIcon\n v-if=\"isSelected(option.value)\"\n :size=\"16\"\n />\n </span>\n </slot>\n </button>\n </li>\n </template>\n </ul>\n </Transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n columns?: number;\n minItemWidth?: string;\n gap?: string;\n rowGap?: string;\n align?: string;\n justify?: string;\n dense?: boolean;\n }>(),\n {\n as: 'div',\n columns: undefined,\n minItemWidth: '16rem',\n gap: 'var(--tree-space-4)',\n rowGap: undefined,\n align: 'stretch',\n justify: 'stretch',\n dense: false,\n },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n 'tree-grid',\n {\n 'is-dense': props.dense,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n {\n gap: props.gap,\n rowGap: props.rowGap ?? props.gap,\n alignItems: props.align,\n justifyItems: props.justify,\n gridTemplateColumns:\n typeof props.columns === 'number' && props.columns > 0\n ? `repeat(${props.columns}, minmax(0, 1fr))`\n : `repeat(auto-fit, minmax(min(${props.minItemWidth}, 100%), 1fr))`,\n gridAutoFlow: props.dense ? 'dense' : 'row',\n },\n attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <slot />\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n size?: TreeSize;\n sticky?: boolean;\n bordered?: boolean;\n elevated?: boolean;\n }>(),\n {\n as: 'header',\n size: 'md',\n sticky: false,\n bordered: true,\n elevated: false,\n },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n 'tree-navbar',\n `tree-navbar--${props.size}`,\n {\n 'is-sticky': props.sticky,\n 'is-bordered': props.bordered,\n 'is-elevated': props.elevated,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <div class=\"tree-navbar__inner\">\n <div\n v-if=\"$slots.start\"\n class=\"tree-navbar__section tree-navbar__section--start\"\n >\n <slot name=\"start\" />\n </div>\n\n <div\n v-if=\"$slots.default || $slots.center\"\n class=\"tree-navbar__section tree-navbar__section--center\"\n >\n <slot name=\"center\">\n <slot />\n </slot>\n </div>\n\n <div\n v-if=\"$slots.end\"\n class=\"tree-navbar__section tree-navbar__section--end\"\n >\n <slot name=\"end\" />\n </div>\n </div>\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, type Component } from 'vue';\n\nexport type TreeLinkVariant = 'default' | 'muted' | 'danger';\n\nconst props = withDefaults(\n defineProps<{\n to?: string | Record<string, unknown>;\n href?: string;\n external?: boolean;\n disabled?: boolean;\n variant?: TreeLinkVariant;\n }>(),\n {\n to: undefined,\n href: undefined,\n external: false,\n disabled: false,\n variant: 'default',\n },\n);\n\nconst instance = getCurrentInstance();\n\nconst routerLinkComponent = computed<Component | null>(() => {\n if (!props.to) return null;\n\n return (instance?.appContext.components.RouterLink as Component | undefined) ?? null;\n});\n\nconst hasRouterLink = computed(() => {\n return Boolean(routerLinkComponent.value);\n});\n\nconst tag = computed<string | Component>(() => {\n if (props.disabled) return 'span';\n if (props.to && routerLinkComponent.value) return routerLinkComponent.value;\n return 'a';\n});\n\nconst linkProps = computed(() => {\n if (props.disabled) return {};\n if (props.to && hasRouterLink.value) return { to: props.to };\n const href = props.href ?? (typeof props.to === 'string' ? props.to : undefined);\n return {\n href,\n ...(props.external ? { target: '_blank', rel: 'noopener noreferrer' } : {}),\n };\n});\n\nconst classes = computed(() => [\n 'tree-link',\n `tree-link--${props.variant}`,\n {\n 'is-disabled': props.disabled,\n },\n]);\n</script>\n\n<template>\n <component\n :is=\"tag\"\n v-bind=\"linkProps\"\n :class=\"classes\"\n :aria-disabled=\"disabled || undefined\"\n :tabindex=\"disabled ? -1 : undefined\"\n >\n <slot />\n </component>\n</template>\n","import type { ComputedRef, InjectionKey } from 'vue';\n\nexport interface TreeSidebarContext {\n collapsed: ComputedRef<boolean>;\n}\n\nexport const treeSidebarInjectionKey: InjectionKey<TreeSidebarContext> =\n Symbol('tree-sidebar');\n","<script setup lang=\"ts\">\nimport { getNextEnabledIndex, isActivationKey } from '@treeui/utils';\nimport { computed, getCurrentInstance, inject, nextTick, ref, useAttrs, watch, type Component, type ComponentPublicInstance } from 'vue';\nimport type { TreeSize } from '../types/contracts';\nimport { treeSidebarInjectionKey } from './sidebar';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeNavMenuItem {\n label: string;\n value: string;\n shortLabel?: string;\n description?: string;\n icon?: Component;\n to?: string | Record<string, unknown>;\n badge?: string | number;\n disabled?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n defaultValue?: string;\n items?: TreeNavMenuItem[];\n size?: TreeSize;\n collapsed?: boolean;\n disabled?: boolean;\n }>(),\n {\n modelValue: undefined,\n defaultValue: '',\n items: () => [],\n size: 'md',\n collapsed: undefined,\n disabled: false,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n select: [value: string, item: TreeNavMenuItem];\n}>();\n\ndefineSlots<{\n item?: (props: {\n item: TreeNavMenuItem;\n selected: boolean;\n focused: boolean;\n collapsed: boolean;\n }) => unknown;\n empty?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst sidebar = inject(treeSidebarInjectionKey, null);\nconst internalValue = ref(props.defaultValue);\nconst itemRefs = ref<Map<string, HTMLElement>>(new Map());\nconst instance = getCurrentInstance();\n\nconst selectedValue = computed(() => props.modelValue ?? internalValue.value);\nconst resolvedCollapsed = computed(() => props.collapsed ?? sidebar?.collapsed.value ?? false);\n\nconst routerLinkComponent = computed<Component | null>(() => (\n (instance?.appContext.components.RouterLink as Component | undefined) ?? null\n));\n\nconst itemTag = (item: TreeNavMenuItem) => {\n if (item.to && routerLinkComponent.value) {\n return routerLinkComponent.value;\n }\n return 'button';\n};\n\nconst getInitialFocusedIndex = () => {\n const selectedIndex = props.items.findIndex((item) =>\n item.value === selectedValue.value && !item.disabled,\n );\n\n if (selectedIndex >= 0) {\n return selectedIndex;\n }\n\n return props.items.findIndex((item) => !item.disabled);\n};\n\nconst focusedIndex = ref(getInitialFocusedIndex());\n\nconst rootClasses = computed(() => [\n 'tree-nav-menu',\n `tree-nav-menu--${props.size}`,\n {\n 'is-collapsed': resolvedCollapsed.value,\n 'is-disabled': props.disabled,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst isSelected = (value: string) => selectedValue.value === value;\n\nconst setItemRef = (element: Element | ComponentPublicInstance | null, value: string) => {\n const resolvedElement =\n element instanceof HTMLElement\n ? element\n : element && '$el' in element && element.$el instanceof HTMLElement\n ? element.$el\n : null;\n\n if (resolvedElement) {\n itemRefs.value.set(value, resolvedElement);\n } else {\n itemRefs.value.delete(value);\n }\n};\n\nconst focusItem = (index: number) => {\n const item = props.items[index];\n\n if (!item) {\n return;\n }\n\n focusedIndex.value = index;\n nextTick(() => itemRefs.value.get(item.value)?.focus());\n};\n\nconst selectItem = (item: TreeNavMenuItem) => {\n if (props.disabled || item.disabled) {\n return;\n }\n\n if (props.modelValue === undefined) {\n internalValue.value = item.value;\n }\n\n emit('update:modelValue', item.value);\n emit('select', item.value, item);\n};\n\nconst onItemKeydown = (event: KeyboardEvent, index: number) => {\n if (props.disabled) {\n return;\n }\n\n if (event.key === 'Home') {\n event.preventDefault();\n const firstIndex = props.items.findIndex((item) => !item.disabled);\n\n if (firstIndex >= 0) {\n focusItem(firstIndex);\n }\n\n return;\n }\n\n if (event.key === 'End') {\n event.preventDefault();\n const lastIndex = [...props.items].reverse().findIndex((item) => !item.disabled);\n\n if (lastIndex >= 0) {\n focusItem(props.items.length - 1 - lastIndex);\n }\n\n return;\n }\n\n if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n event.preventDefault();\n const nextIndex = getNextEnabledIndex(index, props.items, 1);\n\n if (nextIndex >= 0) {\n focusItem(nextIndex);\n }\n\n return;\n }\n\n if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n event.preventDefault();\n const previousIndex = getNextEnabledIndex(index, props.items, -1);\n\n if (previousIndex >= 0) {\n focusItem(previousIndex);\n }\n\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectItem(props.items[index]);\n }\n};\n\nconst getTabIndex = (index: number) => (focusedIndex.value === index ? 0 : -1);\n\nwatch(\n () => [props.items, props.modelValue] as const,\n () => {\n const nextIndex = getInitialFocusedIndex();\n focusedIndex.value = nextIndex >= 0 ? nextIndex : -1;\n },\n { deep: true },\n);\n</script>\n\n<template>\n <nav\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <ul\n v-if=\"items.length > 0\"\n class=\"tree-nav-menu__list\"\n >\n <li\n v-for=\"(item, index) in items\"\n :key=\"item.value\"\n class=\"tree-nav-menu__entry\"\n >\n <component\n :is=\"itemTag(item)\"\n :ref=\"(element: Element | ComponentPublicInstance | null) => setItemRef(element, item.value)\"\n :type=\"item.to ? undefined : 'button'\"\n :to=\"item.to || undefined\"\n class=\"tree-nav-menu__item\"\n :class=\"{\n 'is-selected': isSelected(item.value),\n 'is-disabled': disabled || item.disabled,\n }\"\n :disabled=\"(!item.to && (disabled || item.disabled)) || undefined\"\n :aria-disabled=\"(item.to && (disabled || item.disabled)) || undefined\"\n :aria-current=\"isSelected(item.value) ? 'page' : undefined\"\n :tabindex=\"disabled || item.disabled ? -1 : getTabIndex(index)\"\n :title=\"resolvedCollapsed ? item.label : undefined\"\n @click=\"selectItem(item)\"\n @keydown=\"onItemKeydown($event, index)\"\n @focus=\"focusedIndex = index\"\n >\n <slot\n name=\"item\"\n :item=\"item\"\n :selected=\"isSelected(item.value)\"\n :focused=\"focusedIndex === index\"\n :collapsed=\"resolvedCollapsed\"\n >\n <component\n :is=\"item.icon\"\n v-if=\"item.icon\"\n class=\"tree-nav-menu__icon\"\n aria-hidden=\"true\"\n />\n <span\n v-else\n class=\"tree-nav-menu__marker\"\n aria-hidden=\"true\"\n >\n {{ (item.shortLabel ?? item.label.charAt(0)).toUpperCase() }}\n </span>\n\n <span class=\"tree-nav-menu__copy\">\n <span class=\"tree-nav-menu__label\">{{ item.label }}</span>\n <span\n v-if=\"item.description\"\n class=\"tree-nav-menu__description\"\n >\n {{ item.description }}\n </span>\n </span>\n\n <span\n v-if=\"item.badge !== undefined && item.badge !== null\"\n class=\"tree-nav-menu__badge\"\n >\n {{ item.badge }}\n </span>\n </slot>\n </component>\n </li>\n </ul>\n\n <div\n v-else\n class=\"tree-nav-menu__empty\"\n >\n <slot name=\"empty\">\n No navigation items.\n </slot>\n </div>\n </nav>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n value: string;\n disabled?: boolean;\n invalid?: boolean;\n size?: TreeSize;\n }>(),\n {\n disabled: false,\n invalid: false,\n size: undefined,\n },\n);\n\nconst group = inject<{\n modelValue: () => string | undefined;\n name: () => string | undefined;\n disabled: () => boolean;\n invalid: () => boolean;\n size: () => TreeSize;\n onChange: (value: string) => void;\n} | null>('tree-radio-group', null);\n\nconst attrs = useAttrs();\n\nconst isChecked = computed(() => {\n return group ? group.modelValue() === props.value : false;\n});\n\nconst isDisabled = computed(() => props.disabled || (group?.disabled() ?? false));\nconst isInvalid = computed(() => props.invalid || (group?.invalid() ?? false));\nconst resolvedSize = computed(() => props.size ?? group?.size() ?? 'md');\n\nconst rootClasses = computed(() => [\n 'tree-radio',\n `tree-radio--${resolvedSize.value}`,\n {\n 'is-checked': isChecked.value,\n 'is-disabled': isDisabled.value,\n 'is-invalid': isInvalid.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst onChange = () => {\n if (group) {\n group.onChange(props.value);\n }\n};\n</script>\n\n<template>\n <label\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <input\n v-bind=\"inputAttrs\"\n type=\"radio\"\n class=\"tree-radio__input\"\n :value=\"value\"\n :checked=\"isChecked\"\n :disabled=\"isDisabled\"\n :name=\"group?.name()\"\n :aria-checked=\"isChecked\"\n :aria-invalid=\"isInvalid || undefined\"\n @change=\"onChange\"\n >\n <span\n class=\"tree-radio__control\"\n aria-hidden=\"true\"\n >\n <span\n v-if=\"isChecked\"\n class=\"tree-radio__dot\"\n />\n </span>\n <span\n v-if=\"$slots.default\"\n class=\"tree-radio__label\"\n >\n <slot />\n </span>\n </label>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n name?: string;\n disabled?: boolean;\n invalid?: boolean;\n size?: TreeSize;\n }>(),\n {\n modelValue: undefined,\n name: undefined,\n disabled: false,\n invalid: false,\n size: 'md',\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nprovide('tree-radio-group', {\n modelValue: () => props.modelValue,\n name: () => props.name,\n disabled: () => props.disabled,\n invalid: () => props.invalid,\n size: () => props.size,\n onChange: (value: string) => {\n emit('update:modelValue', value);\n },\n});\n\nconst rootClasses = computed(() => [\n 'tree-radio-group',\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst groupAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n</script>\n\n<template>\n <div\n v-bind=\"groupAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n role=\"radiogroup\"\n >\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, isActivationKey, isEscapeKey } from '@treeui/utils';\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeSelectOption {\n label: string;\n value: string | number;\n disabled?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string | number;\n options?: TreeSelectOption[];\n open?: boolean;\n defaultOpen?: boolean;\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n invalid?: boolean;\n placeholder?: string;\n }>(),\n {\n modelValue: '',\n options: () => [],\n open: undefined,\n defaultOpen: false,\n size: 'md',\n disabled: false,\n loading: false,\n invalid: false,\n placeholder: '',\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string | number];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\nconst listboxId = createId('tree-select');\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst optionRefs = ref<Map<string | number, HTMLElement>>(new Map());\nconst focusedIndex = ref(-1);\n\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 'tree-select',\n `tree-select--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'is-loading': props.loading,\n 'is-open': isOpen.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst selectedLabel = computed(() => {\n const opt = props.options.find((o) => o.value === props.modelValue);\n return opt?.label ?? '';\n});\n\nconst enabledOptions = computed(() =>\n props.options.filter((o) => !o.disabled),\n);\n\nconst openDropdown = () => {\n if (props.disabled) return;\n const selectedIdx = props.options.findIndex((o) => o.value === props.modelValue);\n focusedIndex.value = selectedIdx >= 0 ? selectedIdx : 0;\n setValue(true);\n nextTick(() => focusOption(focusedIndex.value));\n};\n\nconst closeDropdown = (restoreFocus = false) => {\n setValue(false);\n focusedIndex.value = -1;\n if (restoreFocus) {\n nextTick(() => triggerRef.value?.focus());\n }\n};\n\nconst toggleDropdown = () => {\n if (isOpen.value) {\n closeDropdown();\n } else {\n openDropdown();\n }\n};\n\nconst selectOption = (opt: TreeSelectOption) => {\n if (opt.disabled) return;\n emit('update:modelValue', opt.value);\n closeDropdown(true);\n};\n\nconst focusOption = (index: number) => {\n const opt = props.options[index];\n if (!opt) return;\n const el = optionRefs.value.get(opt.value);\n el?.focus();\n};\n\nconst setOptionRef = (el: Element | null, value: string | number) => {\n if (el instanceof HTMLElement) {\n optionRefs.value.set(value, el);\n } else {\n optionRefs.value.delete(value);\n }\n};\n\nconst moveFocus = (direction: 1 | -1) => {\n let nextIndex = focusedIndex.value + direction;\n while (nextIndex >= 0 && nextIndex < props.options.length) {\n if (!props.options[nextIndex].disabled) {\n focusedIndex.value = nextIndex;\n focusOption(nextIndex);\n return;\n }\n nextIndex += direction;\n }\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n if (props.disabled) return;\n\n if (isEscapeKey(event) && isOpen.value) {\n event.preventDefault();\n closeDropdown();\n return;\n }\n\n if (isActivationKey(event) || event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n event.preventDefault();\n openDropdown();\n }\n};\n\nconst onOptionKeydown = (event: KeyboardEvent, opt: TreeSelectOption, _index: number) => {\n if (isEscapeKey(event)) {\n event.preventDefault();\n closeDropdown(true);\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectOption(opt);\n return;\n }\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n moveFocus(1);\n break;\n case 'ArrowUp':\n event.preventDefault();\n moveFocus(-1);\n break;\n case 'Home':\n event.preventDefault();\n focusedIndex.value = enabledOptions.value.length > 0\n ? props.options.indexOf(enabledOptions.value[0])\n : 0;\n focusOption(focusedIndex.value);\n break;\n case 'End':\n event.preventDefault();\n focusedIndex.value = enabledOptions.value.length > 0\n ? props.options.indexOf(enabledOptions.value[enabledOptions.value.length - 1])\n : props.options.length - 1;\n focusOption(focusedIndex.value);\n break;\n default:\n break;\n }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) return;\n const target = event.target;\n if (!(target instanceof Node)) return;\n if (rootRef.value?.contains(target)) return;\n closeDropdown();\n};\n\nconst hasSelection = computed(() =>\n props.modelValue !== '' && props.modelValue !== null && props.modelValue !== undefined,\n);\n\nwatch(isOpen, (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n } else {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n }\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <button\n ref=\"triggerRef\"\n v-bind=\"triggerAttrs\"\n type=\"button\"\n class=\"tree-select__trigger\"\n :disabled=\"disabled\"\n :aria-controls=\"isOpen ? listboxId : undefined\"\n aria-haspopup=\"listbox\"\n :aria-expanded=\"isOpen\"\n :aria-invalid=\"invalid || undefined\"\n :aria-busy=\"loading || undefined\"\n @click=\"toggleDropdown\"\n @keydown=\"onTriggerKeydown\"\n >\n <span\n v-if=\"$slots.prefix\"\n class=\"tree-select__slot tree-select__slot--prefix\"\n >\n <slot name=\"prefix\" />\n </span>\n <span\n class=\"tree-select__value\"\n :data-placeholder=\"!hasSelection ? true : undefined\"\n >\n {{ selectedLabel || placeholder }}\n </span>\n <TreeSpinner\n v-if=\"loading\"\n size=\"sm\"\n label=\"Loading\"\n />\n <svg\n v-else\n class=\"tree-select__chevron\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"4 6 8 10 12 6\" />\n </svg>\n </button>\n <transition name=\"tree-fade\">\n <ul\n v-if=\"isOpen && !disabled\"\n :id=\"listboxId\"\n role=\"listbox\"\n class=\"tree-select__listbox\"\n :aria-label=\"typeof triggerAttrs['aria-label'] === 'string' ? triggerAttrs['aria-label'] : undefined\"\n >\n <li\n v-for=\"(opt, index) in options\"\n :key=\"opt.value\"\n :ref=\"(el) => setOptionRef(el as Element | null, opt.value)\"\n role=\"option\"\n class=\"tree-select__option\"\n :class=\"{\n 'is-selected': opt.value === modelValue,\n 'is-disabled': opt.disabled,\n 'is-focused': index === focusedIndex,\n }\"\n :aria-selected=\"opt.value === modelValue\"\n :aria-disabled=\"opt.disabled || undefined\"\n :tabindex=\"opt.disabled ? -1 : 0\"\n @click=\"selectOption(opt)\"\n @keydown=\"onOptionKeydown($event, opt, index)\"\n >\n {{ opt.label }}\n <svg\n v-if=\"opt.value === modelValue\"\n class=\"tree-select__check\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"3.5 8.5 6.5 11.5 12.5 4.5\" />\n </svg>\n </li>\n </ul>\n </transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { getTreeIcon } from '@treeui/icons';\nimport { computed, provide, toRef, useAttrs } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\nimport { treeSidebarInjectionKey } from './sidebar';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst _treeSidebarSides = ['left', 'right'] as const;\n\nexport type TreeSidebarSide = (typeof _treeSidebarSides)[number];\n\nconst ChevronLeftIcon = getTreeIcon('chevron-left');\nconst ChevronRightIcon = getTreeIcon('chevron-right');\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n collapsed?: boolean;\n defaultCollapsed?: boolean;\n collapsible?: boolean;\n size?: TreeSize;\n side?: TreeSidebarSide;\n sticky?: boolean;\n bordered?: boolean;\n width?: string;\n collapsedWidth?: string;\n collapseLabel?: string;\n expandLabel?: string;\n }>(),\n {\n as: 'aside',\n collapsed: undefined,\n defaultCollapsed: false,\n collapsible: true,\n size: 'md',\n side: 'left',\n sticky: false,\n bordered: true,\n width: '17.5rem',\n collapsedWidth: '4.75rem',\n collapseLabel: 'Collapse sidebar',\n expandLabel: 'Expand sidebar',\n },\n);\n\nconst emit = defineEmits<{\n 'update:collapsed': [value: boolean];\n 'collapse-change': [value: boolean];\n}>();\n\ndefineSlots<{\n header?: (props: { collapsed: boolean }) => unknown;\n default?: (props: { collapsed: boolean }) => unknown;\n footer?: (props: { collapsed: boolean }) => unknown;\n toggle?: (props: { collapsed: boolean }) => unknown;\n}>();\n\nconst attrs = useAttrs();\n\nconst { value: isCollapsed, setValue } = useControllableOpen(\n toRef(props, 'collapsed'),\n props.defaultCollapsed,\n (value) => {\n emit('update:collapsed', value);\n emit('collapse-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 'tree-sidebar',\n `tree-sidebar--${props.size}`,\n `tree-sidebar--${props.side}`,\n {\n 'is-collapsed': isCollapsed.value,\n 'is-sticky': props.sticky,\n 'is-bordered': props.bordered,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n {\n '--tree-sidebar-width': props.width,\n '--tree-sidebar-collapsed-width': props.collapsedWidth,\n },\n attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst toggleCollapsed = () => {\n if (!props.collapsible) {\n return;\n }\n\n setValue(!isCollapsed.value);\n};\n\nconst ToggleIcon = computed(() => {\n if (props.side === 'right') {\n return isCollapsed.value ? ChevronLeftIcon : ChevronRightIcon;\n }\n\n return isCollapsed.value ? ChevronRightIcon : ChevronLeftIcon;\n});\n\nconst toggleLabel = computed(() =>\n isCollapsed.value ? props.expandLabel : props.collapseLabel,\n);\n\nprovide(treeSidebarInjectionKey, {\n collapsed: computed(() => isCollapsed.value),\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isCollapsed ? 'collapsed' : 'expanded'\"\n >\n <div\n v-if=\"$slots.header\"\n class=\"tree-sidebar__header\"\n >\n <slot\n name=\"header\"\n :collapsed=\"isCollapsed\"\n />\n </div>\n\n <div class=\"tree-sidebar__body\">\n <slot :collapsed=\"isCollapsed\" />\n </div>\n\n <div\n v-if=\"$slots.footer || collapsible\"\n class=\"tree-sidebar__footer\"\n >\n <slot\n v-if=\"$slots.footer\"\n name=\"footer\"\n :collapsed=\"isCollapsed\"\n />\n\n <button\n v-if=\"collapsible\"\n type=\"button\"\n class=\"tree-sidebar__toggle\"\n :aria-label=\"toggleLabel\"\n :aria-expanded=\"!isCollapsed\"\n @click=\"toggleCollapsed\"\n >\n <slot\n name=\"toggle\"\n :collapsed=\"isCollapsed\"\n >\n <component\n :is=\"ToggleIcon\"\n :size=\"16\"\n />\n <span v-if=\"!isCollapsed\">{{ toggleLabel }}</span>\n </slot>\n </button>\n </div>\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string | number;\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n invalid?: boolean;\n type?: string;\n placeholder?: string;\n }>(),\n {\n modelValue: '',\n size: 'md',\n disabled: false,\n loading: false,\n invalid: false,\n type: 'text',\n placeholder: '',\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n 'tree-input',\n `tree-input--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'is-loading': props.loading,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst stringValue = computed(() => `${props.modelValue ?? ''}`);\n\nconst onInput = (event: Event) => {\n emit('update:modelValue', (event.target as HTMLInputElement).value);\n};\n</script>\n\n<template>\n <label\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <span\n v-if=\"$slots.prefix\"\n class=\"tree-input__slot tree-input__slot--prefix\"\n >\n <slot name=\"prefix\" />\n </span>\n <input\n v-bind=\"inputAttrs\"\n class=\"tree-input__field\"\n :type=\"type\"\n :value=\"stringValue\"\n :placeholder=\"placeholder\"\n :disabled=\"disabled\"\n :aria-invalid=\"invalid || undefined\"\n @input=\"onInput\"\n >\n <TreeSpinner\n v-if=\"loading\"\n size=\"sm\"\n label=\"Loading\"\n />\n <span\n v-if=\"$slots.suffix\"\n class=\"tree-input__slot tree-input__slot--suffix\"\n >\n <slot name=\"suffix\" />\n </span>\n </label>\n</template>\n","<script setup lang=\"ts\">\nimport { clamp } from '@treeui/utils';\nimport { computed, ref, useAttrs, watch } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: number | null;\n min?: number;\n max?: number;\n step?: number;\n size?: TreeSize;\n disabled?: boolean;\n invalid?: boolean;\n placeholder?: string;\n controls?: boolean;\n }>(),\n {\n modelValue: null,\n min: undefined,\n max: undefined,\n step: 1,\n size: 'md',\n disabled: false,\n invalid: false,\n placeholder: '',\n controls: true,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: number | null];\n}>();\n\nconst attrs = useAttrs();\nconst displayValue = ref(\n props.modelValue === null || props.modelValue === undefined ? '' : `${props.modelValue}`,\n);\n\nconst precision = computed(() => {\n const normalizedStep = `${props.step}`;\n const fractionalPart = normalizedStep.split('.')[1];\n return fractionalPart ? fractionalPart.length : 0;\n});\n\nconst rootClasses = computed(() => [\n 'tree-number-input',\n `tree-number-input--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'has-controls': props.controls,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst formatValue = (value: number | null | undefined) =>\n value === null || value === undefined ? '' : `${value}`;\n\nconst normalizeValue = (value: number) => {\n const clamped = clamp(\n value,\n props.min ?? Number.NEGATIVE_INFINITY,\n props.max ?? Number.POSITIVE_INFINITY,\n );\n\n return Number(clamped.toFixed(precision.value));\n};\n\nconst parseValue = (value: string) => {\n const normalized = value.trim().replace(',', '.');\n\n if (!normalized) {\n return null;\n }\n\n const parsed = Number(normalized);\n return Number.isNaN(parsed) ? null : parsed;\n};\n\nconst currentNumericValue = computed(() => {\n const parsed = parseValue(displayValue.value);\n return parsed ?? props.modelValue ?? null;\n});\n\nconst canDecrement = computed(() => {\n if (props.disabled) {\n return false;\n }\n\n if (props.min === undefined || currentNumericValue.value === null) {\n return true;\n }\n\n return normalizeValue(currentNumericValue.value) > props.min;\n});\n\nconst canIncrement = computed(() => {\n if (props.disabled) {\n return false;\n }\n\n if (props.max === undefined || currentNumericValue.value === null) {\n return true;\n }\n\n return normalizeValue(currentNumericValue.value) < props.max;\n});\n\nconst commitValue = (value: number | null) => {\n if (value === null) {\n displayValue.value = '';\n emit('update:modelValue', null);\n return;\n }\n\n const normalized = normalizeValue(value);\n displayValue.value = `${normalized}`;\n emit('update:modelValue', normalized);\n};\n\nconst stepValue = (direction: 1 | -1) => {\n if (props.disabled) {\n return;\n }\n\n let baseValue = currentNumericValue.value ?? 0;\n\n if (currentNumericValue.value === null) {\n if (direction === 1 && props.min !== undefined) {\n baseValue = props.min - props.step;\n }\n\n if (direction === -1 && props.max !== undefined) {\n baseValue = props.max + props.step;\n }\n }\n\n commitValue(baseValue + direction * props.step);\n};\n\nconst onInput = (event: Event) => {\n const nextValue = (event.target as HTMLInputElement).value;\n displayValue.value = nextValue;\n\n if (!nextValue.trim()) {\n emit('update:modelValue', null);\n return;\n }\n\n const parsedValue = parseValue(nextValue);\n\n if (parsedValue === null) {\n return;\n }\n\n emit('update:modelValue', normalizeValue(parsedValue));\n};\n\nconst onBlur = () => {\n if (!displayValue.value.trim()) {\n displayValue.value = '';\n return;\n }\n\n const parsedValue = parseValue(displayValue.value);\n\n if (parsedValue === null) {\n displayValue.value = formatValue(props.modelValue);\n return;\n }\n\n displayValue.value = `${normalizeValue(parsedValue)}`;\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n if (props.disabled) {\n return;\n }\n\n if (event.key === 'ArrowUp') {\n event.preventDefault();\n stepValue(1);\n return;\n }\n\n if (event.key === 'ArrowDown') {\n event.preventDefault();\n stepValue(-1);\n return;\n }\n\n if (event.key === 'Home' && props.min !== undefined) {\n event.preventDefault();\n commitValue(props.min);\n return;\n }\n\n if (event.key === 'End' && props.max !== undefined) {\n event.preventDefault();\n commitValue(props.max);\n }\n};\n\nwatch(\n () => props.modelValue,\n (value) => {\n const nextDisplayValue = formatValue(value);\n\n if (nextDisplayValue !== displayValue.value) {\n displayValue.value = nextDisplayValue;\n }\n },\n);\n</script>\n\n<template>\n <div\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <button\n v-if=\"controls\"\n type=\"button\"\n class=\"tree-number-input__stepper tree-number-input__stepper--decrement\"\n :disabled=\"!canDecrement\"\n aria-label=\"Decrease value\"\n @click=\"stepValue(-1)\"\n >\n <span aria-hidden=\"true\">-</span>\n </button>\n\n <input\n v-bind=\"inputAttrs\"\n :value=\"displayValue\"\n type=\"text\"\n inputmode=\"decimal\"\n class=\"tree-number-input__field\"\n :placeholder=\"placeholder\"\n :disabled=\"disabled\"\n :aria-invalid=\"invalid || undefined\"\n @input=\"onInput\"\n @blur=\"onBlur\"\n @keydown=\"onKeydown\"\n >\n\n <button\n v-if=\"controls\"\n type=\"button\"\n class=\"tree-number-input__stepper tree-number-input__stepper--increment\"\n :disabled=\"!canIncrement\"\n aria-label=\"Increase value\"\n @click=\"stepValue(1)\"\n >\n <span aria-hidden=\"true\">+</span>\n </button>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, getNextEnabledIndex, isActivationKey } from '@treeui/utils';\nimport { computed, nextTick, ref, useAttrs, watch, type ComponentPublicInstance } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeSelectableListItem {\n label: string;\n value: string;\n description?: string;\n meta?: string;\n disabled?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n defaultValue?: string;\n items?: TreeSelectableListItem[];\n size?: TreeSize;\n disabled?: boolean;\n emptyText?: string;\n }>(),\n {\n modelValue: undefined,\n defaultValue: '',\n items: () => [],\n size: 'md',\n disabled: false,\n emptyText: 'No items available.',\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n}>();\n\ndefineSlots<{\n item?: (props: {\n item: TreeSelectableListItem;\n selected: boolean;\n focused: boolean;\n }) => unknown;\n empty?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst baseId = createId('tree-selectable-list');\nconst itemRefs = ref<Map<string, HTMLButtonElement>>(new Map());\nconst internalValue = ref(props.defaultValue);\n\nconst selectedValue = computed(() => props.modelValue ?? internalValue.value);\n\nconst getInitialFocusedIndex = () => {\n const selectedIndex = props.items.findIndex((item) =>\n item.value === selectedValue.value && !item.disabled,\n );\n\n if (selectedIndex >= 0) {\n return selectedIndex;\n }\n\n return props.items.findIndex((item) => !item.disabled);\n};\n\nconst focusedIndex = ref(getInitialFocusedIndex());\n\nconst rootClasses = computed(() => [\n 'tree-selectable-list',\n `tree-selectable-list--${props.size}`,\n {\n 'is-disabled': props.disabled,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst isSelected = (value: string) => selectedValue.value === value;\n\nconst setItemRef = (element: Element | ComponentPublicInstance | null, value: string) => {\n const resolvedElement =\n element instanceof HTMLButtonElement\n ? element\n : element && '$el' in element && element.$el instanceof HTMLButtonElement\n ? element.$el\n : null;\n\n if (resolvedElement instanceof HTMLButtonElement) {\n itemRefs.value.set(value, resolvedElement);\n } else {\n itemRefs.value.delete(value);\n }\n};\n\nconst focusItem = (index: number) => {\n const item = props.items[index];\n\n if (!item) {\n return;\n }\n\n focusedIndex.value = index;\n nextTick(() => itemRefs.value.get(item.value)?.focus());\n};\n\nconst selectItem = (item: TreeSelectableListItem, focus = false) => {\n if (props.disabled || item.disabled) {\n return;\n }\n\n if (props.modelValue === undefined) {\n internalValue.value = item.value;\n }\n\n emit('update:modelValue', item.value);\n\n if (focus) {\n const index = props.items.findIndex((candidate) => candidate.value === item.value);\n\n if (index >= 0) {\n focusItem(index);\n }\n }\n};\n\nconst onItemKeydown = (event: KeyboardEvent, index: number) => {\n if (props.disabled) {\n return;\n }\n\n if (event.key === 'Home') {\n event.preventDefault();\n const firstIndex = props.items.findIndex((item) => !item.disabled);\n\n if (firstIndex >= 0) {\n selectItem(props.items[firstIndex], true);\n }\n\n return;\n }\n\n if (event.key === 'End') {\n event.preventDefault();\n const lastIndex = [...props.items].reverse().findIndex((item) => !item.disabled);\n\n if (lastIndex >= 0) {\n const resolvedIndex = props.items.length - 1 - lastIndex;\n selectItem(props.items[resolvedIndex], true);\n }\n\n return;\n }\n\n if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n event.preventDefault();\n const nextIndex = getNextEnabledIndex(index, props.items, 1);\n\n if (nextIndex >= 0) {\n selectItem(props.items[nextIndex], true);\n }\n\n return;\n }\n\n if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n event.preventDefault();\n const previousIndex = getNextEnabledIndex(index, props.items, -1);\n\n if (previousIndex >= 0) {\n selectItem(props.items[previousIndex], true);\n }\n\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectItem(props.items[index], true);\n }\n};\n\nconst getTabIndex = (index: number) => (focusedIndex.value === index ? 0 : -1);\n\nwatch(\n () => [props.items, props.modelValue] as const,\n () => {\n const nextIndex = getInitialFocusedIndex();\n focusedIndex.value = nextIndex >= 0 ? nextIndex : -1;\n },\n { deep: true },\n);\n</script>\n\n<template>\n <div\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n role=\"listbox\"\n :aria-disabled=\"disabled || undefined\"\n >\n <template v-if=\"items.length > 0\">\n <button\n v-for=\"(item, index) in items\"\n :id=\"`${baseId}-${item.value}`\"\n :ref=\"(element) => setItemRef(element, item.value)\"\n :key=\"item.value\"\n type=\"button\"\n class=\"tree-selectable-list__item\"\n :class=\"{\n 'is-selected': isSelected(item.value),\n 'is-disabled': disabled || item.disabled,\n }\"\n role=\"option\"\n :aria-selected=\"isSelected(item.value)\"\n :tabindex=\"disabled || item.disabled ? -1 : getTabIndex(index)\"\n :disabled=\"disabled || item.disabled\"\n @click=\"selectItem(item)\"\n @keydown=\"onItemKeydown($event, index)\"\n @focus=\"focusedIndex = index\"\n >\n <slot\n name=\"item\"\n :item=\"item\"\n :selected=\"isSelected(item.value)\"\n :focused=\"focusedIndex === index\"\n >\n <span\n class=\"tree-selectable-list__indicator\"\n aria-hidden=\"true\"\n />\n\n <span class=\"tree-selectable-list__copy\">\n <span class=\"tree-selectable-list__label\">{{ item.label }}</span>\n <span\n v-if=\"item.description\"\n class=\"tree-selectable-list__description\"\n >\n {{ item.description }}\n </span>\n </span>\n\n <span\n v-if=\"item.meta\"\n class=\"tree-selectable-list__meta\"\n >\n {{ item.meta }}\n </span>\n </slot>\n </button>\n </template>\n\n <div\n v-else\n class=\"tree-selectable-list__empty\"\n >\n <slot name=\"empty\">\n {{ emptyText }}\n </slot>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst _treeStackDirections = ['vertical', 'horizontal'] as const;\n\nexport type TreeStackDirection = (typeof _treeStackDirections)[number];\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n direction?: TreeStackDirection;\n gap?: string;\n align?: string;\n justify?: string;\n wrap?: boolean;\n reverse?: boolean;\n }>(),\n {\n as: 'div',\n direction: 'vertical',\n gap: 'var(--tree-space-4)',\n align: 'stretch',\n justify: 'flex-start',\n wrap: false,\n reverse: false,\n },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n 'tree-stack',\n `tree-stack--${props.direction}`,\n {\n 'is-wrapping': props.wrap,\n 'is-reversed': props.reverse,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n {\n gap: props.gap,\n alignItems: props.align,\n justifyContent: props.justify,\n },\n attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <slot />\n </component>\n</template>\n","import type { ComputedRef, InjectionKey, Ref } from 'vue';\n\nexport interface TreeTreeViewNode {\n id: string;\n label: string;\n description?: string;\n meta?: string;\n disabled?: boolean;\n children?: TreeTreeViewNode[];\n}\n\nexport const treeTreeViewSelectionModes = ['single', 'multiple'] as const;\n\nexport type TreeTreeViewSelectionMode = (typeof treeTreeViewSelectionModes)[number];\n\nexport interface TreeTreeViewRecord {\n node: TreeTreeViewNode;\n level: number;\n parentId?: string;\n}\n\nexport interface TreeTreeViewContext {\n baseId: string;\n disabled: ComputedRef<boolean>;\n selectionMode: ComputedRef<TreeTreeViewSelectionMode>;\n focusedId: Ref<string>;\n isExpanded: (id: string) => boolean;\n toggleExpanded: (id: string) => void;\n isSelected: (id: string) => boolean;\n toggleSelected: (id: string) => void;\n setFocusedId: (id: string, shouldFocus?: boolean) => void;\n onItemKeydown: (event: KeyboardEvent, id: string) => void;\n registerItem: (id: string, element: HTMLElement) => void;\n unregisterItem: (id: string) => void;\n}\n\nexport const treeTreeViewInjectionKey: InjectionKey<TreeTreeViewContext> =\n Symbol('tree-tree-view');\n","<script setup lang=\"ts\">\nimport { getTreeIcon } from '@treeui/icons';\nimport { computed, inject, type ComponentPublicInstance } from 'vue';\nimport { treeTreeViewInjectionKey, type TreeTreeViewNode } from './tree-view';\n\ndefineOptions({\n name: 'TreeTreeViewItem',\n});\n\nconst ChevronRightIcon = getTreeIcon('chevron-right');\nconst CheckIcon = getTreeIcon('check');\n\nconst props = defineProps<{\n node: TreeTreeViewNode;\n level: number;\n}>();\n\nconst ctx = inject(treeTreeViewInjectionKey);\n\nif (!ctx) {\n throw new Error('[TreeUI] TTreeView items must be rendered inside a TTreeView.');\n}\n\nconst hasChildren = computed(() => Boolean(props.node.children?.length));\nconst isExpanded = computed(() => (hasChildren.value ? ctx.isExpanded(props.node.id) : false));\nconst isSelected = computed(() => ctx.isSelected(props.node.id));\nconst isDisabled = computed(() => ctx.disabled.value || props.node.disabled);\nconst isFocused = computed(() => ctx.focusedId.value === props.node.id);\nconst itemId = computed(() => `${ctx.baseId}-${props.node.id}`);\n\nconst rowClasses = computed(() => ({\n 'is-expanded': isExpanded.value,\n 'is-selected': isSelected.value,\n 'is-disabled': isDisabled.value,\n 'is-focused': isFocused.value,\n}));\n\nconst setItemRef = (element: Element | ComponentPublicInstance | null) => {\n const resolvedElement =\n element instanceof HTMLElement\n ? element\n : element && '$el' in element && element.$el instanceof HTMLElement\n ? element.$el\n : null;\n\n if (resolvedElement instanceof HTMLElement) {\n ctx.registerItem(props.node.id, resolvedElement);\n } else {\n ctx.unregisterItem(props.node.id);\n }\n};\n\nconst onRowClick = () => {\n ctx.setFocusedId(props.node.id);\n ctx.toggleSelected(props.node.id);\n};\n\nconst onToggleClick = () => {\n if (isDisabled.value || !hasChildren.value) {\n return;\n }\n\n ctx.toggleExpanded(props.node.id);\n ctx.setFocusedId(props.node.id);\n};\n</script>\n\n<template>\n <li\n class=\"tree-tree-view__node\"\n role=\"none\"\n >\n <div\n :id=\"itemId\"\n :ref=\"setItemRef\"\n class=\"tree-tree-view__row\"\n :class=\"rowClasses\"\n :style=\"{ '--tree-tree-view-level': `${level}` }\"\n role=\"treeitem\"\n :aria-level=\"level\"\n :aria-expanded=\"hasChildren ? isExpanded : undefined\"\n :aria-selected=\"isSelected\"\n :aria-disabled=\"isDisabled || undefined\"\n :tabindex=\"isDisabled ? -1 : isFocused ? 0 : -1\"\n @click=\"onRowClick\"\n @keydown=\"ctx.onItemKeydown($event, node.id)\"\n @focus=\"ctx.setFocusedId(node.id)\"\n >\n <button\n v-if=\"hasChildren\"\n type=\"button\"\n class=\"tree-tree-view__toggle\"\n :class=\"{ 'is-expanded': isExpanded }\"\n tabindex=\"-1\"\n :disabled=\"isDisabled\"\n :aria-label=\"isExpanded ? 'Collapse node' : 'Expand node'\"\n @click.stop=\"onToggleClick\"\n >\n <ChevronRightIcon :size=\"16\" />\n </button>\n\n <span\n v-else\n class=\"tree-tree-view__spacer\"\n aria-hidden=\"true\"\n />\n\n <span\n class=\"tree-tree-view__marker\"\n :class=\"{\n 'is-selected': isSelected,\n 'is-multiple': ctx.selectionMode.value === 'multiple',\n }\"\n aria-hidden=\"true\"\n >\n <CheckIcon\n v-if=\"ctx.selectionMode.value === 'multiple' && isSelected\"\n :size=\"14\"\n />\n </span>\n\n <span class=\"tree-tree-view__copy\">\n <span class=\"tree-tree-view__label\">{{ node.label }}</span>\n <span\n v-if=\"node.description\"\n class=\"tree-tree-view__description\"\n >\n {{ node.description }}\n </span>\n </span>\n\n <span\n v-if=\"node.meta\"\n class=\"tree-tree-view__meta\"\n >\n {{ node.meta }}\n </span>\n </div>\n\n <ul\n v-if=\"hasChildren && isExpanded\"\n class=\"tree-tree-view__group\"\n role=\"group\"\n >\n <TreeTreeViewItem\n v-for=\"child in node.children\"\n :key=\"child.id\"\n :node=\"child\"\n :level=\"level + 1\"\n />\n </ul>\n </li>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, isActivationKey } from '@treeui/utils';\nimport { computed, nextTick, provide, ref, useAttrs, watch } from 'vue';\nimport TreeTreeViewItem from './TreeTreeViewItem.vue';\nimport {\n treeTreeViewInjectionKey,\n type TreeTreeViewNode,\n type TreeTreeViewRecord,\n type TreeTreeViewSelectionMode,\n} from './tree-view';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string | string[];\n defaultValue?: string | string[];\n nodes?: TreeTreeViewNode[];\n selectionMode?: TreeTreeViewSelectionMode;\n expanded?: string[];\n defaultExpanded?: string[];\n disabled?: boolean;\n emptyText?: string;\n }>(),\n {\n modelValue: undefined,\n defaultValue: undefined,\n nodes: () => [],\n selectionMode: 'single',\n expanded: undefined,\n defaultExpanded: () => [],\n disabled: false,\n emptyText: 'No items available.',\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string | string[] | undefined];\n 'update:expanded': [value: string[]];\n 'selection-change': [value: string | string[] | undefined];\n 'expanded-change': [value: string[]];\n}>();\n\nconst attrs = useAttrs();\nconst baseId = createId('tree-tree-view');\nconst internalValue = ref<string | string[] | undefined>(props.defaultValue);\nconst internalExpanded = ref<string[]>(props.defaultExpanded);\nconst itemRefs = ref<Map<string, HTMLElement>>(new Map());\n\nconst rootClasses = computed(() => [\n 'tree-tree-view',\n {\n 'is-disabled': props.disabled,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst treeAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst selectedValues = computed(() => {\n const value = props.modelValue ?? internalValue.value;\n\n if (value === undefined || value === null || value === '') {\n return [] as string[];\n }\n\n return Array.isArray(value) ? value : [value];\n});\n\nconst expandedValues = computed(() => props.expanded ?? internalExpanded.value);\n\nconst updateSelection = (nextValues: string[]) => {\n if (props.selectionMode === 'multiple') {\n if (props.modelValue === undefined) {\n internalValue.value = nextValues;\n }\n\n emit('update:modelValue', nextValues);\n emit('selection-change', nextValues);\n return;\n }\n\n const nextValue = nextValues[0];\n\n if (props.modelValue === undefined) {\n internalValue.value = nextValue;\n }\n\n emit('update:modelValue', nextValue);\n emit('selection-change', nextValue);\n};\n\nconst updateExpanded = (nextValues: string[]) => {\n if (props.expanded === undefined) {\n internalExpanded.value = nextValues;\n }\n\n emit('update:expanded', nextValues);\n emit('expanded-change', nextValues);\n};\n\nconst isSelected = (id: string) => selectedValues.value.includes(id);\nconst isExpanded = (id: string) => expandedValues.value.includes(id);\n\nconst flattenNodes = (\n nodes: TreeTreeViewNode[],\n level = 1,\n parentId?: string,\n): TreeTreeViewRecord[] =>\n nodes.reduce<TreeTreeViewRecord[]>((records, node) => {\n records.push({\n node,\n level,\n parentId,\n });\n\n if (node.children?.length && isExpanded(node.id)) {\n records.push(...flattenNodes(node.children, level + 1, node.id));\n }\n\n return records;\n }, []);\n\nconst visibleNodes = computed(() => flattenNodes(props.nodes));\nconst enabledNodes = computed(() => visibleNodes.value.filter((record) => !record.node.disabled));\n\nconst getInitialFocusedId = () => {\n const selectedId = selectedValues.value.find((value) =>\n visibleNodes.value.some((record) => record.node.id === value && !record.node.disabled),\n );\n\n if (selectedId) {\n return selectedId;\n }\n\n return enabledNodes.value[0]?.node.id ?? '';\n};\n\nconst focusedId = ref(getInitialFocusedId());\n\nconst registerItem = (id: string, element: HTMLElement) => {\n itemRefs.value.set(id, element);\n};\n\nconst unregisterItem = (id: string) => {\n itemRefs.value.delete(id);\n};\n\nconst focusItem = (id: string) => {\n nextTick(() => itemRefs.value.get(id)?.focus());\n};\n\nconst setFocusedId = (id: string, shouldFocus = false) => {\n focusedId.value = id;\n\n if (shouldFocus) {\n focusItem(id);\n }\n};\n\nconst getVisibleRecord = (id: string) =>\n visibleNodes.value.find((record) => record.node.id === id);\n\nconst focusBoundary = (position: 'first' | 'last') => {\n const target =\n position === 'first' ? enabledNodes.value[0] : enabledNodes.value[enabledNodes.value.length - 1];\n\n if (target) {\n setFocusedId(target.node.id, true);\n }\n};\n\nconst focusAdjacent = (direction: 1 | -1) => {\n const currentIndex = enabledNodes.value.findIndex((record) => record.node.id === focusedId.value);\n\n if (currentIndex === -1) {\n focusBoundary(direction === 1 ? 'first' : 'last');\n return;\n }\n\n const nextIndex = currentIndex + direction;\n\n if (nextIndex < 0 || nextIndex >= enabledNodes.value.length) {\n return;\n }\n\n setFocusedId(enabledNodes.value[nextIndex].node.id, true);\n};\n\nconst toggleExpanded = (id: string) => {\n const nextValues = isExpanded(id)\n ? expandedValues.value.filter((value) => value !== id)\n : [...expandedValues.value, id];\n\n updateExpanded(nextValues);\n};\n\nconst toggleSelected = (id: string) => {\n const record = getVisibleRecord(id);\n\n if (!record || record.node.disabled || props.disabled) {\n return;\n }\n\n if (props.selectionMode === 'multiple') {\n const nextValues = isSelected(id)\n ? selectedValues.value.filter((value) => value !== id)\n : [...selectedValues.value, id];\n\n updateSelection(nextValues);\n return;\n }\n\n updateSelection([id]);\n};\n\nconst onItemKeydown = (event: KeyboardEvent, id: string) => {\n const record = getVisibleRecord(id);\n\n if (!record || record.node.disabled || props.disabled) {\n return;\n }\n\n const hasChildren = Boolean(record.node.children?.length);\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n focusAdjacent(1);\n break;\n case 'ArrowUp':\n event.preventDefault();\n focusAdjacent(-1);\n break;\n case 'ArrowRight':\n event.preventDefault();\n\n if (hasChildren && !isExpanded(id)) {\n toggleExpanded(id);\n return;\n }\n\n if (hasChildren) {\n const firstChild = visibleNodes.value.find(\n (item) => item.parentId === id && !item.node.disabled,\n );\n\n if (firstChild) {\n setFocusedId(firstChild.node.id, true);\n }\n }\n\n break;\n case 'ArrowLeft':\n event.preventDefault();\n\n if (hasChildren && isExpanded(id)) {\n toggleExpanded(id);\n return;\n }\n\n if (record.parentId) {\n setFocusedId(record.parentId, true);\n }\n\n break;\n case 'Home':\n event.preventDefault();\n focusBoundary('first');\n break;\n case 'End':\n event.preventDefault();\n focusBoundary('last');\n break;\n default:\n if (isActivationKey(event)) {\n event.preventDefault();\n toggleSelected(id);\n }\n break;\n }\n};\n\nwatch(\n () => [visibleNodes.value, props.modelValue] as const,\n () => {\n const focusedRecord = visibleNodes.value.find(\n (record) => record.node.id === focusedId.value && !record.node.disabled,\n );\n\n if (!focusedRecord) {\n focusedId.value = getInitialFocusedId();\n }\n },\n { deep: true, immediate: true },\n);\n\nprovide(treeTreeViewInjectionKey, {\n baseId,\n disabled: computed(() => props.disabled),\n selectionMode: computed(() => props.selectionMode),\n focusedId,\n isExpanded,\n toggleExpanded,\n isSelected,\n toggleSelected,\n setFocusedId,\n onItemKeydown,\n registerItem,\n unregisterItem,\n});\n</script>\n\n<template>\n <div\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <ul\n v-if=\"nodes.length > 0\"\n v-bind=\"treeAttrs\"\n class=\"tree-tree-view__root\"\n role=\"tree\"\n :aria-multiselectable=\"selectionMode === 'multiple' || undefined\"\n >\n <TreeTreeViewItem\n v-for=\"node in nodes\"\n :key=\"node.id\"\n :node=\"node\"\n :level=\"1\"\n />\n </ul>\n\n <div\n v-else\n class=\"tree-tree-view__empty\"\n >\n {{ emptyText }}\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport { computed, ref, useAttrs, watch } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeStepItem {\n label: string;\n value: string;\n description?: string;\n meta?: string;\n status?: TreeStepStatus;\n disabled?: boolean;\n}\n\nconst _treeStepStatuses = ['complete', 'current', 'upcoming', 'error'] as const;\nconst _treeStepOrientations = ['horizontal', 'vertical'] as const;\n\nexport type TreeStepStatus = (typeof _treeStepStatuses)[number];\nexport type TreeStepOrientation = (typeof _treeStepOrientations)[number];\n\nconst CheckIcon = getTreeIcon('check');\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n defaultValue?: string;\n items?: TreeStepItem[];\n size?: TreeSize;\n orientation?: TreeStepOrientation;\n interactive?: boolean;\n }>(),\n {\n modelValue: undefined,\n defaultValue: '',\n items: () => [],\n size: 'md',\n orientation: 'horizontal',\n interactive: false,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n}>();\n\ndefineSlots<{\n item?: (props: {\n item: TreeStepItem;\n index: number;\n status: TreeStepStatus;\n current: boolean;\n }) => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst internalValue = ref(props.defaultValue || props.items[0]?.value || '');\n\nconst activeValue = computed(() => props.modelValue ?? internalValue.value);\n\nconst currentIndex = computed(() => {\n const activeIndex = props.items.findIndex((item) => item.value === activeValue.value);\n return activeIndex >= 0 ? activeIndex : 0;\n});\n\nconst rootClasses = computed(() => [\n 'tree-steps',\n `tree-steps--${props.size}`,\n `tree-steps--${props.orientation}`,\n {\n 'is-interactive': props.interactive,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst resolveStatus = (item: TreeStepItem, index: number): TreeStepStatus => {\n if (item.status) {\n return item.status;\n }\n\n if (index < currentIndex.value) {\n return 'complete';\n }\n\n if (index === currentIndex.value) {\n return 'current';\n }\n\n return 'upcoming';\n};\n\nconst selectStep = (item: TreeStepItem) => {\n if (!props.interactive || item.disabled) {\n return;\n }\n\n if (props.modelValue === undefined) {\n internalValue.value = item.value;\n }\n\n emit('update:modelValue', item.value);\n};\n\nwatch(\n () => props.items,\n (items) => {\n const hasCurrentItem = items.some((item) => item.value === activeValue.value);\n\n if (!hasCurrentItem && items[0] && props.modelValue === undefined) {\n internalValue.value = items[0].value;\n }\n },\n { deep: true },\n);\n</script>\n\n<template>\n <ol\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <li\n v-for=\"(item, index) in items\"\n :key=\"item.value\"\n class=\"tree-steps__item\"\n :class=\"`is-${resolveStatus(item, index)}`\"\n >\n <button\n type=\"button\"\n class=\"tree-steps__button\"\n :class=\"{\n 'is-current': resolveStatus(item, index) === 'current',\n 'is-disabled': item.disabled,\n }\"\n :disabled=\"!interactive || item.disabled\"\n :aria-current=\"resolveStatus(item, index) === 'current' ? 'step' : undefined\"\n @click=\"selectStep(item)\"\n >\n <slot\n name=\"item\"\n :item=\"item\"\n :index=\"index\"\n :status=\"resolveStatus(item, index)\"\n :current=\"resolveStatus(item, index) === 'current'\"\n >\n <span\n class=\"tree-steps__indicator\"\n aria-hidden=\"true\"\n >\n <CheckIcon\n v-if=\"resolveStatus(item, index) === 'complete'\"\n v-bind=\"treeIconDefaults\"\n />\n <span v-else-if=\"resolveStatus(item, index) === 'error'\">!</span>\n <span v-else>{{ index + 1 }}</span>\n </span>\n\n <span class=\"tree-steps__copy\">\n <span class=\"tree-steps__label\">{{ item.label }}</span>\n <span\n v-if=\"item.description\"\n class=\"tree-steps__description\"\n >\n {{ item.description }}\n </span>\n </span>\n\n <span\n v-if=\"item.meta\"\n class=\"tree-steps__meta\"\n >\n {{ item.meta }}\n </span>\n </slot>\n </button>\n </li>\n </ol>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, getNextEnabledIndex, isActivationKey } from '@treeui/utils';\nimport { computed, nextTick, ref, useAttrs, watch, type ComponentPublicInstance } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeToggleGroupOption {\n label: string;\n value: string;\n disabled?: boolean;\n}\n\nconst _treeToggleGroupSelectionModes = ['single', 'multiple'] as const;\nconst _treeToggleGroupVariants = ['outline', 'soft', 'solid'] as const;\n\nexport type TreeToggleGroupSelectionMode = (typeof _treeToggleGroupSelectionModes)[number];\nexport type TreeToggleGroupVariant = (typeof _treeToggleGroupVariants)[number];\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string | string[];\n options?: TreeToggleGroupOption[];\n selectionMode?: TreeToggleGroupSelectionMode;\n size?: TreeSize;\n variant?: TreeToggleGroupVariant;\n disabled?: boolean;\n }>(),\n {\n modelValue: undefined,\n options: () => [],\n selectionMode: 'single',\n size: 'md',\n variant: 'outline',\n disabled: false,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string | string[] | undefined];\n}>();\n\ndefineSlots<{\n option?: (props: { option: TreeToggleGroupOption; selected: boolean }) => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst baseId = createId('tree-toggle-group');\nconst buttonRefs = ref<Map<string, HTMLButtonElement>>(new Map());\n\nconst normalizedValues = computed(() =>\n props.selectionMode === 'multiple'\n ? Array.isArray(props.modelValue)\n ? props.modelValue\n : []\n : typeof props.modelValue === 'string' && props.modelValue\n ? [props.modelValue]\n : [],\n);\n\nconst getInitialFocusedIndex = () => {\n const selectedIndex = props.options.findIndex((option) =>\n normalizedValues.value.includes(option.value) && !option.disabled,\n );\n\n if (selectedIndex >= 0) {\n return selectedIndex;\n }\n\n return props.options.findIndex((option) => !option.disabled);\n};\n\nconst focusedIndex = ref(getInitialFocusedIndex());\n\nconst rootClasses = computed(() => [\n 'tree-toggle-group',\n `tree-toggle-group--${props.size}`,\n `tree-toggle-group--${props.variant}`,\n `tree-toggle-group--${props.selectionMode}`,\n {\n 'is-disabled': props.disabled,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst isSelected = (value: string) => normalizedValues.value.includes(value);\n\nconst setButtonRef = (element: Element | ComponentPublicInstance | null, value: string) => {\n const resolvedElement =\n element instanceof HTMLButtonElement\n ? element\n : element && '$el' in element && element.$el instanceof HTMLButtonElement\n ? element.$el\n : null;\n\n if (resolvedElement instanceof HTMLButtonElement) {\n buttonRefs.value.set(value, resolvedElement);\n } else {\n buttonRefs.value.delete(value);\n }\n};\n\nconst focusOption = (index: number) => {\n const option = props.options[index];\n\n if (!option) {\n return;\n }\n\n focusedIndex.value = index;\n nextTick(() => buttonRefs.value.get(option.value)?.focus());\n};\n\nconst selectValue = (value: string) => {\n const option = props.options.find((item) => item.value === value);\n\n if (!option || option.disabled || props.disabled) {\n return;\n }\n\n if (props.selectionMode === 'multiple') {\n const nextValues = isSelected(value)\n ? normalizedValues.value.filter((item) => item !== value)\n : [...normalizedValues.value, value];\n\n emit('update:modelValue', nextValues);\n return;\n }\n\n emit('update:modelValue', value);\n};\n\nconst onOptionKeydown = (event: KeyboardEvent, index: number) => {\n if (props.disabled) {\n return;\n }\n\n if (event.key === 'Home') {\n event.preventDefault();\n const firstIndex = props.options.findIndex((option) => !option.disabled);\n\n if (firstIndex >= 0) {\n focusOption(firstIndex);\n\n if (props.selectionMode === 'single') {\n selectValue(props.options[firstIndex].value);\n }\n }\n\n return;\n }\n\n if (event.key === 'End') {\n event.preventDefault();\n const lastIndex = [...props.options].reverse().findIndex((option) => !option.disabled);\n\n if (lastIndex >= 0) {\n const resolvedIndex = props.options.length - 1 - lastIndex;\n focusOption(resolvedIndex);\n\n if (props.selectionMode === 'single') {\n selectValue(props.options[resolvedIndex].value);\n }\n }\n\n return;\n }\n\n if (\n event.key === 'ArrowRight' ||\n event.key === 'ArrowDown' ||\n event.key === 'ArrowLeft' ||\n event.key === 'ArrowUp'\n ) {\n event.preventDefault();\n const direction = event.key === 'ArrowRight' || event.key === 'ArrowDown' ? 1 : -1;\n const nextIndex = getNextEnabledIndex(index, props.options, direction as 1 | -1);\n\n if (nextIndex >= 0) {\n focusOption(nextIndex);\n\n if (props.selectionMode === 'single') {\n selectValue(props.options[nextIndex].value);\n }\n }\n\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectValue(props.options[index].value);\n }\n};\n\nconst getTabIndex = (index: number) => (focusedIndex.value === index ? 0 : -1);\n\nwatch(\n () => [props.modelValue, props.options] as const,\n () => {\n const nextIndex = getInitialFocusedIndex();\n focusedIndex.value = nextIndex >= 0 ? nextIndex : -1;\n },\n { deep: true },\n);\n</script>\n\n<template>\n <div\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :role=\"selectionMode === 'single' ? 'radiogroup' : 'group'\"\n >\n <button\n v-for=\"(option, index) in options\"\n :id=\"`${baseId}-${option.value}`\"\n :ref=\"(element) => setButtonRef(element, option.value)\"\n :key=\"option.value\"\n type=\"button\"\n class=\"tree-toggle-group__item\"\n :class=\"{\n 'is-selected': isSelected(option.value),\n 'is-disabled': disabled || option.disabled,\n }\"\n :role=\"selectionMode === 'single' ? 'radio' : undefined\"\n :aria-checked=\"selectionMode === 'single' ? isSelected(option.value) : undefined\"\n :aria-pressed=\"selectionMode === 'multiple' ? isSelected(option.value) : undefined\"\n :tabindex=\"option.disabled || disabled ? -1 : getTabIndex(index)\"\n :disabled=\"disabled || option.disabled\"\n @click=\"selectValue(option.value)\"\n @keydown=\"onOptionKeydown($event, index)\"\n @focus=\"focusedIndex = index\"\n >\n <slot\n name=\"option\"\n :option=\"option\"\n :selected=\"isSelected(option.value)\"\n >\n {{ option.label }}\n </slot>\n </button>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs, ref, watch, nextTick } from 'vue';\nimport type { TreeSize } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n invalid?: boolean;\n placeholder?: string;\n rows?: number;\n autoGrow?: boolean;\n }>(),\n {\n modelValue: '',\n size: 'md',\n disabled: false,\n loading: false,\n invalid: false,\n placeholder: '',\n rows: 3,\n autoGrow: false,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\n\nconst rootClasses = computed(() => [\n 'tree-textarea',\n `tree-textarea--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'is-loading': props.loading,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst textareaAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst stringValue = computed(() => `${props.modelValue ?? ''}`);\n\nconst onInput = (event: Event) => {\n emit('update:modelValue', (event.target as HTMLTextAreaElement).value);\n};\n\nconst adjustHeight = () => {\n const el = textareaRef.value;\n if (!el || !props.autoGrow) return;\n el.style.height = 'auto';\n el.style.height = `${el.scrollHeight}px`;\n};\n\nwatch(\n () => props.modelValue,\n async () => {\n if (!props.autoGrow) return;\n await nextTick();\n adjustHeight();\n },\n);\n</script>\n\n<template>\n <label\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <textarea\n ref=\"textareaRef\"\n v-bind=\"textareaAttrs\"\n class=\"tree-textarea__field\"\n :value=\"stringValue\"\n :placeholder=\"placeholder\"\n :disabled=\"disabled\"\n :rows=\"rows\"\n :aria-invalid=\"invalid || undefined\"\n @input=\"onInput\"\n />\n <TreeSpinner\n v-if=\"loading\"\n size=\"sm\"\n label=\"Loading\"\n />\n </label>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = withDefaults(\n defineProps<{\n width?: string;\n height?: string;\n animation?: 'pulse' | 'wave' | 'none';\n }>(),\n {\n width: '100%',\n height: undefined,\n animation: 'pulse',\n },\n);\n\nconst classes = computed(() => [\n 'tree-skeleton',\n props.animation !== 'none' ? `tree-skeleton--${props.animation}` : '',\n]);\n\nconst style = computed(() => ({\n width: props.width,\n height: props.height,\n}));\n</script>\n\n<template>\n <span\n :class=\"classes\"\n :style=\"style\"\n aria-hidden=\"true\"\n >\n <slot />\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs, useSlots } from 'vue';\nimport TreeSkeleton from './TreeSkeleton.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst _treeStatTones = ['neutral', 'success', 'warning', 'danger', 'info'] as const;\nconst _treeStatTrendDirections = ['up', 'down', 'neutral'] as const;\n\nexport type TreeStatTone = (typeof _treeStatTones)[number];\nexport type TreeStatTrendDirection = (typeof _treeStatTrendDirections)[number];\n\nconst props = withDefaults(\n defineProps<{\n label?: string;\n value?: string | number;\n trend?: string;\n meta?: string;\n tone?: TreeStatTone;\n trendDirection?: TreeStatTrendDirection;\n loading?: boolean;\n }>(),\n {\n label: '',\n value: '',\n trend: '',\n meta: '',\n tone: 'neutral',\n trendDirection: 'neutral',\n loading: false,\n },\n);\n\ndefineSlots<{\n icon?: () => unknown;\n label?: () => unknown;\n value?: () => unknown;\n trend?: () => unknown;\n meta?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst slots = useSlots();\n\nconst rootClasses = computed(() => [\n 'tree-stat',\n `tree-stat--${props.tone}`,\n {\n 'has-icon': Boolean(slots.icon) && !props.loading,\n 'is-loading': props.loading,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst loadingAttrs = computed(() => ({\n ...rootAttrs.value,\n 'aria-busy': props.loading || undefined,\n}));\n\nconst hasValue = computed(() => props.value !== '' && props.value !== null && props.value !== undefined);\nconst hasTrend = computed(() => Boolean(slots.trend || props.trend));\nconst hasMeta = computed(() => Boolean(slots.meta || props.meta));\nconst hasLabel = computed(() => Boolean(slots.label || props.label));\n\nconst trendSymbol = computed(() => {\n if (props.trendDirection === 'up') {\n return '+';\n }\n\n if (props.trendDirection === 'down') {\n return '-';\n }\n\n return '•';\n});\n</script>\n\n<template>\n <div\n v-bind=\"loadingAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <template v-if=\"loading\">\n <div class=\"tree-stat__loading\">\n <TreeSkeleton class=\"tree-stat__loading-label\" />\n <TreeSkeleton class=\"tree-stat__loading-value\" />\n <TreeSkeleton class=\"tree-stat__loading-trend\" />\n </div>\n </template>\n <template v-else>\n <div\n v-if=\"$slots.icon\"\n class=\"tree-stat__icon\"\n >\n <slot name=\"icon\" />\n </div>\n\n <div class=\"tree-stat__body\">\n <div\n v-if=\"hasLabel || hasMeta\"\n class=\"tree-stat__topline\"\n >\n <p\n v-if=\"hasLabel\"\n class=\"tree-stat__label\"\n >\n <slot name=\"label\">\n {{ label }}\n </slot>\n </p>\n\n <p\n v-if=\"hasMeta\"\n class=\"tree-stat__meta\"\n >\n <slot name=\"meta\">\n {{ meta }}\n </slot>\n </p>\n </div>\n\n <div class=\"tree-stat__content\">\n <p\n v-if=\"hasValue || $slots.value\"\n class=\"tree-stat__value\"\n >\n <slot name=\"value\">\n {{ value }}\n </slot>\n </p>\n\n <p\n v-if=\"hasTrend\"\n class=\"tree-stat__trend\"\n >\n <slot name=\"trend\">\n <span\n class=\"tree-stat__trend-indicator\"\n aria-hidden=\"true\"\n >\n {{ trendSymbol }}\n </span>\n <span>{{ trend }}</span>\n </slot>\n </p>\n </div>\n </div>\n </template>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: boolean;\n size?: TreeSize;\n disabled?: boolean;\n invalid?: boolean;\n }>(),\n {\n modelValue: false,\n size: 'md',\n disabled: false,\n invalid: false,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n 'tree-switch',\n `tree-switch--${props.size}`,\n {\n 'is-checked': props.modelValue,\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst onChange = () => {\n emit('update:modelValue', !props.modelValue);\n};\n</script>\n\n<template>\n <label\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <input\n v-bind=\"inputAttrs\"\n type=\"checkbox\"\n role=\"switch\"\n class=\"tree-switch__input\"\n :checked=\"modelValue\"\n :disabled=\"disabled\"\n :aria-checked=\"modelValue\"\n :aria-invalid=\"invalid || undefined\"\n @change=\"onChange\"\n >\n <span\n class=\"tree-switch__track\"\n aria-hidden=\"true\"\n >\n <span class=\"tree-switch__thumb\" />\n </span>\n <span\n v-if=\"$slots.default\"\n class=\"tree-switch__label\"\n >\n <slot />\n </span>\n </label>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, toRef, useAttrs } from 'vue';\nimport { createId } from '@treeui/utils';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeTooltipSide } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n content?: string;\n side?: TreeTooltipSide;\n delay?: number;\n id?: string;\n }>(),\n {\n defaultOpen: false,\n disabled: false,\n content: '',\n side: 'top',\n delay: 80,\n id: undefined,\n },\n);\n\nconst emit = defineEmits<{\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\nconst contentId = props.id ?? createId('tree-tooltip');\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\nconst rootClasses = computed(() => ['tree-tooltip', attrs.class]);\nconst rootStyle = computed(() => attrs.style);\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nlet openTimer: ReturnType<typeof setTimeout> | undefined;\n\nconst clearOpenTimer = () => {\n if (openTimer) {\n clearTimeout(openTimer);\n openTimer = undefined;\n }\n};\n\nconst show = (immediate = false) => {\n if (props.disabled) {\n return;\n }\n\n clearOpenTimer();\n\n if (immediate) {\n setValue(true);\n return;\n }\n\n openTimer = setTimeout(() => {\n setValue(true);\n }, props.delay);\n};\n\nconst showOnFocus = () => {\n show(true);\n};\n\nconst showOnPointer = () => {\n show();\n};\n\nconst hide = () => {\n clearOpenTimer();\n setValue(false);\n};\n\nconst tooltipClasses = computed(() => [\n 'tree-tooltip__content',\n `tree-tooltip__content--${props.side}`,\n]);\n\nonBeforeUnmount(clearOpenTimer);\n</script>\n\n<template>\n <span\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n @mouseenter=\"showOnPointer\"\n @mouseleave=\"hide\"\n @focus.capture=\"showOnFocus\"\n @blur.capture=\"hide\"\n >\n <span\n class=\"tree-tooltip__trigger\"\n :aria-describedby=\"isOpen ? contentId : undefined\"\n v-bind=\"triggerAttrs\"\n >\n <slot name=\"trigger\">\n <slot />\n </slot>\n </span>\n <transition name=\"tree-fade\">\n <span\n v-if=\"isOpen && !disabled\"\n :id=\"contentId\"\n role=\"tooltip\"\n :class=\"tooltipClasses\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <slot name=\"content\">\n {{ content }}\n </slot>\n </span>\n </transition>\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n label?: string;\n htmlFor?: string;\n error?: string;\n hint?: string;\n required?: boolean;\n disabled?: boolean;\n size?: TreeSize;\n }>(),\n {\n label: undefined,\n htmlFor: undefined,\n error: undefined,\n hint: undefined,\n required: false,\n disabled: false,\n size: 'md',\n },\n);\n\nconst attrs = useAttrs();\n\nconst hasError = computed(() => !!props.error || !!slots.error);\n\nconst slots = defineSlots<{\n default?: (props: Record<string, never>) => unknown;\n label?: (props: Record<string, never>) => unknown;\n error?: (props: Record<string, never>) => unknown;\n hint?: (props: Record<string, never>) => unknown;\n}>();\n\nconst rootClasses = computed(() => [\n 'tree-form-field',\n `tree-form-field--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': hasError.value,\n 'is-required': props.required,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst fieldAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n</script>\n\n<template>\n <div\n v-bind=\"fieldAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <label\n v-if=\"label || $slots.label\"\n class=\"tree-form-field__label\"\n :for=\"htmlFor\"\n >\n <slot name=\"label\">{{ label }}</slot>\n <span\n v-if=\"required\"\n class=\"tree-form-field__required\"\n aria-hidden=\"true\"\n >*</span>\n </label>\n\n <div class=\"tree-form-field__control\">\n <slot />\n </div>\n\n <p\n v-if=\"hasError\"\n class=\"tree-form-field__error\"\n role=\"alert\"\n >\n <slot name=\"error\">\n {{ error }}\n </slot>\n </p>\n\n <p\n v-else-if=\"hint || $slots.hint\"\n class=\"tree-form-field__hint\"\n >\n <slot name=\"hint\">\n {{ hint }}\n </slot>\n </p>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nconst props = withDefaults(\n defineProps<{\n /** Current active page (1-based) */\n modelValue?: number;\n /** Total number of pages */\n totalPages: number;\n /** Number of sibling pages shown around the current page */\n siblings?: number;\n /** Size variant */\n size?: TreeSize;\n /** Disable all controls */\n disabled?: boolean;\n /** Accessible label for the nav element */\n label?: string;\n }>(),\n {\n modelValue: 1,\n siblings: 1,\n size: 'md',\n disabled: false,\n label: 'Pagination',\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [page: number];\n}>();\n\ndefineSlots<{\n previous?: (props: Record<string, never>) => unknown;\n next?: (props: Record<string, never>) => unknown;\n}>();\n\nconst currentPage = computed(() =>\n Math.min(Math.max(1, props.modelValue), props.totalPages),\n);\n\nconst pages = computed(() => {\n const total = props.totalPages;\n const current = currentPage.value;\n const siblings = props.siblings;\n const items: (number | 'ellipsis')[] = [];\n\n const rangeStart = Math.max(2, current - siblings);\n const rangeEnd = Math.min(total - 1, current + siblings);\n\n // Always show page 1\n items.push(1);\n\n // Leading ellipsis\n if (rangeStart > 2) {\n items.push('ellipsis');\n }\n\n // Sibling pages\n for (let i = rangeStart; i <= rangeEnd; i++) {\n items.push(i);\n }\n\n // Trailing ellipsis\n if (rangeEnd < total - 1) {\n items.push('ellipsis');\n }\n\n // Always show last page (if more than 1 page)\n if (total > 1) {\n items.push(total);\n }\n\n return items;\n});\n\nconst classes = computed(() => [\n 'tree-pagination',\n `tree-pagination--${props.size}`,\n { 'is-disabled': props.disabled },\n]);\n\nfunction goToPage(page: number) {\n if (props.disabled) return;\n const clamped = Math.min(Math.max(1, page), props.totalPages);\n if (clamped !== currentPage.value) {\n emit('update:modelValue', clamped);\n }\n}\n\nfunction onKeydown(event: KeyboardEvent, page: number) {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n goToPage(page);\n }\n}\n</script>\n\n<template>\n <nav\n :class=\"classes\"\n :aria-label=\"label\"\n >\n <ul class=\"tree-pagination__list\">\n <!-- Previous button -->\n <li class=\"tree-pagination__item\">\n <button\n class=\"tree-pagination__button tree-pagination__button--prev\"\n type=\"button\"\n :disabled=\"disabled || currentPage <= 1\"\n :aria-label=\"'Go to previous page'\"\n @click=\"goToPage(currentPage - 1)\"\n >\n <slot name=\"previous\">\n <svg\n class=\"tree-pagination__icon\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M10 12L6 8l4-4\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </slot>\n </button>\n </li>\n\n <!-- Page items -->\n <li\n v-for=\"(page, index) in pages\"\n :key=\"page === 'ellipsis' ? `ellipsis-${index}` : page\"\n class=\"tree-pagination__item\"\n >\n <span\n v-if=\"page === 'ellipsis'\"\n class=\"tree-pagination__ellipsis\"\n aria-hidden=\"true\"\n >\n &hellip;\n </span>\n <button\n v-else\n class=\"tree-pagination__button\"\n :class=\"{ 'is-active': page === currentPage }\"\n type=\"button\"\n :disabled=\"disabled\"\n :aria-label=\"`Go to page ${page}`\"\n :aria-current=\"page === currentPage ? 'page' : undefined\"\n @click=\"goToPage(page)\"\n @keydown=\"onKeydown($event, page)\"\n >\n {{ page }}\n </button>\n </li>\n\n <!-- Next button -->\n <li class=\"tree-pagination__item\">\n <button\n class=\"tree-pagination__button tree-pagination__button--next\"\n type=\"button\"\n :disabled=\"disabled || currentPage >= totalPages\"\n :aria-label=\"'Go to next page'\"\n @click=\"goToPage(currentPage + 1)\"\n >\n <slot name=\"next\">\n <svg\n class=\"tree-pagination__icon\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M6 4l4 4-4 4\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </slot>\n </button>\n </li>\n </ul>\n </nav>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { createId, focusFirst, isEscapeKey } from '@treeui/utils';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeTooltipSide } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n side?: TreeTooltipSide;\n align?: 'start' | 'center' | 'end';\n id?: string;\n }>(),\n {\n open: undefined,\n defaultOpen: false,\n disabled: false,\n side: 'bottom',\n align: 'center',\n id: undefined,\n },\n);\n\nconst emit = defineEmits<{\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\ndefineSlots<{\n trigger(props: { isOpen: boolean }): unknown;\n default(): unknown;\n}>();\n\nconst attrs = useAttrs();\nconst contentId = props.id ?? createId('tree-popover');\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst contentRef = ref<HTMLElement | null>(null);\n\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 'tree-popover',\n {\n 'is-open': isOpen.value,\n 'is-disabled': props.disabled,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst contentClasses = computed(() => [\n 'tree-popover__content',\n `tree-popover__content--${props.side}`,\n `tree-popover__content--align-${props.align}`,\n]);\n\nconst openPopover = () => {\n if (props.disabled) return;\n setValue(true);\n nextTick(() => {\n if (contentRef.value) {\n if (!focusFirst(contentRef.value)) {\n contentRef.value.focus();\n }\n }\n });\n};\n\nconst closePopover = (restoreFocus = false) => {\n setValue(false);\n if (restoreFocus) {\n nextTick(() => triggerRef.value?.focus());\n }\n};\n\nconst togglePopover = () => {\n if (isOpen.value) {\n closePopover();\n } else {\n openPopover();\n }\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n if (props.disabled) return;\n\n if (isEscapeKey(event) && isOpen.value) {\n event.preventDefault();\n closePopover();\n }\n};\n\nconst onContentKeydown = (event: KeyboardEvent) => {\n if (isEscapeKey(event)) {\n event.preventDefault();\n closePopover(true);\n }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) return;\n const target = event.target;\n if (!(target instanceof Node)) return;\n if (rootRef.value?.contains(target)) return;\n closePopover();\n};\n\nwatch(isOpen, (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n } else {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n }\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <div\n class=\"tree-popover__anchor\"\n @click=\"togglePopover\"\n @keydown=\"onTriggerKeydown\"\n >\n <slot\n name=\"trigger\"\n :is-open=\"isOpen\"\n >\n <button\n ref=\"triggerRef\"\n type=\"button\"\n class=\"tree-popover__trigger\"\n :disabled=\"disabled\"\n :aria-expanded=\"isOpen\"\n :aria-controls=\"isOpen ? contentId : undefined\"\n aria-haspopup=\"dialog\"\n v-bind=\"triggerAttrs\"\n />\n </slot>\n </div>\n <transition name=\"tree-popover-fade\">\n <div\n v-if=\"isOpen && !disabled\"\n :id=\"contentId\"\n ref=\"contentRef\"\n role=\"dialog\"\n :class=\"contentClasses\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n tabindex=\"-1\"\n @keydown=\"onContentKeydown\"\n >\n <slot />\n </div>\n </transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nconst props = withDefaults(\n defineProps<{\n /** Current progress value (0–100). Omit for indeterminate. */\n value?: number;\n /** Maximum value. Defaults to 100. */\n max?: number;\n /** Size variant */\n size?: TreeSize;\n /** Accessible label */\n label?: string;\n }>(),\n {\n value: undefined,\n max: 100,\n size: 'md',\n label: 'Progress',\n },\n);\n\nconst isIndeterminate = computed(() => props.value === undefined || props.value === null);\n\nconst percentage = computed(() => {\n if (isIndeterminate.value) return 0;\n return Math.min(100, Math.max(0, (props.value! / props.max) * 100));\n});\n\nconst classes = computed(() => [\n 'tree-progress',\n `tree-progress--${props.size}`,\n { 'tree-progress--indeterminate': isIndeterminate.value },\n]);\n</script>\n\n<template>\n <div\n :class=\"classes\"\n role=\"progressbar\"\n :aria-valuenow=\"isIndeterminate ? undefined : percentage\"\n :aria-valuemin=\"0\"\n :aria-valuemax=\"100\"\n :aria-label=\"label\"\n >\n <div class=\"tree-progress__track\">\n <div\n class=\"tree-progress__fill\"\n :style=\"isIndeterminate ? undefined : { width: `${percentage}%` }\"\n />\n </div>\n\n <span class=\"tree-visually-hidden\">{{ label }}</span>\n </div>\n</template>\n","import type { InjectionKey, Ref } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nexport type TabsActivationMode = 'automatic' | 'manual';\n\nexport interface TabsContext {\n activeValue: Ref<string>;\n setActiveValue: (value: string) => void;\n size: Ref<TreeSize>;\n activationMode: Ref<TabsActivationMode>;\n disabled: Ref<boolean>;\n baseId: string;\n registerTab: (value: string) => void;\n unregisterTab: (value: string) => void;\n getTabValues: () => string[];\n isTabDisabled: (value: string) => boolean;\n setTabDisabled: (value: string, disabled: boolean) => void;\n}\n\nexport const TABS_INJECTION_KEY: InjectionKey<TabsContext> = Symbol('TreeTabs');\n","<script setup lang=\"ts\">\nimport { createId } from '@treeui/utils';\nimport { computed, provide, reactive, ref, toRef, watch } from 'vue';\nimport type { TreeSize } from '../types/contracts';\nimport type { TabsActivationMode } from './tabs-context';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n defaultValue?: string;\n size?: TreeSize;\n activationMode?: TabsActivationMode;\n disabled?: boolean;\n }>(),\n {\n modelValue: undefined,\n defaultValue: '',\n size: 'md',\n activationMode: 'automatic',\n disabled: false,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n}>();\n\nconst baseId = createId('tree-tabs');\nconst internalValue = ref(props.defaultValue);\nconst tabOrder = ref<string[]>([]);\nconst disabledTabs: Record<string, boolean> = reactive({});\n\nconst activeValue = computed(() => props.modelValue ?? internalValue.value);\n\nconst setActiveValue = (value: string) => {\n if (value === activeValue.value) return;\n if (props.modelValue === undefined) {\n internalValue.value = value;\n }\n emit('update:modelValue', value);\n};\n\nconst registerTab = (value: string) => {\n if (!tabOrder.value.includes(value)) {\n tabOrder.value.push(value);\n }\n};\n\nconst unregisterTab = (value: string) => {\n const idx = tabOrder.value.indexOf(value);\n if (idx >= 0) tabOrder.value.splice(idx, 1);\n delete disabledTabs[value];\n};\n\nconst getTabValues = () => tabOrder.value;\n\nconst isTabDisabled = (value: string) => props.disabled || !!disabledTabs[value];\n\nconst setTabDisabled = (value: string, disabled: boolean) => {\n if (disabled) {\n disabledTabs[value] = true;\n } else {\n delete disabledTabs[value];\n }\n};\n\nwatch(\n () => props.modelValue,\n (val) => {\n if (val !== undefined) {\n internalValue.value = val;\n }\n },\n);\n\nprovide(TABS_INJECTION_KEY, {\n activeValue,\n setActiveValue,\n size: toRef(props, 'size'),\n activationMode: toRef(props, 'activationMode'),\n disabled: toRef(props, 'disabled'),\n baseId,\n registerTab,\n unregisterTab,\n getTabValues,\n isTabDisabled,\n setTabDisabled,\n});\n\nconst rootClasses = computed(() => [\n 'tree-tabs',\n `tree-tabs--${props.size}`,\n]);\n</script>\n\n<template>\n <div :class=\"rootClasses\">\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { isActivationKey } from '@treeui/utils';\nimport { computed, inject, ref } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n throw new Error('TTabList must be used inside TTabs');\n}\n\nconst listRef = ref<HTMLElement | null>(null);\n\nconst getAllTabElements = (): HTMLElement[] => {\n if (!listRef.value) return [];\n return Array.from(\n listRef.value.querySelectorAll<HTMLElement>('[role=\"tab\"]'),\n );\n};\n\nconst getEnabledTabElements = (): HTMLElement[] => {\n return getAllTabElements().filter((el) => {\n const value = el.dataset.tabValue;\n return value ? !ctx.isTabDisabled(value) : false;\n });\n};\n\nconst moveFocus = (direction: 1 | -1) => {\n const tabs = getEnabledTabElements();\n if (!tabs.length) return;\n\n const current = document.activeElement as HTMLElement;\n const currentIndex = tabs.indexOf(current);\n let nextIndex = currentIndex + direction;\n\n if (nextIndex < 0) nextIndex = tabs.length - 1;\n if (nextIndex >= tabs.length) nextIndex = 0;\n\n const nextTab = tabs[nextIndex];\n nextTab.focus();\n\n if (ctx.activationMode.value === 'automatic') {\n const value = nextTab.dataset.tabValue;\n if (value) ctx.setActiveValue(value);\n }\n};\n\nconst focusFirst = () => {\n const tabs = getEnabledTabElements();\n if (!tabs.length) return;\n tabs[0].focus();\n if (ctx.activationMode.value === 'automatic') {\n const value = tabs[0].dataset.tabValue;\n if (value) ctx.setActiveValue(value);\n }\n};\n\nconst focusLast = () => {\n const tabs = getEnabledTabElements();\n if (!tabs.length) return;\n const last = tabs[tabs.length - 1];\n last.focus();\n if (ctx.activationMode.value === 'automatic') {\n const value = last.dataset.tabValue;\n if (value) ctx.setActiveValue(value);\n }\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n switch (event.key) {\n case 'ArrowRight':\n event.preventDefault();\n moveFocus(1);\n break;\n case 'ArrowLeft':\n event.preventDefault();\n moveFocus(-1);\n break;\n case 'Home':\n event.preventDefault();\n focusFirst();\n break;\n case 'End':\n event.preventDefault();\n focusLast();\n break;\n default:\n if (ctx.activationMode.value === 'manual' && isActivationKey(event)) {\n event.preventDefault();\n const target = event.target as HTMLElement;\n const value = target.dataset?.tabValue;\n if (value) ctx.setActiveValue(value);\n }\n break;\n }\n};\n\nconst classes = computed(() => [\n 'tree-tabs__list',\n]);\n</script>\n\n<template>\n <div\n ref=\"listRef\"\n role=\"tablist\"\n aria-orientation=\"horizontal\"\n :class=\"classes\"\n @keydown=\"onKeydown\"\n >\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject, onBeforeUnmount, onMounted, watch } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = withDefaults(\n defineProps<{\n value: string;\n disabled?: boolean;\n }>(),\n {\n disabled: false,\n },\n);\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n throw new Error('TTab must be used inside TTabs');\n}\n\nonMounted(() => {\n ctx.registerTab(props.value);\n ctx.setTabDisabled(props.value, props.disabled);\n});\n\nwatch(\n () => props.disabled,\n (val) => ctx.setTabDisabled(props.value, val),\n);\n\nonBeforeUnmount(() => {\n ctx.unregisterTab(props.value);\n});\n\nconst isActive = computed(() => ctx.activeValue.value === props.value);\nconst isDisabled = computed(() => ctx.isTabDisabled(props.value));\nconst tabId = computed(() => `${ctx.baseId}-tab-${props.value}`);\nconst panelId = computed(() => `${ctx.baseId}-panel-${props.value}`);\n\nconst onClick = () => {\n if (isDisabled.value) return;\n ctx.setActiveValue(props.value);\n};\n\nconst classes = computed(() => [\n 'tree-tabs__tab',\n `tree-tabs__tab--${ctx.size.value}`,\n {\n 'is-active': isActive.value,\n 'is-disabled': isDisabled.value,\n },\n]);\n</script>\n\n<template>\n <button\n :id=\"tabId\"\n role=\"tab\"\n type=\"button\"\n :class=\"classes\"\n :aria-selected=\"isActive\"\n :aria-controls=\"panelId\"\n :tabindex=\"isActive ? 0 : -1\"\n :disabled=\"isDisabled || undefined\"\n :data-tab-value=\"value\"\n @click=\"onClick\"\n >\n <slot />\n </button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = defineProps<{\n value: string;\n}>();\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n throw new Error('TTabPanel must be used inside TTabs');\n}\n\nconst isActive = computed(() => ctx.activeValue.value === props.value);\nconst panelId = computed(() => `${ctx.baseId}-panel-${props.value}`);\nconst tabId = computed(() => `${ctx.baseId}-tab-${props.value}`);\n</script>\n\n<template>\n <div\n v-if=\"isActive\"\n :id=\"panelId\"\n role=\"tabpanel\"\n :aria-labelledby=\"tabId\"\n tabindex=\"0\"\n class=\"tree-tabs__panel\"\n >\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { createId } from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport { computed } from 'vue';\nimport type { ToastItem } from '../composables/useToast';\n\nconst XIcon = getTreeIcon('x');\n\nconst iconMap = {\n info: getTreeIcon('info'),\n success: getTreeIcon('check'),\n warning: getTreeIcon('alert-circle'),\n danger: getTreeIcon('alert-circle'),\n} as const;\n\nconst props = withDefaults(\n defineProps<{\n toast: ToastItem;\n }>(),\n {},\n);\n\nconst emit = defineEmits<{\n close: [id: string];\n}>();\n\nconst toastId = createId('tree-toast-item');\nconst titleId = `${toastId}-title`;\nconst descriptionId = `${toastId}-description`;\n\nconst classes = computed(() => [\n 'tree-toast',\n `tree-toast--${props.toast.variant}`,\n]);\n\nconst StatusIcon = computed(() => iconMap[props.toast.variant]);\n\nfunction handleClose() {\n emit('close', props.toast.id);\n}\n</script>\n\n<template>\n <div\n :class=\"classes\"\n role=\"status\"\n :aria-labelledby=\"titleId\"\n :aria-describedby=\"toast.description ? descriptionId : undefined\"\n >\n <span\n class=\"tree-toast__icon\"\n aria-hidden=\"true\"\n >\n <StatusIcon\n v-bind=\"treeIconDefaults\"\n :size=\"18\"\n />\n </span>\n <div class=\"tree-toast__content\">\n <p\n :id=\"titleId\"\n class=\"tree-toast__title\"\n >\n {{ toast.title }}\n </p>\n <p\n v-if=\"toast.description\"\n :id=\"descriptionId\"\n class=\"tree-toast__description\"\n >\n {{ toast.description }}\n </p>\n </div>\n <button\n v-if=\"toast.closable\"\n type=\"button\"\n class=\"tree-toast__close\"\n aria-label=\"Dismiss notification\"\n @click=\"handleClose\"\n >\n <XIcon\n v-bind=\"treeIconDefaults\"\n :size=\"16\"\n />\n </button>\n </div>\n</template>\n","import { readonly, ref } from 'vue';\nimport { createId } from '@treeui/utils';\n\nexport type ToastVariant = 'info' | 'success' | 'warning' | 'danger';\n\nexport type ToastPosition =\n | 'top-right'\n | 'top-left'\n | 'bottom-right'\n | 'bottom-left'\n | 'top-center'\n | 'bottom-center';\n\nexport interface ToastOptions {\n title: string;\n description?: string;\n variant?: ToastVariant;\n duration?: number;\n closable?: boolean;\n}\n\nexport interface ToastItem extends Required<Pick<ToastOptions, 'title' | 'variant' | 'duration' | 'closable'>> {\n id: string;\n description?: string;\n}\n\nconst toasts = ref<ToastItem[]>([]);\nconst timers = new Map<string, ReturnType<typeof setTimeout>>();\n\nfunction add(options: ToastOptions): string {\n const id = createId('tree-toast');\n\n const item: ToastItem = {\n id,\n title: options.title,\n description: options.description,\n variant: options.variant ?? 'info',\n duration: options.duration ?? 5000,\n closable: options.closable ?? true,\n };\n\n toasts.value = [...toasts.value, item];\n\n if (item.duration > 0) {\n const timer = setTimeout(() => {\n remove(id);\n }, item.duration);\n timers.set(id, timer);\n }\n\n return id;\n}\n\nfunction remove(id: string) {\n const timer = timers.get(id);\n\n if (timer) {\n clearTimeout(timer);\n timers.delete(id);\n }\n\n toasts.value = toasts.value.filter((t) => t.id !== id);\n}\n\nfunction clear() {\n for (const timer of timers.values()) {\n clearTimeout(timer);\n }\n\n timers.clear();\n toasts.value = [];\n}\n\nexport function useToast() {\n return {\n toasts: readonly(toasts),\n add,\n remove,\n clear,\n };\n}\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { useToast, type ToastPosition } from '../composables/useToast';\nimport TreeToast from './TreeToast.vue';\n\nconst props = withDefaults(\n defineProps<{\n position?: ToastPosition;\n max?: number;\n }>(),\n {\n position: 'bottom-right',\n max: 5,\n },\n);\n\nconst { toasts, remove } = useToast();\n\nconst visibleToasts = computed(() =>\n toasts.value.slice(-props.max),\n);\n\nconst classes = computed(() => [\n 'tree-toast-provider',\n `tree-toast-provider--${props.position}`,\n]);\n\nfunction handleClose(id: string) {\n remove(id);\n}\n</script>\n\n<template>\n <slot />\n\n <Teleport to=\"body\">\n <div\n :class=\"classes\"\n aria-live=\"polite\"\n aria-relevant=\"additions removals\"\n >\n <TransitionGroup name=\"tree-toast\">\n <TreeToast\n v-for=\"toast in visibleToasts\"\n :key=\"toast.id\"\n :toast=\"toast\"\n @close=\"handleClose\"\n />\n </TransitionGroup>\n </div>\n </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nexport type TreeAvatarStatus = 'online' | 'offline' | 'busy' | 'away';\n\nconst props = withDefaults(\n defineProps<{\n src?: string;\n alt?: string;\n initials?: string;\n size?: TreeSize;\n status?: TreeAvatarStatus;\n }>(),\n {\n src: undefined,\n alt: '',\n initials: undefined,\n size: 'md',\n status: undefined,\n },\n);\n\nconst classes = computed(() => [\n 'tree-avatar',\n `tree-avatar--${props.size}`,\n]);\n\nconst computedInitials = computed(() => {\n if (props.initials) return props.initials;\n if (props.alt) {\n return props.alt\n .split(' ')\n .filter(Boolean)\n .map((w) => w[0])\n .slice(0, 2)\n .join('')\n .toUpperCase();\n }\n return '';\n});\n\nfunction onImgError(event: Event) {\n const target = event.target as HTMLImageElement;\n target.style.display = 'none';\n}\n</script>\n\n<template>\n <span\n :class=\"classes\"\n role=\"img\"\n :aria-label=\"alt || undefined\"\n >\n <img\n v-if=\"src\"\n :src=\"src\"\n :alt=\"alt\"\n class=\"tree-avatar__image\"\n @error=\"onImgError\"\n >\n <span\n v-else\n class=\"tree-avatar__initials\"\n aria-hidden=\"true\"\n >\n {{ computedInitials }}\n </span>\n <slot />\n <span\n v-if=\"status\"\n class=\"tree-avatar__status\"\n :class=\"`tree-avatar__status--${status}`\"\n :aria-label=\"status\"\n />\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = withDefaults(\n defineProps<{\n orientation?: 'horizontal' | 'vertical';\n decorative?: boolean;\n label?: string;\n }>(),\n {\n orientation: 'horizontal',\n decorative: true,\n label: undefined,\n },\n);\n\nconst classes = computed(() => [\n 'tree-divider',\n `tree-divider--${props.orientation}`,\n]);\n</script>\n\n<template>\n <hr\n :class=\"classes\"\n :role=\"decorative ? 'none' : 'separator'\"\n :aria-orientation=\"!decorative ? orientation : undefined\"\n :aria-label=\"!decorative ? label : undefined\"\n >\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nexport type TreeTableColumn = {\n key: string;\n label: string;\n sortable?: boolean;\n align?: 'left' | 'center' | 'right';\n width?: string;\n};\n\nexport type TreeTableSortDirection = 'asc' | 'desc' | 'none';\n\nexport type TreeTableSortState = {\n key: string;\n direction: TreeTableSortDirection;\n};\n\nconst props = withDefaults(\n defineProps<{\n columns: TreeTableColumn[];\n rows: Record<string, unknown>[];\n size?: TreeSize;\n sortBy?: TreeTableSortState;\n }>(),\n {\n size: 'md',\n sortBy: undefined,\n },\n);\n\nconst emit = defineEmits<{\n (e: 'sort', state: TreeTableSortState): void;\n}>();\n\ndefineSlots<{\n [key: `cell-${string}`]: (props: { row: Record<string, unknown>; value: unknown }) => void;\n [key: `header-${string}`]: (props: { column: TreeTableColumn }) => void;\n empty: () => void;\n}>();\n\nconst internalSort = ref<TreeTableSortState | undefined>(undefined);\n\nconst currentSort = computed(() => props.sortBy ?? internalSort.value);\n\nconst classes = computed(() => [\n 'tree-table',\n `tree-table--${props.size}`,\n]);\n\nconst sortedRows = computed(() => {\n const sort = currentSort.value;\n if (!sort || sort.direction === 'none') return props.rows;\n\n return [...props.rows].sort((a, b) => {\n const aVal = a[sort.key];\n const bVal = b[sort.key];\n\n if (aVal == null && bVal == null) return 0;\n if (aVal == null) return 1;\n if (bVal == null) return -1;\n\n const cmp =\n typeof aVal === 'number' && typeof bVal === 'number'\n ? aVal - bVal\n : String(aVal).localeCompare(String(bVal));\n\n return sort.direction === 'desc' ? -cmp : cmp;\n });\n});\n\nfunction handleSort(column: TreeTableColumn) {\n if (!column.sortable) return;\n\n const cur = currentSort.value;\n let direction: TreeTableSortDirection = 'asc';\n\n if (cur?.key === column.key) {\n if (cur.direction === 'asc') direction = 'desc';\n else if (cur.direction === 'desc') direction = 'none';\n else direction = 'asc';\n }\n\n const state: TreeTableSortState = { key: column.key, direction };\n internalSort.value = state;\n emit('sort', state);\n}\n\nfunction sortAriaSort(column: TreeTableColumn): 'none' | 'ascending' | 'descending' | undefined {\n if (!column.sortable) return undefined;\n const cur = currentSort.value;\n if (cur?.key !== column.key || cur.direction === 'none') return 'none';\n return cur.direction === 'asc' ? 'ascending' : 'descending';\n}\n\nfunction handleHeaderKeydown(event: KeyboardEvent, column: TreeTableColumn) {\n if (column.sortable && (event.key === 'Enter' || event.key === ' ')) {\n event.preventDefault();\n handleSort(column);\n }\n}\n</script>\n\n<template>\n <div class=\"tree-table-wrapper\">\n <table\n :class=\"classes\"\n role=\"grid\"\n >\n <thead class=\"tree-table__head\">\n <tr class=\"tree-table__row\">\n <th\n v-for=\"column in columns\"\n :key=\"column.key\"\n class=\"tree-table__header\"\n :class=\"[\n column.sortable ? 'tree-table__header--sortable' : '',\n column.align ? `tree-table__header--${column.align}` : '',\n ]\"\n :style=\"column.width ? { width: column.width } : undefined\"\n :aria-sort=\"sortAriaSort(column)\"\n :tabindex=\"column.sortable ? 0 : undefined\"\n scope=\"col\"\n @click=\"handleSort(column)\"\n @keydown=\"handleHeaderKeydown($event, column)\"\n >\n <slot\n :name=\"`header-${column.key}`\"\n :column=\"column\"\n >\n <span class=\"tree-table__header-content\">\n {{ column.label }}\n <span\n v-if=\"column.sortable\"\n class=\"tree-table__sort-icon\"\n aria-hidden=\"true\"\n >\n <svg\n v-if=\"currentSort?.key === column.key && currentSort.direction === 'asc'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"m18 15-6-6-6 6\" />\n </svg>\n <svg\n v-else-if=\"currentSort?.key === column.key && currentSort.direction === 'desc'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"m6 9 6 6 6-6\" />\n </svg>\n <svg\n v-else\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n style=\"opacity: 0.4\"\n >\n <path d=\"m7 15 5 5 5-5\" />\n <path d=\"m7 9 5-5 5 5\" />\n </svg>\n </span>\n </span>\n </slot>\n </th>\n </tr>\n </thead>\n <tbody class=\"tree-table__body\">\n <tr\n v-if=\"sortedRows.length === 0\"\n class=\"tree-table__row tree-table__row--empty\"\n >\n <td\n :colspan=\"columns.length\"\n class=\"tree-table__cell tree-table__cell--empty\"\n >\n <slot name=\"empty\">\n No data available.\n </slot>\n </td>\n </tr>\n <tr\n v-for=\"(row, index) in sortedRows\"\n :key=\"index\"\n class=\"tree-table__row\"\n >\n <td\n v-for=\"column in columns\"\n :key=\"column.key\"\n class=\"tree-table__cell\"\n :class=\"column.align ? `tree-table__cell--${column.align}` : ''\"\n >\n <slot\n :name=\"`cell-${column.key}`\"\n :row=\"row\"\n :value=\"row[column.key]\"\n >\n {{ row[column.key] ?? '' }}\n </slot>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nexport type TreeTagVariant = 'solid' | 'outline' | 'soft';\n\nconst props = withDefaults(\n defineProps<{\n variant?: TreeTagVariant;\n size?: TreeSize;\n removable?: boolean;\n disabled?: boolean;\n }>(),\n {\n variant: 'soft',\n size: 'md',\n removable: false,\n disabled: false,\n },\n);\n\nconst emit = defineEmits<{\n (e: 'remove'): void;\n}>();\n\nconst classes = computed(() => [\n 'tree-tag',\n `tree-tag--${props.variant}`,\n `tree-tag--${props.size}`,\n props.disabled ? 'is-disabled' : '',\n]);\n\nfunction handleRemove() {\n if (props.disabled) return;\n emit('remove');\n}\n</script>\n\n<template>\n <span :class=\"classes\">\n <span\n v-if=\"$slots.icon\"\n class=\"tree-tag__icon\"\n aria-hidden=\"true\"\n >\n <slot name=\"icon\" />\n </span>\n <span class=\"tree-tag__label\">\n <slot />\n </span>\n <button\n v-if=\"removable\"\n type=\"button\"\n class=\"tree-tag__remove\"\n :disabled=\"disabled\"\n aria-label=\"Remove\"\n @click=\"handleRemove\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <path d=\"M18 6 6 18\" />\n <path d=\"m6 6 12 12\" />\n </svg>\n </button>\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport type TreeTimelineTone = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';\n\nexport interface TreeTimelineItem {\n id?: string | number;\n title: string;\n description?: string;\n meta?: string;\n timestamp?: string;\n datetime?: string;\n tone?: TreeTimelineTone;\n}\n\nconst props = withDefaults(\n defineProps<{\n items?: TreeTimelineItem[];\n size?: TreeSize;\n }>(),\n {\n items: () => [],\n size: 'md',\n },\n);\n\ndefineSlots<{\n marker?: (props: { item: TreeTimelineItem; index: number }) => unknown;\n item?: (props: { item: TreeTimelineItem; index: number }) => unknown;\n}>();\n\nconst attrs = useAttrs();\n\nconst classes = computed(() => [\n 'tree-timeline',\n `tree-timeline--${props.size}`,\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst normalizeTone = (tone?: TreeTimelineTone) => tone ?? 'neutral';\nconst itemKey = (item: TreeTimelineItem, index: number) => item.id ?? `${item.title}-${index}`;\n</script>\n\n<template>\n <ol\n v-bind=\"rootAttrs\"\n :class=\"classes\"\n :style=\"rootStyle\"\n >\n <li\n v-for=\"(item, index) in items\"\n :key=\"itemKey(item, index)\"\n class=\"tree-timeline__item\"\n >\n <div class=\"tree-timeline__rail\">\n <span\n v-if=\"index < items.length - 1\"\n class=\"tree-timeline__line\"\n aria-hidden=\"true\"\n />\n <div\n class=\"tree-timeline__marker\"\n :class=\"`tree-timeline__marker--${normalizeTone(item.tone)}`\"\n aria-hidden=\"true\"\n >\n <slot\n name=\"marker\"\n :item=\"item\"\n :index=\"index\"\n />\n </div>\n </div>\n\n <div class=\"tree-timeline__content\">\n <slot\n name=\"item\"\n :item=\"item\"\n :index=\"index\"\n >\n <div\n v-if=\"item.meta\"\n class=\"tree-timeline__meta\"\n >\n {{ item.meta }}\n </div>\n\n <div class=\"tree-timeline__header\">\n <p class=\"tree-timeline__title\">\n {{ item.title }}\n </p>\n <time\n v-if=\"item.timestamp\"\n class=\"tree-timeline__timestamp\"\n :datetime=\"item.datetime || undefined\"\n >\n {{ item.timestamp }}\n </time>\n </div>\n\n <p\n v-if=\"item.description\"\n class=\"tree-timeline__description\"\n >\n {{ item.description }}\n </p>\n </slot>\n </div>\n </li>\n </ol>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\nimport TreeButton from './TreeButton.vue';\nimport TreeBadge from './TreeBadge.vue';\n\nexport interface PricingFeature {\n text: string;\n included?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n title: string;\n description?: string;\n price: string | number;\n currency?: string;\n period?: string;\n features?: PricingFeature[];\n highlighted?: boolean;\n badge?: string;\n buttonText?: string;\n size?: TreeSize;\n disabled?: boolean;\n }>(),\n {\n description: undefined,\n currency: '$',\n period: undefined,\n features: () => [],\n highlighted: false,\n badge: undefined,\n buttonText: undefined,\n size: 'md',\n disabled: false,\n },\n);\n\nconst emit = defineEmits<{\n select: [];\n}>();\n\ndefineSlots<{\n header?: () => unknown;\n price?: () => unknown;\n features?: () => unknown;\n action?: () => unknown;\n badge?: () => unknown;\n}>();\n\nconst classes = computed(() => [\n 'tree-pricing-card',\n `tree-pricing-card--${props.size}`,\n {\n 'tree-pricing-card--highlighted': props.highlighted,\n },\n]);\n\nconst onSelect = () => {\n if (!props.disabled) {\n emit('select');\n }\n};\n</script>\n\n<template>\n <article :class=\"classes\">\n <div\n v-if=\"badge || $slots.badge\"\n class=\"tree-pricing-card__badge\"\n >\n <slot name=\"badge\">\n <TreeBadge\n variant=\"solid\"\n size=\"sm\"\n >\n {{ badge }}\n </TreeBadge>\n </slot>\n </div>\n\n <header class=\"tree-pricing-card__header\">\n <slot name=\"header\">\n <h3 class=\"tree-pricing-card__title\">\n {{ title }}\n </h3>\n <p\n v-if=\"description\"\n class=\"tree-pricing-card__description\"\n >\n {{ description }}\n </p>\n </slot>\n </header>\n\n <div class=\"tree-pricing-card__price\">\n <slot name=\"price\">\n <span class=\"tree-pricing-card__currency\">{{ currency }}</span>\n <span class=\"tree-pricing-card__amount\">{{ price }}</span>\n <span\n v-if=\"period\"\n class=\"tree-pricing-card__period\"\n >{{ period }}</span>\n </slot>\n </div>\n\n <div\n v-if=\"features.length > 0 || $slots.features\"\n class=\"tree-pricing-card__features\"\n >\n <slot name=\"features\">\n <ul\n class=\"tree-pricing-card__feature-list\"\n role=\"list\"\n >\n <li\n v-for=\"(feature, index) in features\"\n :key=\"index\"\n class=\"tree-pricing-card__feature-item\"\n :class=\"{ 'tree-pricing-card__feature-item--excluded': feature.included === false }\"\n >\n <span\n class=\"tree-pricing-card__feature-icon\"\n aria-hidden=\"true\"\n >\n {{ feature.included === false ? '✕' : '✓' }}\n </span>\n <span>{{ feature.text }}</span>\n </li>\n </ul>\n </slot>\n </div>\n\n <footer\n v-if=\"buttonText || $slots.action\"\n class=\"tree-pricing-card__action\"\n >\n <slot name=\"action\">\n <TreeButton\n :variant=\"highlighted ? 'solid' : 'outline'\"\n :size=\"size\"\n :disabled=\"disabled\"\n @click=\"onSelect\"\n >\n {{ buttonText }}\n </TreeButton>\n </slot>\n </footer>\n </article>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\nimport TreePricingCard from './TreePricingCard.vue';\nimport type { PricingFeature } from './TreePricingCard.vue';\n\nexport interface PricingPlan {\n title: string;\n description?: string;\n price: string | number;\n currency?: string;\n period?: string;\n features?: PricingFeature[];\n highlighted?: boolean;\n badge?: string;\n buttonText?: string;\n disabled?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n plans: PricingPlan[];\n size?: TreeSize;\n columns?: number;\n }>(),\n {\n size: 'md',\n columns: undefined,\n },\n);\n\nconst emit = defineEmits<{\n select: [plan: PricingPlan, index: number];\n}>();\n\nconst gridStyle = computed(() => {\n if (props.columns) {\n return { gridTemplateColumns: `repeat(${props.columns}, 1fr)` };\n }\n return { gridTemplateColumns: `repeat(${props.plans.length}, 1fr)` };\n});\n</script>\n\n<template>\n <div\n class=\"tree-pricing\"\n :style=\"gridStyle\"\n role=\"list\"\n >\n <div\n v-for=\"(plan, index) in plans\"\n :key=\"index\"\n role=\"listitem\"\n >\n <slot\n name=\"plan\"\n :plan=\"plan\"\n :index=\"index\"\n >\n <TreePricingCard\n v-bind=\"plan\"\n :size=\"size\"\n @select=\"emit('select', plan, index)\"\n />\n </slot>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useAttrs, nextTick } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n size?: TreeSize;\n disabled?: boolean;\n placeholder?: string;\n uploadImage?: (file: File) => Promise<string>;\n }>(),\n {\n modelValue: '',\n size: 'md',\n disabled: false,\n placeholder: 'Write your markdown here...',\n uploadImage: undefined,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n 'image-upload': [file: File, url: string];\n 'image-upload-error': [file: File, error: Error];\n}>();\n\ndefineSlots<{\n toolbar?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\nconst isUploading = ref(false);\n\nconst rootClasses = computed(() => [\n 'tree-md-editor',\n `tree-md-editor--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-uploading': isUploading.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst editorAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst stringValue = computed(() => `${props.modelValue ?? ''}`);\n\nconst onInput = (event: Event) => {\n emit('update:modelValue', (event.target as HTMLTextAreaElement).value);\n};\n\n/* ──────── Toolbar Actions ──────── */\n\nconst insertAtCursor = (before: string, after = '') => {\n const el = textareaRef.value;\n if (!el) return;\n\n const start = el.selectionStart;\n const end = el.selectionEnd;\n const text = stringValue.value;\n const selected = text.slice(start, end);\n\n const newText = text.slice(0, start) + before + selected + after + text.slice(end);\n emit('update:modelValue', newText);\n\n nextTick(() => {\n el.focus();\n const cursorPos = selected\n ? start + before.length + selected.length + after.length\n : start + before.length;\n el.setSelectionRange(cursorPos, cursorPos);\n });\n};\n\nconst insertHeading = (level: number) => {\n const prefix = '#'.repeat(level) + ' ';\n const el = textareaRef.value;\n if (!el) return;\n\n const start = el.selectionStart;\n const text = stringValue.value;\n\n // Find start of current line\n const lineStart = text.lastIndexOf('\\n', start - 1) + 1;\n const lineEnd = text.indexOf('\\n', start);\n const actualEnd = lineEnd === -1 ? text.length : lineEnd;\n const line = text.slice(lineStart, actualEnd);\n\n // Strip existing heading markers\n const stripped = line.replace(/^#{1,6}\\s*/, '');\n const newLine = prefix + stripped;\n\n const newText = text.slice(0, lineStart) + newLine + text.slice(actualEnd);\n emit('update:modelValue', newText);\n\n nextTick(() => {\n el.focus();\n el.setSelectionRange(lineStart + newLine.length, lineStart + newLine.length);\n });\n};\n\nconst insertBold = () => insertAtCursor('**', '**');\nconst insertItalic = () => insertAtCursor('_', '_');\nconst insertCode = () => insertAtCursor('`', '`');\nconst insertCodeBlock = () => insertAtCursor('\\n```\\n', '\\n```\\n');\nconst insertLink = () => insertAtCursor('[', '](url)');\nconst insertList = () => insertAtCursor('\\n- ');\nconst insertOrderedList = () => insertAtCursor('\\n1. ');\nconst insertQuote = () => insertAtCursor('\\n> ');\nconst insertHr = () => insertAtCursor('\\n---\\n');\n\n/* ──────── Markdown → HTML rendering ──────── */\n\nconst renderedHtml = computed(() => {\n return markdownToHtml(stringValue.value);\n});\n\nfunction escapeHtml(text: string): string {\n return text\n .replace(/&/g, '&amp;')\n .replace(/</g, '&lt;')\n .replace(/>/g, '&gt;')\n .replace(/\"/g, '&quot;')\n .replace(/'/g, '&#039;');\n}\n\nfunction markdownToHtml(md: string): string {\n if (!md) return '';\n\n const lines = md.split('\\n');\n const html: string[] = [];\n let inCodeBlock = false;\n let inList = false;\n let inOrderedList = false;\n\n for (let i = 0; i < lines.length; i++) {\n const line = lines[i];\n\n // Code blocks\n if (line.trim().startsWith('```')) {\n if (inCodeBlock) {\n html.push('</code></pre>');\n inCodeBlock = false;\n } else {\n inCodeBlock = true;\n html.push('<pre class=\"tree-md-editor__code-block\"><code>');\n }\n continue;\n }\n\n if (inCodeBlock) {\n html.push(escapeHtml(line));\n html.push('\\n');\n continue;\n }\n\n // Close open lists if needed\n const isUnorderedListItem = /^[-*+]\\s/.test(line.trim());\n const isOrderedListItem = /^\\d+\\.\\s/.test(line.trim());\n\n if (inList && !isUnorderedListItem) {\n html.push('</ul>');\n inList = false;\n }\n if (inOrderedList && !isOrderedListItem) {\n html.push('</ol>');\n inOrderedList = false;\n }\n\n // Horizontal rule\n if (/^(-{3,}|_{3,}|\\*{3,})$/.test(line.trim())) {\n html.push('<hr class=\"tree-md-editor__hr\" />');\n continue;\n }\n\n // Headings\n const headingMatch = line.match(/^(#{1,6})\\s+(.+)$/);\n if (headingMatch) {\n const level = headingMatch[1].length;\n html.push(`<h${level} class=\"tree-md-editor__heading tree-md-editor__heading--${level}\">${inlineMarkdown(escapeHtml(headingMatch[2]))}</h${level}>`);\n continue;\n }\n\n // Blockquote\n if (line.trim().startsWith('> ')) {\n html.push(`<blockquote class=\"tree-md-editor__blockquote\">${inlineMarkdown(escapeHtml(line.trim().slice(2)))}</blockquote>`);\n continue;\n }\n\n // Unordered list\n if (isUnorderedListItem) {\n if (!inList) {\n html.push('<ul class=\"tree-md-editor__list\">');\n inList = true;\n }\n html.push(`<li>${inlineMarkdown(escapeHtml(line.trim().slice(2)))}</li>`);\n continue;\n }\n\n // Ordered list\n if (isOrderedListItem) {\n if (!inOrderedList) {\n html.push('<ol class=\"tree-md-editor__list tree-md-editor__list--ordered\">');\n inOrderedList = true;\n }\n const content = line.trim().replace(/^\\d+\\.\\s/, '');\n html.push(`<li>${inlineMarkdown(escapeHtml(content))}</li>`);\n continue;\n }\n\n // Empty line\n if (line.trim() === '') {\n html.push('<br />');\n continue;\n }\n\n // Paragraph\n html.push(`<p class=\"tree-md-editor__paragraph\">${inlineMarkdown(escapeHtml(line))}</p>`);\n }\n\n // Close any open blocks\n if (inCodeBlock) html.push('</code></pre>');\n if (inList) html.push('</ul>');\n if (inOrderedList) html.push('</ol>');\n\n return html.join('\\n');\n}\n\nfunction inlineMarkdown(text: string): string {\n // Images: ![alt](url)\n text = text.replace(/!\\[([^\\]]*)\\]\\(([^)]+)\\)/g, '<img src=\"$2\" alt=\"$1\" class=\"tree-md-editor__image\" loading=\"lazy\" />');\n // Links: [text](url)\n text = text.replace(/\\[([^\\]]+)\\]\\(([^)]+)\\)/g, '<a href=\"$2\" target=\"_blank\" rel=\"noopener noreferrer\">$1</a>');\n // Bold: **text**\n text = text.replace(/\\*\\*(.+?)\\*\\*/g, '<strong>$1</strong>');\n // Italic: _text_ or *text*\n text = text.replace(/_(.+?)_/g, '<em>$1</em>');\n text = text.replace(/(?<!\\*)\\*(?!\\*)(.+?)(?<!\\*)\\*(?!\\*)/g, '<em>$1</em>');\n // Inline code: `text`\n text = text.replace(/`(.+?)`/g, '<code class=\"tree-md-editor__inline-code\">$1</code>');\n // Strikethrough: ~~text~~\n text = text.replace(/~~(.+?)~~/g, '<del>$1</del>');\n return text;\n}\n\n/* ──────── Image paste / drop handling ──────── */\n\nconst handlePaste = async (event: ClipboardEvent) => {\n if (props.disabled) return;\n\n const items = event.clipboardData?.items;\n if (!items) return;\n\n for (const item of items) {\n if (item.type.startsWith('image/')) {\n event.preventDefault();\n const file = item.getAsFile();\n if (file) await processImageUpload(file);\n return;\n }\n }\n};\n\nconst handleDrop = async (event: DragEvent) => {\n if (props.disabled) return;\n\n const files = event.dataTransfer?.files;\n if (!files) return;\n\n for (const file of files) {\n if (file.type.startsWith('image/')) {\n event.preventDefault();\n await processImageUpload(file);\n }\n }\n};\n\nconst handleDragOver = (event: DragEvent) => {\n if (props.disabled) return;\n event.preventDefault();\n};\n\nconst processImageUpload = async (file: File) => {\n if (!props.uploadImage) {\n // Fallback: insert a placeholder with the file name\n insertAtCursor(`![${file.name}]()`);\n return;\n }\n\n // Insert uploading placeholder\n const placeholder = `![Uploading ${file.name}...]()`;\n insertAtCursor(placeholder);\n isUploading.value = true;\n\n try {\n const url = props.uploadImage(file);\n const resolvedUrl = url instanceof Promise ? await url : url;\n\n // Replace placeholder with actual URL\n const currentValue = stringValue.value;\n const newValue = currentValue.replace(placeholder, `![${file.name}](${resolvedUrl})`);\n emit('update:modelValue', newValue);\n emit('image-upload', file, resolvedUrl);\n } catch (err) {\n // Remove placeholder on error\n const currentValue = stringValue.value;\n const newValue = currentValue.replace(placeholder, '');\n emit('update:modelValue', newValue);\n emit('image-upload-error', file, err instanceof Error ? err : new Error(String(err)));\n } finally {\n isUploading.value = false;\n }\n};\n\n/* ──────── Keyboard shortcuts ──────── */\n\nconst handleKeydown = (event: KeyboardEvent) => {\n if (props.disabled) return;\n\n const mod = event.metaKey || event.ctrlKey;\n if (!mod) return;\n\n switch (event.key) {\n case 'b':\n event.preventDefault();\n insertBold();\n break;\n case 'i':\n event.preventDefault();\n insertItalic();\n break;\n case 'k':\n event.preventDefault();\n insertLink();\n break;\n case 'e':\n event.preventDefault();\n insertCode();\n break;\n }\n};\n\n</script>\n\n<template>\n <div\n v-bind=\"editorAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <!-- Toolbar -->\n <div\n class=\"tree-md-editor__toolbar\"\n role=\"toolbar\"\n aria-label=\"Markdown formatting\"\n >\n <div class=\"tree-md-editor__toolbar-group\">\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Heading 1 (H1)\"\n :disabled=\"disabled\"\n @click=\"insertHeading(1)\"\n >\n H1\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Heading 2 (H2)\"\n :disabled=\"disabled\"\n @click=\"insertHeading(2)\"\n >\n H2\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Heading 3 (H3)\"\n :disabled=\"disabled\"\n @click=\"insertHeading(3)\"\n >\n H3\n </button>\n </div>\n\n <div\n class=\"tree-md-editor__toolbar-divider\"\n role=\"separator\"\n />\n\n <div class=\"tree-md-editor__toolbar-group\">\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Bold (Ctrl+B)\"\n :disabled=\"disabled\"\n @click=\"insertBold\"\n >\n <strong>B</strong>\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Italic (Ctrl+I)\"\n :disabled=\"disabled\"\n @click=\"insertItalic\"\n >\n <em>I</em>\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Strikethrough\"\n :disabled=\"disabled\"\n @click=\"insertAtCursor('~~', '~~')\"\n >\n <del>S</del>\n </button>\n </div>\n\n <div\n class=\"tree-md-editor__toolbar-divider\"\n role=\"separator\"\n />\n\n <div class=\"tree-md-editor__toolbar-group\">\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Inline code (Ctrl+E)\"\n :disabled=\"disabled\"\n @click=\"insertCode\"\n >\n &lt;/&gt;\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Code block\"\n :disabled=\"disabled\"\n @click=\"insertCodeBlock\"\n >\n { }\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Link (Ctrl+K)\"\n :disabled=\"disabled\"\n @click=\"insertLink\"\n >\n 🔗\n </button>\n </div>\n\n <div\n class=\"tree-md-editor__toolbar-divider\"\n role=\"separator\"\n />\n\n <div class=\"tree-md-editor__toolbar-group\">\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Unordered list\"\n :disabled=\"disabled\"\n @click=\"insertList\"\n >\n •&nbsp;List\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Ordered list\"\n :disabled=\"disabled\"\n @click=\"insertOrderedList\"\n >\n 1.&nbsp;List\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Blockquote\"\n :disabled=\"disabled\"\n @click=\"insertQuote\"\n >\n &gt;\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Horizontal rule\"\n :disabled=\"disabled\"\n @click=\"insertHr\"\n >\n ―\n </button>\n </div>\n\n <slot name=\"toolbar\" />\n </div>\n\n <!-- Editor body -->\n <div class=\"tree-md-editor__body\">\n <!-- Write pane -->\n <div\n class=\"tree-md-editor__pane tree-md-editor__pane--write\"\n >\n <textarea\n ref=\"textareaRef\"\n class=\"tree-md-editor__textarea\"\n :value=\"stringValue\"\n :placeholder=\"placeholder\"\n :disabled=\"disabled\"\n :aria-label=\"placeholder\"\n @input=\"onInput\"\n @paste=\"handlePaste\"\n @drop=\"handleDrop\"\n @dragover=\"handleDragOver\"\n @keydown=\"handleKeydown\"\n />\n </div>\n\n <!-- Preview pane -->\n <div\n class=\"tree-md-editor__pane tree-md-editor__pane--preview\"\n aria-label=\"Markdown preview\"\n >\n <!-- eslint-disable vue/no-v-html -->\n <div\n class=\"tree-md-editor__preview\"\n v-html=\"renderedHtml\"\n />\n <!-- eslint-enable vue/no-v-html -->\n </div>\n </div>\n\n <!-- Upload indicator -->\n <div\n v-if=\"isUploading\"\n class=\"tree-md-editor__upload-bar\"\n role=\"status\"\n aria-live=\"polite\"\n >\n Uploading image…\n </div>\n </div>\n</template>\n","import type { App, Plugin } from 'vue';\nimport {\n TAccordion,\n TAccordionItem,\n TAlert,\n TBadge,\n TBreadcrumb,\n TBreadcrumbItem,\n TButton,\n TCard,\n TCheckbox,\n TCombobox,\n TConfirmDialog,\n TContainer,\n TContextMenu,\n TDatePicker,\n TDateTimePicker,\n TDrawer,\n TDropdown,\n TEmptyState,\n TFileUpload,\n TFormField,\n TGrid,\n TAppBar,\n TInput,\n TLink,\n TNavMenu,\n TNavbar,\n TMultiSelect,\n TModal,\n TNumberInput,\n TPagination,\n TPopover,\n TProgress,\n TRadio,\n TRadioGroup,\n TSelectableList,\n TSelect,\n TSidebar,\n TSkeleton,\n TSpinner,\n TStack,\n TStat,\n TStepper,\n TSteps,\n TSwitch,\n TTextarea,\n TTabs,\n TTabList,\n TTab,\n TTabPanel,\n TToggleGroup,\n TToast,\n TToastProvider,\n TTooltip,\n TAvatar,\n TDivider,\n TTable,\n TTag,\n TTreeView,\n TTimeline,\n TPricing,\n TPricingCard,\n TMarkdownEditor,\n} from './components';\n\nconst components = {\n TAccordion,\n TAccordionItem,\n TAlert,\n TBadge,\n TBreadcrumb,\n TBreadcrumbItem,\n TButton,\n TCard,\n TCheckbox,\n TCombobox,\n TConfirmDialog,\n TContainer,\n TContextMenu,\n TDatePicker,\n TDateTimePicker,\n TDrawer,\n TDropdown,\n TEmptyState,\n TFileUpload,\n TFormField,\n TGrid,\n TAppBar,\n TInput,\n TLink,\n TNavMenu,\n TNavbar,\n TMultiSelect,\n TModal,\n TNumberInput,\n TRadio,\n TRadioGroup,\n TSelectableList,\n TSelect,\n TSidebar,\n TSkeleton,\n TSpinner,\n TStack,\n TStat,\n TStepper,\n TSteps,\n TSwitch,\n TTextarea,\n TTabs,\n TTabList,\n TTab,\n TTabPanel,\n TToggleGroup,\n TToast,\n TToastProvider,\n TPagination,\n TPopover,\n TProgress,\n TTooltip,\n TAvatar,\n TDivider,\n TTable,\n TTag,\n TTreeView,\n TTimeline,\n TPricing,\n TPricingCard,\n TMarkdownEditor,\n TreeAccordion: TAccordion,\n TreeAccordionItem: TAccordionItem,\n TreeAlert: TAlert,\n TreeBadge: TBadge,\n TreeBreadcrumb: TBreadcrumb,\n TreeBreadcrumbItem: TBreadcrumbItem,\n TreeButton: TButton,\n TreeCard: TCard,\n TreeCheckbox: TCheckbox,\n TreeCombobox: TCombobox,\n TreeConfirmDialog: TConfirmDialog,\n TreeContainer: TContainer,\n TreeContextMenu: TContextMenu,\n TreeDatePicker: TDatePicker,\n TreeDateTimePicker: TDateTimePicker,\n TreeDrawer: TDrawer,\n TreeDropdown: TDropdown,\n TreeEmptyState: TEmptyState,\n TreeFileUpload: TFileUpload,\n TreeGrid: TGrid,\n TreeNavbar: TNavbar,\n TreeAppBar: TNavbar,\n TreeLink: TLink,\n TreeNavMenu: TNavMenu,\n TreeMultiSelect: TMultiSelect,\n TreeRadio: TRadio,\n TreeRadioGroup: TRadioGroup,\n TreeSelect: TSelect,\n TreeSkeleton: TSkeleton,\n TreeSidebar: TSidebar,\n TreeInput: TInput,\n TreeNumberInput: TNumberInput,\n TreeSelectableList: TSelectableList,\n TreeStack: TStack,\n TreeTreeView: TTreeView,\n TreeSteps: TSteps,\n TreeStepper: TStepper,\n TreeToggleGroup: TToggleGroup,\n TreeTextarea: TTextarea,\n TreeModal: TModal,\n TreePagination: TPagination,\n TreePopover: TPopover,\n TreeSpinner: TSpinner,\n TreeFormField: TFormField,\n TreeProgress: TProgress,\n TreeStat: TStat,\n TreeSwitch: TSwitch,\n TreeTabs: TTabs,\n TreeTabList: TTabList,\n TreeTab: TTab,\n TreeTabPanel: TTabPanel,\n TreeToast: TToast,\n TreeToastProvider: TToastProvider,\n TreeTooltip: TTooltip,\n TreeAvatar: TAvatar,\n TreeDivider: TDivider,\n TreeTable: TTable,\n TreeTag: TTag,\n TreeTimeline: TTimeline,\n TreePricing: TPricing,\n TreePricingCard: TPricingCard,\n TreeMarkdownEditor: TMarkdownEditor,\n};\n\nexport const TreeUIPlugin: Plugin = {\n install(app: App) {\n Object.entries(components).forEach(([name, component]) => {\n app.component(name, component);\n });\n },\n};\n\nexport const install = TreeUIPlugin.install;\n","export const treeSizes = ['sm', 'md', 'lg'] as const;\nexport const treeVariants = ['solid', 'outline', 'ghost', 'soft', 'danger'] as const;\nexport const treeCardVariants = ['outline', 'soft', 'solid', 'inset'] as const;\nexport const treeTooltipSides = ['top', 'right', 'bottom', 'left'] as const;\nexport const treeDrawerSides = ['top', 'right', 'bottom', 'left'] as const;\n\nexport type TreeSize = (typeof treeSizes)[number];\nexport type TreeVariant = (typeof treeVariants)[number];\nexport type TreeCardVariant = (typeof treeCardVariants)[number];\nexport type TreeTooltipSide = (typeof treeTooltipSides)[number];\nexport type TreeDrawerSide = (typeof treeDrawerSides)[number];\n\n"],"names":["accordionInjectionKey","props","__props","emit","__emit","internalValue","computed","def","uncontrolledValue","reactive","isControlled","openValues","mv","isItemOpen","value","emitUpdate","values","arr","toggleItem","currentlyOpen","next","triggerMap","triggerOrder","registerTrigger","el","unregisterTrigger","idx","getEnabledTriggers","v","focusPrev","enabled","prev","focusNext","focusFirst","focusLast","provide","_openBlock","_createElementBlock","_hoisted_1","_renderSlot","_ctx","injected","inject","ctx","triggerId","useId","panelId","triggerRef","ref","isOpen","isDisabled","itemClasses","handleToggle","handleKeydown","event","onMounted","onBeforeUnmount","_createElementVNode","_unref","_normalizeClass","_hoisted_4","classes","handleDismiss","$slots","_hoisted_2","_normalizeStyle","instance","getCurrentInstance","routerLinkComponent","hasRouterLink","canRenderLink","isCurrent","tag","linkProps","_createBlock","_resolveDynamicComponent","_mergeProps","_toDisplayString","isNativeButton","onClick","_createVNode","TreeSpinner","_hoisted_3","hasHeader","_hoisted_5","attrs","useAttrs","inputRef","watch","val","rootClasses","rootStyle","inputAttrs","_class","_style","rest","onChange","_cache","useControllableOpen","controlledValue","defaultValue","nextValue","listboxId","createId","rootRef","activeIndex","query","normalize","getOptionId","selectedOption","option","selectedLabel","autocomplete","listboxLabel","listboxLabelledby","setValue","toRef","filteredOptions","normalizedQuery","field","enabledFilteredIndexes","indexes","index","activeOption","activeDescendant","syncQueryFromSelection","setInitialActiveIndex","fallback","selectedIndex","moveActive","direction","currentEnabledIndex","nextEnabledIndex","openListbox","commitPendingClear","closeListbox","restoreSelection","selectOption","onInput","onInputFocus","onInputClick","onInputKeydown","isEscapeKey","onOptionPointerEnter","onDocumentPointerDown","target","current","_Transition","_hoisted_7","_Fragment","_renderList","$event","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","CloseIcon","getTreeIcon","modalId","titleId","descriptionId","surfaceRef","previousFocusedElement","hasHeaderContent","slots","_useSlots","triggerAttrs","surfaceClasses","labelledBy","describedBy","openOverlayCount","previousBodyOverflow","lockBodyScroll","unlockBodyScroll","focusSurface","nextTick","openModal","closeModal","onTriggerClick","onOverlayClick","onSurfaceClick","onKeydown","focusable","getFocusableElements","first","last","activeElement","previousValue","_Teleport","_hoisted_6","treeIconDefaults","dialogClasses","hasBodyContent","closeDialog","syncOpen","handleCancel","handleConfirm","TreeModal","TreeButton","rootAttrs","menuId","itemRefs","focusedIndex","menuPosition","enabledItems","i","openMenu","x","y","focusItem","closeMenu","restoreFocus","selectItem","item","setItemRef","moveFocus","nextIndex","onContextMenu","onItemKeydown","isActivationKey","onDocumentContextMenu","_createTextVNode","CalendarIcon","ChevronLeftIcon","ChevronRightIcon","today","startOfDay","selectedDate","parseDateValue","minDate","maxDate","calendarId","captionId","dayRefs","viewMonth","startOfMonth","focusedDate","_name","hiddenInputName","triggerText","monthLabel","weekdayLabels","formatter","weekBase","startOfWeek","_","addDays","isDateDisabled","date","syncCalendarView","cells","startDate","weekIndex","dayIndex","key","toDateValue","isSameDay","canMovePrev","canMoveNext","focusCurrentDay","setDayRef","element","openCalendar","closeCalendar","toggleCalendar","moveCalendar","nextMonth","addMonths","nextDate","selectDate","normalizedDate","onTriggerKeydown","onDayKeydown","_hoisted_8","label","week","cell","_hoisted_13","dateOnlyPattern","dateTimePattern","cloneDate","formatPart","endOfDay","parseBoundaryValue","boundary","dateOnlyMatch","yearToken","monthToken","dayToken","year","month","day","hour","minute","second","millisecond","dateTimeMatch","hourToken","minuteToken","secondToken","toDateTimeValue","setDatePart","source","targetDate","setTimePart","resolveMinuteStep","step","minuteStep","selectedDateTime","minDateTime","maxDateTime","pickerId","clampToRange","createDefaultDraftDateTime","reference","stepMilliseconds","rounded","initialDateTime","draftDateTime","draftPreview","minuteValues","left","right","dayStart","dayEnd","isDateTimeDisabled","syncDraftState","dateTime","draftDate","isTimeOptionEnabled","candidate","hourOptions","minuteOptions","updateHour","nextHour","currentMinute","availableMinutes","nextMinute","updateMinute","commitDraft","clearSelection","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_20","_hoisted_21","_hoisted_23","drawerId","openDrawer","closeDrawer","toggleMenu","emptyStateId","hasTitle","hasDescription","isDragActive","isFocusedWithin","dragDepth","feedbackMessages","uploadId","feedbackId","filesId","isUnavailable","hasFiles","hasCustomBody","effectiveMaxFiles","ids","selectedFilesLabel","formatFileSize","size","units","unitIndex","fileKey","file","matchesAccept","tokens","token","fileName","fileType","buildRejectionMessage","reason","resetInputValue","openFileDialog","emitFiles","nextFiles","acceptedFiles","rejections","rejection","processFiles","incomingFiles","remainingSlots","removeFile","fileIndex","clearFiles","hasTransferFiles","dataTransfer","getClipboardFiles","clipboardData","onInputChange","onDropzoneKeydown","onFocusIn","onFocusOut","nextTarget","onPaste","clipboardFiles","onDocumentPaste","onDragEnter","onDragOver","onDragLeave","onDrop","message","ChevronDownIcon","CheckIcon","XIcon","selectedOptions","visibleTags","hiddenTagCount","enabledFilteredOptions","inputPlaceholder","isSelected","targetOption","focusInput","updateValues","nextValues","toggleOption","removeValue","getNextEnabledIndex","_withModifiers","treeSidebarInjectionKey","sidebar","selectedValue","resolvedCollapsed","itemTag","getInitialFocusedIndex","resolvedElement","firstIndex","lastIndex","previousIndex","getTabIndex","group","isChecked","isInvalid","resolvedSize","groupAttrs","optionRefs","o","enabledOptions","openDropdown","selectedIdx","focusOption","closeDropdown","toggleDropdown","opt","setOptionRef","onOptionKeydown","_index","hasSelection","isCollapsed","toggleCollapsed","ToggleIcon","toggleLabel","stringValue","displayValue","precision","fractionalPart","formatValue","normalizeValue","clamped","clamp","parseValue","normalized","parsed","currentNumericValue","canDecrement","canIncrement","commitValue","stepValue","baseValue","parsedValue","onBlur","nextDisplayValue","baseId","focus","resolvedIndex","treeTreeViewInjectionKey","hasChildren","isExpanded","isFocused","itemId","rowClasses","onRowClick","onToggleClick","child","_component_TreeTreeViewItem","internalExpanded","treeAttrs","selectedValues","expandedValues","updateSelection","updateExpanded","id","flattenNodes","nodes","level","parentId","records","node","visibleNodes","enabledNodes","record","getInitialFocusedId","selectedId","focusedId","registerItem","unregisterItem","setFocusedId","shouldFocus","getVisibleRecord","focusBoundary","position","focusAdjacent","currentIndex","toggleExpanded","toggleSelected","firstChild","TreeTreeViewItem","activeValue","resolveStatus","selectStep","items","buttonRefs","normalizedValues","setButtonRef","selectValue","textareaRef","textareaAttrs","adjustHeight","style","useSlots","loadingAttrs","hasValue","hasTrend","hasMeta","hasLabel","trendSymbol","TreeSkeleton","contentId","openTimer","clearOpenTimer","show","immediate","showOnFocus","showOnPointer","hide","tooltipClasses","hasError","fieldAttrs","currentPage","pages","total","siblings","rangeStart","rangeEnd","goToPage","page","contentRef","contentClasses","openPopover","closePopover","togglePopover","onContentKeydown","isIndeterminate","percentage","TABS_INJECTION_KEY","tabOrder","disabledTabs","setActiveValue","registerTab","unregisterTab","getTabValues","isTabDisabled","setTabDisabled","disabled","listRef","getAllTabElements","getEnabledTabElements","tabs","nextTab","isActive","tabId","iconMap","toastId","StatusIcon","handleClose","toasts","timers","add","options","timer","remove","t","clear","useToast","readonly","visibleToasts","_TransitionGroup","toast","TreeToast","computedInitials","w","onImgError","internalSort","currentSort","sortedRows","sort","a","b","aVal","bVal","cmp","handleSort","column","cur","state","sortAriaSort","handleHeaderKeydown","row","handleRemove","normalizeTone","tone","itemKey","onSelect","TreeBadge","feature","gridStyle","plan","TreePricingCard","isUploading","editorAttrs","insertAtCursor","before","after","start","end","text","selected","newText","cursorPos","insertHeading","prefix","lineStart","lineEnd","actualEnd","stripped","newLine","insertBold","insertItalic","insertCode","insertCodeBlock","insertLink","insertList","insertOrderedList","insertQuote","insertHr","renderedHtml","markdownToHtml","escapeHtml","md","lines","html","inCodeBlock","inList","inOrderedList","line","isUnorderedListItem","isOrderedListItem","headingMatch","inlineMarkdown","content","handlePaste","processImageUpload","handleDrop","files","handleDragOver","placeholder","url","resolvedUrl","newValue","err","_hoisted_19","_hoisted_22","_hoisted_24","components","TAccordion","TAccordionItem","TAlert","TBadge","TBreadcrumb","TBreadcrumbItem","TButton","TCard","TCheckbox","TCombobox","TConfirmDialog","TContainer","TContextMenu","TDatePicker","TDateTimePicker","TDrawer","TDropdown","TEmptyState","TFileUpload","TFormField","TGrid","TAppBar","TInput","TLink","TNavMenu","TNavbar","TMultiSelect","TModal","TNumberInput","TRadio","TRadioGroup","TSelectableList","TSelect","TSidebar","TSkeleton","TSpinner","TStack","TStat","TStepper","TSteps","TSwitch","TTextarea","TTabs","TTabList","TTab","TTabPanel","TToggleGroup","TToast","TToastProvider","TPagination","TPopover","TProgress","TTooltip","TAvatar","TDivider","TTable","TTag","TTreeView","TTimeline","TPricing","TPricingCard","TMarkdownEditor","TreeUIPlugin","app","name","component","install","treeSizes","treeVariants","treeCardVariants","treeTooltipSides","treeDrawerSides"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["$slots","$slots","$slots","$slots","$slots","$slots","$slots","$slots","$slots","$slots","$slots","$slots","$slots","$slots","$slots","$slots","$slots","$slots","$slots","$slots","$slots","$slots","$slots","$slots"],"sources":["../src/components/accordion.ts","../src/components/TreeAccordion.vue","../src/components/TreeAccordion.vue","../src/components/TreeAccordionItem.vue","../src/components/TreeAccordionItem.vue","../src/components/TreeAlert.vue","../src/components/TreeAlert.vue","../src/components/TreeBadge.vue","../src/components/TreeBadge.vue","../src/components/TreeBreadcrumb.vue","../src/components/TreeBreadcrumb.vue","../src/components/TreeBreadcrumbItem.vue","../src/components/TreeBreadcrumbItem.vue","../src/components/TreeSpinner.vue","../src/components/TreeSpinner.vue","../src/components/TreeButton.vue","../src/components/TreeButton.vue","../src/components/TreeCard.vue","../src/components/TreeCard.vue","../src/components/TreeCheckbox.vue","../src/components/TreeCheckbox.vue","../src/composables/useControllableOpen.ts","../src/components/TreeCombobox.vue","../src/components/TreeCombobox.vue","../src/components/TreeModal.vue","../src/components/TreeModal.vue","../src/components/TreeConfirmDialog.vue","../src/components/TreeConfirmDialog.vue","../src/components/TreeContainer.vue","../src/components/TreeContainer.vue","../src/components/TreeContextMenu.vue","../src/components/TreeContextMenu.vue","../src/components/TreeDatePicker.vue","../src/components/TreeDatePicker.vue","../src/components/TreeDateTimePicker.vue","../src/components/TreeDateTimePicker.vue","../src/components/TreeDrawer.vue","../src/components/TreeDrawer.vue","../src/components/TreeDropdown.vue","../src/components/TreeDropdown.vue","../src/components/TreeEmptyState.vue","../src/components/TreeEmptyState.vue","../src/components/TreeFileUpload.vue","../src/components/TreeFileUpload.vue","../src/components/TreeMultiSelect.vue","../src/components/TreeMultiSelect.vue","../src/components/TreeGrid.vue","../src/components/TreeGrid.vue","../src/components/TreeNavbar.vue","../src/components/TreeNavbar.vue","../src/components/TreeLink.vue","../src/components/TreeLink.vue","../src/components/sidebar.ts","../src/components/TreeNavMenu.vue","../src/components/TreeNavMenu.vue","../src/components/TreeRadio.vue","../src/components/TreeRadio.vue","../src/components/TreeRadioGroup.vue","../src/components/TreeRadioGroup.vue","../src/components/TreeSelect.vue","../src/components/TreeSelect.vue","../src/components/TreeSidebar.vue","../src/components/TreeSidebar.vue","../src/components/TreeInput.vue","../src/components/TreeInput.vue","../src/components/TreeNumberInput.vue","../src/components/TreeNumberInput.vue","../src/components/TreeSelectableList.vue","../src/components/TreeSelectableList.vue","../src/components/TreeStack.vue","../src/components/TreeStack.vue","../src/components/tree-view.ts","../src/components/TreeTreeViewItem.vue","../src/components/TreeTreeViewItem.vue","../src/components/TreeTreeView.vue","../src/components/TreeTreeView.vue","../src/components/TreeSteps.vue","../src/components/TreeSteps.vue","../src/components/TreeToggleGroup.vue","../src/components/TreeToggleGroup.vue","../src/components/TreeTextarea.vue","../src/components/TreeTextarea.vue","../src/components/TreeSkeleton.vue","../src/components/TreeSkeleton.vue","../src/components/TreeStat.vue","../src/components/TreeStat.vue","../src/components/TreeSwitch.vue","../src/components/TreeSwitch.vue","../src/components/TreeTooltip.vue","../src/components/TreeTooltip.vue","../src/components/TreeFormField.vue","../src/components/TreeFormField.vue","../src/components/TreePagination.vue","../src/components/TreePagination.vue","../src/components/TreePopover.vue","../src/components/TreePopover.vue","../src/components/TreeProgress.vue","../src/components/TreeProgress.vue","../src/components/tabs-context.ts","../src/components/TreeTabs.vue","../src/components/TreeTabs.vue","../src/components/TreeTabList.vue","../src/components/TreeTabList.vue","../src/components/TreeTab.vue","../src/components/TreeTab.vue","../src/components/TreeTabPanel.vue","../src/components/TreeTabPanel.vue","../src/components/TreeToast.vue","../src/components/TreeToast.vue","../src/composables/useToast.ts","../src/components/TreeToastProvider.vue","../src/components/TreeToastProvider.vue","../src/components/TreeAvatar.vue","../src/components/TreeAvatar.vue","../src/components/TreeDivider.vue","../src/components/TreeDivider.vue","../src/components/TreeTable.vue","../src/components/TreeTable.vue","../src/components/TreeTag.vue","../src/components/TreeTag.vue","../src/components/TreeTimeline.vue","../src/components/TreeTimeline.vue","../src/components/TreePricingCard.vue","../src/components/TreePricingCard.vue","../src/components/TreePricing.vue","../src/components/TreePricing.vue","../src/components/TreeMarkdownEditor.vue","../src/components/TreeMarkdownEditor.vue","../src/components/TreeIcon.vue","../src/components/TreeIcon.vue","../src/plugin.ts","../src/types/contracts.ts"],"sourcesContent":["import type { InjectionKey } from 'vue';\n\nexport type AccordionType = 'single' | 'multiple';\n\nexport interface AccordionContext {\n type: AccordionType;\n disabled: boolean;\n collapsible: boolean;\n isItemOpen: (value: string) => boolean;\n toggleItem: (value: string) => void;\n registerTrigger: (value: string, el: HTMLElement) => void;\n unregisterTrigger: (value: string) => void;\n focusPrev: (value: string) => void;\n focusNext: (value: string) => void;\n focusFirst: () => void;\n focusLast: () => void;\n}\n\nexport const accordionInjectionKey: InjectionKey<AccordionContext> = Symbol('tree-accordion');\n","<script setup lang=\"ts\">\nimport { computed, provide, reactive } from 'vue';\nimport { type AccordionType, accordionInjectionKey } from './accordion';\n\nconst props = withDefaults(\n defineProps<{\n type?: AccordionType;\n modelValue?: string | string[];\n defaultValue?: string | string[];\n disabled?: boolean;\n collapsible?: boolean;\n }>(),\n {\n type: 'single',\n modelValue: undefined,\n defaultValue: undefined,\n disabled: false,\n collapsible: false,\n },\n);\n\nconst emit = defineEmits<{\n (e: 'update:modelValue', value: string | string[] | undefined): void;\n}>();\n\n// Internal uncontrolled state\nconst internalValue = computed<string[]>(() => {\n const def = props.defaultValue;\n if (def === undefined) return [];\n return Array.isArray(def) ? def : [def];\n});\n\nconst uncontrolledValue = reactive<Set<string>>(new Set(internalValue.value));\n\nconst isControlled = computed(() => props.modelValue !== undefined);\n\nconst openValues = computed<Set<string>>(() => {\n if (isControlled.value) {\n const mv = props.modelValue!;\n return new Set(Array.isArray(mv) ? mv : [mv]);\n }\n return uncontrolledValue;\n});\n\nfunction isItemOpen(value: string): boolean {\n return openValues.value.has(value);\n}\n\nfunction emitUpdate(values: Set<string>) {\n if (props.type === 'single') {\n const arr = [...values];\n emit('update:modelValue', arr.length > 0 ? arr[0] : undefined);\n } else {\n emit('update:modelValue', [...values]);\n }\n}\n\nfunction toggleItem(value: string) {\n const currentlyOpen = isItemOpen(value);\n\n if (props.type === 'single') {\n if (currentlyOpen) {\n if (props.collapsible) {\n if (!isControlled.value) {\n uncontrolledValue.delete(value);\n }\n emitUpdate(new Set());\n }\n } else {\n if (!isControlled.value) {\n uncontrolledValue.clear();\n uncontrolledValue.add(value);\n }\n emitUpdate(new Set([value]));\n }\n } else {\n // Multiple mode\n const next = new Set(openValues.value);\n if (currentlyOpen) {\n next.delete(value);\n } else {\n next.add(value);\n }\n if (!isControlled.value) {\n if (currentlyOpen) {\n uncontrolledValue.delete(value);\n } else {\n uncontrolledValue.add(value);\n }\n }\n emitUpdate(next);\n }\n}\n\n// Keyboard navigation between triggers\nconst triggerMap = new Map<string, HTMLElement>();\nconst triggerOrder: string[] = reactive([]);\n\nfunction registerTrigger(value: string, el: HTMLElement) {\n if (!triggerMap.has(value)) {\n triggerOrder.push(value);\n }\n triggerMap.set(value, el);\n}\n\nfunction unregisterTrigger(value: string) {\n triggerMap.delete(value);\n const idx = triggerOrder.indexOf(value);\n if (idx !== -1) triggerOrder.splice(idx, 1);\n}\n\nfunction getEnabledTriggers(): string[] {\n return triggerOrder.filter((v) => {\n const el = triggerMap.get(v);\n return el && !el.hasAttribute('disabled');\n });\n}\n\nfunction focusPrev(value: string) {\n const enabled = getEnabledTriggers();\n const idx = enabled.indexOf(value);\n const prev = idx > 0 ? idx - 1 : enabled.length - 1;\n triggerMap.get(enabled[prev])?.focus();\n}\n\nfunction focusNext(value: string) {\n const enabled = getEnabledTriggers();\n const idx = enabled.indexOf(value);\n const next = idx < enabled.length - 1 ? idx + 1 : 0;\n triggerMap.get(enabled[next])?.focus();\n}\n\nfunction focusFirst() {\n const enabled = getEnabledTriggers();\n if (enabled.length) triggerMap.get(enabled[0])?.focus();\n}\n\nfunction focusLast() {\n const enabled = getEnabledTriggers();\n if (enabled.length) triggerMap.get(enabled[enabled.length - 1])?.focus();\n}\n\nprovide(accordionInjectionKey, {\n type: props.type,\n disabled: props.disabled,\n collapsible: props.collapsible,\n isItemOpen,\n toggleItem,\n registerTrigger,\n unregisterTrigger,\n focusPrev,\n focusNext,\n focusFirst,\n focusLast,\n});\n</script>\n\n<template>\n <div class=\"tree-accordion\">\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide, reactive } from 'vue';\nimport { type AccordionType, accordionInjectionKey } from './accordion';\n\nconst props = withDefaults(\n defineProps<{\n type?: AccordionType;\n modelValue?: string | string[];\n defaultValue?: string | string[];\n disabled?: boolean;\n collapsible?: boolean;\n }>(),\n {\n type: 'single',\n modelValue: undefined,\n defaultValue: undefined,\n disabled: false,\n collapsible: false,\n },\n);\n\nconst emit = defineEmits<{\n (e: 'update:modelValue', value: string | string[] | undefined): void;\n}>();\n\n// Internal uncontrolled state\nconst internalValue = computed<string[]>(() => {\n const def = props.defaultValue;\n if (def === undefined) return [];\n return Array.isArray(def) ? def : [def];\n});\n\nconst uncontrolledValue = reactive<Set<string>>(new Set(internalValue.value));\n\nconst isControlled = computed(() => props.modelValue !== undefined);\n\nconst openValues = computed<Set<string>>(() => {\n if (isControlled.value) {\n const mv = props.modelValue!;\n return new Set(Array.isArray(mv) ? mv : [mv]);\n }\n return uncontrolledValue;\n});\n\nfunction isItemOpen(value: string): boolean {\n return openValues.value.has(value);\n}\n\nfunction emitUpdate(values: Set<string>) {\n if (props.type === 'single') {\n const arr = [...values];\n emit('update:modelValue', arr.length > 0 ? arr[0] : undefined);\n } else {\n emit('update:modelValue', [...values]);\n }\n}\n\nfunction toggleItem(value: string) {\n const currentlyOpen = isItemOpen(value);\n\n if (props.type === 'single') {\n if (currentlyOpen) {\n if (props.collapsible) {\n if (!isControlled.value) {\n uncontrolledValue.delete(value);\n }\n emitUpdate(new Set());\n }\n } else {\n if (!isControlled.value) {\n uncontrolledValue.clear();\n uncontrolledValue.add(value);\n }\n emitUpdate(new Set([value]));\n }\n } else {\n // Multiple mode\n const next = new Set(openValues.value);\n if (currentlyOpen) {\n next.delete(value);\n } else {\n next.add(value);\n }\n if (!isControlled.value) {\n if (currentlyOpen) {\n uncontrolledValue.delete(value);\n } else {\n uncontrolledValue.add(value);\n }\n }\n emitUpdate(next);\n }\n}\n\n// Keyboard navigation between triggers\nconst triggerMap = new Map<string, HTMLElement>();\nconst triggerOrder: string[] = reactive([]);\n\nfunction registerTrigger(value: string, el: HTMLElement) {\n if (!triggerMap.has(value)) {\n triggerOrder.push(value);\n }\n triggerMap.set(value, el);\n}\n\nfunction unregisterTrigger(value: string) {\n triggerMap.delete(value);\n const idx = triggerOrder.indexOf(value);\n if (idx !== -1) triggerOrder.splice(idx, 1);\n}\n\nfunction getEnabledTriggers(): string[] {\n return triggerOrder.filter((v) => {\n const el = triggerMap.get(v);\n return el && !el.hasAttribute('disabled');\n });\n}\n\nfunction focusPrev(value: string) {\n const enabled = getEnabledTriggers();\n const idx = enabled.indexOf(value);\n const prev = idx > 0 ? idx - 1 : enabled.length - 1;\n triggerMap.get(enabled[prev])?.focus();\n}\n\nfunction focusNext(value: string) {\n const enabled = getEnabledTriggers();\n const idx = enabled.indexOf(value);\n const next = idx < enabled.length - 1 ? idx + 1 : 0;\n triggerMap.get(enabled[next])?.focus();\n}\n\nfunction focusFirst() {\n const enabled = getEnabledTriggers();\n if (enabled.length) triggerMap.get(enabled[0])?.focus();\n}\n\nfunction focusLast() {\n const enabled = getEnabledTriggers();\n if (enabled.length) triggerMap.get(enabled[enabled.length - 1])?.focus();\n}\n\nprovide(accordionInjectionKey, {\n type: props.type,\n disabled: props.disabled,\n collapsible: props.collapsible,\n isItemOpen,\n toggleItem,\n registerTrigger,\n unregisterTrigger,\n focusPrev,\n focusNext,\n focusFirst,\n focusLast,\n});\n</script>\n\n<template>\n <div class=\"tree-accordion\">\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject, onMounted, onBeforeUnmount, ref, useId } from 'vue';\nimport { accordionInjectionKey } from './accordion';\n\nconst props = withDefaults(\n defineProps<{\n value: string;\n disabled?: boolean;\n }>(),\n {\n disabled: false,\n },\n);\n\nconst injected = inject(accordionInjectionKey);\n\nif (!injected) {\n throw new Error('[TreeUI] TAccordionItem must be used inside a TAccordion.');\n}\n\nconst ctx = injected;\n\nconst triggerId = useId();\nconst panelId = useId();\nconst triggerRef = ref<HTMLButtonElement | null>(null);\n\nconst isOpen = computed(() => ctx.isItemOpen(props.value));\nconst isDisabled = computed(() => props.disabled || ctx.disabled);\n\nconst itemClasses = computed(() => [\n 'tree-accordion__item',\n {\n 'is-open': isOpen.value,\n 'is-disabled': isDisabled.value,\n },\n]);\n\nfunction handleToggle() {\n if (isDisabled.value) return;\n ctx.toggleItem(props.value);\n}\n\nfunction handleKeydown(event: KeyboardEvent) {\n if (isDisabled.value) return;\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n ctx.focusNext(props.value);\n break;\n case 'ArrowUp':\n event.preventDefault();\n ctx.focusPrev(props.value);\n break;\n case 'Home':\n event.preventDefault();\n ctx.focusFirst();\n break;\n case 'End':\n event.preventDefault();\n ctx.focusLast();\n break;\n }\n}\n\nonMounted(() => {\n if (triggerRef.value) {\n ctx.registerTrigger(props.value, triggerRef.value);\n }\n});\n\nonBeforeUnmount(() => {\n ctx.unregisterTrigger(props.value);\n});\n</script>\n\n<template>\n <div :class=\"itemClasses\">\n <h3 class=\"tree-accordion__heading\">\n <button\n :id=\"triggerId\"\n ref=\"triggerRef\"\n type=\"button\"\n class=\"tree-accordion__trigger\"\n :aria-expanded=\"isOpen\"\n :aria-controls=\"panelId\"\n :disabled=\"isDisabled || undefined\"\n @click=\"handleToggle\"\n @keydown=\"handleKeydown\"\n >\n <slot\n name=\"trigger\"\n :open=\"isOpen\"\n >\n {{ value }}\n </slot>\n <svg\n class=\"tree-accordion__icon\"\n :class=\"{ 'is-open': isOpen }\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"6 9 12 15 18 9\" />\n </svg>\n </button>\n </h3>\n <div\n v-if=\"isOpen\"\n :id=\"panelId\"\n role=\"region\"\n :aria-labelledby=\"triggerId\"\n class=\"tree-accordion__content\"\n >\n <div class=\"tree-accordion__panel\">\n <slot />\n </div>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject, onMounted, onBeforeUnmount, ref, useId } from 'vue';\nimport { accordionInjectionKey } from './accordion';\n\nconst props = withDefaults(\n defineProps<{\n value: string;\n disabled?: boolean;\n }>(),\n {\n disabled: false,\n },\n);\n\nconst injected = inject(accordionInjectionKey);\n\nif (!injected) {\n throw new Error('[TreeUI] TAccordionItem must be used inside a TAccordion.');\n}\n\nconst ctx = injected;\n\nconst triggerId = useId();\nconst panelId = useId();\nconst triggerRef = ref<HTMLButtonElement | null>(null);\n\nconst isOpen = computed(() => ctx.isItemOpen(props.value));\nconst isDisabled = computed(() => props.disabled || ctx.disabled);\n\nconst itemClasses = computed(() => [\n 'tree-accordion__item',\n {\n 'is-open': isOpen.value,\n 'is-disabled': isDisabled.value,\n },\n]);\n\nfunction handleToggle() {\n if (isDisabled.value) return;\n ctx.toggleItem(props.value);\n}\n\nfunction handleKeydown(event: KeyboardEvent) {\n if (isDisabled.value) return;\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n ctx.focusNext(props.value);\n break;\n case 'ArrowUp':\n event.preventDefault();\n ctx.focusPrev(props.value);\n break;\n case 'Home':\n event.preventDefault();\n ctx.focusFirst();\n break;\n case 'End':\n event.preventDefault();\n ctx.focusLast();\n break;\n }\n}\n\nonMounted(() => {\n if (triggerRef.value) {\n ctx.registerTrigger(props.value, triggerRef.value);\n }\n});\n\nonBeforeUnmount(() => {\n ctx.unregisterTrigger(props.value);\n});\n</script>\n\n<template>\n <div :class=\"itemClasses\">\n <h3 class=\"tree-accordion__heading\">\n <button\n :id=\"triggerId\"\n ref=\"triggerRef\"\n type=\"button\"\n class=\"tree-accordion__trigger\"\n :aria-expanded=\"isOpen\"\n :aria-controls=\"panelId\"\n :disabled=\"isDisabled || undefined\"\n @click=\"handleToggle\"\n @keydown=\"handleKeydown\"\n >\n <slot\n name=\"trigger\"\n :open=\"isOpen\"\n >\n {{ value }}\n </slot>\n <svg\n class=\"tree-accordion__icon\"\n :class=\"{ 'is-open': isOpen }\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"6 9 12 15 18 9\" />\n </svg>\n </button>\n </h3>\n <div\n v-if=\"isOpen\"\n :id=\"panelId\"\n role=\"region\"\n :aria-labelledby=\"triggerId\"\n class=\"tree-accordion__content\"\n >\n <div class=\"tree-accordion__panel\">\n <slot />\n </div>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nexport type TreeAlertVariant = 'info' | 'success' | 'warning' | 'danger';\n\nconst props = withDefaults(\n defineProps<{\n variant?: TreeAlertVariant;\n size?: TreeSize;\n dismissible?: boolean;\n }>(),\n {\n variant: 'info',\n size: 'md',\n dismissible: false,\n },\n);\n\nconst emit = defineEmits<{\n (e: 'dismiss'): void;\n}>();\n\nconst classes = computed(() => [\n 'tree-alert',\n `tree-alert--${props.variant}`,\n `tree-alert--${props.size}`,\n]);\n\nfunction handleDismiss() {\n emit('dismiss');\n}\n</script>\n\n<template>\n <div\n :class=\"classes\"\n role=\"alert\"\n >\n <span\n v-if=\"$slots.icon\"\n class=\"tree-alert__icon\"\n aria-hidden=\"true\"\n >\n <slot name=\"icon\" />\n </span>\n <div class=\"tree-alert__content\">\n <slot />\n </div>\n <button\n v-if=\"dismissible\"\n type=\"button\"\n class=\"tree-alert__dismiss\"\n aria-label=\"Dismiss\"\n @click=\"handleDismiss\"\n >\n <slot name=\"dismiss-icon\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <path d=\"M18 6 6 18\" />\n <path d=\"m6 6 12 12\" />\n </svg>\n </slot>\n </button>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nexport type TreeAlertVariant = 'info' | 'success' | 'warning' | 'danger';\n\nconst props = withDefaults(\n defineProps<{\n variant?: TreeAlertVariant;\n size?: TreeSize;\n dismissible?: boolean;\n }>(),\n {\n variant: 'info',\n size: 'md',\n dismissible: false,\n },\n);\n\nconst emit = defineEmits<{\n (e: 'dismiss'): void;\n}>();\n\nconst classes = computed(() => [\n 'tree-alert',\n `tree-alert--${props.variant}`,\n `tree-alert--${props.size}`,\n]);\n\nfunction handleDismiss() {\n emit('dismiss');\n}\n</script>\n\n<template>\n <div\n :class=\"classes\"\n role=\"alert\"\n >\n <span\n v-if=\"$slots.icon\"\n class=\"tree-alert__icon\"\n aria-hidden=\"true\"\n >\n <slot name=\"icon\" />\n </span>\n <div class=\"tree-alert__content\">\n <slot />\n </div>\n <button\n v-if=\"dismissible\"\n type=\"button\"\n class=\"tree-alert__dismiss\"\n aria-label=\"Dismiss\"\n @click=\"handleDismiss\"\n >\n <slot name=\"dismiss-icon\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <path d=\"M18 6 6 18\" />\n <path d=\"m6 6 12 12\" />\n </svg>\n </slot>\n </button>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize, TreeVariant } from '../types/contracts';\n\nconst _treeBadgeTones = ['neutral', 'success', 'warning', 'danger', 'info'] as const;\n\nexport type TreeBadgeTone = (typeof _treeBadgeTones)[number];\n\nconst props = withDefaults(\n defineProps<{\n variant?: TreeVariant;\n size?: TreeSize;\n tone?: TreeBadgeTone;\n }>(),\n {\n variant: 'soft',\n size: 'md',\n tone: 'neutral',\n },\n);\n\nconst classes = computed(() => [\n 'tree-badge',\n `tree-badge--${props.variant}`,\n `tree-badge--${props.size}`,\n `tree-badge--tone-${props.tone}`,\n]);\n</script>\n\n<template>\n <span :class=\"classes\">\n <span\n v-if=\"$slots.icon\"\n class=\"tree-badge__icon\"\n aria-hidden=\"true\"\n >\n <slot name=\"icon\" />\n </span>\n <slot />\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize, TreeVariant } from '../types/contracts';\n\nconst _treeBadgeTones = ['neutral', 'success', 'warning', 'danger', 'info'] as const;\n\nexport type TreeBadgeTone = (typeof _treeBadgeTones)[number];\n\nconst props = withDefaults(\n defineProps<{\n variant?: TreeVariant;\n size?: TreeSize;\n tone?: TreeBadgeTone;\n }>(),\n {\n variant: 'soft',\n size: 'md',\n tone: 'neutral',\n },\n);\n\nconst classes = computed(() => [\n 'tree-badge',\n `tree-badge--${props.variant}`,\n `tree-badge--${props.size}`,\n `tree-badge--tone-${props.tone}`,\n]);\n</script>\n\n<template>\n <span :class=\"classes\">\n <span\n v-if=\"$slots.icon\"\n class=\"tree-badge__icon\"\n aria-hidden=\"true\"\n >\n <slot name=\"icon\" />\n </span>\n <slot />\n </span>\n</template>\n","<script setup lang=\"ts\">\nconst props = withDefaults(\n defineProps<{\n /**\n * Character or string used to visually separate breadcrumb items.\n */\n separator?: string;\n }>(),\n {\n separator: '/',\n },\n);\n</script>\n\n<template>\n <nav\n aria-label=\"Breadcrumb\"\n class=\"tree-breadcrumb\"\n >\n <ol\n class=\"tree-breadcrumb__list\"\n :style=\"{ '--tree-breadcrumb-separator': `'${props.separator}'` }\"\n >\n <slot />\n </ol>\n </nav>\n</template>\n","<script setup lang=\"ts\">\nconst props = withDefaults(\n defineProps<{\n /**\n * Character or string used to visually separate breadcrumb items.\n */\n separator?: string;\n }>(),\n {\n separator: '/',\n },\n);\n</script>\n\n<template>\n <nav\n aria-label=\"Breadcrumb\"\n class=\"tree-breadcrumb\"\n >\n <ol\n class=\"tree-breadcrumb__list\"\n :style=\"{ '--tree-breadcrumb-separator': `'${props.separator}'` }\"\n >\n <slot />\n </ol>\n </nav>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, type Component } from 'vue';\n\nconst props = withDefaults(\n defineProps<{\n /**\n * URL the breadcrumb item links to. Omit for the current/last item.\n */\n href?: string;\n /**\n * Route target. When provided and vue-router is available, renders RouterLink.\n */\n to?: string | Record<string, unknown>;\n /**\n * Marks this item as the current page. Automatically set if it's the last item without href.\n */\n current?: boolean;\n }>(),\n {\n href: undefined,\n to: undefined,\n current: false,\n },\n);\n\nconst instance = getCurrentInstance();\n\nconst routerLinkComponent = computed<Component | null>(() => {\n if (!props.to) return null;\n\n return (instance?.appContext.components.RouterLink as Component | undefined) ?? null;\n});\n\nconst hasRouterLink = computed(() => {\n return Boolean(routerLinkComponent.value);\n});\n\nconst canRenderLink = computed(() => {\n if (props.href) return true;\n if (typeof props.to === 'string') return true;\n return Boolean(props.to && hasRouterLink.value);\n});\n\nconst isCurrent = computed(() => props.current || !canRenderLink.value);\n\nconst tag = computed<string | Component>(() => {\n if (props.to && routerLinkComponent.value) {\n return routerLinkComponent.value;\n }\n\n return 'a';\n});\n\nconst linkProps = computed(() => {\n if (props.to && hasRouterLink.value) {\n return { to: props.to };\n }\n\n return {\n href: props.href ?? (typeof props.to === 'string' ? props.to : undefined),\n };\n});\n</script>\n\n<template>\n <li class=\"tree-breadcrumb__item\">\n <component\n :is=\"tag\"\n v-if=\"!isCurrent\"\n v-bind=\"linkProps\"\n class=\"tree-breadcrumb__link\"\n >\n <slot />\n </component>\n <span\n v-else\n class=\"tree-breadcrumb__current\"\n aria-current=\"page\"\n >\n <slot />\n </span>\n </li>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, type Component } from 'vue';\n\nconst props = withDefaults(\n defineProps<{\n /**\n * URL the breadcrumb item links to. Omit for the current/last item.\n */\n href?: string;\n /**\n * Route target. When provided and vue-router is available, renders RouterLink.\n */\n to?: string | Record<string, unknown>;\n /**\n * Marks this item as the current page. Automatically set if it's the last item without href.\n */\n current?: boolean;\n }>(),\n {\n href: undefined,\n to: undefined,\n current: false,\n },\n);\n\nconst instance = getCurrentInstance();\n\nconst routerLinkComponent = computed<Component | null>(() => {\n if (!props.to) return null;\n\n return (instance?.appContext.components.RouterLink as Component | undefined) ?? null;\n});\n\nconst hasRouterLink = computed(() => {\n return Boolean(routerLinkComponent.value);\n});\n\nconst canRenderLink = computed(() => {\n if (props.href) return true;\n if (typeof props.to === 'string') return true;\n return Boolean(props.to && hasRouterLink.value);\n});\n\nconst isCurrent = computed(() => props.current || !canRenderLink.value);\n\nconst tag = computed<string | Component>(() => {\n if (props.to && routerLinkComponent.value) {\n return routerLinkComponent.value;\n }\n\n return 'a';\n});\n\nconst linkProps = computed(() => {\n if (props.to && hasRouterLink.value) {\n return { to: props.to };\n }\n\n return {\n href: props.href ?? (typeof props.to === 'string' ? props.to : undefined),\n };\n});\n</script>\n\n<template>\n <li class=\"tree-breadcrumb__item\">\n <component\n :is=\"tag\"\n v-if=\"!isCurrent\"\n v-bind=\"linkProps\"\n class=\"tree-breadcrumb__link\"\n >\n <slot />\n </component>\n <span\n v-else\n class=\"tree-breadcrumb__current\"\n aria-current=\"page\"\n >\n <slot />\n </span>\n </li>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nconst props = withDefaults(\n defineProps<{\n size?: TreeSize;\n label?: string;\n }>(),\n {\n size: 'md',\n label: 'Loading',\n },\n);\n\nconst classes = computed(() => ['tree-spinner', `tree-spinner--${props.size}`]);\n</script>\n\n<template>\n <span\n :class=\"classes\"\n role=\"status\"\n :aria-label=\"label\"\n >\n <span\n class=\"tree-spinner__ring\"\n aria-hidden=\"true\"\n />\n <span class=\"tree-visually-hidden\">{{ label }}</span>\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nconst props = withDefaults(\n defineProps<{\n size?: TreeSize;\n label?: string;\n }>(),\n {\n size: 'md',\n label: 'Loading',\n },\n);\n\nconst classes = computed(() => ['tree-spinner', `tree-spinner--${props.size}`]);\n</script>\n\n<template>\n <span\n :class=\"classes\"\n role=\"status\"\n :aria-label=\"label\"\n >\n <span\n class=\"tree-spinner__ring\"\n aria-hidden=\"true\"\n />\n <span class=\"tree-visually-hidden\">{{ label }}</span>\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize, TreeVariant } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n variant?: TreeVariant;\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n type?: 'button' | 'submit' | 'reset';\n }>(),\n {\n as: 'button',\n variant: 'solid',\n size: 'md',\n disabled: false,\n loading: false,\n type: 'button',\n },\n);\n\nconst emit = defineEmits<{\n click: [event: MouseEvent];\n}>();\n\nconst isNativeButton = computed(() => props.as === 'button');\nconst isDisabled = computed(() => props.disabled || props.loading);\nconst classes = computed(() => [\n 'tree-button',\n `tree-button--${props.variant}`,\n `tree-button--${props.size}`,\n {\n 'is-loading': props.loading,\n 'is-disabled': isDisabled.value,\n },\n]);\n\nconst onClick = (event: MouseEvent) => {\n if (isDisabled.value) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n emit('click', event);\n};\n</script>\n\n<template>\n <component\n :is=\"as\"\n :type=\"isNativeButton ? type : undefined\"\n :class=\"classes\"\n :disabled=\"isNativeButton ? isDisabled : undefined\"\n :aria-disabled=\"!isNativeButton && isDisabled ? 'true' : undefined\"\n :aria-busy=\"loading || undefined\"\n :tabindex=\"!isNativeButton && isDisabled ? -1 : undefined\"\n @click=\"onClick\"\n >\n <span\n v-if=\"loading\"\n class=\"tree-button__spinner\"\n >\n <TreeSpinner\n size=\"sm\"\n label=\"Loading\"\n />\n </span>\n <span\n v-if=\"$slots.icon\"\n class=\"tree-button__icon\"\n aria-hidden=\"true\"\n >\n <slot name=\"icon\" />\n </span>\n <span class=\"tree-button__label\">\n <slot />\n </span>\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize, TreeVariant } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n variant?: TreeVariant;\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n type?: 'button' | 'submit' | 'reset';\n }>(),\n {\n as: 'button',\n variant: 'solid',\n size: 'md',\n disabled: false,\n loading: false,\n type: 'button',\n },\n);\n\nconst emit = defineEmits<{\n click: [event: MouseEvent];\n}>();\n\nconst isNativeButton = computed(() => props.as === 'button');\nconst isDisabled = computed(() => props.disabled || props.loading);\nconst classes = computed(() => [\n 'tree-button',\n `tree-button--${props.variant}`,\n `tree-button--${props.size}`,\n {\n 'is-loading': props.loading,\n 'is-disabled': isDisabled.value,\n },\n]);\n\nconst onClick = (event: MouseEvent) => {\n if (isDisabled.value) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n emit('click', event);\n};\n</script>\n\n<template>\n <component\n :is=\"as\"\n :type=\"isNativeButton ? type : undefined\"\n :class=\"classes\"\n :disabled=\"isNativeButton ? isDisabled : undefined\"\n :aria-disabled=\"!isNativeButton && isDisabled ? 'true' : undefined\"\n :aria-busy=\"loading || undefined\"\n :tabindex=\"!isNativeButton && isDisabled ? -1 : undefined\"\n @click=\"onClick\"\n >\n <span\n v-if=\"loading\"\n class=\"tree-button__spinner\"\n >\n <TreeSpinner\n size=\"sm\"\n label=\"Loading\"\n />\n </span>\n <span\n v-if=\"$slots.icon\"\n class=\"tree-button__icon\"\n aria-hidden=\"true\"\n >\n <slot name=\"icon\" />\n </span>\n <span class=\"tree-button__label\">\n <slot />\n </span>\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeCardVariant, TreeSize } from '../types/contracts';\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n variant?: TreeCardVariant;\n size?: TreeSize;\n title?: string;\n }>(),\n {\n as: 'section',\n variant: 'outline',\n size: 'md',\n title: undefined,\n },\n);\n\nconst classes = computed(() => [\n 'tree-card',\n `tree-card--${props.variant}`,\n `tree-card--${props.size}`,\n]);\n\nconst hasHeader = computed(() => !!props.title);\n</script>\n\n<template>\n <component\n :is=\"as\"\n :class=\"classes\"\n >\n <header\n v-if=\"$slots.header || hasHeader || $slots.actions\"\n class=\"tree-card__header\"\n >\n <slot name=\"header\">\n <span\n v-if=\"title\"\n class=\"tree-card__title\"\n >\n {{ title }}\n </span>\n <span\n v-if=\"$slots.actions\"\n class=\"tree-card__actions\"\n >\n <slot name=\"actions\" />\n </span>\n </slot>\n </header>\n <div class=\"tree-card__body\">\n <slot />\n </div>\n <footer\n v-if=\"$slots.footer\"\n class=\"tree-card__footer\"\n >\n <slot name=\"footer\" />\n </footer>\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeCardVariant, TreeSize } from '../types/contracts';\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n variant?: TreeCardVariant;\n size?: TreeSize;\n title?: string;\n }>(),\n {\n as: 'section',\n variant: 'outline',\n size: 'md',\n title: undefined,\n },\n);\n\nconst classes = computed(() => [\n 'tree-card',\n `tree-card--${props.variant}`,\n `tree-card--${props.size}`,\n]);\n\nconst hasHeader = computed(() => !!props.title);\n</script>\n\n<template>\n <component\n :is=\"as\"\n :class=\"classes\"\n >\n <header\n v-if=\"$slots.header || hasHeader || $slots.actions\"\n class=\"tree-card__header\"\n >\n <slot name=\"header\">\n <span\n v-if=\"title\"\n class=\"tree-card__title\"\n >\n {{ title }}\n </span>\n <span\n v-if=\"$slots.actions\"\n class=\"tree-card__actions\"\n >\n <slot name=\"actions\" />\n </span>\n </slot>\n </header>\n <div class=\"tree-card__body\">\n <slot />\n </div>\n <footer\n v-if=\"$slots.footer\"\n class=\"tree-card__footer\"\n >\n <slot name=\"footer\" />\n </footer>\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useAttrs, watch } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: boolean;\n size?: TreeSize;\n disabled?: boolean;\n indeterminate?: boolean;\n invalid?: boolean;\n }>(),\n {\n modelValue: false,\n size: 'md',\n disabled: false,\n indeterminate: false,\n invalid: false,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\nconst inputRef = ref<HTMLInputElement | null>(null);\n\nwatch(\n () => props.indeterminate,\n (val) => {\n if (inputRef.value) {\n inputRef.value.indeterminate = val;\n }\n },\n);\n\nwatch(inputRef, (el) => {\n if (el) {\n el.indeterminate = props.indeterminate;\n }\n});\n\nconst rootClasses = computed(() => [\n 'tree-checkbox',\n `tree-checkbox--${props.size}`,\n {\n 'is-checked': props.modelValue,\n 'is-indeterminate': props.indeterminate,\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst onChange = () => {\n emit('update:modelValue', !props.modelValue);\n};\n</script>\n\n<template>\n <label\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <input\n ref=\"inputRef\"\n v-bind=\"inputAttrs\"\n type=\"checkbox\"\n class=\"tree-checkbox__input\"\n :checked=\"modelValue\"\n :disabled=\"disabled\"\n :aria-checked=\"indeterminate ? 'mixed' : modelValue\"\n :aria-invalid=\"invalid || undefined\"\n @change=\"onChange\"\n >\n <span\n class=\"tree-checkbox__control\"\n aria-hidden=\"true\"\n >\n <svg\n v-if=\"modelValue && !indeterminate\"\n class=\"tree-checkbox__icon\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <polyline points=\"3.5 8.5 6.5 11.5 12.5 4.5\" />\n </svg>\n <svg\n v-else-if=\"indeterminate\"\n class=\"tree-checkbox__icon\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n >\n <line\n x1=\"4\"\n y1=\"8\"\n x2=\"12\"\n y2=\"8\"\n />\n </svg>\n </span>\n <span\n v-if=\"$slots.default\"\n class=\"tree-checkbox__label\"\n >\n <slot />\n </span>\n </label>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useAttrs, watch } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: boolean;\n size?: TreeSize;\n disabled?: boolean;\n indeterminate?: boolean;\n invalid?: boolean;\n }>(),\n {\n modelValue: false,\n size: 'md',\n disabled: false,\n indeterminate: false,\n invalid: false,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\nconst inputRef = ref<HTMLInputElement | null>(null);\n\nwatch(\n () => props.indeterminate,\n (val) => {\n if (inputRef.value) {\n inputRef.value.indeterminate = val;\n }\n },\n);\n\nwatch(inputRef, (el) => {\n if (el) {\n el.indeterminate = props.indeterminate;\n }\n});\n\nconst rootClasses = computed(() => [\n 'tree-checkbox',\n `tree-checkbox--${props.size}`,\n {\n 'is-checked': props.modelValue,\n 'is-indeterminate': props.indeterminate,\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst onChange = () => {\n emit('update:modelValue', !props.modelValue);\n};\n</script>\n\n<template>\n <label\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <input\n ref=\"inputRef\"\n v-bind=\"inputAttrs\"\n type=\"checkbox\"\n class=\"tree-checkbox__input\"\n :checked=\"modelValue\"\n :disabled=\"disabled\"\n :aria-checked=\"indeterminate ? 'mixed' : modelValue\"\n :aria-invalid=\"invalid || undefined\"\n @change=\"onChange\"\n >\n <span\n class=\"tree-checkbox__control\"\n aria-hidden=\"true\"\n >\n <svg\n v-if=\"modelValue && !indeterminate\"\n class=\"tree-checkbox__icon\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <polyline points=\"3.5 8.5 6.5 11.5 12.5 4.5\" />\n </svg>\n <svg\n v-else-if=\"indeterminate\"\n class=\"tree-checkbox__icon\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n >\n <line\n x1=\"4\"\n y1=\"8\"\n x2=\"12\"\n y2=\"8\"\n />\n </svg>\n </span>\n <span\n v-if=\"$slots.default\"\n class=\"tree-checkbox__label\"\n >\n <slot />\n </span>\n </label>\n</template>\n","import { computed, ref, type Ref } from 'vue';\n\nexport const useControllableOpen = (\n controlledValue: Ref<boolean | undefined>,\n defaultValue: boolean,\n onChange: (value: boolean) => void,\n) => {\n const uncontrolledValue = ref(defaultValue);\n\n const value = computed(() => controlledValue.value ?? uncontrolledValue.value);\n\n const setValue = (nextValue: boolean) => {\n if (nextValue === value.value) {\n return;\n }\n\n if (controlledValue.value === undefined) {\n uncontrolledValue.value = nextValue;\n }\n\n onChange(nextValue);\n };\n\n return {\n value,\n setValue,\n };\n};\n\n","<script setup lang=\"ts\">\nimport { createId, isEscapeKey } from '@treeui/utils';\nimport { computed, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeComboboxOption {\n label: string;\n value: string;\n description?: string;\n keywords?: string[];\n disabled?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n options?: TreeComboboxOption[];\n open?: boolean;\n defaultOpen?: boolean;\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n invalid?: boolean;\n placeholder?: string;\n emptyText?: string;\n }>(),\n {\n modelValue: '',\n options: () => [],\n open: undefined,\n defaultOpen: false,\n size: 'md',\n disabled: false,\n loading: false,\n invalid: false,\n placeholder: '',\n emptyText: 'No results found.',\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n 'input-change': [value: string];\n}>();\n\ndefineSlots<{\n prefix?: () => unknown;\n option?: (props: {\n option: TreeComboboxOption;\n selected: boolean;\n active: boolean;\n }) => unknown;\n empty?: (props: { query: string }) => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst listboxId = createId('tree-combobox');\nconst rootRef = ref<HTMLElement | null>(null);\nconst activeIndex = ref(-1);\nconst query = ref('');\n\nconst normalize = (value: string) => value.trim().toLowerCase();\nconst getOptionId = (value: string) => `${listboxId}-option-${value}`;\n\nconst selectedOption = computed(() =>\n props.options.find((option) => option.value === props.modelValue),\n);\n\nconst selectedLabel = computed(() => selectedOption.value?.label ?? '');\n\nconst inputAttrs = computed(() => {\n const { class: _class, style: _style, autocomplete, ...rest } = attrs;\n return {\n autocomplete: typeof autocomplete === 'string' ? autocomplete : 'off',\n ...rest,\n };\n});\n\nconst listboxLabel = computed(() =>\n typeof attrs['aria-label'] === 'string' ? attrs['aria-label'] : undefined,\n);\n\nconst listboxLabelledby = computed(() =>\n typeof attrs['aria-labelledby'] === 'string' ? attrs['aria-labelledby'] : undefined,\n);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 'tree-combobox',\n `tree-combobox--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'is-loading': props.loading,\n 'is-open': isOpen.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst filteredOptions = computed(() => {\n const normalizedQuery = normalize(query.value);\n\n if (!normalizedQuery) {\n return props.options;\n }\n\n return props.options.filter((option) => {\n const fields = [\n option.label,\n option.description ?? '',\n ...(option.keywords ?? []),\n ];\n\n return fields.some((field) => field.toLowerCase().includes(normalizedQuery));\n });\n});\n\nconst enabledFilteredIndexes = computed(() =>\n filteredOptions.value.reduce<number[]>((indexes, option, index) => {\n if (!option.disabled) {\n indexes.push(index);\n }\n\n return indexes;\n }, []),\n);\n\nconst activeOption = computed(() =>\n activeIndex.value >= 0 ? filteredOptions.value[activeIndex.value] : undefined,\n);\n\nconst activeDescendant = computed(() =>\n isOpen.value && activeOption.value ? getOptionId(activeOption.value.value) : undefined,\n);\n\nconst syncQueryFromSelection = () => {\n query.value = selectedLabel.value;\n};\n\nconst setInitialActiveIndex = (fallback: 'first' | 'last' = 'first') => {\n const selectedIndex = filteredOptions.value.findIndex((option) =>\n option.value === props.modelValue && !option.disabled,\n );\n\n if (selectedIndex >= 0) {\n activeIndex.value = selectedIndex;\n return;\n }\n\n if (enabledFilteredIndexes.value.length === 0) {\n activeIndex.value = -1;\n return;\n }\n\n activeIndex.value =\n fallback === 'last'\n ? enabledFilteredIndexes.value[enabledFilteredIndexes.value.length - 1]\n : enabledFilteredIndexes.value[0];\n};\n\nconst moveActive = (direction: 1 | -1) => {\n if (enabledFilteredIndexes.value.length === 0) {\n activeIndex.value = -1;\n return;\n }\n\n const currentEnabledIndex = enabledFilteredIndexes.value.indexOf(activeIndex.value);\n\n if (currentEnabledIndex === -1) {\n activeIndex.value =\n direction === 1\n ? enabledFilteredIndexes.value[0]\n : enabledFilteredIndexes.value[enabledFilteredIndexes.value.length - 1];\n return;\n }\n\n const nextEnabledIndex = currentEnabledIndex + direction;\n\n if (nextEnabledIndex < 0 || nextEnabledIndex >= enabledFilteredIndexes.value.length) {\n return;\n }\n\n activeIndex.value = enabledFilteredIndexes.value[nextEnabledIndex];\n};\n\nconst openListbox = (fallback: 'first' | 'last' = 'first') => {\n if (props.disabled) {\n return;\n }\n\n setValue(true);\n setInitialActiveIndex(fallback);\n};\n\nconst commitPendingClear = () => {\n if (query.value.trim() !== '' || !props.modelValue) {\n return false;\n }\n\n emit('update:modelValue', '');\n return true;\n};\n\nconst closeListbox = (restoreSelection = false) => {\n setValue(false);\n activeIndex.value = -1;\n\n if (!restoreSelection) {\n return;\n }\n\n if (commitPendingClear()) {\n return;\n }\n\n if (selectedLabel.value && query.value !== selectedLabel.value) {\n query.value = selectedLabel.value;\n }\n};\n\nconst selectOption = (option: TreeComboboxOption) => {\n if (option.disabled) {\n return;\n }\n\n query.value = option.label;\n emit('update:modelValue', option.value);\n closeListbox(false);\n};\n\nconst onInput = (event: Event) => {\n query.value = (event.target as HTMLInputElement).value;\n emit('input-change', query.value);\n\n if (props.disabled) {\n return;\n }\n\n if (!isOpen.value) {\n openListbox('first');\n return;\n }\n\n setInitialActiveIndex('first');\n};\n\nconst onInputFocus = () => {\n openListbox('first');\n};\n\nconst onInputClick = () => {\n if (!isOpen.value) {\n openListbox('first');\n }\n};\n\nconst onInputKeydown = (event: KeyboardEvent) => {\n if (props.disabled) {\n return;\n }\n\n if (isEscapeKey(event)) {\n if (isOpen.value) {\n event.preventDefault();\n closeListbox(true);\n }\n\n return;\n }\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n\n if (!isOpen.value) {\n openListbox('first');\n } else {\n moveActive(1);\n }\n break;\n case 'ArrowUp':\n event.preventDefault();\n\n if (!isOpen.value) {\n openListbox('last');\n } else {\n moveActive(-1);\n }\n break;\n case 'Enter':\n if (isOpen.value && activeOption.value && !activeOption.value.disabled) {\n event.preventDefault();\n selectOption(activeOption.value);\n }\n break;\n case 'Home':\n if (!isOpen.value) return;\n event.preventDefault();\n setInitialActiveIndex('first');\n break;\n case 'End':\n if (!isOpen.value) return;\n event.preventDefault();\n setInitialActiveIndex('last');\n break;\n case 'Tab':\n closeListbox(true);\n break;\n default:\n break;\n }\n};\n\nconst onOptionPointerEnter = (index: number) => {\n const option = filteredOptions.value[index];\n\n if (option && !option.disabled) {\n activeIndex.value = index;\n }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) return;\n const target = event.target;\n if (!(target instanceof Node)) return;\n if (rootRef.value?.contains(target)) return;\n closeListbox(true);\n};\n\nwatch(isOpen, (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n } else {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n }\n});\n\nwatch(\n () => props.modelValue,\n () => {\n if (!isOpen.value) {\n syncQueryFromSelection();\n }\n },\n { immediate: true },\n);\n\nwatch(\n () => props.options,\n () => {\n if (!isOpen.value) {\n syncQueryFromSelection();\n return;\n }\n\n setInitialActiveIndex('first');\n },\n { deep: true },\n);\n\nwatch(filteredOptions, () => {\n if (!isOpen.value) {\n return;\n }\n\n if (filteredOptions.value.length === 0) {\n activeIndex.value = -1;\n return;\n }\n\n const current = filteredOptions.value[activeIndex.value];\n\n if (!current || current.disabled) {\n setInitialActiveIndex('first');\n }\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <div class=\"tree-combobox__control\">\n <span\n v-if=\"$slots.prefix\"\n class=\"tree-combobox__slot tree-combobox__slot--prefix\"\n >\n <slot name=\"prefix\" />\n </span>\n <input\n v-bind=\"inputAttrs\"\n class=\"tree-combobox__input\"\n role=\"combobox\"\n type=\"text\"\n :value=\"query\"\n :placeholder=\"placeholder\"\n :disabled=\"disabled\"\n :aria-controls=\"isOpen ? listboxId : undefined\"\n :aria-expanded=\"isOpen\"\n :aria-activedescendant=\"activeDescendant\"\n :aria-invalid=\"invalid || undefined\"\n :aria-busy=\"loading || undefined\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n @input=\"onInput\"\n @focus=\"onInputFocus\"\n @click=\"onInputClick\"\n @keydown=\"onInputKeydown\"\n >\n <TreeSpinner\n v-if=\"loading\"\n size=\"sm\"\n label=\"Loading\"\n />\n <svg\n v-else\n class=\"tree-combobox__indicator\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"4 6 8 10 12 6\" />\n </svg>\n </div>\n\n <transition name=\"tree-fade\">\n <ul\n v-if=\"isOpen && !disabled\"\n :id=\"listboxId\"\n role=\"listbox\"\n class=\"tree-combobox__listbox\"\n :aria-label=\"listboxLabel\"\n :aria-labelledby=\"listboxLabelledby\"\n >\n <li\n v-if=\"filteredOptions.length === 0\"\n class=\"tree-combobox__empty\"\n >\n <slot\n name=\"empty\"\n :query=\"query\"\n >\n {{ emptyText }}\n </slot>\n </li>\n\n <template v-else>\n <li\n v-for=\"(option, index) in filteredOptions\"\n :id=\"getOptionId(option.value)\"\n :key=\"option.value\"\n role=\"option\"\n class=\"tree-combobox__option\"\n :class=\"{\n 'is-active': index === activeIndex,\n 'is-disabled': option.disabled,\n 'is-selected': option.value === modelValue,\n }\"\n :aria-selected=\"option.value === modelValue\"\n :aria-disabled=\"option.disabled || undefined\"\n @mouseenter=\"onOptionPointerEnter(index)\"\n @click=\"selectOption(option)\"\n >\n <slot\n name=\"option\"\n :option=\"option\"\n :selected=\"option.value === modelValue\"\n :active=\"index === activeIndex\"\n >\n <span class=\"tree-combobox__option-copy\">\n <span class=\"tree-combobox__option-label\">{{ option.label }}</span>\n <span\n v-if=\"option.description\"\n class=\"tree-combobox__option-description\"\n >\n {{ option.description }}\n </span>\n </span>\n <svg\n v-if=\"option.value === modelValue\"\n class=\"tree-combobox__check\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"3.5 8.5 6.5 11.5 12.5 4.5\" />\n </svg>\n </slot>\n </li>\n </template>\n </ul>\n </transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, isEscapeKey } from '@treeui/utils';\nimport { computed, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeComboboxOption {\n label: string;\n value: string;\n description?: string;\n keywords?: string[];\n disabled?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n options?: TreeComboboxOption[];\n open?: boolean;\n defaultOpen?: boolean;\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n invalid?: boolean;\n placeholder?: string;\n emptyText?: string;\n }>(),\n {\n modelValue: '',\n options: () => [],\n open: undefined,\n defaultOpen: false,\n size: 'md',\n disabled: false,\n loading: false,\n invalid: false,\n placeholder: '',\n emptyText: 'No results found.',\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n 'input-change': [value: string];\n}>();\n\ndefineSlots<{\n prefix?: () => unknown;\n option?: (props: {\n option: TreeComboboxOption;\n selected: boolean;\n active: boolean;\n }) => unknown;\n empty?: (props: { query: string }) => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst listboxId = createId('tree-combobox');\nconst rootRef = ref<HTMLElement | null>(null);\nconst activeIndex = ref(-1);\nconst query = ref('');\n\nconst normalize = (value: string) => value.trim().toLowerCase();\nconst getOptionId = (value: string) => `${listboxId}-option-${value}`;\n\nconst selectedOption = computed(() =>\n props.options.find((option) => option.value === props.modelValue),\n);\n\nconst selectedLabel = computed(() => selectedOption.value?.label ?? '');\n\nconst inputAttrs = computed(() => {\n const { class: _class, style: _style, autocomplete, ...rest } = attrs;\n return {\n autocomplete: typeof autocomplete === 'string' ? autocomplete : 'off',\n ...rest,\n };\n});\n\nconst listboxLabel = computed(() =>\n typeof attrs['aria-label'] === 'string' ? attrs['aria-label'] : undefined,\n);\n\nconst listboxLabelledby = computed(() =>\n typeof attrs['aria-labelledby'] === 'string' ? attrs['aria-labelledby'] : undefined,\n);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 'tree-combobox',\n `tree-combobox--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'is-loading': props.loading,\n 'is-open': isOpen.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst filteredOptions = computed(() => {\n const normalizedQuery = normalize(query.value);\n\n if (!normalizedQuery) {\n return props.options;\n }\n\n return props.options.filter((option) => {\n const fields = [\n option.label,\n option.description ?? '',\n ...(option.keywords ?? []),\n ];\n\n return fields.some((field) => field.toLowerCase().includes(normalizedQuery));\n });\n});\n\nconst enabledFilteredIndexes = computed(() =>\n filteredOptions.value.reduce<number[]>((indexes, option, index) => {\n if (!option.disabled) {\n indexes.push(index);\n }\n\n return indexes;\n }, []),\n);\n\nconst activeOption = computed(() =>\n activeIndex.value >= 0 ? filteredOptions.value[activeIndex.value] : undefined,\n);\n\nconst activeDescendant = computed(() =>\n isOpen.value && activeOption.value ? getOptionId(activeOption.value.value) : undefined,\n);\n\nconst syncQueryFromSelection = () => {\n query.value = selectedLabel.value;\n};\n\nconst setInitialActiveIndex = (fallback: 'first' | 'last' = 'first') => {\n const selectedIndex = filteredOptions.value.findIndex((option) =>\n option.value === props.modelValue && !option.disabled,\n );\n\n if (selectedIndex >= 0) {\n activeIndex.value = selectedIndex;\n return;\n }\n\n if (enabledFilteredIndexes.value.length === 0) {\n activeIndex.value = -1;\n return;\n }\n\n activeIndex.value =\n fallback === 'last'\n ? enabledFilteredIndexes.value[enabledFilteredIndexes.value.length - 1]\n : enabledFilteredIndexes.value[0];\n};\n\nconst moveActive = (direction: 1 | -1) => {\n if (enabledFilteredIndexes.value.length === 0) {\n activeIndex.value = -1;\n return;\n }\n\n const currentEnabledIndex = enabledFilteredIndexes.value.indexOf(activeIndex.value);\n\n if (currentEnabledIndex === -1) {\n activeIndex.value =\n direction === 1\n ? enabledFilteredIndexes.value[0]\n : enabledFilteredIndexes.value[enabledFilteredIndexes.value.length - 1];\n return;\n }\n\n const nextEnabledIndex = currentEnabledIndex + direction;\n\n if (nextEnabledIndex < 0 || nextEnabledIndex >= enabledFilteredIndexes.value.length) {\n return;\n }\n\n activeIndex.value = enabledFilteredIndexes.value[nextEnabledIndex];\n};\n\nconst openListbox = (fallback: 'first' | 'last' = 'first') => {\n if (props.disabled) {\n return;\n }\n\n setValue(true);\n setInitialActiveIndex(fallback);\n};\n\nconst commitPendingClear = () => {\n if (query.value.trim() !== '' || !props.modelValue) {\n return false;\n }\n\n emit('update:modelValue', '');\n return true;\n};\n\nconst closeListbox = (restoreSelection = false) => {\n setValue(false);\n activeIndex.value = -1;\n\n if (!restoreSelection) {\n return;\n }\n\n if (commitPendingClear()) {\n return;\n }\n\n if (selectedLabel.value && query.value !== selectedLabel.value) {\n query.value = selectedLabel.value;\n }\n};\n\nconst selectOption = (option: TreeComboboxOption) => {\n if (option.disabled) {\n return;\n }\n\n query.value = option.label;\n emit('update:modelValue', option.value);\n closeListbox(false);\n};\n\nconst onInput = (event: Event) => {\n query.value = (event.target as HTMLInputElement).value;\n emit('input-change', query.value);\n\n if (props.disabled) {\n return;\n }\n\n if (!isOpen.value) {\n openListbox('first');\n return;\n }\n\n setInitialActiveIndex('first');\n};\n\nconst onInputFocus = () => {\n openListbox('first');\n};\n\nconst onInputClick = () => {\n if (!isOpen.value) {\n openListbox('first');\n }\n};\n\nconst onInputKeydown = (event: KeyboardEvent) => {\n if (props.disabled) {\n return;\n }\n\n if (isEscapeKey(event)) {\n if (isOpen.value) {\n event.preventDefault();\n closeListbox(true);\n }\n\n return;\n }\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n\n if (!isOpen.value) {\n openListbox('first');\n } else {\n moveActive(1);\n }\n break;\n case 'ArrowUp':\n event.preventDefault();\n\n if (!isOpen.value) {\n openListbox('last');\n } else {\n moveActive(-1);\n }\n break;\n case 'Enter':\n if (isOpen.value && activeOption.value && !activeOption.value.disabled) {\n event.preventDefault();\n selectOption(activeOption.value);\n }\n break;\n case 'Home':\n if (!isOpen.value) return;\n event.preventDefault();\n setInitialActiveIndex('first');\n break;\n case 'End':\n if (!isOpen.value) return;\n event.preventDefault();\n setInitialActiveIndex('last');\n break;\n case 'Tab':\n closeListbox(true);\n break;\n default:\n break;\n }\n};\n\nconst onOptionPointerEnter = (index: number) => {\n const option = filteredOptions.value[index];\n\n if (option && !option.disabled) {\n activeIndex.value = index;\n }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) return;\n const target = event.target;\n if (!(target instanceof Node)) return;\n if (rootRef.value?.contains(target)) return;\n closeListbox(true);\n};\n\nwatch(isOpen, (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n } else {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n }\n});\n\nwatch(\n () => props.modelValue,\n () => {\n if (!isOpen.value) {\n syncQueryFromSelection();\n }\n },\n { immediate: true },\n);\n\nwatch(\n () => props.options,\n () => {\n if (!isOpen.value) {\n syncQueryFromSelection();\n return;\n }\n\n setInitialActiveIndex('first');\n },\n { deep: true },\n);\n\nwatch(filteredOptions, () => {\n if (!isOpen.value) {\n return;\n }\n\n if (filteredOptions.value.length === 0) {\n activeIndex.value = -1;\n return;\n }\n\n const current = filteredOptions.value[activeIndex.value];\n\n if (!current || current.disabled) {\n setInitialActiveIndex('first');\n }\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <div class=\"tree-combobox__control\">\n <span\n v-if=\"$slots.prefix\"\n class=\"tree-combobox__slot tree-combobox__slot--prefix\"\n >\n <slot name=\"prefix\" />\n </span>\n <input\n v-bind=\"inputAttrs\"\n class=\"tree-combobox__input\"\n role=\"combobox\"\n type=\"text\"\n :value=\"query\"\n :placeholder=\"placeholder\"\n :disabled=\"disabled\"\n :aria-controls=\"isOpen ? listboxId : undefined\"\n :aria-expanded=\"isOpen\"\n :aria-activedescendant=\"activeDescendant\"\n :aria-invalid=\"invalid || undefined\"\n :aria-busy=\"loading || undefined\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n @input=\"onInput\"\n @focus=\"onInputFocus\"\n @click=\"onInputClick\"\n @keydown=\"onInputKeydown\"\n >\n <TreeSpinner\n v-if=\"loading\"\n size=\"sm\"\n label=\"Loading\"\n />\n <svg\n v-else\n class=\"tree-combobox__indicator\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"4 6 8 10 12 6\" />\n </svg>\n </div>\n\n <transition name=\"tree-fade\">\n <ul\n v-if=\"isOpen && !disabled\"\n :id=\"listboxId\"\n role=\"listbox\"\n class=\"tree-combobox__listbox\"\n :aria-label=\"listboxLabel\"\n :aria-labelledby=\"listboxLabelledby\"\n >\n <li\n v-if=\"filteredOptions.length === 0\"\n class=\"tree-combobox__empty\"\n >\n <slot\n name=\"empty\"\n :query=\"query\"\n >\n {{ emptyText }}\n </slot>\n </li>\n\n <template v-else>\n <li\n v-for=\"(option, index) in filteredOptions\"\n :id=\"getOptionId(option.value)\"\n :key=\"option.value\"\n role=\"option\"\n class=\"tree-combobox__option\"\n :class=\"{\n 'is-active': index === activeIndex,\n 'is-disabled': option.disabled,\n 'is-selected': option.value === modelValue,\n }\"\n :aria-selected=\"option.value === modelValue\"\n :aria-disabled=\"option.disabled || undefined\"\n @mouseenter=\"onOptionPointerEnter(index)\"\n @click=\"selectOption(option)\"\n >\n <slot\n name=\"option\"\n :option=\"option\"\n :selected=\"option.value === modelValue\"\n :active=\"index === activeIndex\"\n >\n <span class=\"tree-combobox__option-copy\">\n <span class=\"tree-combobox__option-label\">{{ option.label }}</span>\n <span\n v-if=\"option.description\"\n class=\"tree-combobox__option-description\"\n >\n {{ option.description }}\n </span>\n </span>\n <svg\n v-if=\"option.value === modelValue\"\n class=\"tree-combobox__check\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"3.5 8.5 6.5 11.5 12.5 4.5\" />\n </svg>\n </slot>\n </li>\n </template>\n </ul>\n </transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n createId,\n focusFirst,\n focusLast,\n getFocusableElements,\n isEscapeKey,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n computed,\n nextTick,\n onBeforeUnmount,\n ref,\n toRef,\n useAttrs,\n watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst CloseIcon = getTreeIcon('x');\n\nconst props = withDefaults(\n defineProps<{\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n size?: TreeSize;\n title?: string;\n description?: string;\n closeOnEscape?: boolean;\n closeOnOverlay?: boolean;\n showCloseButton?: boolean;\n closeLabel?: string;\n id?: string;\n }>(),\n {\n open: undefined,\n defaultOpen: false,\n disabled: false,\n size: 'md',\n title: '',\n description: '',\n closeOnEscape: true,\n closeOnOverlay: true,\n showCloseButton: true,\n closeLabel: 'Close modal',\n id: undefined,\n },\n);\n\nconst emit = defineEmits<{\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\nconst modalId = props.id ?? createId('tree-modal');\nconst titleId = `${modalId}-title`;\nconst descriptionId = `${modalId}-description`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst surfaceRef = ref<HTMLElement | null>(null);\nconst previousFocusedElement = ref<HTMLElement | null>(null);\nconst hasHeaderContent = computed(() => Boolean(props.title || slots.header));\n\nconst slots = defineSlots<{\n default?: () => unknown;\n trigger?: () => unknown;\n header?: () => unknown;\n content?: () => unknown;\n footer?: () => unknown;\n}>();\n\nconst rootClasses = computed(() => ['tree-modal', attrs.class]);\nconst rootStyle = computed(() => attrs.style);\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\nconst surfaceClasses = computed(() => [\n 'tree-modal__surface',\n `tree-modal__surface--${props.size}`,\n]);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst labelledBy = computed(() => (hasHeaderContent.value ? titleId : undefined));\nconst describedBy = computed(() => (props.description ? descriptionId : undefined));\n\nlet openOverlayCount = 0;\nlet previousBodyOverflow = '';\n\nconst lockBodyScroll = () => {\n if (typeof document === 'undefined') {\n return;\n }\n\n if (openOverlayCount === 0) {\n previousBodyOverflow = document.body.style.overflow;\n document.body.style.overflow = 'hidden';\n }\n\n openOverlayCount += 1;\n};\n\nconst unlockBodyScroll = () => {\n if (typeof document === 'undefined' || openOverlayCount === 0) {\n return;\n }\n\n openOverlayCount -= 1;\n\n if (openOverlayCount === 0) {\n document.body.style.overflow = previousBodyOverflow;\n }\n};\n\nconst focusSurface = () => {\n nextTick(() => {\n if (!surfaceRef.value) {\n return;\n }\n\n const focused = focusFirst(surfaceRef.value);\n if (!focused) {\n surfaceRef.value.focus();\n }\n });\n};\n\nconst openModal = () => {\n if (props.disabled) {\n return;\n }\n\n previousFocusedElement.value = document.activeElement as HTMLElement | null;\n setValue(true);\n};\n\nconst closeModal = () => {\n setValue(false);\n};\n\nconst onTriggerClick = (event: MouseEvent) => {\n if (props.disabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n if (event.defaultPrevented) {\n return;\n }\n\n openModal();\n};\n\nconst onOverlayClick = () => {\n if (!props.closeOnOverlay) {\n return;\n }\n\n closeModal();\n};\n\nconst onSurfaceClick = (event: MouseEvent) => {\n event.stopPropagation();\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n if (isEscapeKey(event) && props.closeOnEscape) {\n event.preventDefault();\n closeModal();\n return;\n }\n\n if (event.key !== 'Tab' || !surfaceRef.value) {\n return;\n }\n\n const focusable = getFocusableElements(surfaceRef.value);\n\n if (!focusable.length) {\n event.preventDefault();\n surfaceRef.value.focus();\n return;\n }\n\n const first = focusable[0];\n const last = focusable[focusable.length - 1];\n const activeElement = document.activeElement as HTMLElement | null;\n\n if (event.shiftKey && activeElement === first) {\n event.preventDefault();\n focusLast(surfaceRef.value);\n }\n\n if (!event.shiftKey && activeElement === last) {\n event.preventDefault();\n focusFirst(surfaceRef.value);\n }\n};\n\nwatch(isOpen, (value, previousValue) => {\n if (value) {\n lockBodyScroll();\n focusSurface();\n return;\n }\n\n if (previousValue) {\n unlockBodyScroll();\n nextTick(() => {\n previousFocusedElement.value?.focus();\n });\n }\n});\n\nonBeforeUnmount(() => {\n if (isOpen.value) {\n unlockBodyScroll();\n }\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <span\n v-if=\"$slots.trigger\"\n class=\"tree-modal__trigger\"\n v-bind=\"triggerAttrs\"\n :aria-disabled=\"disabled || undefined\"\n @click=\"onTriggerClick\"\n >\n <slot name=\"trigger\" />\n </span>\n\n <Teleport to=\"body\">\n <transition name=\"tree-modal-fade\">\n <div\n v-if=\"isOpen\"\n class=\"tree-modal__portal\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <div\n class=\"tree-modal__backdrop\"\n aria-hidden=\"true\"\n @click=\"onOverlayClick\"\n />\n <div class=\"tree-modal__positioner\">\n <div\n :id=\"modalId\"\n ref=\"surfaceRef\"\n :class=\"surfaceClasses\"\n role=\"dialog\"\n aria-modal=\"true\"\n :aria-labelledby=\"labelledBy\"\n :aria-describedby=\"describedBy\"\n tabindex=\"-1\"\n @click=\"onSurfaceClick\"\n @keydown=\"onKeydown\"\n >\n <div\n v-if=\"hasHeaderContent || showCloseButton\"\n class=\"tree-modal__topbar\"\n >\n <div\n v-if=\"hasHeaderContent\"\n :id=\"titleId\"\n class=\"tree-modal__header\"\n >\n <slot name=\"header\">\n <h2 class=\"tree-modal__title\">\n {{ title }}\n </h2>\n </slot>\n </div>\n <button\n v-if=\"showCloseButton\"\n type=\"button\"\n class=\"tree-modal__close\"\n :aria-label=\"closeLabel\"\n @click=\"closeModal\"\n >\n <CloseIcon v-bind=\"treeIconDefaults\" />\n </button>\n </div>\n\n <p\n v-if=\"description\"\n :id=\"descriptionId\"\n class=\"tree-modal__description\"\n >\n {{ description }}\n </p>\n\n <div class=\"tree-modal__body\">\n <slot name=\"content\">\n <slot />\n </slot>\n </div>\n\n <div\n v-if=\"$slots.footer\"\n class=\"tree-modal__footer\"\n >\n <slot name=\"footer\" />\n </div>\n </div>\n </div>\n </div>\n </transition>\n </Teleport>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n createId,\n focusFirst,\n focusLast,\n getFocusableElements,\n isEscapeKey,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n computed,\n nextTick,\n onBeforeUnmount,\n ref,\n toRef,\n useAttrs,\n watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst CloseIcon = getTreeIcon('x');\n\nconst props = withDefaults(\n defineProps<{\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n size?: TreeSize;\n title?: string;\n description?: string;\n closeOnEscape?: boolean;\n closeOnOverlay?: boolean;\n showCloseButton?: boolean;\n closeLabel?: string;\n id?: string;\n }>(),\n {\n open: undefined,\n defaultOpen: false,\n disabled: false,\n size: 'md',\n title: '',\n description: '',\n closeOnEscape: true,\n closeOnOverlay: true,\n showCloseButton: true,\n closeLabel: 'Close modal',\n id: undefined,\n },\n);\n\nconst emit = defineEmits<{\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\nconst modalId = props.id ?? createId('tree-modal');\nconst titleId = `${modalId}-title`;\nconst descriptionId = `${modalId}-description`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst surfaceRef = ref<HTMLElement | null>(null);\nconst previousFocusedElement = ref<HTMLElement | null>(null);\nconst hasHeaderContent = computed(() => Boolean(props.title || slots.header));\n\nconst slots = defineSlots<{\n default?: () => unknown;\n trigger?: () => unknown;\n header?: () => unknown;\n content?: () => unknown;\n footer?: () => unknown;\n}>();\n\nconst rootClasses = computed(() => ['tree-modal', attrs.class]);\nconst rootStyle = computed(() => attrs.style);\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\nconst surfaceClasses = computed(() => [\n 'tree-modal__surface',\n `tree-modal__surface--${props.size}`,\n]);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst labelledBy = computed(() => (hasHeaderContent.value ? titleId : undefined));\nconst describedBy = computed(() => (props.description ? descriptionId : undefined));\n\nlet openOverlayCount = 0;\nlet previousBodyOverflow = '';\n\nconst lockBodyScroll = () => {\n if (typeof document === 'undefined') {\n return;\n }\n\n if (openOverlayCount === 0) {\n previousBodyOverflow = document.body.style.overflow;\n document.body.style.overflow = 'hidden';\n }\n\n openOverlayCount += 1;\n};\n\nconst unlockBodyScroll = () => {\n if (typeof document === 'undefined' || openOverlayCount === 0) {\n return;\n }\n\n openOverlayCount -= 1;\n\n if (openOverlayCount === 0) {\n document.body.style.overflow = previousBodyOverflow;\n }\n};\n\nconst focusSurface = () => {\n nextTick(() => {\n if (!surfaceRef.value) {\n return;\n }\n\n const focused = focusFirst(surfaceRef.value);\n if (!focused) {\n surfaceRef.value.focus();\n }\n });\n};\n\nconst openModal = () => {\n if (props.disabled) {\n return;\n }\n\n previousFocusedElement.value = document.activeElement as HTMLElement | null;\n setValue(true);\n};\n\nconst closeModal = () => {\n setValue(false);\n};\n\nconst onTriggerClick = (event: MouseEvent) => {\n if (props.disabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n if (event.defaultPrevented) {\n return;\n }\n\n openModal();\n};\n\nconst onOverlayClick = () => {\n if (!props.closeOnOverlay) {\n return;\n }\n\n closeModal();\n};\n\nconst onSurfaceClick = (event: MouseEvent) => {\n event.stopPropagation();\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n if (isEscapeKey(event) && props.closeOnEscape) {\n event.preventDefault();\n closeModal();\n return;\n }\n\n if (event.key !== 'Tab' || !surfaceRef.value) {\n return;\n }\n\n const focusable = getFocusableElements(surfaceRef.value);\n\n if (!focusable.length) {\n event.preventDefault();\n surfaceRef.value.focus();\n return;\n }\n\n const first = focusable[0];\n const last = focusable[focusable.length - 1];\n const activeElement = document.activeElement as HTMLElement | null;\n\n if (event.shiftKey && activeElement === first) {\n event.preventDefault();\n focusLast(surfaceRef.value);\n }\n\n if (!event.shiftKey && activeElement === last) {\n event.preventDefault();\n focusFirst(surfaceRef.value);\n }\n};\n\nwatch(isOpen, (value, previousValue) => {\n if (value) {\n lockBodyScroll();\n focusSurface();\n return;\n }\n\n if (previousValue) {\n unlockBodyScroll();\n nextTick(() => {\n previousFocusedElement.value?.focus();\n });\n }\n});\n\nonBeforeUnmount(() => {\n if (isOpen.value) {\n unlockBodyScroll();\n }\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <span\n v-if=\"$slots.trigger\"\n class=\"tree-modal__trigger\"\n v-bind=\"triggerAttrs\"\n :aria-disabled=\"disabled || undefined\"\n @click=\"onTriggerClick\"\n >\n <slot name=\"trigger\" />\n </span>\n\n <Teleport to=\"body\">\n <transition name=\"tree-modal-fade\">\n <div\n v-if=\"isOpen\"\n class=\"tree-modal__portal\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <div\n class=\"tree-modal__backdrop\"\n aria-hidden=\"true\"\n @click=\"onOverlayClick\"\n />\n <div class=\"tree-modal__positioner\">\n <div\n :id=\"modalId\"\n ref=\"surfaceRef\"\n :class=\"surfaceClasses\"\n role=\"dialog\"\n aria-modal=\"true\"\n :aria-labelledby=\"labelledBy\"\n :aria-describedby=\"describedBy\"\n tabindex=\"-1\"\n @click=\"onSurfaceClick\"\n @keydown=\"onKeydown\"\n >\n <div\n v-if=\"hasHeaderContent || showCloseButton\"\n class=\"tree-modal__topbar\"\n >\n <div\n v-if=\"hasHeaderContent\"\n :id=\"titleId\"\n class=\"tree-modal__header\"\n >\n <slot name=\"header\">\n <h2 class=\"tree-modal__title\">\n {{ title }}\n </h2>\n </slot>\n </div>\n <button\n v-if=\"showCloseButton\"\n type=\"button\"\n class=\"tree-modal__close\"\n :aria-label=\"closeLabel\"\n @click=\"closeModal\"\n >\n <CloseIcon v-bind=\"treeIconDefaults\" />\n </button>\n </div>\n\n <p\n v-if=\"description\"\n :id=\"descriptionId\"\n class=\"tree-modal__description\"\n >\n {{ description }}\n </p>\n\n <div class=\"tree-modal__body\">\n <slot name=\"content\">\n <slot />\n </slot>\n </div>\n\n <div\n v-if=\"$slots.footer\"\n class=\"tree-modal__footer\"\n >\n <slot name=\"footer\" />\n </div>\n </div>\n </div>\n </div>\n </transition>\n </Teleport>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, toRef, useAttrs } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize, TreeVariant } from '../types/contracts';\nimport TreeButton from './TreeButton.vue';\nimport TreeModal from './TreeModal.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst slots = defineSlots<{\n trigger?: () => unknown;\n icon?: () => unknown;\n default?: () => unknown;\n actions?: (props: {\n confirm: () => void;\n cancel: () => void;\n loading: boolean;\n }) => unknown;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n size?: TreeSize;\n title?: string;\n description?: string;\n confirmLabel?: string;\n cancelLabel?: string;\n confirmVariant?: TreeVariant;\n confirmDisabled?: boolean;\n cancelDisabled?: boolean;\n loading?: boolean;\n closeOnEscape?: boolean;\n closeOnOverlay?: boolean;\n showCloseButton?: boolean;\n closeLabel?: string;\n closeOnConfirm?: boolean;\n closeOnCancel?: boolean;\n }>(),\n {\n open: undefined,\n defaultOpen: false,\n disabled: false,\n size: 'sm',\n title: '',\n description: '',\n confirmLabel: 'Confirm',\n cancelLabel: 'Cancel',\n confirmVariant: 'danger',\n confirmDisabled: false,\n cancelDisabled: false,\n loading: false,\n closeOnEscape: true,\n closeOnOverlay: false,\n showCloseButton: false,\n closeLabel: 'Close dialog',\n closeOnConfirm: true,\n closeOnCancel: true,\n },\n);\n\nconst emit = defineEmits<{\n confirm: [];\n cancel: [];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst dialogClasses = computed(() => [\n 'tree-confirm-dialog',\n {\n 'tree-confirm-dialog--with-icon': Boolean(slots.icon),\n },\n]);\n\nconst hasBodyContent = computed(() => Boolean(slots.default));\n\nconst closeDialog = () => {\n setValue(false);\n};\n\nconst syncOpen = (value: boolean) => {\n setValue(value);\n};\n\nconst handleCancel = () => {\n if (props.cancelDisabled) {\n return;\n }\n\n emit('cancel');\n\n if (props.closeOnCancel) {\n closeDialog();\n }\n};\n\nconst handleConfirm = () => {\n if (props.confirmDisabled || props.loading) {\n return;\n }\n\n emit('confirm');\n\n if (props.closeOnConfirm) {\n closeDialog();\n }\n};\n</script>\n\n<template>\n <TreeModal\n v-bind=\"attrs\"\n :open=\"isOpen\"\n :disabled=\"disabled\"\n :size=\"size\"\n :title=\"title\"\n :description=\"description\"\n :close-on-escape=\"closeOnEscape\"\n :close-on-overlay=\"closeOnOverlay\"\n :show-close-button=\"showCloseButton\"\n :close-label=\"closeLabel\"\n @update:open=\"syncOpen\"\n >\n <template\n v-if=\"$slots.trigger\"\n #trigger\n >\n <slot name=\"trigger\" />\n </template>\n\n <template #content>\n <div :class=\"dialogClasses\">\n <div\n v-if=\"$slots.icon\"\n class=\"tree-confirm-dialog__icon\"\n aria-hidden=\"true\"\n >\n <slot name=\"icon\" />\n </div>\n\n <div\n v-if=\"hasBodyContent\"\n class=\"tree-confirm-dialog__body\"\n >\n <slot />\n </div>\n </div>\n </template>\n\n <template #footer>\n <slot\n name=\"actions\"\n :confirm=\"handleConfirm\"\n :cancel=\"handleCancel\"\n :loading=\"loading\"\n >\n <TreeButton\n variant=\"ghost\"\n :disabled=\"cancelDisabled\"\n @click=\"handleCancel\"\n >\n {{ cancelLabel }}\n </TreeButton>\n <TreeButton\n :variant=\"confirmVariant\"\n :loading=\"loading\"\n :disabled=\"confirmDisabled\"\n @click=\"handleConfirm\"\n >\n {{ confirmLabel }}\n </TreeButton>\n </slot>\n </template>\n </TreeModal>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, toRef, useAttrs } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize, TreeVariant } from '../types/contracts';\nimport TreeButton from './TreeButton.vue';\nimport TreeModal from './TreeModal.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst slots = defineSlots<{\n trigger?: () => unknown;\n icon?: () => unknown;\n default?: () => unknown;\n actions?: (props: {\n confirm: () => void;\n cancel: () => void;\n loading: boolean;\n }) => unknown;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n size?: TreeSize;\n title?: string;\n description?: string;\n confirmLabel?: string;\n cancelLabel?: string;\n confirmVariant?: TreeVariant;\n confirmDisabled?: boolean;\n cancelDisabled?: boolean;\n loading?: boolean;\n closeOnEscape?: boolean;\n closeOnOverlay?: boolean;\n showCloseButton?: boolean;\n closeLabel?: string;\n closeOnConfirm?: boolean;\n closeOnCancel?: boolean;\n }>(),\n {\n open: undefined,\n defaultOpen: false,\n disabled: false,\n size: 'sm',\n title: '',\n description: '',\n confirmLabel: 'Confirm',\n cancelLabel: 'Cancel',\n confirmVariant: 'danger',\n confirmDisabled: false,\n cancelDisabled: false,\n loading: false,\n closeOnEscape: true,\n closeOnOverlay: false,\n showCloseButton: false,\n closeLabel: 'Close dialog',\n closeOnConfirm: true,\n closeOnCancel: true,\n },\n);\n\nconst emit = defineEmits<{\n confirm: [];\n cancel: [];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst dialogClasses = computed(() => [\n 'tree-confirm-dialog',\n {\n 'tree-confirm-dialog--with-icon': Boolean(slots.icon),\n },\n]);\n\nconst hasBodyContent = computed(() => Boolean(slots.default));\n\nconst closeDialog = () => {\n setValue(false);\n};\n\nconst syncOpen = (value: boolean) => {\n setValue(value);\n};\n\nconst handleCancel = () => {\n if (props.cancelDisabled) {\n return;\n }\n\n emit('cancel');\n\n if (props.closeOnCancel) {\n closeDialog();\n }\n};\n\nconst handleConfirm = () => {\n if (props.confirmDisabled || props.loading) {\n return;\n }\n\n emit('confirm');\n\n if (props.closeOnConfirm) {\n closeDialog();\n }\n};\n</script>\n\n<template>\n <TreeModal\n v-bind=\"attrs\"\n :open=\"isOpen\"\n :disabled=\"disabled\"\n :size=\"size\"\n :title=\"title\"\n :description=\"description\"\n :close-on-escape=\"closeOnEscape\"\n :close-on-overlay=\"closeOnOverlay\"\n :show-close-button=\"showCloseButton\"\n :close-label=\"closeLabel\"\n @update:open=\"syncOpen\"\n >\n <template\n v-if=\"$slots.trigger\"\n #trigger\n >\n <slot name=\"trigger\" />\n </template>\n\n <template #content>\n <div :class=\"dialogClasses\">\n <div\n v-if=\"$slots.icon\"\n class=\"tree-confirm-dialog__icon\"\n aria-hidden=\"true\"\n >\n <slot name=\"icon\" />\n </div>\n\n <div\n v-if=\"hasBodyContent\"\n class=\"tree-confirm-dialog__body\"\n >\n <slot />\n </div>\n </div>\n </template>\n\n <template #footer>\n <slot\n name=\"actions\"\n :confirm=\"handleConfirm\"\n :cancel=\"handleCancel\"\n :loading=\"loading\"\n >\n <TreeButton\n variant=\"ghost\"\n :disabled=\"cancelDisabled\"\n @click=\"handleCancel\"\n >\n {{ cancelLabel }}\n </TreeButton>\n <TreeButton\n :variant=\"confirmVariant\"\n :loading=\"loading\"\n :disabled=\"confirmDisabled\"\n @click=\"handleConfirm\"\n >\n {{ confirmLabel }}\n </TreeButton>\n </slot>\n </template>\n </TreeModal>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst _treeContainerSizes = ['sm', 'md', 'lg', 'xl', 'full'] as const;\n\nexport type TreeContainerSize = (typeof _treeContainerSizes)[number];\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n size?: TreeContainerSize;\n padded?: boolean;\n centered?: boolean;\n }>(),\n {\n as: 'div',\n size: 'lg',\n padded: true,\n centered: true,\n },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n 'tree-container',\n `tree-container--${props.size}`,\n {\n 'is-padded': props.padded,\n 'is-centered': props.centered,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <slot />\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst _treeContainerSizes = ['sm', 'md', 'lg', 'xl', 'full'] as const;\n\nexport type TreeContainerSize = (typeof _treeContainerSizes)[number];\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n size?: TreeContainerSize;\n padded?: boolean;\n centered?: boolean;\n }>(),\n {\n as: 'div',\n size: 'lg',\n padded: true,\n centered: true,\n },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n 'tree-container',\n `tree-container--${props.size}`,\n {\n 'is-padded': props.padded,\n 'is-centered': props.centered,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <slot />\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, isActivationKey, isEscapeKey } from '@treeui/utils';\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, watch } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\n\nexport interface TreeContextMenuItem {\n label: string;\n value: string;\n disabled?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n items?: TreeContextMenuItem[];\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n size?: TreeSize;\n }>(),\n {\n items: () => [],\n open: undefined,\n defaultOpen: false,\n disabled: false,\n size: 'md',\n },\n);\n\nconst emit = defineEmits<{\n select: [value: string];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\ndefineSlots<{\n default(): unknown;\n item(props: { item: TreeContextMenuItem; index: number }): unknown;\n}>();\n\nconst menuId = createId('tree-context-menu');\nconst rootRef = ref<HTMLElement | null>(null);\nconst itemRefs = ref<Map<string, HTMLElement>>(new Map());\nconst focusedIndex = ref(-1);\nconst menuPosition = ref({ x: 0, y: 0 });\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 'tree-context-menu',\n `tree-context-menu--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-open': isOpen.value,\n },\n]);\n\nconst enabledItems = computed(() => props.items.filter((i) => !i.disabled));\n\nconst openMenu = (x: number, y: number) => {\n if (props.disabled) return;\n menuPosition.value = { x, y };\n focusedIndex.value = enabledItems.value.length > 0\n ? props.items.indexOf(enabledItems.value[0])\n : 0;\n setValue(true);\n nextTick(() => focusItem(focusedIndex.value));\n};\n\nconst closeMenu = (restoreFocus = false) => {\n setValue(false);\n focusedIndex.value = -1;\n if (restoreFocus) {\n nextTick(() => rootRef.value?.focus());\n }\n};\n\nconst selectItem = (item: TreeContextMenuItem) => {\n if (item.disabled) return;\n emit('select', item.value);\n closeMenu(true);\n};\n\nconst focusItem = (index: number) => {\n const item = props.items[index];\n if (!item) return;\n const el = itemRefs.value.get(item.value);\n el?.focus();\n};\n\nconst setItemRef = (el: Element | null, value: string) => {\n if (el instanceof HTMLElement) {\n itemRefs.value.set(value, el);\n } else {\n itemRefs.value.delete(value);\n }\n};\n\nconst moveFocus = (direction: 1 | -1) => {\n let nextIndex = focusedIndex.value + direction;\n while (nextIndex >= 0 && nextIndex < props.items.length) {\n if (!props.items[nextIndex].disabled) {\n focusedIndex.value = nextIndex;\n focusItem(nextIndex);\n return;\n }\n nextIndex += direction;\n }\n};\n\nconst onContextMenu = (event: MouseEvent) => {\n if (props.disabled) return;\n event.preventDefault();\n openMenu(event.clientX, event.clientY);\n};\n\nconst onItemKeydown = (event: KeyboardEvent, item: TreeContextMenuItem) => {\n if (isEscapeKey(event)) {\n event.preventDefault();\n closeMenu(true);\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectItem(item);\n return;\n }\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n moveFocus(1);\n break;\n case 'ArrowUp':\n event.preventDefault();\n moveFocus(-1);\n break;\n case 'Home':\n event.preventDefault();\n focusedIndex.value = enabledItems.value.length > 0\n ? props.items.indexOf(enabledItems.value[0])\n : 0;\n focusItem(focusedIndex.value);\n break;\n case 'End':\n event.preventDefault();\n focusedIndex.value = enabledItems.value.length > 0\n ? props.items.indexOf(enabledItems.value[enabledItems.value.length - 1])\n : props.items.length - 1;\n focusItem(focusedIndex.value);\n break;\n default:\n break;\n }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) return;\n const target = event.target;\n if (!(target instanceof Node)) return;\n const menuEl = document.getElementById(menuId);\n if (menuEl?.contains(target)) return;\n closeMenu();\n};\n\nconst onDocumentContextMenu = (event: MouseEvent) => {\n if (!isOpen.value) return;\n const target = event.target;\n if (!(target instanceof Node)) return;\n if (rootRef.value?.contains(target)) return;\n closeMenu();\n};\n\nwatch(isOpen, (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n document.addEventListener('contextmenu', onDocumentContextMenu);\n } else {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n document.removeEventListener('contextmenu', onDocumentContextMenu);\n }\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n document.removeEventListener('contextmenu', onDocumentContextMenu);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n @contextmenu=\"onContextMenu\"\n >\n <slot />\n <Teleport to=\"body\">\n <transition name=\"tree-fade\">\n <ul\n v-if=\"isOpen && !disabled\"\n :id=\"menuId\"\n role=\"menu\"\n class=\"tree-context-menu__menu\"\n :class=\"`tree-context-menu--${size}`\"\n :style=\"{ top: `${menuPosition.y}px`, left: `${menuPosition.x}px` }\"\n aria-label=\"Context menu\"\n >\n <li\n v-for=\"(item, index) in items\"\n :key=\"item.value\"\n :ref=\"(el) => setItemRef(el as Element | null, item.value)\"\n role=\"menuitem\"\n class=\"tree-context-menu__item\"\n :class=\"{\n 'is-disabled': item.disabled,\n 'is-focused': index === focusedIndex,\n }\"\n :aria-disabled=\"item.disabled || undefined\"\n :tabindex=\"item.disabled ? -1 : 0\"\n @click=\"selectItem(item)\"\n @keydown=\"onItemKeydown($event, item)\"\n >\n <slot\n name=\"item\"\n :item=\"item\"\n :index=\"index\"\n >\n {{ item.label }}\n </slot>\n </li>\n </ul>\n </transition>\n </Teleport>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, isActivationKey, isEscapeKey } from '@treeui/utils';\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, watch } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\n\nexport interface TreeContextMenuItem {\n label: string;\n value: string;\n disabled?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n items?: TreeContextMenuItem[];\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n size?: TreeSize;\n }>(),\n {\n items: () => [],\n open: undefined,\n defaultOpen: false,\n disabled: false,\n size: 'md',\n },\n);\n\nconst emit = defineEmits<{\n select: [value: string];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\ndefineSlots<{\n default(): unknown;\n item(props: { item: TreeContextMenuItem; index: number }): unknown;\n}>();\n\nconst menuId = createId('tree-context-menu');\nconst rootRef = ref<HTMLElement | null>(null);\nconst itemRefs = ref<Map<string, HTMLElement>>(new Map());\nconst focusedIndex = ref(-1);\nconst menuPosition = ref({ x: 0, y: 0 });\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 'tree-context-menu',\n `tree-context-menu--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-open': isOpen.value,\n },\n]);\n\nconst enabledItems = computed(() => props.items.filter((i) => !i.disabled));\n\nconst openMenu = (x: number, y: number) => {\n if (props.disabled) return;\n menuPosition.value = { x, y };\n focusedIndex.value = enabledItems.value.length > 0\n ? props.items.indexOf(enabledItems.value[0])\n : 0;\n setValue(true);\n nextTick(() => focusItem(focusedIndex.value));\n};\n\nconst closeMenu = (restoreFocus = false) => {\n setValue(false);\n focusedIndex.value = -1;\n if (restoreFocus) {\n nextTick(() => rootRef.value?.focus());\n }\n};\n\nconst selectItem = (item: TreeContextMenuItem) => {\n if (item.disabled) return;\n emit('select', item.value);\n closeMenu(true);\n};\n\nconst focusItem = (index: number) => {\n const item = props.items[index];\n if (!item) return;\n const el = itemRefs.value.get(item.value);\n el?.focus();\n};\n\nconst setItemRef = (el: Element | null, value: string) => {\n if (el instanceof HTMLElement) {\n itemRefs.value.set(value, el);\n } else {\n itemRefs.value.delete(value);\n }\n};\n\nconst moveFocus = (direction: 1 | -1) => {\n let nextIndex = focusedIndex.value + direction;\n while (nextIndex >= 0 && nextIndex < props.items.length) {\n if (!props.items[nextIndex].disabled) {\n focusedIndex.value = nextIndex;\n focusItem(nextIndex);\n return;\n }\n nextIndex += direction;\n }\n};\n\nconst onContextMenu = (event: MouseEvent) => {\n if (props.disabled) return;\n event.preventDefault();\n openMenu(event.clientX, event.clientY);\n};\n\nconst onItemKeydown = (event: KeyboardEvent, item: TreeContextMenuItem) => {\n if (isEscapeKey(event)) {\n event.preventDefault();\n closeMenu(true);\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectItem(item);\n return;\n }\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n moveFocus(1);\n break;\n case 'ArrowUp':\n event.preventDefault();\n moveFocus(-1);\n break;\n case 'Home':\n event.preventDefault();\n focusedIndex.value = enabledItems.value.length > 0\n ? props.items.indexOf(enabledItems.value[0])\n : 0;\n focusItem(focusedIndex.value);\n break;\n case 'End':\n event.preventDefault();\n focusedIndex.value = enabledItems.value.length > 0\n ? props.items.indexOf(enabledItems.value[enabledItems.value.length - 1])\n : props.items.length - 1;\n focusItem(focusedIndex.value);\n break;\n default:\n break;\n }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) return;\n const target = event.target;\n if (!(target instanceof Node)) return;\n const menuEl = document.getElementById(menuId);\n if (menuEl?.contains(target)) return;\n closeMenu();\n};\n\nconst onDocumentContextMenu = (event: MouseEvent) => {\n if (!isOpen.value) return;\n const target = event.target;\n if (!(target instanceof Node)) return;\n if (rootRef.value?.contains(target)) return;\n closeMenu();\n};\n\nwatch(isOpen, (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n document.addEventListener('contextmenu', onDocumentContextMenu);\n } else {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n document.removeEventListener('contextmenu', onDocumentContextMenu);\n }\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n document.removeEventListener('contextmenu', onDocumentContextMenu);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n @contextmenu=\"onContextMenu\"\n >\n <slot />\n <Teleport to=\"body\">\n <transition name=\"tree-fade\">\n <ul\n v-if=\"isOpen && !disabled\"\n :id=\"menuId\"\n role=\"menu\"\n class=\"tree-context-menu__menu\"\n :class=\"`tree-context-menu--${size}`\"\n :style=\"{ top: `${menuPosition.y}px`, left: `${menuPosition.x}px` }\"\n aria-label=\"Context menu\"\n >\n <li\n v-for=\"(item, index) in items\"\n :key=\"item.value\"\n :ref=\"(el) => setItemRef(el as Element | null, item.value)\"\n role=\"menuitem\"\n class=\"tree-context-menu__item\"\n :class=\"{\n 'is-disabled': item.disabled,\n 'is-focused': index === focusedIndex,\n }\"\n :aria-disabled=\"item.disabled || undefined\"\n :tabindex=\"item.disabled ? -1 : 0\"\n @click=\"selectItem(item)\"\n @keydown=\"onItemKeydown($event, item)\"\n >\n <slot\n name=\"item\"\n :item=\"item\"\n :index=\"index\"\n >\n {{ item.label }}\n </slot>\n </li>\n </ul>\n </transition>\n </Teleport>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n addDays,\n addMonths,\n createId,\n isActivationKey,\n isEscapeKey,\n isSameDay,\n parseDateValue,\n startOfDay,\n startOfMonth,\n startOfWeek,\n toDateValue,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n type ComponentPublicInstance,\n computed,\n nextTick,\n onBeforeUnmount,\n ref,\n toRef,\n useAttrs,\n watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\ninterface CalendarCell {\n date: Date;\n dayLabel: number;\n disabled: boolean;\n inMonth: boolean;\n isFocused: boolean;\n isSelected: boolean;\n isToday: boolean;\n key: string;\n}\n\nconst CalendarIcon = getTreeIcon('calendar');\nconst ChevronLeftIcon = getTreeIcon('chevron-left');\nconst ChevronRightIcon = getTreeIcon('chevron-right');\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n open?: boolean;\n defaultOpen?: boolean;\n size?: TreeSize;\n disabled?: boolean;\n invalid?: boolean;\n placeholder?: string;\n locale?: string;\n min?: string;\n max?: string;\n weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n id?: string;\n }>(),\n {\n modelValue: '',\n open: undefined,\n defaultOpen: false,\n size: 'md',\n disabled: false,\n invalid: false,\n placeholder: 'Select date',\n locale: 'en-US',\n min: '',\n max: '',\n weekStartsOn: 0,\n id: undefined,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n select: [value: string];\n}>();\n\nconst attrs = useAttrs();\nconst today = startOfDay(new Date());\nconst selectedDate = computed(() => parseDateValue(props.modelValue));\nconst minDate = computed(() => parseDateValue(props.min));\nconst maxDate = computed(() => parseDateValue(props.max));\nconst calendarId = props.id ?? createId('tree-date-picker');\nconst captionId = `${calendarId}-caption`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst dayRefs = new Map<string, HTMLButtonElement>();\nconst viewMonth = ref(startOfMonth(selectedDate.value ?? today));\nconst focusedDate = ref<Date>(selectedDate.value ?? today);\n\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, name: _name, ...rest } = attrs;\n return rest;\n});\n\nconst hiddenInputName = computed(() =>\n typeof attrs.name === 'string' ? attrs.name : undefined,\n);\n\nconst rootClasses = computed(() => [\n 'tree-date-picker',\n `tree-date-picker--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'is-open': isOpen.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst triggerText = computed(() => {\n if (!selectedDate.value) {\n return props.placeholder;\n }\n\n return new Intl.DateTimeFormat(props.locale, {\n day: 'numeric',\n month: 'long',\n year: 'numeric',\n }).format(selectedDate.value);\n});\n\nconst monthLabel = computed(() =>\n new Intl.DateTimeFormat(props.locale, {\n month: 'long',\n year: 'numeric',\n }).format(viewMonth.value),\n);\n\nconst weekdayLabels = computed(() => {\n const formatter = new Intl.DateTimeFormat(props.locale, { weekday: 'short' });\n const weekBase = startOfWeek(new Date(2024, 0, 7), props.weekStartsOn);\n\n return Array.from({ length: 7 }, (_, index) =>\n formatter.format(addDays(weekBase, index)),\n );\n});\n\nconst isDateDisabled = (date: Date) => {\n if (props.disabled) {\n return true;\n }\n\n if (minDate.value && date < minDate.value) {\n return true;\n }\n\n if (maxDate.value && date > maxDate.value) {\n return true;\n }\n\n return false;\n};\n\nconst syncCalendarView = (date: Date) => {\n focusedDate.value = startOfDay(date);\n viewMonth.value = startOfMonth(date);\n};\n\nwatch(\n selectedDate,\n (value) => {\n if (value) {\n syncCalendarView(value);\n return;\n }\n\n if (!isOpen.value) {\n syncCalendarView(today);\n }\n },\n { immediate: true },\n);\n\nconst cells = computed(() => {\n const startDate = startOfWeek(startOfMonth(viewMonth.value), props.weekStartsOn);\n\n return Array.from({ length: 6 }, (_, weekIndex) =>\n Array.from({ length: 7 }, (_, dayIndex) => {\n const date = addDays(startDate, weekIndex * 7 + dayIndex);\n const key = toDateValue(date);\n\n return {\n date,\n dayLabel: date.getDate(),\n disabled: isDateDisabled(date),\n inMonth: date.getMonth() === viewMonth.value.getMonth(),\n isFocused: isSameDay(date, focusedDate.value),\n isSelected: isSameDay(date, selectedDate.value),\n isToday: isSameDay(date, today),\n key,\n } satisfies CalendarCell;\n }),\n );\n});\n\nconst canMovePrev = computed(() => {\n if (!minDate.value) {\n return true;\n }\n\n return startOfMonth(viewMonth.value) > startOfMonth(minDate.value);\n});\n\nconst canMoveNext = computed(() => {\n if (!maxDate.value) {\n return true;\n }\n\n return startOfMonth(viewMonth.value) < startOfMonth(maxDate.value);\n});\n\nconst focusCurrentDay = () => {\n const key = toDateValue(focusedDate.value);\n nextTick(() => {\n dayRefs.get(key)?.focus();\n });\n};\n\nconst setDayRef = (\n element: Element | ComponentPublicInstance | null,\n key: string,\n) => {\n if (element instanceof HTMLButtonElement) {\n dayRefs.set(key, element);\n return;\n }\n\n dayRefs.delete(key);\n};\n\nconst openCalendar = () => {\n if (props.disabled) {\n return;\n }\n\n syncCalendarView(selectedDate.value ?? focusedDate.value ?? today);\n setValue(true);\n focusCurrentDay();\n};\n\nconst closeCalendar = (restoreFocus = false) => {\n setValue(false);\n\n if (restoreFocus) {\n nextTick(() => {\n triggerRef.value?.focus();\n });\n }\n};\n\nconst toggleCalendar = () => {\n if (isOpen.value) {\n closeCalendar();\n return;\n }\n\n openCalendar();\n};\n\nconst moveCalendar = (direction: 1 | -1) => {\n const nextMonth = addMonths(viewMonth.value, direction);\n syncCalendarView(nextMonth);\n focusCurrentDay();\n};\n\nconst moveFocus = (nextDate: Date) => {\n if (isDateDisabled(nextDate)) {\n return;\n }\n\n syncCalendarView(nextDate);\n focusCurrentDay();\n};\n\nconst selectDate = (date: Date) => {\n if (isDateDisabled(date)) {\n return;\n }\n\n const normalizedDate = startOfDay(date);\n const value = toDateValue(normalizedDate);\n\n syncCalendarView(normalizedDate);\n emit('update:modelValue', value);\n emit('select', value);\n closeCalendar(true);\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n if (props.disabled) {\n return;\n }\n\n if (isEscapeKey(event) && isOpen.value) {\n event.preventDefault();\n closeCalendar();\n return;\n }\n\n if (\n isActivationKey(event) ||\n event.key === 'ArrowDown' ||\n event.key === 'ArrowUp'\n ) {\n event.preventDefault();\n openCalendar();\n }\n};\n\nconst onDayKeydown = (event: KeyboardEvent, date: Date) => {\n if (isEscapeKey(event)) {\n event.preventDefault();\n closeCalendar(true);\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectDate(date);\n return;\n }\n\n switch (event.key) {\n case 'ArrowLeft':\n event.preventDefault();\n moveFocus(addDays(date, -1));\n break;\n case 'ArrowRight':\n event.preventDefault();\n moveFocus(addDays(date, 1));\n break;\n case 'ArrowUp':\n event.preventDefault();\n moveFocus(addDays(date, -7));\n break;\n case 'ArrowDown':\n event.preventDefault();\n moveFocus(addDays(date, 7));\n break;\n case 'Home':\n event.preventDefault();\n moveFocus(startOfWeek(date, props.weekStartsOn));\n break;\n case 'End':\n event.preventDefault();\n moveFocus(addDays(startOfWeek(date, props.weekStartsOn), 6));\n break;\n case 'PageUp':\n event.preventDefault();\n moveFocus(addMonths(date, event.shiftKey ? -12 : -1));\n break;\n case 'PageDown':\n event.preventDefault();\n moveFocus(addMonths(date, event.shiftKey ? 12 : 1));\n break;\n default:\n break;\n }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) {\n return;\n }\n\n const target = event.target;\n if (!(target instanceof Node)) {\n return;\n }\n\n if (rootRef.value?.contains(target)) {\n return;\n }\n\n closeCalendar();\n};\n\nwatch(isOpen, (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n return;\n }\n\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <input\n v-if=\"hiddenInputName\"\n type=\"hidden\"\n :name=\"hiddenInputName\"\n :value=\"modelValue\"\n >\n <button\n ref=\"triggerRef\"\n v-bind=\"triggerAttrs\"\n type=\"button\"\n class=\"tree-date-picker__trigger\"\n :disabled=\"disabled\"\n :aria-controls=\"isOpen ? calendarId : undefined\"\n aria-haspopup=\"dialog\"\n :aria-expanded=\"isOpen\"\n :aria-invalid=\"invalid || undefined\"\n @click=\"toggleCalendar\"\n @keydown=\"onTriggerKeydown\"\n >\n <span\n v-if=\"$slots.prefix\"\n class=\"tree-date-picker__slot tree-date-picker__slot--prefix\"\n >\n <slot name=\"prefix\" />\n </span>\n <span\n class=\"tree-date-picker__value\"\n :data-placeholder=\"selectedDate ? undefined : true\"\n >\n {{ triggerText }}\n </span>\n <span class=\"tree-date-picker__slot tree-date-picker__slot--suffix\">\n <slot name=\"suffix\">\n <CalendarIcon v-bind=\"treeIconDefaults\" />\n </slot>\n </span>\n </button>\n\n <transition name=\"tree-fade\">\n <div\n v-if=\"isOpen && !disabled\"\n :id=\"calendarId\"\n class=\"tree-date-picker__content\"\n role=\"dialog\"\n aria-modal=\"false\"\n :aria-labelledby=\"captionId\"\n >\n <div class=\"tree-date-picker__header\">\n <button\n type=\"button\"\n class=\"tree-date-picker__nav\"\n :disabled=\"!canMovePrev\"\n aria-label=\"Previous month\"\n @click=\"moveCalendar(-1)\"\n >\n <ChevronLeftIcon v-bind=\"treeIconDefaults\" />\n </button>\n <p\n :id=\"captionId\"\n class=\"tree-date-picker__month\"\n >\n {{ monthLabel }}\n </p>\n <button\n type=\"button\"\n class=\"tree-date-picker__nav\"\n :disabled=\"!canMoveNext\"\n aria-label=\"Next month\"\n @click=\"moveCalendar(1)\"\n >\n <ChevronRightIcon v-bind=\"treeIconDefaults\" />\n </button>\n </div>\n\n <div\n class=\"tree-date-picker__weekdays\"\n aria-hidden=\"true\"\n >\n <span\n v-for=\"label in weekdayLabels\"\n :key=\"label\"\n class=\"tree-date-picker__weekday\"\n >\n {{ label }}\n </span>\n </div>\n\n <div\n class=\"tree-date-picker__grid\"\n role=\"grid\"\n :aria-labelledby=\"captionId\"\n >\n <div\n v-for=\"(week, weekIndex) in cells\"\n :key=\"weekIndex\"\n class=\"tree-date-picker__row\"\n role=\"row\"\n >\n <div\n v-for=\"cell in week\"\n :key=\"cell.key\"\n class=\"tree-date-picker__cell\"\n role=\"gridcell\"\n :aria-selected=\"cell.isSelected\"\n >\n <button\n :ref=\"(element) => setDayRef(element, cell.key)\"\n type=\"button\"\n class=\"tree-date-picker__day\"\n :class=\"{\n 'is-muted': !cell.inMonth,\n 'is-selected': cell.isSelected,\n 'is-today': cell.isToday,\n }\"\n :data-date=\"cell.key\"\n :disabled=\"cell.disabled\"\n :tabindex=\"cell.isFocused ? 0 : -1\"\n :aria-current=\"cell.isToday ? 'date' : undefined\"\n :aria-label=\"cell.key\"\n @click=\"selectDate(cell.date)\"\n @keydown=\"onDayKeydown($event, cell.date)\"\n >\n {{ cell.dayLabel }}\n </button>\n </div>\n </div>\n </div>\n </div>\n </transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n addDays,\n addMonths,\n createId,\n isActivationKey,\n isEscapeKey,\n isSameDay,\n parseDateValue,\n startOfDay,\n startOfMonth,\n startOfWeek,\n toDateValue,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n type ComponentPublicInstance,\n computed,\n nextTick,\n onBeforeUnmount,\n ref,\n toRef,\n useAttrs,\n watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\ninterface CalendarCell {\n date: Date;\n dayLabel: number;\n disabled: boolean;\n inMonth: boolean;\n isFocused: boolean;\n isSelected: boolean;\n isToday: boolean;\n key: string;\n}\n\nconst CalendarIcon = getTreeIcon('calendar');\nconst ChevronLeftIcon = getTreeIcon('chevron-left');\nconst ChevronRightIcon = getTreeIcon('chevron-right');\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n open?: boolean;\n defaultOpen?: boolean;\n size?: TreeSize;\n disabled?: boolean;\n invalid?: boolean;\n placeholder?: string;\n locale?: string;\n min?: string;\n max?: string;\n weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n id?: string;\n }>(),\n {\n modelValue: '',\n open: undefined,\n defaultOpen: false,\n size: 'md',\n disabled: false,\n invalid: false,\n placeholder: 'Select date',\n locale: 'en-US',\n min: '',\n max: '',\n weekStartsOn: 0,\n id: undefined,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n select: [value: string];\n}>();\n\nconst attrs = useAttrs();\nconst today = startOfDay(new Date());\nconst selectedDate = computed(() => parseDateValue(props.modelValue));\nconst minDate = computed(() => parseDateValue(props.min));\nconst maxDate = computed(() => parseDateValue(props.max));\nconst calendarId = props.id ?? createId('tree-date-picker');\nconst captionId = `${calendarId}-caption`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst dayRefs = new Map<string, HTMLButtonElement>();\nconst viewMonth = ref(startOfMonth(selectedDate.value ?? today));\nconst focusedDate = ref<Date>(selectedDate.value ?? today);\n\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, name: _name, ...rest } = attrs;\n return rest;\n});\n\nconst hiddenInputName = computed(() =>\n typeof attrs.name === 'string' ? attrs.name : undefined,\n);\n\nconst rootClasses = computed(() => [\n 'tree-date-picker',\n `tree-date-picker--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'is-open': isOpen.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst triggerText = computed(() => {\n if (!selectedDate.value) {\n return props.placeholder;\n }\n\n return new Intl.DateTimeFormat(props.locale, {\n day: 'numeric',\n month: 'long',\n year: 'numeric',\n }).format(selectedDate.value);\n});\n\nconst monthLabel = computed(() =>\n new Intl.DateTimeFormat(props.locale, {\n month: 'long',\n year: 'numeric',\n }).format(viewMonth.value),\n);\n\nconst weekdayLabels = computed(() => {\n const formatter = new Intl.DateTimeFormat(props.locale, { weekday: 'short' });\n const weekBase = startOfWeek(new Date(2024, 0, 7), props.weekStartsOn);\n\n return Array.from({ length: 7 }, (_, index) =>\n formatter.format(addDays(weekBase, index)),\n );\n});\n\nconst isDateDisabled = (date: Date) => {\n if (props.disabled) {\n return true;\n }\n\n if (minDate.value && date < minDate.value) {\n return true;\n }\n\n if (maxDate.value && date > maxDate.value) {\n return true;\n }\n\n return false;\n};\n\nconst syncCalendarView = (date: Date) => {\n focusedDate.value = startOfDay(date);\n viewMonth.value = startOfMonth(date);\n};\n\nwatch(\n selectedDate,\n (value) => {\n if (value) {\n syncCalendarView(value);\n return;\n }\n\n if (!isOpen.value) {\n syncCalendarView(today);\n }\n },\n { immediate: true },\n);\n\nconst cells = computed(() => {\n const startDate = startOfWeek(startOfMonth(viewMonth.value), props.weekStartsOn);\n\n return Array.from({ length: 6 }, (_, weekIndex) =>\n Array.from({ length: 7 }, (_, dayIndex) => {\n const date = addDays(startDate, weekIndex * 7 + dayIndex);\n const key = toDateValue(date);\n\n return {\n date,\n dayLabel: date.getDate(),\n disabled: isDateDisabled(date),\n inMonth: date.getMonth() === viewMonth.value.getMonth(),\n isFocused: isSameDay(date, focusedDate.value),\n isSelected: isSameDay(date, selectedDate.value),\n isToday: isSameDay(date, today),\n key,\n } satisfies CalendarCell;\n }),\n );\n});\n\nconst canMovePrev = computed(() => {\n if (!minDate.value) {\n return true;\n }\n\n return startOfMonth(viewMonth.value) > startOfMonth(minDate.value);\n});\n\nconst canMoveNext = computed(() => {\n if (!maxDate.value) {\n return true;\n }\n\n return startOfMonth(viewMonth.value) < startOfMonth(maxDate.value);\n});\n\nconst focusCurrentDay = () => {\n const key = toDateValue(focusedDate.value);\n nextTick(() => {\n dayRefs.get(key)?.focus();\n });\n};\n\nconst setDayRef = (\n element: Element | ComponentPublicInstance | null,\n key: string,\n) => {\n if (element instanceof HTMLButtonElement) {\n dayRefs.set(key, element);\n return;\n }\n\n dayRefs.delete(key);\n};\n\nconst openCalendar = () => {\n if (props.disabled) {\n return;\n }\n\n syncCalendarView(selectedDate.value ?? focusedDate.value ?? today);\n setValue(true);\n focusCurrentDay();\n};\n\nconst closeCalendar = (restoreFocus = false) => {\n setValue(false);\n\n if (restoreFocus) {\n nextTick(() => {\n triggerRef.value?.focus();\n });\n }\n};\n\nconst toggleCalendar = () => {\n if (isOpen.value) {\n closeCalendar();\n return;\n }\n\n openCalendar();\n};\n\nconst moveCalendar = (direction: 1 | -1) => {\n const nextMonth = addMonths(viewMonth.value, direction);\n syncCalendarView(nextMonth);\n focusCurrentDay();\n};\n\nconst moveFocus = (nextDate: Date) => {\n if (isDateDisabled(nextDate)) {\n return;\n }\n\n syncCalendarView(nextDate);\n focusCurrentDay();\n};\n\nconst selectDate = (date: Date) => {\n if (isDateDisabled(date)) {\n return;\n }\n\n const normalizedDate = startOfDay(date);\n const value = toDateValue(normalizedDate);\n\n syncCalendarView(normalizedDate);\n emit('update:modelValue', value);\n emit('select', value);\n closeCalendar(true);\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n if (props.disabled) {\n return;\n }\n\n if (isEscapeKey(event) && isOpen.value) {\n event.preventDefault();\n closeCalendar();\n return;\n }\n\n if (\n isActivationKey(event) ||\n event.key === 'ArrowDown' ||\n event.key === 'ArrowUp'\n ) {\n event.preventDefault();\n openCalendar();\n }\n};\n\nconst onDayKeydown = (event: KeyboardEvent, date: Date) => {\n if (isEscapeKey(event)) {\n event.preventDefault();\n closeCalendar(true);\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectDate(date);\n return;\n }\n\n switch (event.key) {\n case 'ArrowLeft':\n event.preventDefault();\n moveFocus(addDays(date, -1));\n break;\n case 'ArrowRight':\n event.preventDefault();\n moveFocus(addDays(date, 1));\n break;\n case 'ArrowUp':\n event.preventDefault();\n moveFocus(addDays(date, -7));\n break;\n case 'ArrowDown':\n event.preventDefault();\n moveFocus(addDays(date, 7));\n break;\n case 'Home':\n event.preventDefault();\n moveFocus(startOfWeek(date, props.weekStartsOn));\n break;\n case 'End':\n event.preventDefault();\n moveFocus(addDays(startOfWeek(date, props.weekStartsOn), 6));\n break;\n case 'PageUp':\n event.preventDefault();\n moveFocus(addMonths(date, event.shiftKey ? -12 : -1));\n break;\n case 'PageDown':\n event.preventDefault();\n moveFocus(addMonths(date, event.shiftKey ? 12 : 1));\n break;\n default:\n break;\n }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) {\n return;\n }\n\n const target = event.target;\n if (!(target instanceof Node)) {\n return;\n }\n\n if (rootRef.value?.contains(target)) {\n return;\n }\n\n closeCalendar();\n};\n\nwatch(isOpen, (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n return;\n }\n\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <input\n v-if=\"hiddenInputName\"\n type=\"hidden\"\n :name=\"hiddenInputName\"\n :value=\"modelValue\"\n >\n <button\n ref=\"triggerRef\"\n v-bind=\"triggerAttrs\"\n type=\"button\"\n class=\"tree-date-picker__trigger\"\n :disabled=\"disabled\"\n :aria-controls=\"isOpen ? calendarId : undefined\"\n aria-haspopup=\"dialog\"\n :aria-expanded=\"isOpen\"\n :aria-invalid=\"invalid || undefined\"\n @click=\"toggleCalendar\"\n @keydown=\"onTriggerKeydown\"\n >\n <span\n v-if=\"$slots.prefix\"\n class=\"tree-date-picker__slot tree-date-picker__slot--prefix\"\n >\n <slot name=\"prefix\" />\n </span>\n <span\n class=\"tree-date-picker__value\"\n :data-placeholder=\"selectedDate ? undefined : true\"\n >\n {{ triggerText }}\n </span>\n <span class=\"tree-date-picker__slot tree-date-picker__slot--suffix\">\n <slot name=\"suffix\">\n <CalendarIcon v-bind=\"treeIconDefaults\" />\n </slot>\n </span>\n </button>\n\n <transition name=\"tree-fade\">\n <div\n v-if=\"isOpen && !disabled\"\n :id=\"calendarId\"\n class=\"tree-date-picker__content\"\n role=\"dialog\"\n aria-modal=\"false\"\n :aria-labelledby=\"captionId\"\n >\n <div class=\"tree-date-picker__header\">\n <button\n type=\"button\"\n class=\"tree-date-picker__nav\"\n :disabled=\"!canMovePrev\"\n aria-label=\"Previous month\"\n @click=\"moveCalendar(-1)\"\n >\n <ChevronLeftIcon v-bind=\"treeIconDefaults\" />\n </button>\n <p\n :id=\"captionId\"\n class=\"tree-date-picker__month\"\n >\n {{ monthLabel }}\n </p>\n <button\n type=\"button\"\n class=\"tree-date-picker__nav\"\n :disabled=\"!canMoveNext\"\n aria-label=\"Next month\"\n @click=\"moveCalendar(1)\"\n >\n <ChevronRightIcon v-bind=\"treeIconDefaults\" />\n </button>\n </div>\n\n <div\n class=\"tree-date-picker__weekdays\"\n aria-hidden=\"true\"\n >\n <span\n v-for=\"label in weekdayLabels\"\n :key=\"label\"\n class=\"tree-date-picker__weekday\"\n >\n {{ label }}\n </span>\n </div>\n\n <div\n class=\"tree-date-picker__grid\"\n role=\"grid\"\n :aria-labelledby=\"captionId\"\n >\n <div\n v-for=\"(week, weekIndex) in cells\"\n :key=\"weekIndex\"\n class=\"tree-date-picker__row\"\n role=\"row\"\n >\n <div\n v-for=\"cell in week\"\n :key=\"cell.key\"\n class=\"tree-date-picker__cell\"\n role=\"gridcell\"\n :aria-selected=\"cell.isSelected\"\n >\n <button\n :ref=\"(element) => setDayRef(element, cell.key)\"\n type=\"button\"\n class=\"tree-date-picker__day\"\n :class=\"{\n 'is-muted': !cell.inMonth,\n 'is-selected': cell.isSelected,\n 'is-today': cell.isToday,\n }\"\n :data-date=\"cell.key\"\n :disabled=\"cell.disabled\"\n :tabindex=\"cell.isFocused ? 0 : -1\"\n :aria-current=\"cell.isToday ? 'date' : undefined\"\n :aria-label=\"cell.key\"\n @click=\"selectDate(cell.date)\"\n @keydown=\"onDayKeydown($event, cell.date)\"\n >\n {{ cell.dayLabel }}\n </button>\n </div>\n </div>\n </div>\n </div>\n </transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n addDays,\n addMonths,\n createId,\n isActivationKey,\n isEscapeKey,\n isSameDay,\n startOfDay,\n startOfMonth,\n startOfWeek,\n toDateValue,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n type ComponentPublicInstance,\n computed,\n nextTick,\n onBeforeUnmount,\n ref,\n toRef,\n useAttrs,\n watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\ninterface CalendarCell {\n date: Date;\n dayLabel: number;\n disabled: boolean;\n inMonth: boolean;\n isFocused: boolean;\n isSelected: boolean;\n isToday: boolean;\n key: string;\n}\n\ninterface TimeOption {\n disabled: boolean;\n label: string;\n value: number;\n}\n\nconst CalendarIcon = getTreeIcon('calendar');\nconst ChevronLeftIcon = getTreeIcon('chevron-left');\nconst ChevronRightIcon = getTreeIcon('chevron-right');\n\nconst dateOnlyPattern = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\nconst dateTimePattern = /^(\\d{4})-(\\d{2})-(\\d{2})T(\\d{2}):(\\d{2})(?::(\\d{2}))?$/;\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n open?: boolean;\n defaultOpen?: boolean;\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n invalid?: boolean;\n placeholder?: string;\n locale?: string;\n min?: string;\n max?: string;\n weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n id?: string;\n step?: number;\n }>(),\n {\n modelValue: '',\n open: undefined,\n defaultOpen: false,\n size: 'md',\n disabled: false,\n loading: false,\n invalid: false,\n placeholder: 'Select date and time',\n locale: 'en-US',\n min: '',\n max: '',\n weekStartsOn: 0,\n id: undefined,\n step: 60,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n change: [value: string];\n select: [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nconst cloneDate = (value: Date) => new Date(value.getTime());\n\nconst formatPart = (value: number) => `${value}`.padStart(2, '0');\n\nconst endOfDay = (date: Date) =>\n new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);\n\nconst parseBoundaryValue = (\n value: string | null | undefined,\n boundary: 'exact' | 'start' | 'end' = 'exact',\n) => {\n if (!value) {\n return null;\n }\n\n const dateOnlyMatch = value.match(dateOnlyPattern);\n if (dateOnlyMatch) {\n const [, yearToken, monthToken, dayToken] = dateOnlyMatch;\n const year = Number.parseInt(yearToken, 10);\n const month = Number.parseInt(monthToken, 10);\n const day = Number.parseInt(dayToken, 10);\n const hour = boundary === 'end' ? 23 : 0;\n const minute = boundary === 'end' ? 59 : 0;\n const second = boundary === 'end' ? 59 : 0;\n const millisecond = boundary === 'end' ? 999 : 0;\n const date = new Date(year, month - 1, day, hour, minute, second, millisecond);\n\n if (\n Number.isNaN(date.getTime()) ||\n date.getFullYear() !== year ||\n date.getMonth() !== month - 1 ||\n date.getDate() !== day\n ) {\n return null;\n }\n\n return date;\n }\n\n const dateTimeMatch = value.match(dateTimePattern);\n if (!dateTimeMatch) {\n return null;\n }\n\n const [, yearToken, monthToken, dayToken, hourToken, minuteToken, secondToken] =\n dateTimeMatch;\n const year = Number.parseInt(yearToken, 10);\n const month = Number.parseInt(monthToken, 10);\n const day = Number.parseInt(dayToken, 10);\n const hour = Number.parseInt(hourToken, 10);\n const minute = Number.parseInt(minuteToken, 10);\n const second = secondToken ? Number.parseInt(secondToken, 10) : 0;\n const date = new Date(year, month - 1, day, hour, minute, second, 0);\n\n if (\n Number.isNaN(date.getTime()) ||\n date.getFullYear() !== year ||\n date.getMonth() !== month - 1 ||\n date.getDate() !== day ||\n date.getHours() !== hour ||\n date.getMinutes() !== minute ||\n date.getSeconds() !== second\n ) {\n return null;\n }\n\n return date;\n};\n\nconst toDateTimeValue = (date: Date) =>\n `${toDateValue(date)}T${formatPart(date.getHours())}:${formatPart(date.getMinutes())}`;\n\nconst setDatePart = (source: Date, targetDate: Date) =>\n new Date(\n targetDate.getFullYear(),\n targetDate.getMonth(),\n targetDate.getDate(),\n source.getHours(),\n source.getMinutes(),\n 0,\n 0,\n );\n\nconst setTimePart = (source: Date, hour: number, minute: number) =>\n new Date(\n source.getFullYear(),\n source.getMonth(),\n source.getDate(),\n hour,\n minute,\n 0,\n 0,\n );\n\nconst resolveMinuteStep = (step: number) => {\n if (!Number.isFinite(step) || step <= 0 || step % 60 !== 0) {\n return 1;\n }\n\n const minuteStep = step / 60;\n return minuteStep >= 60 ? 1 : minuteStep;\n};\n\nconst today = startOfDay(new Date());\nconst selectedDateTime = computed(() => parseBoundaryValue(props.modelValue, 'exact'));\nconst minDateTime = computed(() => parseBoundaryValue(props.min, 'start'));\nconst maxDateTime = computed(() => parseBoundaryValue(props.max, 'end'));\nconst pickerId = props.id ?? createId('tree-date-time-picker');\nconst captionId = `${pickerId}-caption`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst dayRefs = new Map<string, HTMLButtonElement>();\n\nconst clampToRange = (value: Date) => {\n let nextValue = cloneDate(value);\n\n if (minDateTime.value && nextValue < minDateTime.value) {\n nextValue = cloneDate(minDateTime.value);\n }\n\n if (maxDateTime.value && nextValue > maxDateTime.value) {\n nextValue = cloneDate(maxDateTime.value);\n }\n\n return nextValue;\n};\n\nconst createDefaultDraftDateTime = () => {\n const reference = new Date();\n const stepMilliseconds = Math.max(props.step, 60) * 1000;\n const rounded = new Date(Math.ceil(reference.getTime() / stepMilliseconds) * stepMilliseconds);\n\n rounded.setSeconds(0, 0);\n return clampToRange(rounded);\n};\n\nconst initialDateTime = selectedDateTime.value ?? createDefaultDraftDateTime();\nconst draftDateTime = ref(initialDateTime);\nconst focusedDate = ref(startOfDay(initialDateTime));\nconst viewMonth = ref(startOfMonth(initialDateTime));\n\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, name: _name, ...rest } = attrs;\n return rest;\n});\n\nconst hiddenInputName = computed(() =>\n typeof attrs.name === 'string' ? attrs.name : undefined,\n);\n\nconst rootClasses = computed(() => [\n 'tree-date-picker',\n 'tree-date-time-picker',\n `tree-date-picker--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'is-loading': props.loading,\n 'is-open': isOpen.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst triggerText = computed(() => {\n if (!selectedDateTime.value) {\n return props.placeholder;\n }\n\n return new Intl.DateTimeFormat(props.locale, {\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit',\n month: 'long',\n year: 'numeric',\n }).format(selectedDateTime.value);\n});\n\nconst draftPreview = computed(() =>\n new Intl.DateTimeFormat(props.locale, {\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit',\n month: 'long',\n year: 'numeric',\n }).format(draftDateTime.value),\n);\n\nconst monthLabel = computed(() =>\n new Intl.DateTimeFormat(props.locale, {\n month: 'long',\n year: 'numeric',\n }).format(viewMonth.value),\n);\n\nconst weekdayLabels = computed(() => {\n const formatter = new Intl.DateTimeFormat(props.locale, { weekday: 'short' });\n const weekBase = startOfWeek(new Date(2024, 0, 7), props.weekStartsOn);\n\n return Array.from({ length: 7 }, (_, index) =>\n formatter.format(addDays(weekBase, index)),\n );\n});\n\nconst minuteStep = computed(() => resolveMinuteStep(props.step));\n\nconst minuteValues = computed(() => {\n const values = new Set<number>();\n\n for (let minute = 0; minute < 60; minute += minuteStep.value) {\n values.add(minute);\n }\n\n values.add(draftDateTime.value.getMinutes());\n\n return [...values].sort((left, right) => left - right);\n});\n\nconst isDateDisabled = (date: Date) => {\n if (props.disabled) {\n return true;\n }\n\n const dayStart = startOfDay(date);\n const dayEnd = endOfDay(date);\n\n if (minDateTime.value && dayEnd < minDateTime.value) {\n return true;\n }\n\n if (maxDateTime.value && dayStart > maxDateTime.value) {\n return true;\n }\n\n return false;\n};\n\nconst isDateTimeDisabled = (value: Date) => {\n if (props.disabled) {\n return true;\n }\n\n if (minDateTime.value && value < minDateTime.value) {\n return true;\n }\n\n if (maxDateTime.value && value > maxDateTime.value) {\n return true;\n }\n\n return false;\n};\n\nconst syncCalendarView = (date: Date) => {\n focusedDate.value = startOfDay(date);\n viewMonth.value = startOfMonth(date);\n};\n\nconst syncDraftState = (dateTime: Date) => {\n const nextValue = clampToRange(dateTime);\n draftDateTime.value = nextValue;\n syncCalendarView(nextValue);\n};\n\nwatch(\n selectedDateTime,\n (value) => {\n if (isOpen.value) {\n return;\n }\n\n syncDraftState(value ?? createDefaultDraftDateTime());\n },\n { immediate: true },\n);\n\nconst draftDate = computed(() => startOfDay(draftDateTime.value));\n\nconst cells = computed(() => {\n const startDate = startOfWeek(startOfMonth(viewMonth.value), props.weekStartsOn);\n\n return Array.from({ length: 6 }, (_, weekIndex) =>\n Array.from({ length: 7 }, (_, dayIndex) => {\n const date = addDays(startDate, weekIndex * 7 + dayIndex);\n const key = toDateValue(date);\n\n return {\n date,\n dayLabel: date.getDate(),\n disabled: isDateDisabled(date),\n inMonth: date.getMonth() === viewMonth.value.getMonth(),\n isFocused: isSameDay(date, focusedDate.value),\n isSelected: isSameDay(date, draftDate.value),\n isToday: isSameDay(date, today),\n key,\n } satisfies CalendarCell;\n }),\n );\n});\n\nconst canMovePrev = computed(() => {\n if (!minDateTime.value) {\n return true;\n }\n\n return startOfMonth(viewMonth.value) > startOfMonth(minDateTime.value);\n});\n\nconst canMoveNext = computed(() => {\n if (!maxDateTime.value) {\n return true;\n }\n\n return startOfMonth(viewMonth.value) < startOfMonth(maxDateTime.value);\n});\n\nconst isTimeOptionEnabled = (hour: number, minute: number) => {\n const candidate = setTimePart(draftDateTime.value, hour, minute);\n return !isDateTimeDisabled(candidate);\n};\n\nconst hourOptions = computed<TimeOption[]>(() =>\n Array.from({ length: 24 }, (_, hour) => ({\n disabled: !minuteValues.value.some((minute) => isTimeOptionEnabled(hour, minute)),\n label: formatPart(hour),\n value: hour,\n })),\n);\n\nconst minuteOptions = computed<TimeOption[]>(() =>\n minuteValues.value.map((minute) => ({\n disabled: !isTimeOptionEnabled(draftDateTime.value.getHours(), minute),\n label: formatPart(minute),\n value: minute,\n })),\n);\n\nconst focusCurrentDay = () => {\n const key = toDateValue(focusedDate.value);\n nextTick(() => {\n dayRefs.get(key)?.focus();\n });\n};\n\nconst setDayRef = (\n element: Element | ComponentPublicInstance | null,\n key: string,\n) => {\n if (element instanceof HTMLButtonElement) {\n dayRefs.set(key, element);\n return;\n }\n\n dayRefs.delete(key);\n};\n\nconst openCalendar = () => {\n if (props.disabled) {\n return;\n }\n\n syncDraftState(selectedDateTime.value ?? createDefaultDraftDateTime());\n setValue(true);\n focusCurrentDay();\n};\n\nconst closeCalendar = (restoreFocus = false) => {\n setValue(false);\n\n if (restoreFocus) {\n nextTick(() => {\n triggerRef.value?.focus();\n });\n }\n};\n\nconst toggleCalendar = () => {\n if (isOpen.value) {\n closeCalendar();\n return;\n }\n\n openCalendar();\n};\n\nconst moveCalendar = (direction: 1 | -1) => {\n const nextMonth = addMonths(viewMonth.value, direction);\n syncCalendarView(nextMonth);\n focusCurrentDay();\n};\n\nconst moveFocus = (nextDate: Date) => {\n if (isDateDisabled(nextDate)) {\n return;\n }\n\n syncCalendarView(nextDate);\n focusCurrentDay();\n};\n\nconst selectDate = (date: Date) => {\n if (isDateDisabled(date)) {\n return;\n }\n\n const candidate = clampToRange(setDatePart(draftDateTime.value, date));\n draftDateTime.value = candidate;\n syncCalendarView(candidate);\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n if (props.disabled) {\n return;\n }\n\n if (isEscapeKey(event) && isOpen.value) {\n event.preventDefault();\n closeCalendar();\n return;\n }\n\n if (\n isActivationKey(event) ||\n event.key === 'ArrowDown' ||\n event.key === 'ArrowUp'\n ) {\n event.preventDefault();\n openCalendar();\n }\n};\n\nconst onDayKeydown = (event: KeyboardEvent, date: Date) => {\n if (isEscapeKey(event)) {\n event.preventDefault();\n closeCalendar(true);\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectDate(date);\n return;\n }\n\n switch (event.key) {\n case 'ArrowLeft':\n event.preventDefault();\n moveFocus(addDays(date, -1));\n break;\n case 'ArrowRight':\n event.preventDefault();\n moveFocus(addDays(date, 1));\n break;\n case 'ArrowUp':\n event.preventDefault();\n moveFocus(addDays(date, -7));\n break;\n case 'ArrowDown':\n event.preventDefault();\n moveFocus(addDays(date, 7));\n break;\n case 'Home':\n event.preventDefault();\n moveFocus(startOfWeek(date, props.weekStartsOn));\n break;\n case 'End':\n event.preventDefault();\n moveFocus(addDays(startOfWeek(date, props.weekStartsOn), 6));\n break;\n case 'PageUp':\n event.preventDefault();\n moveFocus(addMonths(date, event.shiftKey ? -12 : -1));\n break;\n case 'PageDown':\n event.preventDefault();\n moveFocus(addMonths(date, event.shiftKey ? 12 : 1));\n break;\n default:\n break;\n }\n};\n\nconst updateHour = (event: Event) => {\n const nextHour = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n const currentMinute = draftDateTime.value.getMinutes();\n\n if (Number.isNaN(nextHour)) {\n return;\n }\n\n const availableMinutes = minuteValues.value.filter((minute) =>\n isTimeOptionEnabled(nextHour, minute),\n );\n\n if (!availableMinutes.length) {\n return;\n }\n\n const nextMinute = availableMinutes.includes(currentMinute)\n ? currentMinute\n : availableMinutes[0];\n\n draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst updateMinute = (event: Event) => {\n const nextMinute = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n const nextHour = draftDateTime.value.getHours();\n\n if (Number.isNaN(nextMinute) || !isTimeOptionEnabled(nextHour, nextMinute)) {\n return;\n }\n\n draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst commitDraft = () => {\n const value = toDateTimeValue(draftDateTime.value);\n\n emit('update:modelValue', value);\n emit('change', value);\n emit('select', value);\n closeCalendar(true);\n};\n\nconst clearSelection = () => {\n emit('update:modelValue', '');\n emit('change', '');\n emit('select', '');\n closeCalendar(true);\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) {\n return;\n }\n\n const target = event.target;\n if (!(target instanceof Node)) {\n return;\n }\n\n if (rootRef.value?.contains(target)) {\n return;\n }\n\n closeCalendar();\n};\n\nwatch(isOpen, (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n return;\n }\n\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <input\n v-if=\"hiddenInputName\"\n type=\"hidden\"\n :name=\"hiddenInputName\"\n :value=\"modelValue\"\n >\n\n <button\n ref=\"triggerRef\"\n v-bind=\"triggerAttrs\"\n type=\"button\"\n class=\"tree-date-picker__trigger tree-date-time-picker__trigger\"\n :disabled=\"disabled\"\n :aria-controls=\"isOpen ? pickerId : undefined\"\n aria-haspopup=\"dialog\"\n :aria-expanded=\"isOpen\"\n :aria-invalid=\"invalid || undefined\"\n @click=\"toggleCalendar\"\n @keydown=\"onTriggerKeydown\"\n >\n <span\n v-if=\"$slots.prefix\"\n class=\"tree-date-picker__slot tree-date-picker__slot--prefix\"\n >\n <slot name=\"prefix\" />\n </span>\n\n <span\n class=\"tree-date-picker__value\"\n :data-placeholder=\"selectedDateTime ? undefined : true\"\n >\n {{ triggerText }}\n </span>\n\n <span class=\"tree-date-picker__slot tree-date-picker__slot--suffix\">\n <slot name=\"suffix\">\n <TreeSpinner\n v-if=\"loading\"\n size=\"sm\"\n label=\"Loading\"\n />\n <CalendarIcon\n v-else\n v-bind=\"treeIconDefaults\"\n />\n </slot>\n </span>\n </button>\n\n <transition name=\"tree-fade\">\n <div\n v-if=\"isOpen && !disabled\"\n :id=\"pickerId\"\n class=\"tree-date-picker__content tree-date-time-picker__content\"\n role=\"dialog\"\n aria-modal=\"false\"\n :aria-labelledby=\"captionId\"\n >\n <div class=\"tree-date-time-picker__calendar\">\n <div class=\"tree-date-picker__header\">\n <button\n type=\"button\"\n class=\"tree-date-picker__nav\"\n :disabled=\"!canMovePrev\"\n aria-label=\"Previous month\"\n @click=\"moveCalendar(-1)\"\n >\n <ChevronLeftIcon v-bind=\"treeIconDefaults\" />\n </button>\n\n <p\n :id=\"captionId\"\n class=\"tree-date-picker__month\"\n >\n {{ monthLabel }}\n </p>\n\n <button\n type=\"button\"\n class=\"tree-date-picker__nav\"\n :disabled=\"!canMoveNext\"\n aria-label=\"Next month\"\n @click=\"moveCalendar(1)\"\n >\n <ChevronRightIcon v-bind=\"treeIconDefaults\" />\n </button>\n </div>\n\n <div\n class=\"tree-date-picker__weekdays\"\n aria-hidden=\"true\"\n >\n <span\n v-for=\"label in weekdayLabels\"\n :key=\"label\"\n class=\"tree-date-picker__weekday\"\n >\n {{ label }}\n </span>\n </div>\n\n <div\n class=\"tree-date-picker__grid\"\n role=\"grid\"\n :aria-labelledby=\"captionId\"\n >\n <div\n v-for=\"(week, weekIndex) in cells\"\n :key=\"weekIndex\"\n class=\"tree-date-picker__row\"\n role=\"row\"\n >\n <div\n v-for=\"cell in week\"\n :key=\"cell.key\"\n class=\"tree-date-picker__cell\"\n role=\"gridcell\"\n :aria-selected=\"cell.isSelected\"\n >\n <button\n :ref=\"(element) => setDayRef(element, cell.key)\"\n type=\"button\"\n class=\"tree-date-picker__day\"\n :class=\"{\n 'is-muted': !cell.inMonth,\n 'is-selected': cell.isSelected,\n 'is-today': cell.isToday,\n }\"\n :data-date=\"cell.key\"\n :tabindex=\"cell.isFocused ? 0 : -1\"\n :disabled=\"cell.disabled\"\n :aria-pressed=\"cell.isSelected\"\n @click=\"selectDate(cell.date)\"\n @keydown=\"onDayKeydown($event, cell.date)\"\n >\n {{ cell.dayLabel }}\n </button>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"tree-date-time-picker__summary\">\n <p class=\"tree-date-time-picker__eyebrow\">\n Selected slot\n </p>\n <p class=\"tree-date-time-picker__summary-value\">\n {{ draftPreview }}\n </p>\n </div>\n\n <div class=\"tree-date-time-picker__time\">\n <label class=\"tree-date-time-picker__time-field\">\n <span class=\"tree-date-time-picker__time-label\">Hour</span>\n <select\n class=\"tree-date-time-picker__select\"\n :value=\"draftDateTime.getHours()\"\n aria-label=\"Select hour\"\n @change=\"updateHour\"\n >\n <option\n v-for=\"option in hourOptions\"\n :key=\"option.value\"\n :value=\"option.value\"\n :disabled=\"option.disabled\"\n >\n {{ option.label }}\n </option>\n </select>\n </label>\n\n <label class=\"tree-date-time-picker__time-field\">\n <span class=\"tree-date-time-picker__time-label\">Minute</span>\n <select\n class=\"tree-date-time-picker__select\"\n :value=\"draftDateTime.getMinutes()\"\n aria-label=\"Select minute\"\n @change=\"updateMinute\"\n >\n <option\n v-for=\"option in minuteOptions\"\n :key=\"option.value\"\n :value=\"option.value\"\n :disabled=\"option.disabled\"\n >\n {{ option.label }}\n </option>\n </select>\n </label>\n </div>\n\n <div class=\"tree-date-time-picker__footer\">\n <button\n type=\"button\"\n class=\"tree-button tree-button--ghost tree-button--sm\"\n @click=\"clearSelection\"\n >\n Clear\n </button>\n <button\n type=\"button\"\n class=\"tree-button tree-button--solid tree-button--sm\"\n @click=\"commitDraft\"\n >\n Apply\n </button>\n </div>\n </div>\n </transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n addDays,\n addMonths,\n createId,\n isActivationKey,\n isEscapeKey,\n isSameDay,\n startOfDay,\n startOfMonth,\n startOfWeek,\n toDateValue,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n type ComponentPublicInstance,\n computed,\n nextTick,\n onBeforeUnmount,\n ref,\n toRef,\n useAttrs,\n watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\ninterface CalendarCell {\n date: Date;\n dayLabel: number;\n disabled: boolean;\n inMonth: boolean;\n isFocused: boolean;\n isSelected: boolean;\n isToday: boolean;\n key: string;\n}\n\ninterface TimeOption {\n disabled: boolean;\n label: string;\n value: number;\n}\n\nconst CalendarIcon = getTreeIcon('calendar');\nconst ChevronLeftIcon = getTreeIcon('chevron-left');\nconst ChevronRightIcon = getTreeIcon('chevron-right');\n\nconst dateOnlyPattern = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\nconst dateTimePattern = /^(\\d{4})-(\\d{2})-(\\d{2})T(\\d{2}):(\\d{2})(?::(\\d{2}))?$/;\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n open?: boolean;\n defaultOpen?: boolean;\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n invalid?: boolean;\n placeholder?: string;\n locale?: string;\n min?: string;\n max?: string;\n weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n id?: string;\n step?: number;\n }>(),\n {\n modelValue: '',\n open: undefined,\n defaultOpen: false,\n size: 'md',\n disabled: false,\n loading: false,\n invalid: false,\n placeholder: 'Select date and time',\n locale: 'en-US',\n min: '',\n max: '',\n weekStartsOn: 0,\n id: undefined,\n step: 60,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n change: [value: string];\n select: [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nconst cloneDate = (value: Date) => new Date(value.getTime());\n\nconst formatPart = (value: number) => `${value}`.padStart(2, '0');\n\nconst endOfDay = (date: Date) =>\n new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);\n\nconst parseBoundaryValue = (\n value: string | null | undefined,\n boundary: 'exact' | 'start' | 'end' = 'exact',\n) => {\n if (!value) {\n return null;\n }\n\n const dateOnlyMatch = value.match(dateOnlyPattern);\n if (dateOnlyMatch) {\n const [, yearToken, monthToken, dayToken] = dateOnlyMatch;\n const year = Number.parseInt(yearToken, 10);\n const month = Number.parseInt(monthToken, 10);\n const day = Number.parseInt(dayToken, 10);\n const hour = boundary === 'end' ? 23 : 0;\n const minute = boundary === 'end' ? 59 : 0;\n const second = boundary === 'end' ? 59 : 0;\n const millisecond = boundary === 'end' ? 999 : 0;\n const date = new Date(year, month - 1, day, hour, minute, second, millisecond);\n\n if (\n Number.isNaN(date.getTime()) ||\n date.getFullYear() !== year ||\n date.getMonth() !== month - 1 ||\n date.getDate() !== day\n ) {\n return null;\n }\n\n return date;\n }\n\n const dateTimeMatch = value.match(dateTimePattern);\n if (!dateTimeMatch) {\n return null;\n }\n\n const [, yearToken, monthToken, dayToken, hourToken, minuteToken, secondToken] =\n dateTimeMatch;\n const year = Number.parseInt(yearToken, 10);\n const month = Number.parseInt(monthToken, 10);\n const day = Number.parseInt(dayToken, 10);\n const hour = Number.parseInt(hourToken, 10);\n const minute = Number.parseInt(minuteToken, 10);\n const second = secondToken ? Number.parseInt(secondToken, 10) : 0;\n const date = new Date(year, month - 1, day, hour, minute, second, 0);\n\n if (\n Number.isNaN(date.getTime()) ||\n date.getFullYear() !== year ||\n date.getMonth() !== month - 1 ||\n date.getDate() !== day ||\n date.getHours() !== hour ||\n date.getMinutes() !== minute ||\n date.getSeconds() !== second\n ) {\n return null;\n }\n\n return date;\n};\n\nconst toDateTimeValue = (date: Date) =>\n `${toDateValue(date)}T${formatPart(date.getHours())}:${formatPart(date.getMinutes())}`;\n\nconst setDatePart = (source: Date, targetDate: Date) =>\n new Date(\n targetDate.getFullYear(),\n targetDate.getMonth(),\n targetDate.getDate(),\n source.getHours(),\n source.getMinutes(),\n 0,\n 0,\n );\n\nconst setTimePart = (source: Date, hour: number, minute: number) =>\n new Date(\n source.getFullYear(),\n source.getMonth(),\n source.getDate(),\n hour,\n minute,\n 0,\n 0,\n );\n\nconst resolveMinuteStep = (step: number) => {\n if (!Number.isFinite(step) || step <= 0 || step % 60 !== 0) {\n return 1;\n }\n\n const minuteStep = step / 60;\n return minuteStep >= 60 ? 1 : minuteStep;\n};\n\nconst today = startOfDay(new Date());\nconst selectedDateTime = computed(() => parseBoundaryValue(props.modelValue, 'exact'));\nconst minDateTime = computed(() => parseBoundaryValue(props.min, 'start'));\nconst maxDateTime = computed(() => parseBoundaryValue(props.max, 'end'));\nconst pickerId = props.id ?? createId('tree-date-time-picker');\nconst captionId = `${pickerId}-caption`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst dayRefs = new Map<string, HTMLButtonElement>();\n\nconst clampToRange = (value: Date) => {\n let nextValue = cloneDate(value);\n\n if (minDateTime.value && nextValue < minDateTime.value) {\n nextValue = cloneDate(minDateTime.value);\n }\n\n if (maxDateTime.value && nextValue > maxDateTime.value) {\n nextValue = cloneDate(maxDateTime.value);\n }\n\n return nextValue;\n};\n\nconst createDefaultDraftDateTime = () => {\n const reference = new Date();\n const stepMilliseconds = Math.max(props.step, 60) * 1000;\n const rounded = new Date(Math.ceil(reference.getTime() / stepMilliseconds) * stepMilliseconds);\n\n rounded.setSeconds(0, 0);\n return clampToRange(rounded);\n};\n\nconst initialDateTime = selectedDateTime.value ?? createDefaultDraftDateTime();\nconst draftDateTime = ref(initialDateTime);\nconst focusedDate = ref(startOfDay(initialDateTime));\nconst viewMonth = ref(startOfMonth(initialDateTime));\n\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, name: _name, ...rest } = attrs;\n return rest;\n});\n\nconst hiddenInputName = computed(() =>\n typeof attrs.name === 'string' ? attrs.name : undefined,\n);\n\nconst rootClasses = computed(() => [\n 'tree-date-picker',\n 'tree-date-time-picker',\n `tree-date-picker--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'is-loading': props.loading,\n 'is-open': isOpen.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst triggerText = computed(() => {\n if (!selectedDateTime.value) {\n return props.placeholder;\n }\n\n return new Intl.DateTimeFormat(props.locale, {\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit',\n month: 'long',\n year: 'numeric',\n }).format(selectedDateTime.value);\n});\n\nconst draftPreview = computed(() =>\n new Intl.DateTimeFormat(props.locale, {\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit',\n month: 'long',\n year: 'numeric',\n }).format(draftDateTime.value),\n);\n\nconst monthLabel = computed(() =>\n new Intl.DateTimeFormat(props.locale, {\n month: 'long',\n year: 'numeric',\n }).format(viewMonth.value),\n);\n\nconst weekdayLabels = computed(() => {\n const formatter = new Intl.DateTimeFormat(props.locale, { weekday: 'short' });\n const weekBase = startOfWeek(new Date(2024, 0, 7), props.weekStartsOn);\n\n return Array.from({ length: 7 }, (_, index) =>\n formatter.format(addDays(weekBase, index)),\n );\n});\n\nconst minuteStep = computed(() => resolveMinuteStep(props.step));\n\nconst minuteValues = computed(() => {\n const values = new Set<number>();\n\n for (let minute = 0; minute < 60; minute += minuteStep.value) {\n values.add(minute);\n }\n\n values.add(draftDateTime.value.getMinutes());\n\n return [...values].sort((left, right) => left - right);\n});\n\nconst isDateDisabled = (date: Date) => {\n if (props.disabled) {\n return true;\n }\n\n const dayStart = startOfDay(date);\n const dayEnd = endOfDay(date);\n\n if (minDateTime.value && dayEnd < minDateTime.value) {\n return true;\n }\n\n if (maxDateTime.value && dayStart > maxDateTime.value) {\n return true;\n }\n\n return false;\n};\n\nconst isDateTimeDisabled = (value: Date) => {\n if (props.disabled) {\n return true;\n }\n\n if (minDateTime.value && value < minDateTime.value) {\n return true;\n }\n\n if (maxDateTime.value && value > maxDateTime.value) {\n return true;\n }\n\n return false;\n};\n\nconst syncCalendarView = (date: Date) => {\n focusedDate.value = startOfDay(date);\n viewMonth.value = startOfMonth(date);\n};\n\nconst syncDraftState = (dateTime: Date) => {\n const nextValue = clampToRange(dateTime);\n draftDateTime.value = nextValue;\n syncCalendarView(nextValue);\n};\n\nwatch(\n selectedDateTime,\n (value) => {\n if (isOpen.value) {\n return;\n }\n\n syncDraftState(value ?? createDefaultDraftDateTime());\n },\n { immediate: true },\n);\n\nconst draftDate = computed(() => startOfDay(draftDateTime.value));\n\nconst cells = computed(() => {\n const startDate = startOfWeek(startOfMonth(viewMonth.value), props.weekStartsOn);\n\n return Array.from({ length: 6 }, (_, weekIndex) =>\n Array.from({ length: 7 }, (_, dayIndex) => {\n const date = addDays(startDate, weekIndex * 7 + dayIndex);\n const key = toDateValue(date);\n\n return {\n date,\n dayLabel: date.getDate(),\n disabled: isDateDisabled(date),\n inMonth: date.getMonth() === viewMonth.value.getMonth(),\n isFocused: isSameDay(date, focusedDate.value),\n isSelected: isSameDay(date, draftDate.value),\n isToday: isSameDay(date, today),\n key,\n } satisfies CalendarCell;\n }),\n );\n});\n\nconst canMovePrev = computed(() => {\n if (!minDateTime.value) {\n return true;\n }\n\n return startOfMonth(viewMonth.value) > startOfMonth(minDateTime.value);\n});\n\nconst canMoveNext = computed(() => {\n if (!maxDateTime.value) {\n return true;\n }\n\n return startOfMonth(viewMonth.value) < startOfMonth(maxDateTime.value);\n});\n\nconst isTimeOptionEnabled = (hour: number, minute: number) => {\n const candidate = setTimePart(draftDateTime.value, hour, minute);\n return !isDateTimeDisabled(candidate);\n};\n\nconst hourOptions = computed<TimeOption[]>(() =>\n Array.from({ length: 24 }, (_, hour) => ({\n disabled: !minuteValues.value.some((minute) => isTimeOptionEnabled(hour, minute)),\n label: formatPart(hour),\n value: hour,\n })),\n);\n\nconst minuteOptions = computed<TimeOption[]>(() =>\n minuteValues.value.map((minute) => ({\n disabled: !isTimeOptionEnabled(draftDateTime.value.getHours(), minute),\n label: formatPart(minute),\n value: minute,\n })),\n);\n\nconst focusCurrentDay = () => {\n const key = toDateValue(focusedDate.value);\n nextTick(() => {\n dayRefs.get(key)?.focus();\n });\n};\n\nconst setDayRef = (\n element: Element | ComponentPublicInstance | null,\n key: string,\n) => {\n if (element instanceof HTMLButtonElement) {\n dayRefs.set(key, element);\n return;\n }\n\n dayRefs.delete(key);\n};\n\nconst openCalendar = () => {\n if (props.disabled) {\n return;\n }\n\n syncDraftState(selectedDateTime.value ?? createDefaultDraftDateTime());\n setValue(true);\n focusCurrentDay();\n};\n\nconst closeCalendar = (restoreFocus = false) => {\n setValue(false);\n\n if (restoreFocus) {\n nextTick(() => {\n triggerRef.value?.focus();\n });\n }\n};\n\nconst toggleCalendar = () => {\n if (isOpen.value) {\n closeCalendar();\n return;\n }\n\n openCalendar();\n};\n\nconst moveCalendar = (direction: 1 | -1) => {\n const nextMonth = addMonths(viewMonth.value, direction);\n syncCalendarView(nextMonth);\n focusCurrentDay();\n};\n\nconst moveFocus = (nextDate: Date) => {\n if (isDateDisabled(nextDate)) {\n return;\n }\n\n syncCalendarView(nextDate);\n focusCurrentDay();\n};\n\nconst selectDate = (date: Date) => {\n if (isDateDisabled(date)) {\n return;\n }\n\n const candidate = clampToRange(setDatePart(draftDateTime.value, date));\n draftDateTime.value = candidate;\n syncCalendarView(candidate);\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n if (props.disabled) {\n return;\n }\n\n if (isEscapeKey(event) && isOpen.value) {\n event.preventDefault();\n closeCalendar();\n return;\n }\n\n if (\n isActivationKey(event) ||\n event.key === 'ArrowDown' ||\n event.key === 'ArrowUp'\n ) {\n event.preventDefault();\n openCalendar();\n }\n};\n\nconst onDayKeydown = (event: KeyboardEvent, date: Date) => {\n if (isEscapeKey(event)) {\n event.preventDefault();\n closeCalendar(true);\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectDate(date);\n return;\n }\n\n switch (event.key) {\n case 'ArrowLeft':\n event.preventDefault();\n moveFocus(addDays(date, -1));\n break;\n case 'ArrowRight':\n event.preventDefault();\n moveFocus(addDays(date, 1));\n break;\n case 'ArrowUp':\n event.preventDefault();\n moveFocus(addDays(date, -7));\n break;\n case 'ArrowDown':\n event.preventDefault();\n moveFocus(addDays(date, 7));\n break;\n case 'Home':\n event.preventDefault();\n moveFocus(startOfWeek(date, props.weekStartsOn));\n break;\n case 'End':\n event.preventDefault();\n moveFocus(addDays(startOfWeek(date, props.weekStartsOn), 6));\n break;\n case 'PageUp':\n event.preventDefault();\n moveFocus(addMonths(date, event.shiftKey ? -12 : -1));\n break;\n case 'PageDown':\n event.preventDefault();\n moveFocus(addMonths(date, event.shiftKey ? 12 : 1));\n break;\n default:\n break;\n }\n};\n\nconst updateHour = (event: Event) => {\n const nextHour = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n const currentMinute = draftDateTime.value.getMinutes();\n\n if (Number.isNaN(nextHour)) {\n return;\n }\n\n const availableMinutes = minuteValues.value.filter((minute) =>\n isTimeOptionEnabled(nextHour, minute),\n );\n\n if (!availableMinutes.length) {\n return;\n }\n\n const nextMinute = availableMinutes.includes(currentMinute)\n ? currentMinute\n : availableMinutes[0];\n\n draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst updateMinute = (event: Event) => {\n const nextMinute = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n const nextHour = draftDateTime.value.getHours();\n\n if (Number.isNaN(nextMinute) || !isTimeOptionEnabled(nextHour, nextMinute)) {\n return;\n }\n\n draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst commitDraft = () => {\n const value = toDateTimeValue(draftDateTime.value);\n\n emit('update:modelValue', value);\n emit('change', value);\n emit('select', value);\n closeCalendar(true);\n};\n\nconst clearSelection = () => {\n emit('update:modelValue', '');\n emit('change', '');\n emit('select', '');\n closeCalendar(true);\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) {\n return;\n }\n\n const target = event.target;\n if (!(target instanceof Node)) {\n return;\n }\n\n if (rootRef.value?.contains(target)) {\n return;\n }\n\n closeCalendar();\n};\n\nwatch(isOpen, (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n return;\n }\n\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <input\n v-if=\"hiddenInputName\"\n type=\"hidden\"\n :name=\"hiddenInputName\"\n :value=\"modelValue\"\n >\n\n <button\n ref=\"triggerRef\"\n v-bind=\"triggerAttrs\"\n type=\"button\"\n class=\"tree-date-picker__trigger tree-date-time-picker__trigger\"\n :disabled=\"disabled\"\n :aria-controls=\"isOpen ? pickerId : undefined\"\n aria-haspopup=\"dialog\"\n :aria-expanded=\"isOpen\"\n :aria-invalid=\"invalid || undefined\"\n @click=\"toggleCalendar\"\n @keydown=\"onTriggerKeydown\"\n >\n <span\n v-if=\"$slots.prefix\"\n class=\"tree-date-picker__slot tree-date-picker__slot--prefix\"\n >\n <slot name=\"prefix\" />\n </span>\n\n <span\n class=\"tree-date-picker__value\"\n :data-placeholder=\"selectedDateTime ? undefined : true\"\n >\n {{ triggerText }}\n </span>\n\n <span class=\"tree-date-picker__slot tree-date-picker__slot--suffix\">\n <slot name=\"suffix\">\n <TreeSpinner\n v-if=\"loading\"\n size=\"sm\"\n label=\"Loading\"\n />\n <CalendarIcon\n v-else\n v-bind=\"treeIconDefaults\"\n />\n </slot>\n </span>\n </button>\n\n <transition name=\"tree-fade\">\n <div\n v-if=\"isOpen && !disabled\"\n :id=\"pickerId\"\n class=\"tree-date-picker__content tree-date-time-picker__content\"\n role=\"dialog\"\n aria-modal=\"false\"\n :aria-labelledby=\"captionId\"\n >\n <div class=\"tree-date-time-picker__calendar\">\n <div class=\"tree-date-picker__header\">\n <button\n type=\"button\"\n class=\"tree-date-picker__nav\"\n :disabled=\"!canMovePrev\"\n aria-label=\"Previous month\"\n @click=\"moveCalendar(-1)\"\n >\n <ChevronLeftIcon v-bind=\"treeIconDefaults\" />\n </button>\n\n <p\n :id=\"captionId\"\n class=\"tree-date-picker__month\"\n >\n {{ monthLabel }}\n </p>\n\n <button\n type=\"button\"\n class=\"tree-date-picker__nav\"\n :disabled=\"!canMoveNext\"\n aria-label=\"Next month\"\n @click=\"moveCalendar(1)\"\n >\n <ChevronRightIcon v-bind=\"treeIconDefaults\" />\n </button>\n </div>\n\n <div\n class=\"tree-date-picker__weekdays\"\n aria-hidden=\"true\"\n >\n <span\n v-for=\"label in weekdayLabels\"\n :key=\"label\"\n class=\"tree-date-picker__weekday\"\n >\n {{ label }}\n </span>\n </div>\n\n <div\n class=\"tree-date-picker__grid\"\n role=\"grid\"\n :aria-labelledby=\"captionId\"\n >\n <div\n v-for=\"(week, weekIndex) in cells\"\n :key=\"weekIndex\"\n class=\"tree-date-picker__row\"\n role=\"row\"\n >\n <div\n v-for=\"cell in week\"\n :key=\"cell.key\"\n class=\"tree-date-picker__cell\"\n role=\"gridcell\"\n :aria-selected=\"cell.isSelected\"\n >\n <button\n :ref=\"(element) => setDayRef(element, cell.key)\"\n type=\"button\"\n class=\"tree-date-picker__day\"\n :class=\"{\n 'is-muted': !cell.inMonth,\n 'is-selected': cell.isSelected,\n 'is-today': cell.isToday,\n }\"\n :data-date=\"cell.key\"\n :tabindex=\"cell.isFocused ? 0 : -1\"\n :disabled=\"cell.disabled\"\n :aria-pressed=\"cell.isSelected\"\n @click=\"selectDate(cell.date)\"\n @keydown=\"onDayKeydown($event, cell.date)\"\n >\n {{ cell.dayLabel }}\n </button>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"tree-date-time-picker__summary\">\n <p class=\"tree-date-time-picker__eyebrow\">\n Selected slot\n </p>\n <p class=\"tree-date-time-picker__summary-value\">\n {{ draftPreview }}\n </p>\n </div>\n\n <div class=\"tree-date-time-picker__time\">\n <label class=\"tree-date-time-picker__time-field\">\n <span class=\"tree-date-time-picker__time-label\">Hour</span>\n <select\n class=\"tree-date-time-picker__select\"\n :value=\"draftDateTime.getHours()\"\n aria-label=\"Select hour\"\n @change=\"updateHour\"\n >\n <option\n v-for=\"option in hourOptions\"\n :key=\"option.value\"\n :value=\"option.value\"\n :disabled=\"option.disabled\"\n >\n {{ option.label }}\n </option>\n </select>\n </label>\n\n <label class=\"tree-date-time-picker__time-field\">\n <span class=\"tree-date-time-picker__time-label\">Minute</span>\n <select\n class=\"tree-date-time-picker__select\"\n :value=\"draftDateTime.getMinutes()\"\n aria-label=\"Select minute\"\n @change=\"updateMinute\"\n >\n <option\n v-for=\"option in minuteOptions\"\n :key=\"option.value\"\n :value=\"option.value\"\n :disabled=\"option.disabled\"\n >\n {{ option.label }}\n </option>\n </select>\n </label>\n </div>\n\n <div class=\"tree-date-time-picker__footer\">\n <button\n type=\"button\"\n class=\"tree-button tree-button--ghost tree-button--sm\"\n @click=\"clearSelection\"\n >\n Clear\n </button>\n <button\n type=\"button\"\n class=\"tree-button tree-button--solid tree-button--sm\"\n @click=\"commitDraft\"\n >\n Apply\n </button>\n </div>\n </div>\n </transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n createId,\n focusFirst,\n focusLast,\n getFocusableElements,\n isEscapeKey,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n computed,\n nextTick,\n onBeforeUnmount,\n ref,\n toRef,\n useAttrs,\n watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeDrawerSide, TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst CloseIcon = getTreeIcon('x');\n\nconst props = withDefaults(\n defineProps<{\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n size?: TreeSize;\n side?: TreeDrawerSide;\n title?: string;\n description?: string;\n closeOnEscape?: boolean;\n closeOnOverlay?: boolean;\n showCloseButton?: boolean;\n closeLabel?: string;\n id?: string;\n }>(),\n {\n open: undefined,\n defaultOpen: false,\n disabled: false,\n size: 'md',\n side: 'right',\n title: '',\n description: '',\n closeOnEscape: true,\n closeOnOverlay: true,\n showCloseButton: true,\n closeLabel: 'Close drawer',\n id: undefined,\n },\n);\n\nconst emit = defineEmits<{\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\nconst drawerId = props.id ?? createId('tree-drawer');\nconst titleId = `${drawerId}-title`;\nconst descriptionId = `${drawerId}-description`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst surfaceRef = ref<HTMLElement | null>(null);\nconst previousFocusedElement = ref<HTMLElement | null>(null);\nconst hasHeaderContent = computed(() => Boolean(props.title || slots.header));\n\nconst slots = defineSlots<{\n default?: () => unknown;\n trigger?: () => unknown;\n header?: () => unknown;\n content?: () => unknown;\n footer?: () => unknown;\n}>();\n\nconst rootClasses = computed(() => ['tree-drawer', attrs.class]);\nconst rootStyle = computed(() => attrs.style);\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\nconst surfaceClasses = computed(() => [\n 'tree-drawer__surface',\n `tree-drawer__surface--${props.size}`,\n `tree-drawer__surface--${props.side}`,\n]);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst labelledBy = computed(() => (hasHeaderContent.value ? titleId : undefined));\nconst describedBy = computed(() => (props.description ? descriptionId : undefined));\n\nlet openOverlayCount = 0;\nlet previousBodyOverflow = '';\n\nconst lockBodyScroll = () => {\n if (typeof document === 'undefined') {\n return;\n }\n\n if (openOverlayCount === 0) {\n previousBodyOverflow = document.body.style.overflow;\n document.body.style.overflow = 'hidden';\n }\n\n openOverlayCount += 1;\n};\n\nconst unlockBodyScroll = () => {\n if (typeof document === 'undefined' || openOverlayCount === 0) {\n return;\n }\n\n openOverlayCount -= 1;\n\n if (openOverlayCount === 0) {\n document.body.style.overflow = previousBodyOverflow;\n }\n};\n\nconst focusSurface = () => {\n nextTick(() => {\n if (!surfaceRef.value) {\n return;\n }\n\n const focused = focusFirst(surfaceRef.value);\n if (!focused) {\n surfaceRef.value.focus();\n }\n });\n};\n\nconst openDrawer = () => {\n if (props.disabled) {\n return;\n }\n\n previousFocusedElement.value = document.activeElement as HTMLElement | null;\n setValue(true);\n};\n\nconst closeDrawer = () => {\n setValue(false);\n};\n\nconst onTriggerClick = (event: MouseEvent) => {\n if (props.disabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n if (event.defaultPrevented) {\n return;\n }\n\n openDrawer();\n};\n\nconst onOverlayClick = () => {\n if (!props.closeOnOverlay) {\n return;\n }\n\n closeDrawer();\n};\n\nconst onSurfaceClick = (event: MouseEvent) => {\n event.stopPropagation();\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n if (isEscapeKey(event) && props.closeOnEscape) {\n event.preventDefault();\n closeDrawer();\n return;\n }\n\n if (event.key !== 'Tab' || !surfaceRef.value) {\n return;\n }\n\n const focusable = getFocusableElements(surfaceRef.value);\n\n if (!focusable.length) {\n event.preventDefault();\n surfaceRef.value.focus();\n return;\n }\n\n const first = focusable[0];\n const last = focusable[focusable.length - 1];\n const activeElement = document.activeElement as HTMLElement | null;\n\n if (event.shiftKey && activeElement === first) {\n event.preventDefault();\n focusLast(surfaceRef.value);\n }\n\n if (!event.shiftKey && activeElement === last) {\n event.preventDefault();\n focusFirst(surfaceRef.value);\n }\n};\n\nwatch(isOpen, (value, previousValue) => {\n if (value) {\n lockBodyScroll();\n focusSurface();\n return;\n }\n\n if (previousValue) {\n unlockBodyScroll();\n nextTick(() => {\n previousFocusedElement.value?.focus();\n });\n }\n});\n\nonBeforeUnmount(() => {\n if (isOpen.value) {\n unlockBodyScroll();\n }\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <span\n v-if=\"$slots.trigger\"\n class=\"tree-drawer__trigger\"\n v-bind=\"triggerAttrs\"\n :aria-disabled=\"disabled || undefined\"\n @click=\"onTriggerClick\"\n >\n <slot name=\"trigger\" />\n </span>\n\n <Teleport to=\"body\">\n <transition name=\"tree-drawer-fade\">\n <div\n v-if=\"isOpen\"\n class=\"tree-drawer__portal\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <div\n class=\"tree-drawer__backdrop\"\n aria-hidden=\"true\"\n @click=\"onOverlayClick\"\n />\n <div\n :id=\"drawerId\"\n ref=\"surfaceRef\"\n :class=\"surfaceClasses\"\n role=\"dialog\"\n aria-modal=\"true\"\n :aria-labelledby=\"labelledBy\"\n :aria-describedby=\"describedBy\"\n tabindex=\"-1\"\n @click=\"onSurfaceClick\"\n @keydown=\"onKeydown\"\n >\n <div\n v-if=\"hasHeaderContent || showCloseButton\"\n class=\"tree-drawer__topbar\"\n >\n <div\n v-if=\"hasHeaderContent\"\n :id=\"titleId\"\n class=\"tree-drawer__header\"\n >\n <slot name=\"header\">\n <h2 class=\"tree-drawer__title\">\n {{ title }}\n </h2>\n </slot>\n </div>\n <button\n v-if=\"showCloseButton\"\n type=\"button\"\n class=\"tree-drawer__close\"\n :aria-label=\"closeLabel\"\n @click=\"closeDrawer\"\n >\n <CloseIcon v-bind=\"treeIconDefaults\" />\n </button>\n </div>\n\n <p\n v-if=\"description\"\n :id=\"descriptionId\"\n class=\"tree-drawer__description\"\n >\n {{ description }}\n </p>\n\n <div class=\"tree-drawer__body\">\n <slot name=\"content\">\n <slot />\n </slot>\n </div>\n\n <div\n v-if=\"$slots.footer\"\n class=\"tree-drawer__footer\"\n >\n <slot name=\"footer\" />\n </div>\n </div>\n </div>\n </transition>\n </Teleport>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n createId,\n focusFirst,\n focusLast,\n getFocusableElements,\n isEscapeKey,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n computed,\n nextTick,\n onBeforeUnmount,\n ref,\n toRef,\n useAttrs,\n watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeDrawerSide, TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst CloseIcon = getTreeIcon('x');\n\nconst props = withDefaults(\n defineProps<{\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n size?: TreeSize;\n side?: TreeDrawerSide;\n title?: string;\n description?: string;\n closeOnEscape?: boolean;\n closeOnOverlay?: boolean;\n showCloseButton?: boolean;\n closeLabel?: string;\n id?: string;\n }>(),\n {\n open: undefined,\n defaultOpen: false,\n disabled: false,\n size: 'md',\n side: 'right',\n title: '',\n description: '',\n closeOnEscape: true,\n closeOnOverlay: true,\n showCloseButton: true,\n closeLabel: 'Close drawer',\n id: undefined,\n },\n);\n\nconst emit = defineEmits<{\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\nconst drawerId = props.id ?? createId('tree-drawer');\nconst titleId = `${drawerId}-title`;\nconst descriptionId = `${drawerId}-description`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst surfaceRef = ref<HTMLElement | null>(null);\nconst previousFocusedElement = ref<HTMLElement | null>(null);\nconst hasHeaderContent = computed(() => Boolean(props.title || slots.header));\n\nconst slots = defineSlots<{\n default?: () => unknown;\n trigger?: () => unknown;\n header?: () => unknown;\n content?: () => unknown;\n footer?: () => unknown;\n}>();\n\nconst rootClasses = computed(() => ['tree-drawer', attrs.class]);\nconst rootStyle = computed(() => attrs.style);\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\nconst surfaceClasses = computed(() => [\n 'tree-drawer__surface',\n `tree-drawer__surface--${props.size}`,\n `tree-drawer__surface--${props.side}`,\n]);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst labelledBy = computed(() => (hasHeaderContent.value ? titleId : undefined));\nconst describedBy = computed(() => (props.description ? descriptionId : undefined));\n\nlet openOverlayCount = 0;\nlet previousBodyOverflow = '';\n\nconst lockBodyScroll = () => {\n if (typeof document === 'undefined') {\n return;\n }\n\n if (openOverlayCount === 0) {\n previousBodyOverflow = document.body.style.overflow;\n document.body.style.overflow = 'hidden';\n }\n\n openOverlayCount += 1;\n};\n\nconst unlockBodyScroll = () => {\n if (typeof document === 'undefined' || openOverlayCount === 0) {\n return;\n }\n\n openOverlayCount -= 1;\n\n if (openOverlayCount === 0) {\n document.body.style.overflow = previousBodyOverflow;\n }\n};\n\nconst focusSurface = () => {\n nextTick(() => {\n if (!surfaceRef.value) {\n return;\n }\n\n const focused = focusFirst(surfaceRef.value);\n if (!focused) {\n surfaceRef.value.focus();\n }\n });\n};\n\nconst openDrawer = () => {\n if (props.disabled) {\n return;\n }\n\n previousFocusedElement.value = document.activeElement as HTMLElement | null;\n setValue(true);\n};\n\nconst closeDrawer = () => {\n setValue(false);\n};\n\nconst onTriggerClick = (event: MouseEvent) => {\n if (props.disabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n if (event.defaultPrevented) {\n return;\n }\n\n openDrawer();\n};\n\nconst onOverlayClick = () => {\n if (!props.closeOnOverlay) {\n return;\n }\n\n closeDrawer();\n};\n\nconst onSurfaceClick = (event: MouseEvent) => {\n event.stopPropagation();\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n if (isEscapeKey(event) && props.closeOnEscape) {\n event.preventDefault();\n closeDrawer();\n return;\n }\n\n if (event.key !== 'Tab' || !surfaceRef.value) {\n return;\n }\n\n const focusable = getFocusableElements(surfaceRef.value);\n\n if (!focusable.length) {\n event.preventDefault();\n surfaceRef.value.focus();\n return;\n }\n\n const first = focusable[0];\n const last = focusable[focusable.length - 1];\n const activeElement = document.activeElement as HTMLElement | null;\n\n if (event.shiftKey && activeElement === first) {\n event.preventDefault();\n focusLast(surfaceRef.value);\n }\n\n if (!event.shiftKey && activeElement === last) {\n event.preventDefault();\n focusFirst(surfaceRef.value);\n }\n};\n\nwatch(isOpen, (value, previousValue) => {\n if (value) {\n lockBodyScroll();\n focusSurface();\n return;\n }\n\n if (previousValue) {\n unlockBodyScroll();\n nextTick(() => {\n previousFocusedElement.value?.focus();\n });\n }\n});\n\nonBeforeUnmount(() => {\n if (isOpen.value) {\n unlockBodyScroll();\n }\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <span\n v-if=\"$slots.trigger\"\n class=\"tree-drawer__trigger\"\n v-bind=\"triggerAttrs\"\n :aria-disabled=\"disabled || undefined\"\n @click=\"onTriggerClick\"\n >\n <slot name=\"trigger\" />\n </span>\n\n <Teleport to=\"body\">\n <transition name=\"tree-drawer-fade\">\n <div\n v-if=\"isOpen\"\n class=\"tree-drawer__portal\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <div\n class=\"tree-drawer__backdrop\"\n aria-hidden=\"true\"\n @click=\"onOverlayClick\"\n />\n <div\n :id=\"drawerId\"\n ref=\"surfaceRef\"\n :class=\"surfaceClasses\"\n role=\"dialog\"\n aria-modal=\"true\"\n :aria-labelledby=\"labelledBy\"\n :aria-describedby=\"describedBy\"\n tabindex=\"-1\"\n @click=\"onSurfaceClick\"\n @keydown=\"onKeydown\"\n >\n <div\n v-if=\"hasHeaderContent || showCloseButton\"\n class=\"tree-drawer__topbar\"\n >\n <div\n v-if=\"hasHeaderContent\"\n :id=\"titleId\"\n class=\"tree-drawer__header\"\n >\n <slot name=\"header\">\n <h2 class=\"tree-drawer__title\">\n {{ title }}\n </h2>\n </slot>\n </div>\n <button\n v-if=\"showCloseButton\"\n type=\"button\"\n class=\"tree-drawer__close\"\n :aria-label=\"closeLabel\"\n @click=\"closeDrawer\"\n >\n <CloseIcon v-bind=\"treeIconDefaults\" />\n </button>\n </div>\n\n <p\n v-if=\"description\"\n :id=\"descriptionId\"\n class=\"tree-drawer__description\"\n >\n {{ description }}\n </p>\n\n <div class=\"tree-drawer__body\">\n <slot name=\"content\">\n <slot />\n </slot>\n </div>\n\n <div\n v-if=\"$slots.footer\"\n class=\"tree-drawer__footer\"\n >\n <slot name=\"footer\" />\n </div>\n </div>\n </div>\n </transition>\n </Teleport>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, isActivationKey, isEscapeKey } from '@treeui/utils';\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeDropdownItem {\n label: string;\n value: string;\n disabled?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n items?: TreeDropdownItem[];\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n size?: TreeSize;\n label?: string;\n }>(),\n {\n items: () => [],\n open: undefined,\n defaultOpen: false,\n disabled: false,\n size: 'md',\n label: '',\n },\n);\n\nconst emit = defineEmits<{\n select: [value: string];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\ndefineSlots<{\n trigger(props: { isOpen: boolean }): unknown;\n item(props: { item: TreeDropdownItem; index: number }): unknown;\n}>();\n\nconst attrs = useAttrs();\nconst menuId = createId('tree-dropdown');\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst itemRefs = ref<Map<string, HTMLElement>>(new Map());\nconst focusedIndex = ref(-1);\n\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 'tree-dropdown',\n `tree-dropdown--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-open': isOpen.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst enabledItems = computed(() => props.items.filter((i) => !i.disabled));\n\nconst openMenu = () => {\n if (props.disabled) return;\n focusedIndex.value = enabledItems.value.length > 0\n ? props.items.indexOf(enabledItems.value[0])\n : 0;\n setValue(true);\n nextTick(() => focusItem(focusedIndex.value));\n};\n\nconst closeMenu = (restoreFocus = false) => {\n setValue(false);\n focusedIndex.value = -1;\n if (restoreFocus) {\n nextTick(() => triggerRef.value?.focus());\n }\n};\n\nconst toggleMenu = () => {\n if (isOpen.value) {\n closeMenu();\n } else {\n openMenu();\n }\n};\n\nconst selectItem = (item: TreeDropdownItem) => {\n if (item.disabled) return;\n emit('select', item.value);\n closeMenu(true);\n};\n\nconst focusItem = (index: number) => {\n const item = props.items[index];\n if (!item) return;\n const el = itemRefs.value.get(item.value);\n el?.focus();\n};\n\nconst setItemRef = (el: Element | null, value: string) => {\n if (el instanceof HTMLElement) {\n itemRefs.value.set(value, el);\n } else {\n itemRefs.value.delete(value);\n }\n};\n\nconst moveFocus = (direction: 1 | -1) => {\n let nextIndex = focusedIndex.value + direction;\n while (nextIndex >= 0 && nextIndex < props.items.length) {\n if (!props.items[nextIndex].disabled) {\n focusedIndex.value = nextIndex;\n focusItem(nextIndex);\n return;\n }\n nextIndex += direction;\n }\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n if (props.disabled) return;\n\n if (isEscapeKey(event) && isOpen.value) {\n event.preventDefault();\n closeMenu();\n return;\n }\n\n if (isActivationKey(event) || event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n event.preventDefault();\n openMenu();\n }\n};\n\nconst onItemKeydown = (event: KeyboardEvent, item: TreeDropdownItem) => {\n if (isEscapeKey(event)) {\n event.preventDefault();\n closeMenu(true);\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectItem(item);\n return;\n }\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n moveFocus(1);\n break;\n case 'ArrowUp':\n event.preventDefault();\n moveFocus(-1);\n break;\n case 'Home':\n event.preventDefault();\n focusedIndex.value = enabledItems.value.length > 0\n ? props.items.indexOf(enabledItems.value[0])\n : 0;\n focusItem(focusedIndex.value);\n break;\n case 'End':\n event.preventDefault();\n focusedIndex.value = enabledItems.value.length > 0\n ? props.items.indexOf(enabledItems.value[enabledItems.value.length - 1])\n : props.items.length - 1;\n focusItem(focusedIndex.value);\n break;\n default:\n break;\n }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) return;\n const target = event.target;\n if (!(target instanceof Node)) return;\n if (rootRef.value?.contains(target)) return;\n closeMenu();\n};\n\nwatch(isOpen, (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n } else {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n }\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <span class=\"tree-dropdown__trigger-wrapper\">\n <slot\n name=\"trigger\"\n :is-open=\"isOpen\"\n >\n <button\n ref=\"triggerRef\"\n v-bind=\"triggerAttrs\"\n type=\"button\"\n class=\"tree-dropdown__trigger\"\n :disabled=\"disabled\"\n :aria-controls=\"isOpen ? menuId : undefined\"\n aria-haspopup=\"menu\"\n :aria-expanded=\"isOpen\"\n @click=\"toggleMenu\"\n @keydown=\"onTriggerKeydown\"\n >\n <span class=\"tree-dropdown__label\">{{ label }}</span>\n <svg\n class=\"tree-dropdown__chevron\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"4 6 8 10 12 6\" />\n </svg>\n </button>\n </slot>\n </span>\n <transition name=\"tree-fade\">\n <ul\n v-if=\"isOpen && !disabled\"\n :id=\"menuId\"\n role=\"menu\"\n class=\"tree-dropdown__menu\"\n :aria-label=\"label || undefined\"\n >\n <li\n v-for=\"(item, index) in items\"\n :key=\"item.value\"\n :ref=\"(el) => setItemRef(el as Element | null, item.value)\"\n role=\"menuitem\"\n class=\"tree-dropdown__item\"\n :class=\"{\n 'is-disabled': item.disabled,\n 'is-focused': index === focusedIndex,\n }\"\n :aria-disabled=\"item.disabled || undefined\"\n :tabindex=\"item.disabled ? -1 : 0\"\n @click=\"selectItem(item)\"\n @keydown=\"onItemKeydown($event, item)\"\n >\n <slot\n name=\"item\"\n :item=\"item\"\n :index=\"index\"\n >\n {{ item.label }}\n </slot>\n </li>\n </ul>\n </transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, isActivationKey, isEscapeKey } from '@treeui/utils';\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeDropdownItem {\n label: string;\n value: string;\n disabled?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n items?: TreeDropdownItem[];\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n size?: TreeSize;\n label?: string;\n }>(),\n {\n items: () => [],\n open: undefined,\n defaultOpen: false,\n disabled: false,\n size: 'md',\n label: '',\n },\n);\n\nconst emit = defineEmits<{\n select: [value: string];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\ndefineSlots<{\n trigger(props: { isOpen: boolean }): unknown;\n item(props: { item: TreeDropdownItem; index: number }): unknown;\n}>();\n\nconst attrs = useAttrs();\nconst menuId = createId('tree-dropdown');\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst itemRefs = ref<Map<string, HTMLElement>>(new Map());\nconst focusedIndex = ref(-1);\n\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 'tree-dropdown',\n `tree-dropdown--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-open': isOpen.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst enabledItems = computed(() => props.items.filter((i) => !i.disabled));\n\nconst openMenu = () => {\n if (props.disabled) return;\n focusedIndex.value = enabledItems.value.length > 0\n ? props.items.indexOf(enabledItems.value[0])\n : 0;\n setValue(true);\n nextTick(() => focusItem(focusedIndex.value));\n};\n\nconst closeMenu = (restoreFocus = false) => {\n setValue(false);\n focusedIndex.value = -1;\n if (restoreFocus) {\n nextTick(() => triggerRef.value?.focus());\n }\n};\n\nconst toggleMenu = () => {\n if (isOpen.value) {\n closeMenu();\n } else {\n openMenu();\n }\n};\n\nconst selectItem = (item: TreeDropdownItem) => {\n if (item.disabled) return;\n emit('select', item.value);\n closeMenu(true);\n};\n\nconst focusItem = (index: number) => {\n const item = props.items[index];\n if (!item) return;\n const el = itemRefs.value.get(item.value);\n el?.focus();\n};\n\nconst setItemRef = (el: Element | null, value: string) => {\n if (el instanceof HTMLElement) {\n itemRefs.value.set(value, el);\n } else {\n itemRefs.value.delete(value);\n }\n};\n\nconst moveFocus = (direction: 1 | -1) => {\n let nextIndex = focusedIndex.value + direction;\n while (nextIndex >= 0 && nextIndex < props.items.length) {\n if (!props.items[nextIndex].disabled) {\n focusedIndex.value = nextIndex;\n focusItem(nextIndex);\n return;\n }\n nextIndex += direction;\n }\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n if (props.disabled) return;\n\n if (isEscapeKey(event) && isOpen.value) {\n event.preventDefault();\n closeMenu();\n return;\n }\n\n if (isActivationKey(event) || event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n event.preventDefault();\n openMenu();\n }\n};\n\nconst onItemKeydown = (event: KeyboardEvent, item: TreeDropdownItem) => {\n if (isEscapeKey(event)) {\n event.preventDefault();\n closeMenu(true);\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectItem(item);\n return;\n }\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n moveFocus(1);\n break;\n case 'ArrowUp':\n event.preventDefault();\n moveFocus(-1);\n break;\n case 'Home':\n event.preventDefault();\n focusedIndex.value = enabledItems.value.length > 0\n ? props.items.indexOf(enabledItems.value[0])\n : 0;\n focusItem(focusedIndex.value);\n break;\n case 'End':\n event.preventDefault();\n focusedIndex.value = enabledItems.value.length > 0\n ? props.items.indexOf(enabledItems.value[enabledItems.value.length - 1])\n : props.items.length - 1;\n focusItem(focusedIndex.value);\n break;\n default:\n break;\n }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) return;\n const target = event.target;\n if (!(target instanceof Node)) return;\n if (rootRef.value?.contains(target)) return;\n closeMenu();\n};\n\nwatch(isOpen, (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n } else {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n }\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <span class=\"tree-dropdown__trigger-wrapper\">\n <slot\n name=\"trigger\"\n :is-open=\"isOpen\"\n >\n <button\n ref=\"triggerRef\"\n v-bind=\"triggerAttrs\"\n type=\"button\"\n class=\"tree-dropdown__trigger\"\n :disabled=\"disabled\"\n :aria-controls=\"isOpen ? menuId : undefined\"\n aria-haspopup=\"menu\"\n :aria-expanded=\"isOpen\"\n @click=\"toggleMenu\"\n @keydown=\"onTriggerKeydown\"\n >\n <span class=\"tree-dropdown__label\">{{ label }}</span>\n <svg\n class=\"tree-dropdown__chevron\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"4 6 8 10 12 6\" />\n </svg>\n </button>\n </slot>\n </span>\n <transition name=\"tree-fade\">\n <ul\n v-if=\"isOpen && !disabled\"\n :id=\"menuId\"\n role=\"menu\"\n class=\"tree-dropdown__menu\"\n :aria-label=\"label || undefined\"\n >\n <li\n v-for=\"(item, index) in items\"\n :key=\"item.value\"\n :ref=\"(el) => setItemRef(el as Element | null, item.value)\"\n role=\"menuitem\"\n class=\"tree-dropdown__item\"\n :class=\"{\n 'is-disabled': item.disabled,\n 'is-focused': index === focusedIndex,\n }\"\n :aria-disabled=\"item.disabled || undefined\"\n :tabindex=\"item.disabled ? -1 : 0\"\n @click=\"selectItem(item)\"\n @keydown=\"onItemKeydown($event, item)\"\n >\n <slot\n name=\"item\"\n :item=\"item\"\n :index=\"index\"\n >\n {{ item.label }}\n </slot>\n </li>\n </ul>\n </transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { createId } from '@treeui/utils';\nimport { computed, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst slots = defineSlots<{\n icon?: () => unknown;\n title?: () => unknown;\n description?: () => unknown;\n default?: () => unknown;\n actions?: () => unknown;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n size?: TreeSize;\n title?: string;\n description?: string;\n }>(),\n {\n as: 'section',\n size: 'md',\n title: '',\n description: '',\n },\n);\n\nconst attrs = useAttrs();\nconst emptyStateId = createId('tree-empty-state');\nconst titleId = `${emptyStateId}-title`;\nconst descriptionId = `${emptyStateId}-description`;\n\nconst hasTitle = computed(() => Boolean(props.title || slots.title));\nconst hasDescription = computed(() => Boolean(props.description || slots.description));\n\nconst classes = computed(() => [\n 'tree-empty-state',\n `tree-empty-state--${props.size}`,\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"classes\"\n :style=\"rootStyle\"\n :aria-labelledby=\"hasTitle ? titleId : undefined\"\n :aria-describedby=\"hasDescription ? descriptionId : undefined\"\n >\n <div\n v-if=\"$slots.icon\"\n class=\"tree-empty-state__icon\"\n aria-hidden=\"true\"\n >\n <slot name=\"icon\" />\n </div>\n\n <div class=\"tree-empty-state__content\">\n <h2\n v-if=\"hasTitle\"\n :id=\"titleId\"\n class=\"tree-empty-state__title\"\n >\n <slot name=\"title\">\n {{ title }}\n </slot>\n </h2>\n\n <p\n v-if=\"hasDescription\"\n :id=\"descriptionId\"\n class=\"tree-empty-state__description\"\n >\n <slot name=\"description\">\n {{ description }}\n </slot>\n </p>\n\n <div\n v-if=\"$slots.default\"\n class=\"tree-empty-state__body\"\n >\n <slot />\n </div>\n\n <div\n v-if=\"$slots.actions\"\n class=\"tree-empty-state__actions\"\n >\n <slot name=\"actions\" />\n </div>\n </div>\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { createId } from '@treeui/utils';\nimport { computed, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst slots = defineSlots<{\n icon?: () => unknown;\n title?: () => unknown;\n description?: () => unknown;\n default?: () => unknown;\n actions?: () => unknown;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n size?: TreeSize;\n title?: string;\n description?: string;\n }>(),\n {\n as: 'section',\n size: 'md',\n title: '',\n description: '',\n },\n);\n\nconst attrs = useAttrs();\nconst emptyStateId = createId('tree-empty-state');\nconst titleId = `${emptyStateId}-title`;\nconst descriptionId = `${emptyStateId}-description`;\n\nconst hasTitle = computed(() => Boolean(props.title || slots.title));\nconst hasDescription = computed(() => Boolean(props.description || slots.description));\n\nconst classes = computed(() => [\n 'tree-empty-state',\n `tree-empty-state--${props.size}`,\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"classes\"\n :style=\"rootStyle\"\n :aria-labelledby=\"hasTitle ? titleId : undefined\"\n :aria-describedby=\"hasDescription ? descriptionId : undefined\"\n >\n <div\n v-if=\"$slots.icon\"\n class=\"tree-empty-state__icon\"\n aria-hidden=\"true\"\n >\n <slot name=\"icon\" />\n </div>\n\n <div class=\"tree-empty-state__content\">\n <h2\n v-if=\"hasTitle\"\n :id=\"titleId\"\n class=\"tree-empty-state__title\"\n >\n <slot name=\"title\">\n {{ title }}\n </slot>\n </h2>\n\n <p\n v-if=\"hasDescription\"\n :id=\"descriptionId\"\n class=\"tree-empty-state__description\"\n >\n <slot name=\"description\">\n {{ description }}\n </slot>\n </p>\n\n <div\n v-if=\"$slots.default\"\n class=\"tree-empty-state__body\"\n >\n <slot />\n </div>\n\n <div\n v-if=\"$slots.actions\"\n class=\"tree-empty-state__actions\"\n >\n <slot name=\"actions\" />\n </div>\n </div>\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, isActivationKey } from '@treeui/utils';\nimport { computed, onBeforeUnmount, onMounted, ref, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport type TreeFileUploadRejectionReason =\n | 'file-invalid-type'\n | 'file-too-large'\n | 'too-many-files';\n\nexport interface TreeFileUploadRejection {\n file: File;\n reason: TreeFileUploadRejectionReason;\n message: string;\n}\n\nconst slots = defineSlots<{\n icon?: () => unknown;\n default?: (props: {\n files: File[];\n isDragActive: boolean;\n openFileDialog: () => void;\n clearFiles: () => void;\n }) => unknown;\n file?: (props: {\n file: File;\n index: number;\n removeFile: () => void;\n }) => unknown;\n actions?: (props: {\n files: File[];\n openFileDialog: () => void;\n clearFiles: () => void;\n }) => unknown;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: File[];\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n invalid?: boolean;\n accept?: string;\n multiple?: boolean;\n maxFiles?: number | null;\n maxFileSize?: number | null;\n label?: string;\n description?: string;\n buttonLabel?: string;\n filesLabel?: string;\n paste?: boolean;\n drop?: boolean;\n showFileList?: boolean;\n }>(),\n {\n modelValue: () => [],\n size: 'md',\n disabled: false,\n loading: false,\n invalid: false,\n accept: '',\n multiple: true,\n label: 'Drop files here',\n description: 'Click to browse, drag and drop, or paste with Ctrl+V.',\n buttonLabel: 'Browse files',\n filesLabel: 'Selected files',\n maxFiles: null,\n maxFileSize: null,\n paste: true,\n drop: true,\n showFileList: true,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [files: File[]];\n 'files-accepted': [files: File[]];\n 'files-rejected': [rejections: TreeFileUploadRejection[]];\n}>();\n\nconst attrs = useAttrs();\nconst rootRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst isDragActive = ref(false);\nconst isFocusedWithin = ref(false);\nconst dragDepth = ref(0);\nconst feedbackMessages = ref<string[]>([]);\n\nconst uploadId = createId('tree-file-upload');\nconst descriptionId = `${uploadId}-description`;\nconst feedbackId = `${uploadId}-feedback`;\nconst filesId = `${uploadId}-files`;\n\nconst isUnavailable = computed(() => props.disabled || props.loading);\nconst hasFiles = computed(() => props.modelValue.length > 0);\nconst hasCustomBody = computed(() => Boolean(slots.default));\n\nconst effectiveMaxFiles = computed(() => {\n if (!props.multiple) {\n return 1;\n }\n\n if (typeof props.maxFiles !== 'number') {\n return Number.POSITIVE_INFINITY;\n }\n\n return Math.max(props.maxFiles, 0);\n});\n\nconst rootClasses = computed(() => [\n 'tree-file-upload',\n `tree-file-upload--${props.size}`,\n {\n 'is-disabled': isUnavailable.value,\n 'is-invalid': props.invalid,\n 'is-loading': props.loading,\n 'is-drag-active': isDragActive.value,\n 'has-files': hasFiles.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst describedBy = computed(() => {\n const ids: string[] = [];\n\n if (props.description && !hasCustomBody.value) {\n ids.push(descriptionId);\n }\n\n if (feedbackMessages.value.length > 0) {\n ids.push(feedbackId);\n }\n\n if (props.showFileList && hasFiles.value) {\n ids.push(filesId);\n }\n\n return ids.length > 0 ? ids.join(' ') : undefined;\n});\n\nconst selectedFilesLabel = computed(() => `${props.filesLabel} (${props.modelValue.length})`);\n\nconst formatFileSize = (size: number) => {\n if (size < 1024) {\n return `${size} B`;\n }\n\n const units = ['KB', 'MB', 'GB'];\n let value = size / 1024;\n let unitIndex = 0;\n\n while (value >= 1024 && unitIndex < units.length - 1) {\n value /= 1024;\n unitIndex += 1;\n }\n\n const roundedValue = value >= 10 || Number.isInteger(value)\n ? Math.round(value)\n : Number(value.toFixed(1));\n\n return `${roundedValue} ${units[unitIndex]}`;\n};\n\nconst fileKey = (file: File, index: number) =>\n `${file.name}-${file.size}-${file.lastModified}-${index}`;\n\nconst matchesAccept = (file: File) => {\n if (!props.accept.trim()) {\n return true;\n }\n\n const tokens = props.accept\n .split(',')\n .map((token) => token.trim().toLowerCase())\n .filter(Boolean);\n\n const fileName = file.name.toLowerCase();\n const fileType = file.type.toLowerCase();\n\n return tokens.some((token) => {\n if (token.startsWith('.')) {\n return fileName.endsWith(token);\n }\n\n if (token.endsWith('/*')) {\n return fileType.startsWith(token.slice(0, -1));\n }\n\n return fileType === token;\n });\n};\n\nconst buildRejectionMessage = (\n file: File,\n reason: TreeFileUploadRejectionReason,\n) => {\n switch (reason) {\n case 'file-invalid-type':\n return `${file.name} is not an accepted file type.`;\n case 'file-too-large':\n return `${file.name} exceeds the ${formatFileSize(props.maxFileSize ?? 0)} limit.`;\n case 'too-many-files':\n return `You can only add up to ${effectiveMaxFiles.value} file${effectiveMaxFiles.value === 1 ? '' : 's'}.`;\n default:\n return `${file.name} could not be added.`;\n }\n};\n\nconst resetInputValue = () => {\n if (inputRef.value) {\n inputRef.value.value = '';\n }\n};\n\nconst openFileDialog = () => {\n if (isUnavailable.value) {\n return;\n }\n\n inputRef.value?.click();\n};\n\nconst emitFiles = (\n nextFiles: File[],\n acceptedFiles: File[],\n rejections: TreeFileUploadRejection[],\n) => {\n feedbackMessages.value = rejections.map((rejection) => rejection.message);\n\n if (rejections.length > 0) {\n emit('files-rejected', rejections);\n }\n\n if (acceptedFiles.length > 0) {\n emit('update:modelValue', nextFiles);\n emit('files-accepted', acceptedFiles);\n }\n};\n\nconst processFiles = (incomingFiles: File[]) => {\n if (isUnavailable.value || incomingFiles.length === 0) {\n return;\n }\n\n const nextFiles = props.multiple ? [...props.modelValue] : [];\n const acceptedFiles: File[] = [];\n const rejections: TreeFileUploadRejection[] = [];\n let remainingSlots = Number.isFinite(effectiveMaxFiles.value)\n ? Math.max(effectiveMaxFiles.value - nextFiles.length, 0)\n : Number.POSITIVE_INFINITY;\n\n for (const file of incomingFiles) {\n if (remainingSlots <= 0) {\n rejections.push({\n file,\n reason: 'too-many-files',\n message: buildRejectionMessage(file, 'too-many-files'),\n });\n continue;\n }\n\n if (!matchesAccept(file)) {\n rejections.push({\n file,\n reason: 'file-invalid-type',\n message: buildRejectionMessage(file, 'file-invalid-type'),\n });\n continue;\n }\n\n if (\n typeof props.maxFileSize === 'number' &&\n props.maxFileSize > 0 &&\n file.size > props.maxFileSize\n ) {\n rejections.push({\n file,\n reason: 'file-too-large',\n message: buildRejectionMessage(file, 'file-too-large'),\n });\n continue;\n }\n\n acceptedFiles.push(file);\n nextFiles.push(file);\n\n if (Number.isFinite(remainingSlots)) {\n remainingSlots -= 1;\n }\n }\n\n emitFiles(nextFiles, acceptedFiles, rejections);\n};\n\nconst removeFile = (index: number) => {\n if (isUnavailable.value) {\n return;\n }\n\n feedbackMessages.value = [];\n emit('update:modelValue', props.modelValue.filter((_, fileIndex) => fileIndex !== index));\n};\n\nconst clearFiles = () => {\n if (isUnavailable.value || !hasFiles.value) {\n return;\n }\n\n feedbackMessages.value = [];\n emit('update:modelValue', []);\n};\n\nconst hasTransferFiles = (dataTransfer?: DataTransfer | null) => {\n if (!dataTransfer) {\n return false;\n }\n\n return dataTransfer.files.length > 0 || Array.from(dataTransfer.types).includes('Files');\n};\n\nconst getClipboardFiles = (\n clipboardData?: Pick<DataTransfer, 'items'> | null,\n) => {\n if (!clipboardData?.items) {\n return [];\n }\n\n return Array.from(clipboardData.items)\n .map((item) => item.getAsFile?.() ?? null)\n .filter((file): file is File => file instanceof File);\n};\n\nconst onInputChange = (event: Event) => {\n const target = event.target as HTMLInputElement;\n processFiles(Array.from(target.files ?? []));\n resetInputValue();\n};\n\nconst onDropzoneKeydown = (event: KeyboardEvent) => {\n if (!isActivationKey(event) || isUnavailable.value) {\n return;\n }\n\n event.preventDefault();\n openFileDialog();\n};\n\nconst onFocusIn = () => {\n isFocusedWithin.value = true;\n};\n\nconst onFocusOut = (event: FocusEvent) => {\n const nextTarget = event.relatedTarget as Node | null;\n\n if (nextTarget && rootRef.value?.contains(nextTarget)) {\n return;\n }\n\n isFocusedWithin.value = false;\n};\n\nconst onPaste = (event: ClipboardEvent) => {\n if (!props.paste || isUnavailable.value) {\n return;\n }\n\n const clipboardFiles = getClipboardFiles(event.clipboardData);\n\n if (clipboardFiles.length === 0) {\n return;\n }\n\n event.preventDefault();\n processFiles(clipboardFiles);\n};\n\nconst onDocumentPaste = (event: Event) => {\n if (!isFocusedWithin.value || event.defaultPrevented) {\n return;\n }\n\n onPaste(event as ClipboardEvent);\n};\n\nconst onDragEnter = (event: DragEvent) => {\n if (!props.drop || isUnavailable.value || !hasTransferFiles(event.dataTransfer)) {\n return;\n }\n\n event.preventDefault();\n dragDepth.value += 1;\n isDragActive.value = true;\n};\n\nconst onDragOver = (event: DragEvent) => {\n if (!props.drop || isUnavailable.value || !hasTransferFiles(event.dataTransfer)) {\n return;\n }\n\n event.preventDefault();\n\n if (event.dataTransfer) {\n event.dataTransfer.dropEffect = 'copy';\n }\n\n isDragActive.value = true;\n};\n\nconst onDragLeave = (event: DragEvent) => {\n if (!props.drop || isUnavailable.value || !hasTransferFiles(event.dataTransfer)) {\n return;\n }\n\n event.preventDefault();\n dragDepth.value = Math.max(dragDepth.value - 1, 0);\n\n if (dragDepth.value === 0) {\n isDragActive.value = false;\n }\n};\n\nconst onDrop = (event: DragEvent) => {\n if (!props.drop || isUnavailable.value || !hasTransferFiles(event.dataTransfer)) {\n return;\n }\n\n event.preventDefault();\n dragDepth.value = 0;\n isDragActive.value = false;\n processFiles(Array.from(event.dataTransfer?.files ?? []));\n};\n\nonMounted(() => {\n document.addEventListener('paste', onDocumentPaste);\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('paste', onDocumentPaste);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n @focusin=\"onFocusIn\"\n @focusout=\"onFocusOut\"\n @paste=\"onPaste\"\n >\n <input\n :id=\"uploadId\"\n ref=\"inputRef\"\n class=\"tree-visually-hidden\"\n type=\"file\"\n :accept=\"accept || undefined\"\n :multiple=\"multiple\"\n :disabled=\"isUnavailable\"\n @change=\"onInputChange\"\n >\n\n <div\n class=\"tree-file-upload__dropzone\"\n :aria-busy=\"loading || undefined\"\n :aria-controls=\"showFileList && hasFiles ? filesId : undefined\"\n :aria-describedby=\"describedBy\"\n :aria-disabled=\"isUnavailable || undefined\"\n :aria-invalid=\"invalid || undefined\"\n role=\"button\"\n :tabindex=\"isUnavailable ? -1 : 0\"\n @click=\"openFileDialog\"\n @keydown=\"onDropzoneKeydown\"\n @dragenter=\"onDragEnter\"\n @dragover=\"onDragOver\"\n @dragleave=\"onDragLeave\"\n @drop=\"onDrop\"\n >\n <div\n v-if=\"$slots.icon || !$slots.default\"\n class=\"tree-file-upload__icon\"\n aria-hidden=\"true\"\n >\n <slot name=\"icon\">\n <span class=\"tree-file-upload__icon-mark\">+</span>\n </slot>\n </div>\n\n <div class=\"tree-file-upload__content\">\n <slot\n :files=\"modelValue\"\n :is-drag-active=\"isDragActive\"\n :open-file-dialog=\"openFileDialog\"\n :clear-files=\"clearFiles\"\n >\n <p class=\"tree-file-upload__label\">\n {{ label }}\n </p>\n <p\n v-if=\"description\"\n :id=\"descriptionId\"\n class=\"tree-file-upload__description\"\n >\n {{ description }}\n </p>\n <span class=\"tree-file-upload__browse\">\n {{ buttonLabel }}\n </span>\n </slot>\n </div>\n\n <TreeSpinner\n v-if=\"loading\"\n class=\"tree-file-upload__spinner\"\n size=\"sm\"\n label=\"Uploading files\"\n />\n </div>\n\n <ul\n v-if=\"feedbackMessages.length > 0\"\n :id=\"feedbackId\"\n class=\"tree-file-upload__feedback\"\n aria-live=\"polite\"\n >\n <li\n v-for=\"message in feedbackMessages\"\n :key=\"message\"\n >\n {{ message }}\n </li>\n </ul>\n\n <div\n v-if=\"showFileList && hasFiles\"\n class=\"tree-file-upload__files\"\n >\n <div class=\"tree-file-upload__files-header\">\n <p\n :id=\"filesId\"\n class=\"tree-file-upload__files-label\"\n >\n {{ selectedFilesLabel }}\n </p>\n\n <button\n class=\"tree-file-upload__clear\"\n type=\"button\"\n :disabled=\"isUnavailable\"\n @click=\"clearFiles\"\n >\n Clear all\n </button>\n </div>\n\n <ul class=\"tree-file-upload__list\">\n <li\n v-for=\"(file, index) in modelValue\"\n :key=\"fileKey(file, index)\"\n class=\"tree-file-upload__file\"\n >\n <slot\n name=\"file\"\n :file=\"file\"\n :index=\"index\"\n :remove-file=\"() => removeFile(index)\"\n >\n <div class=\"tree-file-upload__file-copy\">\n <p class=\"tree-file-upload__file-name\">\n {{ file.name }}\n </p>\n <p class=\"tree-file-upload__file-meta\">\n {{ formatFileSize(file.size) }}\n </p>\n </div>\n\n <button\n class=\"tree-file-upload__remove\"\n type=\"button\"\n :disabled=\"isUnavailable\"\n :aria-label=\"`Remove ${file.name}`\"\n @click=\"removeFile(index)\"\n >\n Remove\n </button>\n </slot>\n </li>\n </ul>\n </div>\n\n <div\n v-if=\"$slots.actions\"\n class=\"tree-file-upload__actions\"\n >\n <slot\n name=\"actions\"\n :files=\"modelValue\"\n :open-file-dialog=\"openFileDialog\"\n :clear-files=\"clearFiles\"\n />\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, isActivationKey } from '@treeui/utils';\nimport { computed, onBeforeUnmount, onMounted, ref, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport type TreeFileUploadRejectionReason =\n | 'file-invalid-type'\n | 'file-too-large'\n | 'too-many-files';\n\nexport interface TreeFileUploadRejection {\n file: File;\n reason: TreeFileUploadRejectionReason;\n message: string;\n}\n\nconst slots = defineSlots<{\n icon?: () => unknown;\n default?: (props: {\n files: File[];\n isDragActive: boolean;\n openFileDialog: () => void;\n clearFiles: () => void;\n }) => unknown;\n file?: (props: {\n file: File;\n index: number;\n removeFile: () => void;\n }) => unknown;\n actions?: (props: {\n files: File[];\n openFileDialog: () => void;\n clearFiles: () => void;\n }) => unknown;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: File[];\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n invalid?: boolean;\n accept?: string;\n multiple?: boolean;\n maxFiles?: number | null;\n maxFileSize?: number | null;\n label?: string;\n description?: string;\n buttonLabel?: string;\n filesLabel?: string;\n paste?: boolean;\n drop?: boolean;\n showFileList?: boolean;\n }>(),\n {\n modelValue: () => [],\n size: 'md',\n disabled: false,\n loading: false,\n invalid: false,\n accept: '',\n multiple: true,\n label: 'Drop files here',\n description: 'Click to browse, drag and drop, or paste with Ctrl+V.',\n buttonLabel: 'Browse files',\n filesLabel: 'Selected files',\n maxFiles: null,\n maxFileSize: null,\n paste: true,\n drop: true,\n showFileList: true,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [files: File[]];\n 'files-accepted': [files: File[]];\n 'files-rejected': [rejections: TreeFileUploadRejection[]];\n}>();\n\nconst attrs = useAttrs();\nconst rootRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst isDragActive = ref(false);\nconst isFocusedWithin = ref(false);\nconst dragDepth = ref(0);\nconst feedbackMessages = ref<string[]>([]);\n\nconst uploadId = createId('tree-file-upload');\nconst descriptionId = `${uploadId}-description`;\nconst feedbackId = `${uploadId}-feedback`;\nconst filesId = `${uploadId}-files`;\n\nconst isUnavailable = computed(() => props.disabled || props.loading);\nconst hasFiles = computed(() => props.modelValue.length > 0);\nconst hasCustomBody = computed(() => Boolean(slots.default));\n\nconst effectiveMaxFiles = computed(() => {\n if (!props.multiple) {\n return 1;\n }\n\n if (typeof props.maxFiles !== 'number') {\n return Number.POSITIVE_INFINITY;\n }\n\n return Math.max(props.maxFiles, 0);\n});\n\nconst rootClasses = computed(() => [\n 'tree-file-upload',\n `tree-file-upload--${props.size}`,\n {\n 'is-disabled': isUnavailable.value,\n 'is-invalid': props.invalid,\n 'is-loading': props.loading,\n 'is-drag-active': isDragActive.value,\n 'has-files': hasFiles.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst describedBy = computed(() => {\n const ids: string[] = [];\n\n if (props.description && !hasCustomBody.value) {\n ids.push(descriptionId);\n }\n\n if (feedbackMessages.value.length > 0) {\n ids.push(feedbackId);\n }\n\n if (props.showFileList && hasFiles.value) {\n ids.push(filesId);\n }\n\n return ids.length > 0 ? ids.join(' ') : undefined;\n});\n\nconst selectedFilesLabel = computed(() => `${props.filesLabel} (${props.modelValue.length})`);\n\nconst formatFileSize = (size: number) => {\n if (size < 1024) {\n return `${size} B`;\n }\n\n const units = ['KB', 'MB', 'GB'];\n let value = size / 1024;\n let unitIndex = 0;\n\n while (value >= 1024 && unitIndex < units.length - 1) {\n value /= 1024;\n unitIndex += 1;\n }\n\n const roundedValue = value >= 10 || Number.isInteger(value)\n ? Math.round(value)\n : Number(value.toFixed(1));\n\n return `${roundedValue} ${units[unitIndex]}`;\n};\n\nconst fileKey = (file: File, index: number) =>\n `${file.name}-${file.size}-${file.lastModified}-${index}`;\n\nconst matchesAccept = (file: File) => {\n if (!props.accept.trim()) {\n return true;\n }\n\n const tokens = props.accept\n .split(',')\n .map((token) => token.trim().toLowerCase())\n .filter(Boolean);\n\n const fileName = file.name.toLowerCase();\n const fileType = file.type.toLowerCase();\n\n return tokens.some((token) => {\n if (token.startsWith('.')) {\n return fileName.endsWith(token);\n }\n\n if (token.endsWith('/*')) {\n return fileType.startsWith(token.slice(0, -1));\n }\n\n return fileType === token;\n });\n};\n\nconst buildRejectionMessage = (\n file: File,\n reason: TreeFileUploadRejectionReason,\n) => {\n switch (reason) {\n case 'file-invalid-type':\n return `${file.name} is not an accepted file type.`;\n case 'file-too-large':\n return `${file.name} exceeds the ${formatFileSize(props.maxFileSize ?? 0)} limit.`;\n case 'too-many-files':\n return `You can only add up to ${effectiveMaxFiles.value} file${effectiveMaxFiles.value === 1 ? '' : 's'}.`;\n default:\n return `${file.name} could not be added.`;\n }\n};\n\nconst resetInputValue = () => {\n if (inputRef.value) {\n inputRef.value.value = '';\n }\n};\n\nconst openFileDialog = () => {\n if (isUnavailable.value) {\n return;\n }\n\n inputRef.value?.click();\n};\n\nconst emitFiles = (\n nextFiles: File[],\n acceptedFiles: File[],\n rejections: TreeFileUploadRejection[],\n) => {\n feedbackMessages.value = rejections.map((rejection) => rejection.message);\n\n if (rejections.length > 0) {\n emit('files-rejected', rejections);\n }\n\n if (acceptedFiles.length > 0) {\n emit('update:modelValue', nextFiles);\n emit('files-accepted', acceptedFiles);\n }\n};\n\nconst processFiles = (incomingFiles: File[]) => {\n if (isUnavailable.value || incomingFiles.length === 0) {\n return;\n }\n\n const nextFiles = props.multiple ? [...props.modelValue] : [];\n const acceptedFiles: File[] = [];\n const rejections: TreeFileUploadRejection[] = [];\n let remainingSlots = Number.isFinite(effectiveMaxFiles.value)\n ? Math.max(effectiveMaxFiles.value - nextFiles.length, 0)\n : Number.POSITIVE_INFINITY;\n\n for (const file of incomingFiles) {\n if (remainingSlots <= 0) {\n rejections.push({\n file,\n reason: 'too-many-files',\n message: buildRejectionMessage(file, 'too-many-files'),\n });\n continue;\n }\n\n if (!matchesAccept(file)) {\n rejections.push({\n file,\n reason: 'file-invalid-type',\n message: buildRejectionMessage(file, 'file-invalid-type'),\n });\n continue;\n }\n\n if (\n typeof props.maxFileSize === 'number' &&\n props.maxFileSize > 0 &&\n file.size > props.maxFileSize\n ) {\n rejections.push({\n file,\n reason: 'file-too-large',\n message: buildRejectionMessage(file, 'file-too-large'),\n });\n continue;\n }\n\n acceptedFiles.push(file);\n nextFiles.push(file);\n\n if (Number.isFinite(remainingSlots)) {\n remainingSlots -= 1;\n }\n }\n\n emitFiles(nextFiles, acceptedFiles, rejections);\n};\n\nconst removeFile = (index: number) => {\n if (isUnavailable.value) {\n return;\n }\n\n feedbackMessages.value = [];\n emit('update:modelValue', props.modelValue.filter((_, fileIndex) => fileIndex !== index));\n};\n\nconst clearFiles = () => {\n if (isUnavailable.value || !hasFiles.value) {\n return;\n }\n\n feedbackMessages.value = [];\n emit('update:modelValue', []);\n};\n\nconst hasTransferFiles = (dataTransfer?: DataTransfer | null) => {\n if (!dataTransfer) {\n return false;\n }\n\n return dataTransfer.files.length > 0 || Array.from(dataTransfer.types).includes('Files');\n};\n\nconst getClipboardFiles = (\n clipboardData?: Pick<DataTransfer, 'items'> | null,\n) => {\n if (!clipboardData?.items) {\n return [];\n }\n\n return Array.from(clipboardData.items)\n .map((item) => item.getAsFile?.() ?? null)\n .filter((file): file is File => file instanceof File);\n};\n\nconst onInputChange = (event: Event) => {\n const target = event.target as HTMLInputElement;\n processFiles(Array.from(target.files ?? []));\n resetInputValue();\n};\n\nconst onDropzoneKeydown = (event: KeyboardEvent) => {\n if (!isActivationKey(event) || isUnavailable.value) {\n return;\n }\n\n event.preventDefault();\n openFileDialog();\n};\n\nconst onFocusIn = () => {\n isFocusedWithin.value = true;\n};\n\nconst onFocusOut = (event: FocusEvent) => {\n const nextTarget = event.relatedTarget as Node | null;\n\n if (nextTarget && rootRef.value?.contains(nextTarget)) {\n return;\n }\n\n isFocusedWithin.value = false;\n};\n\nconst onPaste = (event: ClipboardEvent) => {\n if (!props.paste || isUnavailable.value) {\n return;\n }\n\n const clipboardFiles = getClipboardFiles(event.clipboardData);\n\n if (clipboardFiles.length === 0) {\n return;\n }\n\n event.preventDefault();\n processFiles(clipboardFiles);\n};\n\nconst onDocumentPaste = (event: Event) => {\n if (!isFocusedWithin.value || event.defaultPrevented) {\n return;\n }\n\n onPaste(event as ClipboardEvent);\n};\n\nconst onDragEnter = (event: DragEvent) => {\n if (!props.drop || isUnavailable.value || !hasTransferFiles(event.dataTransfer)) {\n return;\n }\n\n event.preventDefault();\n dragDepth.value += 1;\n isDragActive.value = true;\n};\n\nconst onDragOver = (event: DragEvent) => {\n if (!props.drop || isUnavailable.value || !hasTransferFiles(event.dataTransfer)) {\n return;\n }\n\n event.preventDefault();\n\n if (event.dataTransfer) {\n event.dataTransfer.dropEffect = 'copy';\n }\n\n isDragActive.value = true;\n};\n\nconst onDragLeave = (event: DragEvent) => {\n if (!props.drop || isUnavailable.value || !hasTransferFiles(event.dataTransfer)) {\n return;\n }\n\n event.preventDefault();\n dragDepth.value = Math.max(dragDepth.value - 1, 0);\n\n if (dragDepth.value === 0) {\n isDragActive.value = false;\n }\n};\n\nconst onDrop = (event: DragEvent) => {\n if (!props.drop || isUnavailable.value || !hasTransferFiles(event.dataTransfer)) {\n return;\n }\n\n event.preventDefault();\n dragDepth.value = 0;\n isDragActive.value = false;\n processFiles(Array.from(event.dataTransfer?.files ?? []));\n};\n\nonMounted(() => {\n document.addEventListener('paste', onDocumentPaste);\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('paste', onDocumentPaste);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n @focusin=\"onFocusIn\"\n @focusout=\"onFocusOut\"\n @paste=\"onPaste\"\n >\n <input\n :id=\"uploadId\"\n ref=\"inputRef\"\n class=\"tree-visually-hidden\"\n type=\"file\"\n :accept=\"accept || undefined\"\n :multiple=\"multiple\"\n :disabled=\"isUnavailable\"\n @change=\"onInputChange\"\n >\n\n <div\n class=\"tree-file-upload__dropzone\"\n :aria-busy=\"loading || undefined\"\n :aria-controls=\"showFileList && hasFiles ? filesId : undefined\"\n :aria-describedby=\"describedBy\"\n :aria-disabled=\"isUnavailable || undefined\"\n :aria-invalid=\"invalid || undefined\"\n role=\"button\"\n :tabindex=\"isUnavailable ? -1 : 0\"\n @click=\"openFileDialog\"\n @keydown=\"onDropzoneKeydown\"\n @dragenter=\"onDragEnter\"\n @dragover=\"onDragOver\"\n @dragleave=\"onDragLeave\"\n @drop=\"onDrop\"\n >\n <div\n v-if=\"$slots.icon || !$slots.default\"\n class=\"tree-file-upload__icon\"\n aria-hidden=\"true\"\n >\n <slot name=\"icon\">\n <span class=\"tree-file-upload__icon-mark\">+</span>\n </slot>\n </div>\n\n <div class=\"tree-file-upload__content\">\n <slot\n :files=\"modelValue\"\n :is-drag-active=\"isDragActive\"\n :open-file-dialog=\"openFileDialog\"\n :clear-files=\"clearFiles\"\n >\n <p class=\"tree-file-upload__label\">\n {{ label }}\n </p>\n <p\n v-if=\"description\"\n :id=\"descriptionId\"\n class=\"tree-file-upload__description\"\n >\n {{ description }}\n </p>\n <span class=\"tree-file-upload__browse\">\n {{ buttonLabel }}\n </span>\n </slot>\n </div>\n\n <TreeSpinner\n v-if=\"loading\"\n class=\"tree-file-upload__spinner\"\n size=\"sm\"\n label=\"Uploading files\"\n />\n </div>\n\n <ul\n v-if=\"feedbackMessages.length > 0\"\n :id=\"feedbackId\"\n class=\"tree-file-upload__feedback\"\n aria-live=\"polite\"\n >\n <li\n v-for=\"message in feedbackMessages\"\n :key=\"message\"\n >\n {{ message }}\n </li>\n </ul>\n\n <div\n v-if=\"showFileList && hasFiles\"\n class=\"tree-file-upload__files\"\n >\n <div class=\"tree-file-upload__files-header\">\n <p\n :id=\"filesId\"\n class=\"tree-file-upload__files-label\"\n >\n {{ selectedFilesLabel }}\n </p>\n\n <button\n class=\"tree-file-upload__clear\"\n type=\"button\"\n :disabled=\"isUnavailable\"\n @click=\"clearFiles\"\n >\n Clear all\n </button>\n </div>\n\n <ul class=\"tree-file-upload__list\">\n <li\n v-for=\"(file, index) in modelValue\"\n :key=\"fileKey(file, index)\"\n class=\"tree-file-upload__file\"\n >\n <slot\n name=\"file\"\n :file=\"file\"\n :index=\"index\"\n :remove-file=\"() => removeFile(index)\"\n >\n <div class=\"tree-file-upload__file-copy\">\n <p class=\"tree-file-upload__file-name\">\n {{ file.name }}\n </p>\n <p class=\"tree-file-upload__file-meta\">\n {{ formatFileSize(file.size) }}\n </p>\n </div>\n\n <button\n class=\"tree-file-upload__remove\"\n type=\"button\"\n :disabled=\"isUnavailable\"\n :aria-label=\"`Remove ${file.name}`\"\n @click=\"removeFile(index)\"\n >\n Remove\n </button>\n </slot>\n </li>\n </ul>\n </div>\n\n <div\n v-if=\"$slots.actions\"\n class=\"tree-file-upload__actions\"\n >\n <slot\n name=\"actions\"\n :files=\"modelValue\"\n :open-file-dialog=\"openFileDialog\"\n :clear-files=\"clearFiles\"\n />\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { getTreeIcon } from '@treeui/icons';\nimport { createId, getNextEnabledIndex, isEscapeKey } from '@treeui/utils';\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeMultiSelectOption {\n label: string;\n value: string;\n description?: string;\n keywords?: string[];\n disabled?: boolean;\n}\n\nconst ChevronDownIcon = getTreeIcon('chevron-down');\nconst CheckIcon = getTreeIcon('check');\nconst XIcon = getTreeIcon('x');\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string[];\n options?: TreeMultiSelectOption[];\n open?: boolean;\n defaultOpen?: boolean;\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n invalid?: boolean;\n placeholder?: string;\n emptyText?: string;\n maxVisibleTags?: number;\n }>(),\n {\n modelValue: () => [],\n options: () => [],\n open: undefined,\n defaultOpen: false,\n size: 'md',\n disabled: false,\n loading: false,\n invalid: false,\n placeholder: '',\n emptyText: 'No results found.',\n maxVisibleTags: 2,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string[]];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n 'input-change': [value: string];\n}>();\n\ndefineSlots<{\n prefix?: () => unknown;\n tag?: (props: { option: TreeMultiSelectOption; remove: () => void }) => unknown;\n option?: (props: {\n option: TreeMultiSelectOption;\n selected: boolean;\n active: boolean;\n }) => unknown;\n empty?: (props: { query: string }) => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst listboxId = createId('tree-multi-select');\nconst rootRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst query = ref('');\nconst activeIndex = ref(-1);\n\nconst inputAttrs = computed(() => {\n const { class: _class, style: _style, autocomplete, ...rest } = attrs;\n return {\n autocomplete: typeof autocomplete === 'string' ? autocomplete : 'off',\n ...rest,\n };\n});\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 'tree-multi-select',\n `tree-multi-select--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'is-loading': props.loading,\n 'is-open': isOpen.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst normalize = (value: string) => value.trim().toLowerCase();\n\nconst filteredOptions = computed(() => {\n const normalizedQuery = normalize(query.value);\n\n if (!normalizedQuery) {\n return props.options;\n }\n\n return props.options.filter((option) => {\n const fields = [option.label, option.description ?? '', ...(option.keywords ?? [])];\n return fields.some((field) => field.toLowerCase().includes(normalizedQuery));\n });\n});\n\nconst selectedOptions = computed(() =>\n props.options.filter((option) => props.modelValue.includes(option.value)),\n);\n\nconst visibleTags = computed(() => selectedOptions.value.slice(0, props.maxVisibleTags));\nconst hiddenTagCount = computed(() =>\n Math.max(selectedOptions.value.length - visibleTags.value.length, 0),\n);\n\nconst enabledFilteredOptions = computed(() => filteredOptions.value.filter((option) => !option.disabled));\n\nconst activeOption = computed(() =>\n activeIndex.value >= 0 ? filteredOptions.value[activeIndex.value] : undefined,\n);\n\nconst activeDescendant = computed(() =>\n isOpen.value && activeOption.value\n ? `${listboxId}-option-${activeOption.value.value}`\n : undefined,\n);\n\nconst inputPlaceholder = computed(() =>\n props.modelValue.length === 0 && !query.value ? props.placeholder : '',\n);\n\nconst isSelected = (value: string) => props.modelValue.includes(value);\n\nconst setInitialActiveIndex = (fallback: 'first' | 'last' = 'first') => {\n const selectedIndex = filteredOptions.value.findIndex(\n (option) => isSelected(option.value) && !option.disabled,\n );\n\n if (selectedIndex >= 0) {\n activeIndex.value = selectedIndex;\n return;\n }\n\n if (enabledFilteredOptions.value.length === 0) {\n activeIndex.value = -1;\n return;\n }\n\n const targetOption =\n fallback === 'last'\n ? enabledFilteredOptions.value[enabledFilteredOptions.value.length - 1]\n : enabledFilteredOptions.value[0];\n\n activeIndex.value = filteredOptions.value.findIndex(\n (option) => option.value === targetOption.value,\n );\n};\n\nconst openListbox = (fallback: 'first' | 'last' = 'first') => {\n if (props.disabled) {\n return;\n }\n\n setValue(true);\n setInitialActiveIndex(fallback);\n};\n\nconst closeListbox = () => {\n setValue(false);\n activeIndex.value = -1;\n};\n\nconst focusInput = () => {\n nextTick(() => inputRef.value?.focus());\n};\n\nconst updateValues = (nextValues: string[]) => {\n emit('update:modelValue', nextValues);\n};\n\nconst toggleOption = (option: TreeMultiSelectOption) => {\n if (props.disabled || option.disabled) {\n return;\n }\n\n const nextValues = isSelected(option.value)\n ? props.modelValue.filter((value) => value !== option.value)\n : [...props.modelValue, option.value];\n\n updateValues(nextValues);\n query.value = '';\n setInitialActiveIndex('first');\n focusInput();\n};\n\nconst removeValue = (value: string) => {\n if (props.disabled) {\n return;\n }\n\n updateValues(props.modelValue.filter((item) => item !== value));\n focusInput();\n};\n\nconst moveActive = (direction: 1 | -1) => {\n if (filteredOptions.value.length === 0) {\n activeIndex.value = -1;\n return;\n }\n\n const nextIndex = getNextEnabledIndex(activeIndex.value, filteredOptions.value, direction);\n activeIndex.value = nextIndex;\n};\n\nconst onInput = (event: Event) => {\n query.value = (event.target as HTMLInputElement).value;\n emit('input-change', query.value);\n\n if (!props.disabled && !isOpen.value) {\n openListbox('first');\n return;\n }\n\n setInitialActiveIndex('first');\n};\n\nconst onInputFocus = () => {\n openListbox('first');\n};\n\nconst onInputKeydown = (event: KeyboardEvent) => {\n if (props.disabled) {\n return;\n }\n\n if (event.key === 'Tab') {\n closeListbox();\n return;\n }\n\n if (isEscapeKey(event)) {\n event.preventDefault();\n closeListbox();\n return;\n }\n\n if (event.key === 'Backspace' && !query.value && props.modelValue.length > 0) {\n event.preventDefault();\n removeValue(props.modelValue[props.modelValue.length - 1]);\n return;\n }\n\n if (event.key === 'ArrowDown') {\n event.preventDefault();\n\n if (!isOpen.value) {\n openListbox('first');\n return;\n }\n\n moveActive(1);\n return;\n }\n\n if (event.key === 'ArrowUp') {\n event.preventDefault();\n\n if (!isOpen.value) {\n openListbox('last');\n return;\n }\n\n moveActive(-1);\n return;\n }\n\n if (event.key === 'Home' && isOpen.value) {\n event.preventDefault();\n setInitialActiveIndex('first');\n return;\n }\n\n if (event.key === 'End' && isOpen.value) {\n event.preventDefault();\n setInitialActiveIndex('last');\n return;\n }\n\n if (event.key === 'Enter' && activeOption.value) {\n event.preventDefault();\n toggleOption(activeOption.value);\n }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) {\n return;\n }\n\n const target = event.target;\n\n if (!(target instanceof Node)) {\n return;\n }\n\n if (rootRef.value?.contains(target)) {\n return;\n }\n\n closeListbox();\n};\n\nwatch(\n isOpen,\n (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n } else {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n }\n },\n);\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <div\n class=\"tree-multi-select__control\"\n @click=\"focusInput\"\n >\n <span\n v-if=\"$slots.prefix\"\n class=\"tree-multi-select__slot\"\n >\n <slot name=\"prefix\" />\n </span>\n\n <div class=\"tree-multi-select__values\">\n <span\n v-for=\"option in visibleTags\"\n :key=\"option.value\"\n class=\"tree-multi-select__tag\"\n >\n <slot\n name=\"tag\"\n :option=\"option\"\n :remove=\"() => removeValue(option.value)\"\n >\n <span class=\"tree-multi-select__tag-label\">{{ option.label }}</span>\n <button\n type=\"button\"\n class=\"tree-multi-select__tag-remove\"\n :disabled=\"disabled\"\n aria-label=\"Remove selection\"\n @mousedown.prevent\n @click.stop=\"removeValue(option.value)\"\n >\n <XIcon :size=\"12\" />\n </button>\n </slot>\n </span>\n\n <span\n v-if=\"hiddenTagCount > 0\"\n class=\"tree-multi-select__overflow\"\n >\n +{{ hiddenTagCount }}\n </span>\n\n <input\n ref=\"inputRef\"\n v-bind=\"inputAttrs\"\n :value=\"query\"\n type=\"text\"\n class=\"tree-multi-select__input\"\n role=\"combobox\"\n aria-autocomplete=\"list\"\n :aria-expanded=\"isOpen\"\n :aria-controls=\"isOpen ? listboxId : undefined\"\n :aria-activedescendant=\"activeDescendant\"\n :aria-invalid=\"invalid || undefined\"\n :aria-busy=\"loading || undefined\"\n :disabled=\"disabled\"\n :placeholder=\"inputPlaceholder\"\n @focus=\"onInputFocus\"\n @input=\"onInput\"\n @keydown=\"onInputKeydown\"\n >\n </div>\n\n <TreeSpinner\n v-if=\"loading\"\n class=\"tree-multi-select__indicator\"\n size=\"sm\"\n />\n <ChevronDownIcon\n v-else\n class=\"tree-multi-select__indicator\"\n :size=\"16\"\n />\n </div>\n\n <Transition name=\"tree-fade\">\n <ul\n v-if=\"isOpen\"\n :id=\"listboxId\"\n class=\"tree-multi-select__listbox\"\n role=\"listbox\"\n aria-multiselectable=\"true\"\n >\n <li\n v-if=\"filteredOptions.length === 0\"\n class=\"tree-multi-select__empty\"\n >\n <slot\n name=\"empty\"\n :query=\"query\"\n >\n {{ emptyText }}\n </slot>\n </li>\n\n <template v-else>\n <li\n v-for=\"(option, index) in filteredOptions\"\n :key=\"option.value\"\n >\n <button\n :id=\"`${listboxId}-option-${option.value}`\"\n type=\"button\"\n class=\"tree-multi-select__option\"\n :class=\"{\n 'is-active': index === activeIndex,\n 'is-selected': isSelected(option.value),\n 'is-disabled': option.disabled,\n }\"\n role=\"option\"\n :aria-selected=\"isSelected(option.value)\"\n :aria-disabled=\"option.disabled || undefined\"\n :disabled=\"option.disabled\"\n @mousedown.prevent\n @click=\"toggleOption(option)\"\n >\n <slot\n name=\"option\"\n :option=\"option\"\n :selected=\"isSelected(option.value)\"\n :active=\"index === activeIndex\"\n >\n <span class=\"tree-multi-select__option-copy\">\n <span class=\"tree-multi-select__option-label\">{{ option.label }}</span>\n <span\n v-if=\"option.description\"\n class=\"tree-multi-select__option-description\"\n >\n {{ option.description }}\n </span>\n </span>\n\n <span\n class=\"tree-multi-select__check\"\n aria-hidden=\"true\"\n >\n <CheckIcon\n v-if=\"isSelected(option.value)\"\n :size=\"16\"\n />\n </span>\n </slot>\n </button>\n </li>\n </template>\n </ul>\n </Transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { getTreeIcon } from '@treeui/icons';\nimport { createId, getNextEnabledIndex, isEscapeKey } from '@treeui/utils';\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeMultiSelectOption {\n label: string;\n value: string;\n description?: string;\n keywords?: string[];\n disabled?: boolean;\n}\n\nconst ChevronDownIcon = getTreeIcon('chevron-down');\nconst CheckIcon = getTreeIcon('check');\nconst XIcon = getTreeIcon('x');\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string[];\n options?: TreeMultiSelectOption[];\n open?: boolean;\n defaultOpen?: boolean;\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n invalid?: boolean;\n placeholder?: string;\n emptyText?: string;\n maxVisibleTags?: number;\n }>(),\n {\n modelValue: () => [],\n options: () => [],\n open: undefined,\n defaultOpen: false,\n size: 'md',\n disabled: false,\n loading: false,\n invalid: false,\n placeholder: '',\n emptyText: 'No results found.',\n maxVisibleTags: 2,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string[]];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n 'input-change': [value: string];\n}>();\n\ndefineSlots<{\n prefix?: () => unknown;\n tag?: (props: { option: TreeMultiSelectOption; remove: () => void }) => unknown;\n option?: (props: {\n option: TreeMultiSelectOption;\n selected: boolean;\n active: boolean;\n }) => unknown;\n empty?: (props: { query: string }) => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst listboxId = createId('tree-multi-select');\nconst rootRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst query = ref('');\nconst activeIndex = ref(-1);\n\nconst inputAttrs = computed(() => {\n const { class: _class, style: _style, autocomplete, ...rest } = attrs;\n return {\n autocomplete: typeof autocomplete === 'string' ? autocomplete : 'off',\n ...rest,\n };\n});\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 'tree-multi-select',\n `tree-multi-select--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'is-loading': props.loading,\n 'is-open': isOpen.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst normalize = (value: string) => value.trim().toLowerCase();\n\nconst filteredOptions = computed(() => {\n const normalizedQuery = normalize(query.value);\n\n if (!normalizedQuery) {\n return props.options;\n }\n\n return props.options.filter((option) => {\n const fields = [option.label, option.description ?? '', ...(option.keywords ?? [])];\n return fields.some((field) => field.toLowerCase().includes(normalizedQuery));\n });\n});\n\nconst selectedOptions = computed(() =>\n props.options.filter((option) => props.modelValue.includes(option.value)),\n);\n\nconst visibleTags = computed(() => selectedOptions.value.slice(0, props.maxVisibleTags));\nconst hiddenTagCount = computed(() =>\n Math.max(selectedOptions.value.length - visibleTags.value.length, 0),\n);\n\nconst enabledFilteredOptions = computed(() => filteredOptions.value.filter((option) => !option.disabled));\n\nconst activeOption = computed(() =>\n activeIndex.value >= 0 ? filteredOptions.value[activeIndex.value] : undefined,\n);\n\nconst activeDescendant = computed(() =>\n isOpen.value && activeOption.value\n ? `${listboxId}-option-${activeOption.value.value}`\n : undefined,\n);\n\nconst inputPlaceholder = computed(() =>\n props.modelValue.length === 0 && !query.value ? props.placeholder : '',\n);\n\nconst isSelected = (value: string) => props.modelValue.includes(value);\n\nconst setInitialActiveIndex = (fallback: 'first' | 'last' = 'first') => {\n const selectedIndex = filteredOptions.value.findIndex(\n (option) => isSelected(option.value) && !option.disabled,\n );\n\n if (selectedIndex >= 0) {\n activeIndex.value = selectedIndex;\n return;\n }\n\n if (enabledFilteredOptions.value.length === 0) {\n activeIndex.value = -1;\n return;\n }\n\n const targetOption =\n fallback === 'last'\n ? enabledFilteredOptions.value[enabledFilteredOptions.value.length - 1]\n : enabledFilteredOptions.value[0];\n\n activeIndex.value = filteredOptions.value.findIndex(\n (option) => option.value === targetOption.value,\n );\n};\n\nconst openListbox = (fallback: 'first' | 'last' = 'first') => {\n if (props.disabled) {\n return;\n }\n\n setValue(true);\n setInitialActiveIndex(fallback);\n};\n\nconst closeListbox = () => {\n setValue(false);\n activeIndex.value = -1;\n};\n\nconst focusInput = () => {\n nextTick(() => inputRef.value?.focus());\n};\n\nconst updateValues = (nextValues: string[]) => {\n emit('update:modelValue', nextValues);\n};\n\nconst toggleOption = (option: TreeMultiSelectOption) => {\n if (props.disabled || option.disabled) {\n return;\n }\n\n const nextValues = isSelected(option.value)\n ? props.modelValue.filter((value) => value !== option.value)\n : [...props.modelValue, option.value];\n\n updateValues(nextValues);\n query.value = '';\n setInitialActiveIndex('first');\n focusInput();\n};\n\nconst removeValue = (value: string) => {\n if (props.disabled) {\n return;\n }\n\n updateValues(props.modelValue.filter((item) => item !== value));\n focusInput();\n};\n\nconst moveActive = (direction: 1 | -1) => {\n if (filteredOptions.value.length === 0) {\n activeIndex.value = -1;\n return;\n }\n\n const nextIndex = getNextEnabledIndex(activeIndex.value, filteredOptions.value, direction);\n activeIndex.value = nextIndex;\n};\n\nconst onInput = (event: Event) => {\n query.value = (event.target as HTMLInputElement).value;\n emit('input-change', query.value);\n\n if (!props.disabled && !isOpen.value) {\n openListbox('first');\n return;\n }\n\n setInitialActiveIndex('first');\n};\n\nconst onInputFocus = () => {\n openListbox('first');\n};\n\nconst onInputKeydown = (event: KeyboardEvent) => {\n if (props.disabled) {\n return;\n }\n\n if (event.key === 'Tab') {\n closeListbox();\n return;\n }\n\n if (isEscapeKey(event)) {\n event.preventDefault();\n closeListbox();\n return;\n }\n\n if (event.key === 'Backspace' && !query.value && props.modelValue.length > 0) {\n event.preventDefault();\n removeValue(props.modelValue[props.modelValue.length - 1]);\n return;\n }\n\n if (event.key === 'ArrowDown') {\n event.preventDefault();\n\n if (!isOpen.value) {\n openListbox('first');\n return;\n }\n\n moveActive(1);\n return;\n }\n\n if (event.key === 'ArrowUp') {\n event.preventDefault();\n\n if (!isOpen.value) {\n openListbox('last');\n return;\n }\n\n moveActive(-1);\n return;\n }\n\n if (event.key === 'Home' && isOpen.value) {\n event.preventDefault();\n setInitialActiveIndex('first');\n return;\n }\n\n if (event.key === 'End' && isOpen.value) {\n event.preventDefault();\n setInitialActiveIndex('last');\n return;\n }\n\n if (event.key === 'Enter' && activeOption.value) {\n event.preventDefault();\n toggleOption(activeOption.value);\n }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) {\n return;\n }\n\n const target = event.target;\n\n if (!(target instanceof Node)) {\n return;\n }\n\n if (rootRef.value?.contains(target)) {\n return;\n }\n\n closeListbox();\n};\n\nwatch(\n isOpen,\n (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n } else {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n }\n },\n);\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <div\n class=\"tree-multi-select__control\"\n @click=\"focusInput\"\n >\n <span\n v-if=\"$slots.prefix\"\n class=\"tree-multi-select__slot\"\n >\n <slot name=\"prefix\" />\n </span>\n\n <div class=\"tree-multi-select__values\">\n <span\n v-for=\"option in visibleTags\"\n :key=\"option.value\"\n class=\"tree-multi-select__tag\"\n >\n <slot\n name=\"tag\"\n :option=\"option\"\n :remove=\"() => removeValue(option.value)\"\n >\n <span class=\"tree-multi-select__tag-label\">{{ option.label }}</span>\n <button\n type=\"button\"\n class=\"tree-multi-select__tag-remove\"\n :disabled=\"disabled\"\n aria-label=\"Remove selection\"\n @mousedown.prevent\n @click.stop=\"removeValue(option.value)\"\n >\n <XIcon :size=\"12\" />\n </button>\n </slot>\n </span>\n\n <span\n v-if=\"hiddenTagCount > 0\"\n class=\"tree-multi-select__overflow\"\n >\n +{{ hiddenTagCount }}\n </span>\n\n <input\n ref=\"inputRef\"\n v-bind=\"inputAttrs\"\n :value=\"query\"\n type=\"text\"\n class=\"tree-multi-select__input\"\n role=\"combobox\"\n aria-autocomplete=\"list\"\n :aria-expanded=\"isOpen\"\n :aria-controls=\"isOpen ? listboxId : undefined\"\n :aria-activedescendant=\"activeDescendant\"\n :aria-invalid=\"invalid || undefined\"\n :aria-busy=\"loading || undefined\"\n :disabled=\"disabled\"\n :placeholder=\"inputPlaceholder\"\n @focus=\"onInputFocus\"\n @input=\"onInput\"\n @keydown=\"onInputKeydown\"\n >\n </div>\n\n <TreeSpinner\n v-if=\"loading\"\n class=\"tree-multi-select__indicator\"\n size=\"sm\"\n />\n <ChevronDownIcon\n v-else\n class=\"tree-multi-select__indicator\"\n :size=\"16\"\n />\n </div>\n\n <Transition name=\"tree-fade\">\n <ul\n v-if=\"isOpen\"\n :id=\"listboxId\"\n class=\"tree-multi-select__listbox\"\n role=\"listbox\"\n aria-multiselectable=\"true\"\n >\n <li\n v-if=\"filteredOptions.length === 0\"\n class=\"tree-multi-select__empty\"\n >\n <slot\n name=\"empty\"\n :query=\"query\"\n >\n {{ emptyText }}\n </slot>\n </li>\n\n <template v-else>\n <li\n v-for=\"(option, index) in filteredOptions\"\n :key=\"option.value\"\n >\n <button\n :id=\"`${listboxId}-option-${option.value}`\"\n type=\"button\"\n class=\"tree-multi-select__option\"\n :class=\"{\n 'is-active': index === activeIndex,\n 'is-selected': isSelected(option.value),\n 'is-disabled': option.disabled,\n }\"\n role=\"option\"\n :aria-selected=\"isSelected(option.value)\"\n :aria-disabled=\"option.disabled || undefined\"\n :disabled=\"option.disabled\"\n @mousedown.prevent\n @click=\"toggleOption(option)\"\n >\n <slot\n name=\"option\"\n :option=\"option\"\n :selected=\"isSelected(option.value)\"\n :active=\"index === activeIndex\"\n >\n <span class=\"tree-multi-select__option-copy\">\n <span class=\"tree-multi-select__option-label\">{{ option.label }}</span>\n <span\n v-if=\"option.description\"\n class=\"tree-multi-select__option-description\"\n >\n {{ option.description }}\n </span>\n </span>\n\n <span\n class=\"tree-multi-select__check\"\n aria-hidden=\"true\"\n >\n <CheckIcon\n v-if=\"isSelected(option.value)\"\n :size=\"16\"\n />\n </span>\n </slot>\n </button>\n </li>\n </template>\n </ul>\n </Transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n columns?: number;\n minItemWidth?: string;\n gap?: string;\n rowGap?: string;\n align?: string;\n justify?: string;\n dense?: boolean;\n }>(),\n {\n as: 'div',\n columns: undefined,\n minItemWidth: '16rem',\n gap: 'var(--tree-space-4)',\n rowGap: undefined,\n align: 'stretch',\n justify: 'stretch',\n dense: false,\n },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n 'tree-grid',\n {\n 'is-dense': props.dense,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n {\n gap: props.gap,\n rowGap: props.rowGap ?? props.gap,\n alignItems: props.align,\n justifyItems: props.justify,\n gridTemplateColumns:\n typeof props.columns === 'number' && props.columns > 0\n ? `repeat(${props.columns}, minmax(0, 1fr))`\n : `repeat(auto-fit, minmax(min(${props.minItemWidth}, 100%), 1fr))`,\n gridAutoFlow: props.dense ? 'dense' : 'row',\n },\n attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <slot />\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n columns?: number;\n minItemWidth?: string;\n gap?: string;\n rowGap?: string;\n align?: string;\n justify?: string;\n dense?: boolean;\n }>(),\n {\n as: 'div',\n columns: undefined,\n minItemWidth: '16rem',\n gap: 'var(--tree-space-4)',\n rowGap: undefined,\n align: 'stretch',\n justify: 'stretch',\n dense: false,\n },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n 'tree-grid',\n {\n 'is-dense': props.dense,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n {\n gap: props.gap,\n rowGap: props.rowGap ?? props.gap,\n alignItems: props.align,\n justifyItems: props.justify,\n gridTemplateColumns:\n typeof props.columns === 'number' && props.columns > 0\n ? `repeat(${props.columns}, minmax(0, 1fr))`\n : `repeat(auto-fit, minmax(min(${props.minItemWidth}, 100%), 1fr))`,\n gridAutoFlow: props.dense ? 'dense' : 'row',\n },\n attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <slot />\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n size?: TreeSize;\n sticky?: boolean;\n bordered?: boolean;\n elevated?: boolean;\n }>(),\n {\n as: 'header',\n size: 'md',\n sticky: false,\n bordered: true,\n elevated: false,\n },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n 'tree-navbar',\n `tree-navbar--${props.size}`,\n {\n 'is-sticky': props.sticky,\n 'is-bordered': props.bordered,\n 'is-elevated': props.elevated,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <div class=\"tree-navbar__inner\">\n <div\n v-if=\"$slots.start\"\n class=\"tree-navbar__section tree-navbar__section--start\"\n >\n <slot name=\"start\" />\n </div>\n\n <div\n v-if=\"$slots.default || $slots.center\"\n class=\"tree-navbar__section tree-navbar__section--center\"\n >\n <slot name=\"center\">\n <slot />\n </slot>\n </div>\n\n <div\n v-if=\"$slots.end\"\n class=\"tree-navbar__section tree-navbar__section--end\"\n >\n <slot name=\"end\" />\n </div>\n </div>\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n size?: TreeSize;\n sticky?: boolean;\n bordered?: boolean;\n elevated?: boolean;\n }>(),\n {\n as: 'header',\n size: 'md',\n sticky: false,\n bordered: true,\n elevated: false,\n },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n 'tree-navbar',\n `tree-navbar--${props.size}`,\n {\n 'is-sticky': props.sticky,\n 'is-bordered': props.bordered,\n 'is-elevated': props.elevated,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <div class=\"tree-navbar__inner\">\n <div\n v-if=\"$slots.start\"\n class=\"tree-navbar__section tree-navbar__section--start\"\n >\n <slot name=\"start\" />\n </div>\n\n <div\n v-if=\"$slots.default || $slots.center\"\n class=\"tree-navbar__section tree-navbar__section--center\"\n >\n <slot name=\"center\">\n <slot />\n </slot>\n </div>\n\n <div\n v-if=\"$slots.end\"\n class=\"tree-navbar__section tree-navbar__section--end\"\n >\n <slot name=\"end\" />\n </div>\n </div>\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, type Component } from 'vue';\n\nexport type TreeLinkVariant = 'default' | 'muted' | 'danger';\n\nconst props = withDefaults(\n defineProps<{\n to?: string | Record<string, unknown>;\n href?: string;\n external?: boolean;\n disabled?: boolean;\n variant?: TreeLinkVariant;\n }>(),\n {\n to: undefined,\n href: undefined,\n external: false,\n disabled: false,\n variant: 'default',\n },\n);\n\nconst instance = getCurrentInstance();\n\nconst routerLinkComponent = computed<Component | null>(() => {\n if (!props.to) return null;\n\n return (instance?.appContext.components.RouterLink as Component | undefined) ?? null;\n});\n\nconst hasRouterLink = computed(() => {\n return Boolean(routerLinkComponent.value);\n});\n\nconst tag = computed<string | Component>(() => {\n if (props.disabled) return 'span';\n if (props.to && routerLinkComponent.value) return routerLinkComponent.value;\n return 'a';\n});\n\nconst linkProps = computed(() => {\n if (props.disabled) return {};\n if (props.to && hasRouterLink.value) return { to: props.to };\n const href = props.href ?? (typeof props.to === 'string' ? props.to : undefined);\n return {\n href,\n ...(props.external ? { target: '_blank', rel: 'noopener noreferrer' } : {}),\n };\n});\n\nconst classes = computed(() => [\n 'tree-link',\n `tree-link--${props.variant}`,\n {\n 'is-disabled': props.disabled,\n },\n]);\n</script>\n\n<template>\n <component\n :is=\"tag\"\n v-bind=\"linkProps\"\n :class=\"classes\"\n :aria-disabled=\"disabled || undefined\"\n :tabindex=\"disabled ? -1 : undefined\"\n >\n <slot />\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, type Component } from 'vue';\n\nexport type TreeLinkVariant = 'default' | 'muted' | 'danger';\n\nconst props = withDefaults(\n defineProps<{\n to?: string | Record<string, unknown>;\n href?: string;\n external?: boolean;\n disabled?: boolean;\n variant?: TreeLinkVariant;\n }>(),\n {\n to: undefined,\n href: undefined,\n external: false,\n disabled: false,\n variant: 'default',\n },\n);\n\nconst instance = getCurrentInstance();\n\nconst routerLinkComponent = computed<Component | null>(() => {\n if (!props.to) return null;\n\n return (instance?.appContext.components.RouterLink as Component | undefined) ?? null;\n});\n\nconst hasRouterLink = computed(() => {\n return Boolean(routerLinkComponent.value);\n});\n\nconst tag = computed<string | Component>(() => {\n if (props.disabled) return 'span';\n if (props.to && routerLinkComponent.value) return routerLinkComponent.value;\n return 'a';\n});\n\nconst linkProps = computed(() => {\n if (props.disabled) return {};\n if (props.to && hasRouterLink.value) return { to: props.to };\n const href = props.href ?? (typeof props.to === 'string' ? props.to : undefined);\n return {\n href,\n ...(props.external ? { target: '_blank', rel: 'noopener noreferrer' } : {}),\n };\n});\n\nconst classes = computed(() => [\n 'tree-link',\n `tree-link--${props.variant}`,\n {\n 'is-disabled': props.disabled,\n },\n]);\n</script>\n\n<template>\n <component\n :is=\"tag\"\n v-bind=\"linkProps\"\n :class=\"classes\"\n :aria-disabled=\"disabled || undefined\"\n :tabindex=\"disabled ? -1 : undefined\"\n >\n <slot />\n </component>\n</template>\n","import type { ComputedRef, InjectionKey } from 'vue';\n\nexport interface TreeSidebarContext {\n collapsed: ComputedRef<boolean>;\n}\n\nexport const treeSidebarInjectionKey: InjectionKey<TreeSidebarContext> =\n Symbol('tree-sidebar');\n","<script setup lang=\"ts\">\nimport { getNextEnabledIndex, isActivationKey } from '@treeui/utils';\nimport { computed, getCurrentInstance, inject, nextTick, ref, useAttrs, watch, type Component, type ComponentPublicInstance } from 'vue';\nimport type { TreeSize } from '../types/contracts';\nimport { treeSidebarInjectionKey } from './sidebar';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeNavMenuItem {\n label: string;\n value: string;\n shortLabel?: string;\n description?: string;\n icon?: Component;\n to?: string | Record<string, unknown>;\n badge?: string | number;\n disabled?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n defaultValue?: string;\n items?: TreeNavMenuItem[];\n size?: TreeSize;\n collapsed?: boolean;\n disabled?: boolean;\n }>(),\n {\n modelValue: undefined,\n defaultValue: '',\n items: () => [],\n size: 'md',\n collapsed: undefined,\n disabled: false,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n select: [value: string, item: TreeNavMenuItem];\n}>();\n\ndefineSlots<{\n item?: (props: {\n item: TreeNavMenuItem;\n selected: boolean;\n focused: boolean;\n collapsed: boolean;\n }) => unknown;\n empty?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst sidebar = inject(treeSidebarInjectionKey, null);\nconst internalValue = ref(props.defaultValue);\nconst itemRefs = ref<Map<string, HTMLElement>>(new Map());\nconst instance = getCurrentInstance();\n\nconst selectedValue = computed(() => props.modelValue ?? internalValue.value);\nconst resolvedCollapsed = computed(() => props.collapsed ?? sidebar?.collapsed.value ?? false);\n\nconst routerLinkComponent = computed<Component | null>(() => (\n (instance?.appContext.components.RouterLink as Component | undefined) ?? null\n));\n\nconst itemTag = (item: TreeNavMenuItem) => {\n if (item.to && routerLinkComponent.value) {\n return routerLinkComponent.value;\n }\n return 'button';\n};\n\nconst getInitialFocusedIndex = () => {\n const selectedIndex = props.items.findIndex((item) =>\n item.value === selectedValue.value && !item.disabled,\n );\n\n if (selectedIndex >= 0) {\n return selectedIndex;\n }\n\n return props.items.findIndex((item) => !item.disabled);\n};\n\nconst focusedIndex = ref(getInitialFocusedIndex());\n\nconst rootClasses = computed(() => [\n 'tree-nav-menu',\n `tree-nav-menu--${props.size}`,\n {\n 'is-collapsed': resolvedCollapsed.value,\n 'is-disabled': props.disabled,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst isSelected = (value: string) => selectedValue.value === value;\n\nconst setItemRef = (element: Element | ComponentPublicInstance | null, value: string) => {\n const resolvedElement =\n element instanceof HTMLElement\n ? element\n : element && '$el' in element && element.$el instanceof HTMLElement\n ? element.$el\n : null;\n\n if (resolvedElement) {\n itemRefs.value.set(value, resolvedElement);\n } else {\n itemRefs.value.delete(value);\n }\n};\n\nconst focusItem = (index: number) => {\n const item = props.items[index];\n\n if (!item) {\n return;\n }\n\n focusedIndex.value = index;\n nextTick(() => itemRefs.value.get(item.value)?.focus());\n};\n\nconst selectItem = (item: TreeNavMenuItem) => {\n if (props.disabled || item.disabled) {\n return;\n }\n\n if (props.modelValue === undefined) {\n internalValue.value = item.value;\n }\n\n emit('update:modelValue', item.value);\n emit('select', item.value, item);\n};\n\nconst onItemKeydown = (event: KeyboardEvent, index: number) => {\n if (props.disabled) {\n return;\n }\n\n if (event.key === 'Home') {\n event.preventDefault();\n const firstIndex = props.items.findIndex((item) => !item.disabled);\n\n if (firstIndex >= 0) {\n focusItem(firstIndex);\n }\n\n return;\n }\n\n if (event.key === 'End') {\n event.preventDefault();\n const lastIndex = [...props.items].reverse().findIndex((item) => !item.disabled);\n\n if (lastIndex >= 0) {\n focusItem(props.items.length - 1 - lastIndex);\n }\n\n return;\n }\n\n if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n event.preventDefault();\n const nextIndex = getNextEnabledIndex(index, props.items, 1);\n\n if (nextIndex >= 0) {\n focusItem(nextIndex);\n }\n\n return;\n }\n\n if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n event.preventDefault();\n const previousIndex = getNextEnabledIndex(index, props.items, -1);\n\n if (previousIndex >= 0) {\n focusItem(previousIndex);\n }\n\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectItem(props.items[index]);\n }\n};\n\nconst getTabIndex = (index: number) => (focusedIndex.value === index ? 0 : -1);\n\nwatch(\n () => [props.items, props.modelValue] as const,\n () => {\n const nextIndex = getInitialFocusedIndex();\n focusedIndex.value = nextIndex >= 0 ? nextIndex : -1;\n },\n { deep: true },\n);\n</script>\n\n<template>\n <nav\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <ul\n v-if=\"items.length > 0\"\n class=\"tree-nav-menu__list\"\n >\n <li\n v-for=\"(item, index) in items\"\n :key=\"item.value\"\n class=\"tree-nav-menu__entry\"\n >\n <component\n :is=\"itemTag(item)\"\n :ref=\"(element: Element | ComponentPublicInstance | null) => setItemRef(element, item.value)\"\n :type=\"item.to ? undefined : 'button'\"\n :to=\"item.to || undefined\"\n class=\"tree-nav-menu__item\"\n :class=\"{\n 'is-selected': isSelected(item.value),\n 'is-disabled': disabled || item.disabled,\n }\"\n :disabled=\"(!item.to && (disabled || item.disabled)) || undefined\"\n :aria-disabled=\"(item.to && (disabled || item.disabled)) || undefined\"\n :aria-current=\"isSelected(item.value) ? 'page' : undefined\"\n :tabindex=\"disabled || item.disabled ? -1 : getTabIndex(index)\"\n :title=\"resolvedCollapsed ? item.label : undefined\"\n @click=\"selectItem(item)\"\n @keydown=\"onItemKeydown($event, index)\"\n @focus=\"focusedIndex = index\"\n >\n <slot\n name=\"item\"\n :item=\"item\"\n :selected=\"isSelected(item.value)\"\n :focused=\"focusedIndex === index\"\n :collapsed=\"resolvedCollapsed\"\n >\n <component\n :is=\"item.icon\"\n v-if=\"item.icon\"\n class=\"tree-nav-menu__icon\"\n aria-hidden=\"true\"\n />\n <span\n v-else\n class=\"tree-nav-menu__marker\"\n aria-hidden=\"true\"\n >\n {{ (item.shortLabel ?? item.label.charAt(0)).toUpperCase() }}\n </span>\n\n <span class=\"tree-nav-menu__copy\">\n <span class=\"tree-nav-menu__label\">{{ item.label }}</span>\n <span\n v-if=\"item.description\"\n class=\"tree-nav-menu__description\"\n >\n {{ item.description }}\n </span>\n </span>\n\n <span\n v-if=\"item.badge !== undefined && item.badge !== null\"\n class=\"tree-nav-menu__badge\"\n >\n {{ item.badge }}\n </span>\n </slot>\n </component>\n </li>\n </ul>\n\n <div\n v-else\n class=\"tree-nav-menu__empty\"\n >\n <slot name=\"empty\">\n No navigation items.\n </slot>\n </div>\n </nav>\n</template>\n","<script setup lang=\"ts\">\nimport { getNextEnabledIndex, isActivationKey } from '@treeui/utils';\nimport { computed, getCurrentInstance, inject, nextTick, ref, useAttrs, watch, type Component, type ComponentPublicInstance } from 'vue';\nimport type { TreeSize } from '../types/contracts';\nimport { treeSidebarInjectionKey } from './sidebar';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeNavMenuItem {\n label: string;\n value: string;\n shortLabel?: string;\n description?: string;\n icon?: Component;\n to?: string | Record<string, unknown>;\n badge?: string | number;\n disabled?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n defaultValue?: string;\n items?: TreeNavMenuItem[];\n size?: TreeSize;\n collapsed?: boolean;\n disabled?: boolean;\n }>(),\n {\n modelValue: undefined,\n defaultValue: '',\n items: () => [],\n size: 'md',\n collapsed: undefined,\n disabled: false,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n select: [value: string, item: TreeNavMenuItem];\n}>();\n\ndefineSlots<{\n item?: (props: {\n item: TreeNavMenuItem;\n selected: boolean;\n focused: boolean;\n collapsed: boolean;\n }) => unknown;\n empty?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst sidebar = inject(treeSidebarInjectionKey, null);\nconst internalValue = ref(props.defaultValue);\nconst itemRefs = ref<Map<string, HTMLElement>>(new Map());\nconst instance = getCurrentInstance();\n\nconst selectedValue = computed(() => props.modelValue ?? internalValue.value);\nconst resolvedCollapsed = computed(() => props.collapsed ?? sidebar?.collapsed.value ?? false);\n\nconst routerLinkComponent = computed<Component | null>(() => (\n (instance?.appContext.components.RouterLink as Component | undefined) ?? null\n));\n\nconst itemTag = (item: TreeNavMenuItem) => {\n if (item.to && routerLinkComponent.value) {\n return routerLinkComponent.value;\n }\n return 'button';\n};\n\nconst getInitialFocusedIndex = () => {\n const selectedIndex = props.items.findIndex((item) =>\n item.value === selectedValue.value && !item.disabled,\n );\n\n if (selectedIndex >= 0) {\n return selectedIndex;\n }\n\n return props.items.findIndex((item) => !item.disabled);\n};\n\nconst focusedIndex = ref(getInitialFocusedIndex());\n\nconst rootClasses = computed(() => [\n 'tree-nav-menu',\n `tree-nav-menu--${props.size}`,\n {\n 'is-collapsed': resolvedCollapsed.value,\n 'is-disabled': props.disabled,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst isSelected = (value: string) => selectedValue.value === value;\n\nconst setItemRef = (element: Element | ComponentPublicInstance | null, value: string) => {\n const resolvedElement =\n element instanceof HTMLElement\n ? element\n : element && '$el' in element && element.$el instanceof HTMLElement\n ? element.$el\n : null;\n\n if (resolvedElement) {\n itemRefs.value.set(value, resolvedElement);\n } else {\n itemRefs.value.delete(value);\n }\n};\n\nconst focusItem = (index: number) => {\n const item = props.items[index];\n\n if (!item) {\n return;\n }\n\n focusedIndex.value = index;\n nextTick(() => itemRefs.value.get(item.value)?.focus());\n};\n\nconst selectItem = (item: TreeNavMenuItem) => {\n if (props.disabled || item.disabled) {\n return;\n }\n\n if (props.modelValue === undefined) {\n internalValue.value = item.value;\n }\n\n emit('update:modelValue', item.value);\n emit('select', item.value, item);\n};\n\nconst onItemKeydown = (event: KeyboardEvent, index: number) => {\n if (props.disabled) {\n return;\n }\n\n if (event.key === 'Home') {\n event.preventDefault();\n const firstIndex = props.items.findIndex((item) => !item.disabled);\n\n if (firstIndex >= 0) {\n focusItem(firstIndex);\n }\n\n return;\n }\n\n if (event.key === 'End') {\n event.preventDefault();\n const lastIndex = [...props.items].reverse().findIndex((item) => !item.disabled);\n\n if (lastIndex >= 0) {\n focusItem(props.items.length - 1 - lastIndex);\n }\n\n return;\n }\n\n if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n event.preventDefault();\n const nextIndex = getNextEnabledIndex(index, props.items, 1);\n\n if (nextIndex >= 0) {\n focusItem(nextIndex);\n }\n\n return;\n }\n\n if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n event.preventDefault();\n const previousIndex = getNextEnabledIndex(index, props.items, -1);\n\n if (previousIndex >= 0) {\n focusItem(previousIndex);\n }\n\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectItem(props.items[index]);\n }\n};\n\nconst getTabIndex = (index: number) => (focusedIndex.value === index ? 0 : -1);\n\nwatch(\n () => [props.items, props.modelValue] as const,\n () => {\n const nextIndex = getInitialFocusedIndex();\n focusedIndex.value = nextIndex >= 0 ? nextIndex : -1;\n },\n { deep: true },\n);\n</script>\n\n<template>\n <nav\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <ul\n v-if=\"items.length > 0\"\n class=\"tree-nav-menu__list\"\n >\n <li\n v-for=\"(item, index) in items\"\n :key=\"item.value\"\n class=\"tree-nav-menu__entry\"\n >\n <component\n :is=\"itemTag(item)\"\n :ref=\"(element: Element | ComponentPublicInstance | null) => setItemRef(element, item.value)\"\n :type=\"item.to ? undefined : 'button'\"\n :to=\"item.to || undefined\"\n class=\"tree-nav-menu__item\"\n :class=\"{\n 'is-selected': isSelected(item.value),\n 'is-disabled': disabled || item.disabled,\n }\"\n :disabled=\"(!item.to && (disabled || item.disabled)) || undefined\"\n :aria-disabled=\"(item.to && (disabled || item.disabled)) || undefined\"\n :aria-current=\"isSelected(item.value) ? 'page' : undefined\"\n :tabindex=\"disabled || item.disabled ? -1 : getTabIndex(index)\"\n :title=\"resolvedCollapsed ? item.label : undefined\"\n @click=\"selectItem(item)\"\n @keydown=\"onItemKeydown($event, index)\"\n @focus=\"focusedIndex = index\"\n >\n <slot\n name=\"item\"\n :item=\"item\"\n :selected=\"isSelected(item.value)\"\n :focused=\"focusedIndex === index\"\n :collapsed=\"resolvedCollapsed\"\n >\n <component\n :is=\"item.icon\"\n v-if=\"item.icon\"\n class=\"tree-nav-menu__icon\"\n aria-hidden=\"true\"\n />\n <span\n v-else\n class=\"tree-nav-menu__marker\"\n aria-hidden=\"true\"\n >\n {{ (item.shortLabel ?? item.label.charAt(0)).toUpperCase() }}\n </span>\n\n <span class=\"tree-nav-menu__copy\">\n <span class=\"tree-nav-menu__label\">{{ item.label }}</span>\n <span\n v-if=\"item.description\"\n class=\"tree-nav-menu__description\"\n >\n {{ item.description }}\n </span>\n </span>\n\n <span\n v-if=\"item.badge !== undefined && item.badge !== null\"\n class=\"tree-nav-menu__badge\"\n >\n {{ item.badge }}\n </span>\n </slot>\n </component>\n </li>\n </ul>\n\n <div\n v-else\n class=\"tree-nav-menu__empty\"\n >\n <slot name=\"empty\">\n No navigation items.\n </slot>\n </div>\n </nav>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n value: string;\n disabled?: boolean;\n invalid?: boolean;\n size?: TreeSize;\n }>(),\n {\n disabled: false,\n invalid: false,\n size: undefined,\n },\n);\n\nconst group = inject<{\n modelValue: () => string | undefined;\n name: () => string | undefined;\n disabled: () => boolean;\n invalid: () => boolean;\n size: () => TreeSize;\n onChange: (value: string) => void;\n} | null>('tree-radio-group', null);\n\nconst attrs = useAttrs();\n\nconst isChecked = computed(() => {\n return group ? group.modelValue() === props.value : false;\n});\n\nconst isDisabled = computed(() => props.disabled || (group?.disabled() ?? false));\nconst isInvalid = computed(() => props.invalid || (group?.invalid() ?? false));\nconst resolvedSize = computed(() => props.size ?? group?.size() ?? 'md');\n\nconst rootClasses = computed(() => [\n 'tree-radio',\n `tree-radio--${resolvedSize.value}`,\n {\n 'is-checked': isChecked.value,\n 'is-disabled': isDisabled.value,\n 'is-invalid': isInvalid.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst onChange = () => {\n if (group) {\n group.onChange(props.value);\n }\n};\n</script>\n\n<template>\n <label\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <input\n v-bind=\"inputAttrs\"\n type=\"radio\"\n class=\"tree-radio__input\"\n :value=\"value\"\n :checked=\"isChecked\"\n :disabled=\"isDisabled\"\n :name=\"group?.name()\"\n :aria-checked=\"isChecked\"\n :aria-invalid=\"isInvalid || undefined\"\n @change=\"onChange\"\n >\n <span\n class=\"tree-radio__control\"\n aria-hidden=\"true\"\n >\n <span\n v-if=\"isChecked\"\n class=\"tree-radio__dot\"\n />\n </span>\n <span\n v-if=\"$slots.default\"\n class=\"tree-radio__label\"\n >\n <slot />\n </span>\n </label>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n value: string;\n disabled?: boolean;\n invalid?: boolean;\n size?: TreeSize;\n }>(),\n {\n disabled: false,\n invalid: false,\n size: undefined,\n },\n);\n\nconst group = inject<{\n modelValue: () => string | undefined;\n name: () => string | undefined;\n disabled: () => boolean;\n invalid: () => boolean;\n size: () => TreeSize;\n onChange: (value: string) => void;\n} | null>('tree-radio-group', null);\n\nconst attrs = useAttrs();\n\nconst isChecked = computed(() => {\n return group ? group.modelValue() === props.value : false;\n});\n\nconst isDisabled = computed(() => props.disabled || (group?.disabled() ?? false));\nconst isInvalid = computed(() => props.invalid || (group?.invalid() ?? false));\nconst resolvedSize = computed(() => props.size ?? group?.size() ?? 'md');\n\nconst rootClasses = computed(() => [\n 'tree-radio',\n `tree-radio--${resolvedSize.value}`,\n {\n 'is-checked': isChecked.value,\n 'is-disabled': isDisabled.value,\n 'is-invalid': isInvalid.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst onChange = () => {\n if (group) {\n group.onChange(props.value);\n }\n};\n</script>\n\n<template>\n <label\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <input\n v-bind=\"inputAttrs\"\n type=\"radio\"\n class=\"tree-radio__input\"\n :value=\"value\"\n :checked=\"isChecked\"\n :disabled=\"isDisabled\"\n :name=\"group?.name()\"\n :aria-checked=\"isChecked\"\n :aria-invalid=\"isInvalid || undefined\"\n @change=\"onChange\"\n >\n <span\n class=\"tree-radio__control\"\n aria-hidden=\"true\"\n >\n <span\n v-if=\"isChecked\"\n class=\"tree-radio__dot\"\n />\n </span>\n <span\n v-if=\"$slots.default\"\n class=\"tree-radio__label\"\n >\n <slot />\n </span>\n </label>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n name?: string;\n disabled?: boolean;\n invalid?: boolean;\n size?: TreeSize;\n }>(),\n {\n modelValue: undefined,\n name: undefined,\n disabled: false,\n invalid: false,\n size: 'md',\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nprovide('tree-radio-group', {\n modelValue: () => props.modelValue,\n name: () => props.name,\n disabled: () => props.disabled,\n invalid: () => props.invalid,\n size: () => props.size,\n onChange: (value: string) => {\n emit('update:modelValue', value);\n },\n});\n\nconst rootClasses = computed(() => [\n 'tree-radio-group',\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst groupAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n</script>\n\n<template>\n <div\n v-bind=\"groupAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n role=\"radiogroup\"\n >\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n name?: string;\n disabled?: boolean;\n invalid?: boolean;\n size?: TreeSize;\n }>(),\n {\n modelValue: undefined,\n name: undefined,\n disabled: false,\n invalid: false,\n size: 'md',\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nprovide('tree-radio-group', {\n modelValue: () => props.modelValue,\n name: () => props.name,\n disabled: () => props.disabled,\n invalid: () => props.invalid,\n size: () => props.size,\n onChange: (value: string) => {\n emit('update:modelValue', value);\n },\n});\n\nconst rootClasses = computed(() => [\n 'tree-radio-group',\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst groupAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n</script>\n\n<template>\n <div\n v-bind=\"groupAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n role=\"radiogroup\"\n >\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, isActivationKey, isEscapeKey } from '@treeui/utils';\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeSelectOption {\n label: string;\n value: string | number;\n disabled?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string | number;\n options?: TreeSelectOption[];\n open?: boolean;\n defaultOpen?: boolean;\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n invalid?: boolean;\n placeholder?: string;\n }>(),\n {\n modelValue: '',\n options: () => [],\n open: undefined,\n defaultOpen: false,\n size: 'md',\n disabled: false,\n loading: false,\n invalid: false,\n placeholder: '',\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string | number];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\nconst listboxId = createId('tree-select');\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst optionRefs = ref<Map<string | number, HTMLElement>>(new Map());\nconst focusedIndex = ref(-1);\n\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 'tree-select',\n `tree-select--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'is-loading': props.loading,\n 'is-open': isOpen.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst selectedLabel = computed(() => {\n const opt = props.options.find((o) => o.value === props.modelValue);\n return opt?.label ?? '';\n});\n\nconst enabledOptions = computed(() =>\n props.options.filter((o) => !o.disabled),\n);\n\nconst openDropdown = () => {\n if (props.disabled) return;\n const selectedIdx = props.options.findIndex((o) => o.value === props.modelValue);\n focusedIndex.value = selectedIdx >= 0 ? selectedIdx : 0;\n setValue(true);\n nextTick(() => focusOption(focusedIndex.value));\n};\n\nconst closeDropdown = (restoreFocus = false) => {\n setValue(false);\n focusedIndex.value = -1;\n if (restoreFocus) {\n nextTick(() => triggerRef.value?.focus());\n }\n};\n\nconst toggleDropdown = () => {\n if (isOpen.value) {\n closeDropdown();\n } else {\n openDropdown();\n }\n};\n\nconst selectOption = (opt: TreeSelectOption) => {\n if (opt.disabled) return;\n emit('update:modelValue', opt.value);\n closeDropdown(true);\n};\n\nconst focusOption = (index: number) => {\n const opt = props.options[index];\n if (!opt) return;\n const el = optionRefs.value.get(opt.value);\n el?.focus();\n};\n\nconst setOptionRef = (el: Element | null, value: string | number) => {\n if (el instanceof HTMLElement) {\n optionRefs.value.set(value, el);\n } else {\n optionRefs.value.delete(value);\n }\n};\n\nconst moveFocus = (direction: 1 | -1) => {\n let nextIndex = focusedIndex.value + direction;\n while (nextIndex >= 0 && nextIndex < props.options.length) {\n if (!props.options[nextIndex].disabled) {\n focusedIndex.value = nextIndex;\n focusOption(nextIndex);\n return;\n }\n nextIndex += direction;\n }\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n if (props.disabled) return;\n\n if (isEscapeKey(event) && isOpen.value) {\n event.preventDefault();\n closeDropdown();\n return;\n }\n\n if (isActivationKey(event) || event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n event.preventDefault();\n openDropdown();\n }\n};\n\nconst onOptionKeydown = (event: KeyboardEvent, opt: TreeSelectOption, _index: number) => {\n if (isEscapeKey(event)) {\n event.preventDefault();\n closeDropdown(true);\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectOption(opt);\n return;\n }\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n moveFocus(1);\n break;\n case 'ArrowUp':\n event.preventDefault();\n moveFocus(-1);\n break;\n case 'Home':\n event.preventDefault();\n focusedIndex.value = enabledOptions.value.length > 0\n ? props.options.indexOf(enabledOptions.value[0])\n : 0;\n focusOption(focusedIndex.value);\n break;\n case 'End':\n event.preventDefault();\n focusedIndex.value = enabledOptions.value.length > 0\n ? props.options.indexOf(enabledOptions.value[enabledOptions.value.length - 1])\n : props.options.length - 1;\n focusOption(focusedIndex.value);\n break;\n default:\n break;\n }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) return;\n const target = event.target;\n if (!(target instanceof Node)) return;\n if (rootRef.value?.contains(target)) return;\n closeDropdown();\n};\n\nconst hasSelection = computed(() =>\n props.modelValue !== '' && props.modelValue !== null && props.modelValue !== undefined,\n);\n\nwatch(isOpen, (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n } else {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n }\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <button\n ref=\"triggerRef\"\n v-bind=\"triggerAttrs\"\n type=\"button\"\n class=\"tree-select__trigger\"\n :disabled=\"disabled\"\n :aria-controls=\"isOpen ? listboxId : undefined\"\n aria-haspopup=\"listbox\"\n :aria-expanded=\"isOpen\"\n :aria-invalid=\"invalid || undefined\"\n :aria-busy=\"loading || undefined\"\n @click=\"toggleDropdown\"\n @keydown=\"onTriggerKeydown\"\n >\n <span\n v-if=\"$slots.prefix\"\n class=\"tree-select__slot tree-select__slot--prefix\"\n >\n <slot name=\"prefix\" />\n </span>\n <span\n class=\"tree-select__value\"\n :data-placeholder=\"!hasSelection ? true : undefined\"\n >\n {{ selectedLabel || placeholder }}\n </span>\n <TreeSpinner\n v-if=\"loading\"\n size=\"sm\"\n label=\"Loading\"\n />\n <svg\n v-else\n class=\"tree-select__chevron\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"4 6 8 10 12 6\" />\n </svg>\n </button>\n <transition name=\"tree-fade\">\n <ul\n v-if=\"isOpen && !disabled\"\n :id=\"listboxId\"\n role=\"listbox\"\n class=\"tree-select__listbox\"\n :aria-label=\"typeof triggerAttrs['aria-label'] === 'string' ? triggerAttrs['aria-label'] : undefined\"\n >\n <li\n v-for=\"(opt, index) in options\"\n :key=\"opt.value\"\n :ref=\"(el) => setOptionRef(el as Element | null, opt.value)\"\n role=\"option\"\n class=\"tree-select__option\"\n :class=\"{\n 'is-selected': opt.value === modelValue,\n 'is-disabled': opt.disabled,\n 'is-focused': index === focusedIndex,\n }\"\n :aria-selected=\"opt.value === modelValue\"\n :aria-disabled=\"opt.disabled || undefined\"\n :tabindex=\"opt.disabled ? -1 : 0\"\n @click=\"selectOption(opt)\"\n @keydown=\"onOptionKeydown($event, opt, index)\"\n >\n {{ opt.label }}\n <svg\n v-if=\"opt.value === modelValue\"\n class=\"tree-select__check\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"3.5 8.5 6.5 11.5 12.5 4.5\" />\n </svg>\n </li>\n </ul>\n </transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, isActivationKey, isEscapeKey } from '@treeui/utils';\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeSelectOption {\n label: string;\n value: string | number;\n disabled?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string | number;\n options?: TreeSelectOption[];\n open?: boolean;\n defaultOpen?: boolean;\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n invalid?: boolean;\n placeholder?: string;\n }>(),\n {\n modelValue: '',\n options: () => [],\n open: undefined,\n defaultOpen: false,\n size: 'md',\n disabled: false,\n loading: false,\n invalid: false,\n placeholder: '',\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string | number];\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\nconst listboxId = createId('tree-select');\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst optionRefs = ref<Map<string | number, HTMLElement>>(new Map());\nconst focusedIndex = ref(-1);\n\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 'tree-select',\n `tree-select--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'is-loading': props.loading,\n 'is-open': isOpen.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst selectedLabel = computed(() => {\n const opt = props.options.find((o) => o.value === props.modelValue);\n return opt?.label ?? '';\n});\n\nconst enabledOptions = computed(() =>\n props.options.filter((o) => !o.disabled),\n);\n\nconst openDropdown = () => {\n if (props.disabled) return;\n const selectedIdx = props.options.findIndex((o) => o.value === props.modelValue);\n focusedIndex.value = selectedIdx >= 0 ? selectedIdx : 0;\n setValue(true);\n nextTick(() => focusOption(focusedIndex.value));\n};\n\nconst closeDropdown = (restoreFocus = false) => {\n setValue(false);\n focusedIndex.value = -1;\n if (restoreFocus) {\n nextTick(() => triggerRef.value?.focus());\n }\n};\n\nconst toggleDropdown = () => {\n if (isOpen.value) {\n closeDropdown();\n } else {\n openDropdown();\n }\n};\n\nconst selectOption = (opt: TreeSelectOption) => {\n if (opt.disabled) return;\n emit('update:modelValue', opt.value);\n closeDropdown(true);\n};\n\nconst focusOption = (index: number) => {\n const opt = props.options[index];\n if (!opt) return;\n const el = optionRefs.value.get(opt.value);\n el?.focus();\n};\n\nconst setOptionRef = (el: Element | null, value: string | number) => {\n if (el instanceof HTMLElement) {\n optionRefs.value.set(value, el);\n } else {\n optionRefs.value.delete(value);\n }\n};\n\nconst moveFocus = (direction: 1 | -1) => {\n let nextIndex = focusedIndex.value + direction;\n while (nextIndex >= 0 && nextIndex < props.options.length) {\n if (!props.options[nextIndex].disabled) {\n focusedIndex.value = nextIndex;\n focusOption(nextIndex);\n return;\n }\n nextIndex += direction;\n }\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n if (props.disabled) return;\n\n if (isEscapeKey(event) && isOpen.value) {\n event.preventDefault();\n closeDropdown();\n return;\n }\n\n if (isActivationKey(event) || event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n event.preventDefault();\n openDropdown();\n }\n};\n\nconst onOptionKeydown = (event: KeyboardEvent, opt: TreeSelectOption, _index: number) => {\n if (isEscapeKey(event)) {\n event.preventDefault();\n closeDropdown(true);\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectOption(opt);\n return;\n }\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n moveFocus(1);\n break;\n case 'ArrowUp':\n event.preventDefault();\n moveFocus(-1);\n break;\n case 'Home':\n event.preventDefault();\n focusedIndex.value = enabledOptions.value.length > 0\n ? props.options.indexOf(enabledOptions.value[0])\n : 0;\n focusOption(focusedIndex.value);\n break;\n case 'End':\n event.preventDefault();\n focusedIndex.value = enabledOptions.value.length > 0\n ? props.options.indexOf(enabledOptions.value[enabledOptions.value.length - 1])\n : props.options.length - 1;\n focusOption(focusedIndex.value);\n break;\n default:\n break;\n }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) return;\n const target = event.target;\n if (!(target instanceof Node)) return;\n if (rootRef.value?.contains(target)) return;\n closeDropdown();\n};\n\nconst hasSelection = computed(() =>\n props.modelValue !== '' && props.modelValue !== null && props.modelValue !== undefined,\n);\n\nwatch(isOpen, (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n } else {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n }\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <button\n ref=\"triggerRef\"\n v-bind=\"triggerAttrs\"\n type=\"button\"\n class=\"tree-select__trigger\"\n :disabled=\"disabled\"\n :aria-controls=\"isOpen ? listboxId : undefined\"\n aria-haspopup=\"listbox\"\n :aria-expanded=\"isOpen\"\n :aria-invalid=\"invalid || undefined\"\n :aria-busy=\"loading || undefined\"\n @click=\"toggleDropdown\"\n @keydown=\"onTriggerKeydown\"\n >\n <span\n v-if=\"$slots.prefix\"\n class=\"tree-select__slot tree-select__slot--prefix\"\n >\n <slot name=\"prefix\" />\n </span>\n <span\n class=\"tree-select__value\"\n :data-placeholder=\"!hasSelection ? true : undefined\"\n >\n {{ selectedLabel || placeholder }}\n </span>\n <TreeSpinner\n v-if=\"loading\"\n size=\"sm\"\n label=\"Loading\"\n />\n <svg\n v-else\n class=\"tree-select__chevron\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"4 6 8 10 12 6\" />\n </svg>\n </button>\n <transition name=\"tree-fade\">\n <ul\n v-if=\"isOpen && !disabled\"\n :id=\"listboxId\"\n role=\"listbox\"\n class=\"tree-select__listbox\"\n :aria-label=\"typeof triggerAttrs['aria-label'] === 'string' ? triggerAttrs['aria-label'] : undefined\"\n >\n <li\n v-for=\"(opt, index) in options\"\n :key=\"opt.value\"\n :ref=\"(el) => setOptionRef(el as Element | null, opt.value)\"\n role=\"option\"\n class=\"tree-select__option\"\n :class=\"{\n 'is-selected': opt.value === modelValue,\n 'is-disabled': opt.disabled,\n 'is-focused': index === focusedIndex,\n }\"\n :aria-selected=\"opt.value === modelValue\"\n :aria-disabled=\"opt.disabled || undefined\"\n :tabindex=\"opt.disabled ? -1 : 0\"\n @click=\"selectOption(opt)\"\n @keydown=\"onOptionKeydown($event, opt, index)\"\n >\n {{ opt.label }}\n <svg\n v-if=\"opt.value === modelValue\"\n class=\"tree-select__check\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"3.5 8.5 6.5 11.5 12.5 4.5\" />\n </svg>\n </li>\n </ul>\n </transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { getTreeIcon } from '@treeui/icons';\nimport { computed, provide, toRef, useAttrs } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\nimport { treeSidebarInjectionKey } from './sidebar';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst _treeSidebarSides = ['left', 'right'] as const;\n\nexport type TreeSidebarSide = (typeof _treeSidebarSides)[number];\n\nconst ChevronLeftIcon = getTreeIcon('chevron-left');\nconst ChevronRightIcon = getTreeIcon('chevron-right');\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n collapsed?: boolean;\n defaultCollapsed?: boolean;\n collapsible?: boolean;\n size?: TreeSize;\n side?: TreeSidebarSide;\n sticky?: boolean;\n bordered?: boolean;\n width?: string;\n collapsedWidth?: string;\n collapseLabel?: string;\n expandLabel?: string;\n }>(),\n {\n as: 'aside',\n collapsed: undefined,\n defaultCollapsed: false,\n collapsible: true,\n size: 'md',\n side: 'left',\n sticky: false,\n bordered: true,\n width: '17.5rem',\n collapsedWidth: '4.75rem',\n collapseLabel: 'Collapse sidebar',\n expandLabel: 'Expand sidebar',\n },\n);\n\nconst emit = defineEmits<{\n 'update:collapsed': [value: boolean];\n 'collapse-change': [value: boolean];\n}>();\n\ndefineSlots<{\n header?: (props: { collapsed: boolean }) => unknown;\n default?: (props: { collapsed: boolean }) => unknown;\n footer?: (props: { collapsed: boolean }) => unknown;\n toggle?: (props: { collapsed: boolean }) => unknown;\n}>();\n\nconst attrs = useAttrs();\n\nconst { value: isCollapsed, setValue } = useControllableOpen(\n toRef(props, 'collapsed'),\n props.defaultCollapsed,\n (value) => {\n emit('update:collapsed', value);\n emit('collapse-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 'tree-sidebar',\n `tree-sidebar--${props.size}`,\n `tree-sidebar--${props.side}`,\n {\n 'is-collapsed': isCollapsed.value,\n 'is-sticky': props.sticky,\n 'is-bordered': props.bordered,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n {\n '--tree-sidebar-width': props.width,\n '--tree-sidebar-collapsed-width': props.collapsedWidth,\n },\n attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst toggleCollapsed = () => {\n if (!props.collapsible) {\n return;\n }\n\n setValue(!isCollapsed.value);\n};\n\nconst ToggleIcon = computed(() => {\n if (props.side === 'right') {\n return isCollapsed.value ? ChevronLeftIcon : ChevronRightIcon;\n }\n\n return isCollapsed.value ? ChevronRightIcon : ChevronLeftIcon;\n});\n\nconst toggleLabel = computed(() =>\n isCollapsed.value ? props.expandLabel : props.collapseLabel,\n);\n\nprovide(treeSidebarInjectionKey, {\n collapsed: computed(() => isCollapsed.value),\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isCollapsed ? 'collapsed' : 'expanded'\"\n >\n <div\n v-if=\"$slots.header\"\n class=\"tree-sidebar__header\"\n >\n <slot\n name=\"header\"\n :collapsed=\"isCollapsed\"\n />\n </div>\n\n <div class=\"tree-sidebar__body\">\n <slot :collapsed=\"isCollapsed\" />\n </div>\n\n <div\n v-if=\"$slots.footer || collapsible\"\n class=\"tree-sidebar__footer\"\n >\n <slot\n v-if=\"$slots.footer\"\n name=\"footer\"\n :collapsed=\"isCollapsed\"\n />\n\n <button\n v-if=\"collapsible\"\n type=\"button\"\n class=\"tree-sidebar__toggle\"\n :aria-label=\"toggleLabel\"\n :aria-expanded=\"!isCollapsed\"\n @click=\"toggleCollapsed\"\n >\n <slot\n name=\"toggle\"\n :collapsed=\"isCollapsed\"\n >\n <component\n :is=\"ToggleIcon\"\n :size=\"16\"\n />\n <span v-if=\"!isCollapsed\">{{ toggleLabel }}</span>\n </slot>\n </button>\n </div>\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { getTreeIcon } from '@treeui/icons';\nimport { computed, provide, toRef, useAttrs } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeSize } from '../types/contracts';\nimport { treeSidebarInjectionKey } from './sidebar';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst _treeSidebarSides = ['left', 'right'] as const;\n\nexport type TreeSidebarSide = (typeof _treeSidebarSides)[number];\n\nconst ChevronLeftIcon = getTreeIcon('chevron-left');\nconst ChevronRightIcon = getTreeIcon('chevron-right');\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n collapsed?: boolean;\n defaultCollapsed?: boolean;\n collapsible?: boolean;\n size?: TreeSize;\n side?: TreeSidebarSide;\n sticky?: boolean;\n bordered?: boolean;\n width?: string;\n collapsedWidth?: string;\n collapseLabel?: string;\n expandLabel?: string;\n }>(),\n {\n as: 'aside',\n collapsed: undefined,\n defaultCollapsed: false,\n collapsible: true,\n size: 'md',\n side: 'left',\n sticky: false,\n bordered: true,\n width: '17.5rem',\n collapsedWidth: '4.75rem',\n collapseLabel: 'Collapse sidebar',\n expandLabel: 'Expand sidebar',\n },\n);\n\nconst emit = defineEmits<{\n 'update:collapsed': [value: boolean];\n 'collapse-change': [value: boolean];\n}>();\n\ndefineSlots<{\n header?: (props: { collapsed: boolean }) => unknown;\n default?: (props: { collapsed: boolean }) => unknown;\n footer?: (props: { collapsed: boolean }) => unknown;\n toggle?: (props: { collapsed: boolean }) => unknown;\n}>();\n\nconst attrs = useAttrs();\n\nconst { value: isCollapsed, setValue } = useControllableOpen(\n toRef(props, 'collapsed'),\n props.defaultCollapsed,\n (value) => {\n emit('update:collapsed', value);\n emit('collapse-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 'tree-sidebar',\n `tree-sidebar--${props.size}`,\n `tree-sidebar--${props.side}`,\n {\n 'is-collapsed': isCollapsed.value,\n 'is-sticky': props.sticky,\n 'is-bordered': props.bordered,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n {\n '--tree-sidebar-width': props.width,\n '--tree-sidebar-collapsed-width': props.collapsedWidth,\n },\n attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst toggleCollapsed = () => {\n if (!props.collapsible) {\n return;\n }\n\n setValue(!isCollapsed.value);\n};\n\nconst ToggleIcon = computed(() => {\n if (props.side === 'right') {\n return isCollapsed.value ? ChevronLeftIcon : ChevronRightIcon;\n }\n\n return isCollapsed.value ? ChevronRightIcon : ChevronLeftIcon;\n});\n\nconst toggleLabel = computed(() =>\n isCollapsed.value ? props.expandLabel : props.collapseLabel,\n);\n\nprovide(treeSidebarInjectionKey, {\n collapsed: computed(() => isCollapsed.value),\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isCollapsed ? 'collapsed' : 'expanded'\"\n >\n <div\n v-if=\"$slots.header\"\n class=\"tree-sidebar__header\"\n >\n <slot\n name=\"header\"\n :collapsed=\"isCollapsed\"\n />\n </div>\n\n <div class=\"tree-sidebar__body\">\n <slot :collapsed=\"isCollapsed\" />\n </div>\n\n <div\n v-if=\"$slots.footer || collapsible\"\n class=\"tree-sidebar__footer\"\n >\n <slot\n v-if=\"$slots.footer\"\n name=\"footer\"\n :collapsed=\"isCollapsed\"\n />\n\n <button\n v-if=\"collapsible\"\n type=\"button\"\n class=\"tree-sidebar__toggle\"\n :aria-label=\"toggleLabel\"\n :aria-expanded=\"!isCollapsed\"\n @click=\"toggleCollapsed\"\n >\n <slot\n name=\"toggle\"\n :collapsed=\"isCollapsed\"\n >\n <component\n :is=\"ToggleIcon\"\n :size=\"16\"\n />\n <span v-if=\"!isCollapsed\">{{ toggleLabel }}</span>\n </slot>\n </button>\n </div>\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string | number;\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n invalid?: boolean;\n type?: string;\n placeholder?: string;\n }>(),\n {\n modelValue: '',\n size: 'md',\n disabled: false,\n loading: false,\n invalid: false,\n type: 'text',\n placeholder: '',\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n 'tree-input',\n `tree-input--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'is-loading': props.loading,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst stringValue = computed(() => `${props.modelValue ?? ''}`);\n\nconst onInput = (event: Event) => {\n emit('update:modelValue', (event.target as HTMLInputElement).value);\n};\n</script>\n\n<template>\n <label\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <span\n v-if=\"$slots.prefix\"\n class=\"tree-input__slot tree-input__slot--prefix\"\n >\n <slot name=\"prefix\" />\n </span>\n <input\n v-bind=\"inputAttrs\"\n class=\"tree-input__field\"\n :type=\"type\"\n :value=\"stringValue\"\n :placeholder=\"placeholder\"\n :disabled=\"disabled\"\n :aria-invalid=\"invalid || undefined\"\n @input=\"onInput\"\n >\n <TreeSpinner\n v-if=\"loading\"\n size=\"sm\"\n label=\"Loading\"\n />\n <span\n v-if=\"$slots.suffix\"\n class=\"tree-input__slot tree-input__slot--suffix\"\n >\n <slot name=\"suffix\" />\n </span>\n </label>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string | number;\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n invalid?: boolean;\n type?: string;\n placeholder?: string;\n }>(),\n {\n modelValue: '',\n size: 'md',\n disabled: false,\n loading: false,\n invalid: false,\n type: 'text',\n placeholder: '',\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n 'tree-input',\n `tree-input--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'is-loading': props.loading,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst stringValue = computed(() => `${props.modelValue ?? ''}`);\n\nconst onInput = (event: Event) => {\n emit('update:modelValue', (event.target as HTMLInputElement).value);\n};\n</script>\n\n<template>\n <label\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <span\n v-if=\"$slots.prefix\"\n class=\"tree-input__slot tree-input__slot--prefix\"\n >\n <slot name=\"prefix\" />\n </span>\n <input\n v-bind=\"inputAttrs\"\n class=\"tree-input__field\"\n :type=\"type\"\n :value=\"stringValue\"\n :placeholder=\"placeholder\"\n :disabled=\"disabled\"\n :aria-invalid=\"invalid || undefined\"\n @input=\"onInput\"\n >\n <TreeSpinner\n v-if=\"loading\"\n size=\"sm\"\n label=\"Loading\"\n />\n <span\n v-if=\"$slots.suffix\"\n class=\"tree-input__slot tree-input__slot--suffix\"\n >\n <slot name=\"suffix\" />\n </span>\n </label>\n</template>\n","<script setup lang=\"ts\">\nimport { clamp } from '@treeui/utils';\nimport { computed, ref, useAttrs, watch } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: number | null;\n min?: number;\n max?: number;\n step?: number;\n size?: TreeSize;\n disabled?: boolean;\n invalid?: boolean;\n placeholder?: string;\n controls?: boolean;\n }>(),\n {\n modelValue: null,\n min: undefined,\n max: undefined,\n step: 1,\n size: 'md',\n disabled: false,\n invalid: false,\n placeholder: '',\n controls: true,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: number | null];\n}>();\n\nconst attrs = useAttrs();\nconst displayValue = ref(\n props.modelValue === null || props.modelValue === undefined ? '' : `${props.modelValue}`,\n);\n\nconst precision = computed(() => {\n const normalizedStep = `${props.step}`;\n const fractionalPart = normalizedStep.split('.')[1];\n return fractionalPart ? fractionalPart.length : 0;\n});\n\nconst rootClasses = computed(() => [\n 'tree-number-input',\n `tree-number-input--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'has-controls': props.controls,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst formatValue = (value: number | null | undefined) =>\n value === null || value === undefined ? '' : `${value}`;\n\nconst normalizeValue = (value: number) => {\n const clamped = clamp(\n value,\n props.min ?? Number.NEGATIVE_INFINITY,\n props.max ?? Number.POSITIVE_INFINITY,\n );\n\n return Number(clamped.toFixed(precision.value));\n};\n\nconst parseValue = (value: string) => {\n const normalized = value.trim().replace(',', '.');\n\n if (!normalized) {\n return null;\n }\n\n const parsed = Number(normalized);\n return Number.isNaN(parsed) ? null : parsed;\n};\n\nconst currentNumericValue = computed(() => {\n const parsed = parseValue(displayValue.value);\n return parsed ?? props.modelValue ?? null;\n});\n\nconst canDecrement = computed(() => {\n if (props.disabled) {\n return false;\n }\n\n if (props.min === undefined || currentNumericValue.value === null) {\n return true;\n }\n\n return normalizeValue(currentNumericValue.value) > props.min;\n});\n\nconst canIncrement = computed(() => {\n if (props.disabled) {\n return false;\n }\n\n if (props.max === undefined || currentNumericValue.value === null) {\n return true;\n }\n\n return normalizeValue(currentNumericValue.value) < props.max;\n});\n\nconst commitValue = (value: number | null) => {\n if (value === null) {\n displayValue.value = '';\n emit('update:modelValue', null);\n return;\n }\n\n const normalized = normalizeValue(value);\n displayValue.value = `${normalized}`;\n emit('update:modelValue', normalized);\n};\n\nconst stepValue = (direction: 1 | -1) => {\n if (props.disabled) {\n return;\n }\n\n let baseValue = currentNumericValue.value ?? 0;\n\n if (currentNumericValue.value === null) {\n if (direction === 1 && props.min !== undefined) {\n baseValue = props.min - props.step;\n }\n\n if (direction === -1 && props.max !== undefined) {\n baseValue = props.max + props.step;\n }\n }\n\n commitValue(baseValue + direction * props.step);\n};\n\nconst onInput = (event: Event) => {\n const nextValue = (event.target as HTMLInputElement).value;\n displayValue.value = nextValue;\n\n if (!nextValue.trim()) {\n emit('update:modelValue', null);\n return;\n }\n\n const parsedValue = parseValue(nextValue);\n\n if (parsedValue === null) {\n return;\n }\n\n emit('update:modelValue', normalizeValue(parsedValue));\n};\n\nconst onBlur = () => {\n if (!displayValue.value.trim()) {\n displayValue.value = '';\n return;\n }\n\n const parsedValue = parseValue(displayValue.value);\n\n if (parsedValue === null) {\n displayValue.value = formatValue(props.modelValue);\n return;\n }\n\n displayValue.value = `${normalizeValue(parsedValue)}`;\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n if (props.disabled) {\n return;\n }\n\n if (event.key === 'ArrowUp') {\n event.preventDefault();\n stepValue(1);\n return;\n }\n\n if (event.key === 'ArrowDown') {\n event.preventDefault();\n stepValue(-1);\n return;\n }\n\n if (event.key === 'Home' && props.min !== undefined) {\n event.preventDefault();\n commitValue(props.min);\n return;\n }\n\n if (event.key === 'End' && props.max !== undefined) {\n event.preventDefault();\n commitValue(props.max);\n }\n};\n\nwatch(\n () => props.modelValue,\n (value) => {\n const nextDisplayValue = formatValue(value);\n\n if (nextDisplayValue !== displayValue.value) {\n displayValue.value = nextDisplayValue;\n }\n },\n);\n</script>\n\n<template>\n <div\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <button\n v-if=\"controls\"\n type=\"button\"\n class=\"tree-number-input__stepper tree-number-input__stepper--decrement\"\n :disabled=\"!canDecrement\"\n aria-label=\"Decrease value\"\n @click=\"stepValue(-1)\"\n >\n <span aria-hidden=\"true\">-</span>\n </button>\n\n <input\n v-bind=\"inputAttrs\"\n :value=\"displayValue\"\n type=\"text\"\n inputmode=\"decimal\"\n class=\"tree-number-input__field\"\n :placeholder=\"placeholder\"\n :disabled=\"disabled\"\n :aria-invalid=\"invalid || undefined\"\n @input=\"onInput\"\n @blur=\"onBlur\"\n @keydown=\"onKeydown\"\n >\n\n <button\n v-if=\"controls\"\n type=\"button\"\n class=\"tree-number-input__stepper tree-number-input__stepper--increment\"\n :disabled=\"!canIncrement\"\n aria-label=\"Increase value\"\n @click=\"stepValue(1)\"\n >\n <span aria-hidden=\"true\">+</span>\n </button>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { clamp } from '@treeui/utils';\nimport { computed, ref, useAttrs, watch } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: number | null;\n min?: number;\n max?: number;\n step?: number;\n size?: TreeSize;\n disabled?: boolean;\n invalid?: boolean;\n placeholder?: string;\n controls?: boolean;\n }>(),\n {\n modelValue: null,\n min: undefined,\n max: undefined,\n step: 1,\n size: 'md',\n disabled: false,\n invalid: false,\n placeholder: '',\n controls: true,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: number | null];\n}>();\n\nconst attrs = useAttrs();\nconst displayValue = ref(\n props.modelValue === null || props.modelValue === undefined ? '' : `${props.modelValue}`,\n);\n\nconst precision = computed(() => {\n const normalizedStep = `${props.step}`;\n const fractionalPart = normalizedStep.split('.')[1];\n return fractionalPart ? fractionalPart.length : 0;\n});\n\nconst rootClasses = computed(() => [\n 'tree-number-input',\n `tree-number-input--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'has-controls': props.controls,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst formatValue = (value: number | null | undefined) =>\n value === null || value === undefined ? '' : `${value}`;\n\nconst normalizeValue = (value: number) => {\n const clamped = clamp(\n value,\n props.min ?? Number.NEGATIVE_INFINITY,\n props.max ?? Number.POSITIVE_INFINITY,\n );\n\n return Number(clamped.toFixed(precision.value));\n};\n\nconst parseValue = (value: string) => {\n const normalized = value.trim().replace(',', '.');\n\n if (!normalized) {\n return null;\n }\n\n const parsed = Number(normalized);\n return Number.isNaN(parsed) ? null : parsed;\n};\n\nconst currentNumericValue = computed(() => {\n const parsed = parseValue(displayValue.value);\n return parsed ?? props.modelValue ?? null;\n});\n\nconst canDecrement = computed(() => {\n if (props.disabled) {\n return false;\n }\n\n if (props.min === undefined || currentNumericValue.value === null) {\n return true;\n }\n\n return normalizeValue(currentNumericValue.value) > props.min;\n});\n\nconst canIncrement = computed(() => {\n if (props.disabled) {\n return false;\n }\n\n if (props.max === undefined || currentNumericValue.value === null) {\n return true;\n }\n\n return normalizeValue(currentNumericValue.value) < props.max;\n});\n\nconst commitValue = (value: number | null) => {\n if (value === null) {\n displayValue.value = '';\n emit('update:modelValue', null);\n return;\n }\n\n const normalized = normalizeValue(value);\n displayValue.value = `${normalized}`;\n emit('update:modelValue', normalized);\n};\n\nconst stepValue = (direction: 1 | -1) => {\n if (props.disabled) {\n return;\n }\n\n let baseValue = currentNumericValue.value ?? 0;\n\n if (currentNumericValue.value === null) {\n if (direction === 1 && props.min !== undefined) {\n baseValue = props.min - props.step;\n }\n\n if (direction === -1 && props.max !== undefined) {\n baseValue = props.max + props.step;\n }\n }\n\n commitValue(baseValue + direction * props.step);\n};\n\nconst onInput = (event: Event) => {\n const nextValue = (event.target as HTMLInputElement).value;\n displayValue.value = nextValue;\n\n if (!nextValue.trim()) {\n emit('update:modelValue', null);\n return;\n }\n\n const parsedValue = parseValue(nextValue);\n\n if (parsedValue === null) {\n return;\n }\n\n emit('update:modelValue', normalizeValue(parsedValue));\n};\n\nconst onBlur = () => {\n if (!displayValue.value.trim()) {\n displayValue.value = '';\n return;\n }\n\n const parsedValue = parseValue(displayValue.value);\n\n if (parsedValue === null) {\n displayValue.value = formatValue(props.modelValue);\n return;\n }\n\n displayValue.value = `${normalizeValue(parsedValue)}`;\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n if (props.disabled) {\n return;\n }\n\n if (event.key === 'ArrowUp') {\n event.preventDefault();\n stepValue(1);\n return;\n }\n\n if (event.key === 'ArrowDown') {\n event.preventDefault();\n stepValue(-1);\n return;\n }\n\n if (event.key === 'Home' && props.min !== undefined) {\n event.preventDefault();\n commitValue(props.min);\n return;\n }\n\n if (event.key === 'End' && props.max !== undefined) {\n event.preventDefault();\n commitValue(props.max);\n }\n};\n\nwatch(\n () => props.modelValue,\n (value) => {\n const nextDisplayValue = formatValue(value);\n\n if (nextDisplayValue !== displayValue.value) {\n displayValue.value = nextDisplayValue;\n }\n },\n);\n</script>\n\n<template>\n <div\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <button\n v-if=\"controls\"\n type=\"button\"\n class=\"tree-number-input__stepper tree-number-input__stepper--decrement\"\n :disabled=\"!canDecrement\"\n aria-label=\"Decrease value\"\n @click=\"stepValue(-1)\"\n >\n <span aria-hidden=\"true\">-</span>\n </button>\n\n <input\n v-bind=\"inputAttrs\"\n :value=\"displayValue\"\n type=\"text\"\n inputmode=\"decimal\"\n class=\"tree-number-input__field\"\n :placeholder=\"placeholder\"\n :disabled=\"disabled\"\n :aria-invalid=\"invalid || undefined\"\n @input=\"onInput\"\n @blur=\"onBlur\"\n @keydown=\"onKeydown\"\n >\n\n <button\n v-if=\"controls\"\n type=\"button\"\n class=\"tree-number-input__stepper tree-number-input__stepper--increment\"\n :disabled=\"!canIncrement\"\n aria-label=\"Increase value\"\n @click=\"stepValue(1)\"\n >\n <span aria-hidden=\"true\">+</span>\n </button>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, getNextEnabledIndex, isActivationKey } from '@treeui/utils';\nimport { computed, nextTick, ref, useAttrs, watch, type ComponentPublicInstance } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeSelectableListItem {\n label: string;\n value: string;\n description?: string;\n meta?: string;\n disabled?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n defaultValue?: string;\n items?: TreeSelectableListItem[];\n size?: TreeSize;\n disabled?: boolean;\n emptyText?: string;\n }>(),\n {\n modelValue: undefined,\n defaultValue: '',\n items: () => [],\n size: 'md',\n disabled: false,\n emptyText: 'No items available.',\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n}>();\n\ndefineSlots<{\n item?: (props: {\n item: TreeSelectableListItem;\n selected: boolean;\n focused: boolean;\n }) => unknown;\n empty?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst baseId = createId('tree-selectable-list');\nconst itemRefs = ref<Map<string, HTMLButtonElement>>(new Map());\nconst internalValue = ref(props.defaultValue);\n\nconst selectedValue = computed(() => props.modelValue ?? internalValue.value);\n\nconst getInitialFocusedIndex = () => {\n const selectedIndex = props.items.findIndex((item) =>\n item.value === selectedValue.value && !item.disabled,\n );\n\n if (selectedIndex >= 0) {\n return selectedIndex;\n }\n\n return props.items.findIndex((item) => !item.disabled);\n};\n\nconst focusedIndex = ref(getInitialFocusedIndex());\n\nconst rootClasses = computed(() => [\n 'tree-selectable-list',\n `tree-selectable-list--${props.size}`,\n {\n 'is-disabled': props.disabled,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst isSelected = (value: string) => selectedValue.value === value;\n\nconst setItemRef = (element: Element | ComponentPublicInstance | null, value: string) => {\n const resolvedElement =\n element instanceof HTMLButtonElement\n ? element\n : element && '$el' in element && element.$el instanceof HTMLButtonElement\n ? element.$el\n : null;\n\n if (resolvedElement instanceof HTMLButtonElement) {\n itemRefs.value.set(value, resolvedElement);\n } else {\n itemRefs.value.delete(value);\n }\n};\n\nconst focusItem = (index: number) => {\n const item = props.items[index];\n\n if (!item) {\n return;\n }\n\n focusedIndex.value = index;\n nextTick(() => itemRefs.value.get(item.value)?.focus());\n};\n\nconst selectItem = (item: TreeSelectableListItem, focus = false) => {\n if (props.disabled || item.disabled) {\n return;\n }\n\n if (props.modelValue === undefined) {\n internalValue.value = item.value;\n }\n\n emit('update:modelValue', item.value);\n\n if (focus) {\n const index = props.items.findIndex((candidate) => candidate.value === item.value);\n\n if (index >= 0) {\n focusItem(index);\n }\n }\n};\n\nconst onItemKeydown = (event: KeyboardEvent, index: number) => {\n if (props.disabled) {\n return;\n }\n\n if (event.key === 'Home') {\n event.preventDefault();\n const firstIndex = props.items.findIndex((item) => !item.disabled);\n\n if (firstIndex >= 0) {\n selectItem(props.items[firstIndex], true);\n }\n\n return;\n }\n\n if (event.key === 'End') {\n event.preventDefault();\n const lastIndex = [...props.items].reverse().findIndex((item) => !item.disabled);\n\n if (lastIndex >= 0) {\n const resolvedIndex = props.items.length - 1 - lastIndex;\n selectItem(props.items[resolvedIndex], true);\n }\n\n return;\n }\n\n if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n event.preventDefault();\n const nextIndex = getNextEnabledIndex(index, props.items, 1);\n\n if (nextIndex >= 0) {\n selectItem(props.items[nextIndex], true);\n }\n\n return;\n }\n\n if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n event.preventDefault();\n const previousIndex = getNextEnabledIndex(index, props.items, -1);\n\n if (previousIndex >= 0) {\n selectItem(props.items[previousIndex], true);\n }\n\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectItem(props.items[index], true);\n }\n};\n\nconst getTabIndex = (index: number) => (focusedIndex.value === index ? 0 : -1);\n\nwatch(\n () => [props.items, props.modelValue] as const,\n () => {\n const nextIndex = getInitialFocusedIndex();\n focusedIndex.value = nextIndex >= 0 ? nextIndex : -1;\n },\n { deep: true },\n);\n</script>\n\n<template>\n <div\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n role=\"listbox\"\n :aria-disabled=\"disabled || undefined\"\n >\n <template v-if=\"items.length > 0\">\n <button\n v-for=\"(item, index) in items\"\n :id=\"`${baseId}-${item.value}`\"\n :ref=\"(element) => setItemRef(element, item.value)\"\n :key=\"item.value\"\n type=\"button\"\n class=\"tree-selectable-list__item\"\n :class=\"{\n 'is-selected': isSelected(item.value),\n 'is-disabled': disabled || item.disabled,\n }\"\n role=\"option\"\n :aria-selected=\"isSelected(item.value)\"\n :tabindex=\"disabled || item.disabled ? -1 : getTabIndex(index)\"\n :disabled=\"disabled || item.disabled\"\n @click=\"selectItem(item)\"\n @keydown=\"onItemKeydown($event, index)\"\n @focus=\"focusedIndex = index\"\n >\n <slot\n name=\"item\"\n :item=\"item\"\n :selected=\"isSelected(item.value)\"\n :focused=\"focusedIndex === index\"\n >\n <span\n class=\"tree-selectable-list__indicator\"\n aria-hidden=\"true\"\n />\n\n <span class=\"tree-selectable-list__copy\">\n <span class=\"tree-selectable-list__label\">{{ item.label }}</span>\n <span\n v-if=\"item.description\"\n class=\"tree-selectable-list__description\"\n >\n {{ item.description }}\n </span>\n </span>\n\n <span\n v-if=\"item.meta\"\n class=\"tree-selectable-list__meta\"\n >\n {{ item.meta }}\n </span>\n </slot>\n </button>\n </template>\n\n <div\n v-else\n class=\"tree-selectable-list__empty\"\n >\n <slot name=\"empty\">\n {{ emptyText }}\n </slot>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, getNextEnabledIndex, isActivationKey } from '@treeui/utils';\nimport { computed, nextTick, ref, useAttrs, watch, type ComponentPublicInstance } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeSelectableListItem {\n label: string;\n value: string;\n description?: string;\n meta?: string;\n disabled?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n defaultValue?: string;\n items?: TreeSelectableListItem[];\n size?: TreeSize;\n disabled?: boolean;\n emptyText?: string;\n }>(),\n {\n modelValue: undefined,\n defaultValue: '',\n items: () => [],\n size: 'md',\n disabled: false,\n emptyText: 'No items available.',\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n}>();\n\ndefineSlots<{\n item?: (props: {\n item: TreeSelectableListItem;\n selected: boolean;\n focused: boolean;\n }) => unknown;\n empty?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst baseId = createId('tree-selectable-list');\nconst itemRefs = ref<Map<string, HTMLButtonElement>>(new Map());\nconst internalValue = ref(props.defaultValue);\n\nconst selectedValue = computed(() => props.modelValue ?? internalValue.value);\n\nconst getInitialFocusedIndex = () => {\n const selectedIndex = props.items.findIndex((item) =>\n item.value === selectedValue.value && !item.disabled,\n );\n\n if (selectedIndex >= 0) {\n return selectedIndex;\n }\n\n return props.items.findIndex((item) => !item.disabled);\n};\n\nconst focusedIndex = ref(getInitialFocusedIndex());\n\nconst rootClasses = computed(() => [\n 'tree-selectable-list',\n `tree-selectable-list--${props.size}`,\n {\n 'is-disabled': props.disabled,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst isSelected = (value: string) => selectedValue.value === value;\n\nconst setItemRef = (element: Element | ComponentPublicInstance | null, value: string) => {\n const resolvedElement =\n element instanceof HTMLButtonElement\n ? element\n : element && '$el' in element && element.$el instanceof HTMLButtonElement\n ? element.$el\n : null;\n\n if (resolvedElement instanceof HTMLButtonElement) {\n itemRefs.value.set(value, resolvedElement);\n } else {\n itemRefs.value.delete(value);\n }\n};\n\nconst focusItem = (index: number) => {\n const item = props.items[index];\n\n if (!item) {\n return;\n }\n\n focusedIndex.value = index;\n nextTick(() => itemRefs.value.get(item.value)?.focus());\n};\n\nconst selectItem = (item: TreeSelectableListItem, focus = false) => {\n if (props.disabled || item.disabled) {\n return;\n }\n\n if (props.modelValue === undefined) {\n internalValue.value = item.value;\n }\n\n emit('update:modelValue', item.value);\n\n if (focus) {\n const index = props.items.findIndex((candidate) => candidate.value === item.value);\n\n if (index >= 0) {\n focusItem(index);\n }\n }\n};\n\nconst onItemKeydown = (event: KeyboardEvent, index: number) => {\n if (props.disabled) {\n return;\n }\n\n if (event.key === 'Home') {\n event.preventDefault();\n const firstIndex = props.items.findIndex((item) => !item.disabled);\n\n if (firstIndex >= 0) {\n selectItem(props.items[firstIndex], true);\n }\n\n return;\n }\n\n if (event.key === 'End') {\n event.preventDefault();\n const lastIndex = [...props.items].reverse().findIndex((item) => !item.disabled);\n\n if (lastIndex >= 0) {\n const resolvedIndex = props.items.length - 1 - lastIndex;\n selectItem(props.items[resolvedIndex], true);\n }\n\n return;\n }\n\n if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n event.preventDefault();\n const nextIndex = getNextEnabledIndex(index, props.items, 1);\n\n if (nextIndex >= 0) {\n selectItem(props.items[nextIndex], true);\n }\n\n return;\n }\n\n if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n event.preventDefault();\n const previousIndex = getNextEnabledIndex(index, props.items, -1);\n\n if (previousIndex >= 0) {\n selectItem(props.items[previousIndex], true);\n }\n\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectItem(props.items[index], true);\n }\n};\n\nconst getTabIndex = (index: number) => (focusedIndex.value === index ? 0 : -1);\n\nwatch(\n () => [props.items, props.modelValue] as const,\n () => {\n const nextIndex = getInitialFocusedIndex();\n focusedIndex.value = nextIndex >= 0 ? nextIndex : -1;\n },\n { deep: true },\n);\n</script>\n\n<template>\n <div\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n role=\"listbox\"\n :aria-disabled=\"disabled || undefined\"\n >\n <template v-if=\"items.length > 0\">\n <button\n v-for=\"(item, index) in items\"\n :id=\"`${baseId}-${item.value}`\"\n :ref=\"(element) => setItemRef(element, item.value)\"\n :key=\"item.value\"\n type=\"button\"\n class=\"tree-selectable-list__item\"\n :class=\"{\n 'is-selected': isSelected(item.value),\n 'is-disabled': disabled || item.disabled,\n }\"\n role=\"option\"\n :aria-selected=\"isSelected(item.value)\"\n :tabindex=\"disabled || item.disabled ? -1 : getTabIndex(index)\"\n :disabled=\"disabled || item.disabled\"\n @click=\"selectItem(item)\"\n @keydown=\"onItemKeydown($event, index)\"\n @focus=\"focusedIndex = index\"\n >\n <slot\n name=\"item\"\n :item=\"item\"\n :selected=\"isSelected(item.value)\"\n :focused=\"focusedIndex === index\"\n >\n <span\n class=\"tree-selectable-list__indicator\"\n aria-hidden=\"true\"\n />\n\n <span class=\"tree-selectable-list__copy\">\n <span class=\"tree-selectable-list__label\">{{ item.label }}</span>\n <span\n v-if=\"item.description\"\n class=\"tree-selectable-list__description\"\n >\n {{ item.description }}\n </span>\n </span>\n\n <span\n v-if=\"item.meta\"\n class=\"tree-selectable-list__meta\"\n >\n {{ item.meta }}\n </span>\n </slot>\n </button>\n </template>\n\n <div\n v-else\n class=\"tree-selectable-list__empty\"\n >\n <slot name=\"empty\">\n {{ emptyText }}\n </slot>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst _treeStackDirections = ['vertical', 'horizontal'] as const;\n\nexport type TreeStackDirection = (typeof _treeStackDirections)[number];\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n direction?: TreeStackDirection;\n gap?: string;\n align?: string;\n justify?: string;\n wrap?: boolean;\n reverse?: boolean;\n }>(),\n {\n as: 'div',\n direction: 'vertical',\n gap: 'var(--tree-space-4)',\n align: 'stretch',\n justify: 'flex-start',\n wrap: false,\n reverse: false,\n },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n 'tree-stack',\n `tree-stack--${props.direction}`,\n {\n 'is-wrapping': props.wrap,\n 'is-reversed': props.reverse,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n {\n gap: props.gap,\n alignItems: props.align,\n justifyContent: props.justify,\n },\n attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <slot />\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst _treeStackDirections = ['vertical', 'horizontal'] as const;\n\nexport type TreeStackDirection = (typeof _treeStackDirections)[number];\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n direction?: TreeStackDirection;\n gap?: string;\n align?: string;\n justify?: string;\n wrap?: boolean;\n reverse?: boolean;\n }>(),\n {\n as: 'div',\n direction: 'vertical',\n gap: 'var(--tree-space-4)',\n align: 'stretch',\n justify: 'flex-start',\n wrap: false,\n reverse: false,\n },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n 'tree-stack',\n `tree-stack--${props.direction}`,\n {\n 'is-wrapping': props.wrap,\n 'is-reversed': props.reverse,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n {\n gap: props.gap,\n alignItems: props.align,\n justifyContent: props.justify,\n },\n attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <slot />\n </component>\n</template>\n","import type { ComputedRef, InjectionKey, Ref } from 'vue';\n\nexport interface TreeTreeViewNode {\n id: string;\n label: string;\n description?: string;\n meta?: string;\n disabled?: boolean;\n children?: TreeTreeViewNode[];\n}\n\nexport const treeTreeViewSelectionModes = ['single', 'multiple'] as const;\n\nexport type TreeTreeViewSelectionMode = (typeof treeTreeViewSelectionModes)[number];\n\nexport interface TreeTreeViewRecord {\n node: TreeTreeViewNode;\n level: number;\n parentId?: string;\n}\n\nexport interface TreeTreeViewContext {\n baseId: string;\n disabled: ComputedRef<boolean>;\n selectionMode: ComputedRef<TreeTreeViewSelectionMode>;\n focusedId: Ref<string>;\n isExpanded: (id: string) => boolean;\n toggleExpanded: (id: string) => void;\n isSelected: (id: string) => boolean;\n toggleSelected: (id: string) => void;\n setFocusedId: (id: string, shouldFocus?: boolean) => void;\n onItemKeydown: (event: KeyboardEvent, id: string) => void;\n registerItem: (id: string, element: HTMLElement) => void;\n unregisterItem: (id: string) => void;\n}\n\nexport const treeTreeViewInjectionKey: InjectionKey<TreeTreeViewContext> =\n Symbol('tree-tree-view');\n","<script setup lang=\"ts\">\nimport { getTreeIcon } from '@treeui/icons';\nimport { computed, inject, type ComponentPublicInstance } from 'vue';\nimport { treeTreeViewInjectionKey, type TreeTreeViewNode } from './tree-view';\n\ndefineOptions({\n name: 'TreeTreeViewItem',\n});\n\nconst ChevronRightIcon = getTreeIcon('chevron-right');\nconst CheckIcon = getTreeIcon('check');\n\nconst props = defineProps<{\n node: TreeTreeViewNode;\n level: number;\n}>();\n\nconst ctx = inject(treeTreeViewInjectionKey);\n\nif (!ctx) {\n throw new Error('[TreeUI] TTreeView items must be rendered inside a TTreeView.');\n}\n\nconst hasChildren = computed(() => Boolean(props.node.children?.length));\nconst isExpanded = computed(() => (hasChildren.value ? ctx.isExpanded(props.node.id) : false));\nconst isSelected = computed(() => ctx.isSelected(props.node.id));\nconst isDisabled = computed(() => ctx.disabled.value || props.node.disabled);\nconst isFocused = computed(() => ctx.focusedId.value === props.node.id);\nconst itemId = computed(() => `${ctx.baseId}-${props.node.id}`);\n\nconst rowClasses = computed(() => ({\n 'is-expanded': isExpanded.value,\n 'is-selected': isSelected.value,\n 'is-disabled': isDisabled.value,\n 'is-focused': isFocused.value,\n}));\n\nconst setItemRef = (element: Element | ComponentPublicInstance | null) => {\n const resolvedElement =\n element instanceof HTMLElement\n ? element\n : element && '$el' in element && element.$el instanceof HTMLElement\n ? element.$el\n : null;\n\n if (resolvedElement instanceof HTMLElement) {\n ctx.registerItem(props.node.id, resolvedElement);\n } else {\n ctx.unregisterItem(props.node.id);\n }\n};\n\nconst onRowClick = () => {\n ctx.setFocusedId(props.node.id);\n ctx.toggleSelected(props.node.id);\n};\n\nconst onToggleClick = () => {\n if (isDisabled.value || !hasChildren.value) {\n return;\n }\n\n ctx.toggleExpanded(props.node.id);\n ctx.setFocusedId(props.node.id);\n};\n</script>\n\n<template>\n <li\n class=\"tree-tree-view__node\"\n role=\"none\"\n >\n <div\n :id=\"itemId\"\n :ref=\"setItemRef\"\n class=\"tree-tree-view__row\"\n :class=\"rowClasses\"\n :style=\"{ '--tree-tree-view-level': `${level}` }\"\n role=\"treeitem\"\n :aria-level=\"level\"\n :aria-expanded=\"hasChildren ? isExpanded : undefined\"\n :aria-selected=\"isSelected\"\n :aria-disabled=\"isDisabled || undefined\"\n :tabindex=\"isDisabled ? -1 : isFocused ? 0 : -1\"\n @click=\"onRowClick\"\n @keydown=\"ctx.onItemKeydown($event, node.id)\"\n @focus=\"ctx.setFocusedId(node.id)\"\n >\n <button\n v-if=\"hasChildren\"\n type=\"button\"\n class=\"tree-tree-view__toggle\"\n :class=\"{ 'is-expanded': isExpanded }\"\n tabindex=\"-1\"\n :disabled=\"isDisabled\"\n :aria-label=\"isExpanded ? 'Collapse node' : 'Expand node'\"\n @click.stop=\"onToggleClick\"\n >\n <ChevronRightIcon :size=\"16\" />\n </button>\n\n <span\n v-else\n class=\"tree-tree-view__spacer\"\n aria-hidden=\"true\"\n />\n\n <span\n class=\"tree-tree-view__marker\"\n :class=\"{\n 'is-selected': isSelected,\n 'is-multiple': ctx.selectionMode.value === 'multiple',\n }\"\n aria-hidden=\"true\"\n >\n <CheckIcon\n v-if=\"ctx.selectionMode.value === 'multiple' && isSelected\"\n :size=\"14\"\n />\n </span>\n\n <span class=\"tree-tree-view__copy\">\n <span class=\"tree-tree-view__label\">{{ node.label }}</span>\n <span\n v-if=\"node.description\"\n class=\"tree-tree-view__description\"\n >\n {{ node.description }}\n </span>\n </span>\n\n <span\n v-if=\"node.meta\"\n class=\"tree-tree-view__meta\"\n >\n {{ node.meta }}\n </span>\n </div>\n\n <ul\n v-if=\"hasChildren && isExpanded\"\n class=\"tree-tree-view__group\"\n role=\"group\"\n >\n <TreeTreeViewItem\n v-for=\"child in node.children\"\n :key=\"child.id\"\n :node=\"child\"\n :level=\"level + 1\"\n />\n </ul>\n </li>\n</template>\n","<script setup lang=\"ts\">\nimport { getTreeIcon } from '@treeui/icons';\nimport { computed, inject, type ComponentPublicInstance } from 'vue';\nimport { treeTreeViewInjectionKey, type TreeTreeViewNode } from './tree-view';\n\ndefineOptions({\n name: 'TreeTreeViewItem',\n});\n\nconst ChevronRightIcon = getTreeIcon('chevron-right');\nconst CheckIcon = getTreeIcon('check');\n\nconst props = defineProps<{\n node: TreeTreeViewNode;\n level: number;\n}>();\n\nconst ctx = inject(treeTreeViewInjectionKey);\n\nif (!ctx) {\n throw new Error('[TreeUI] TTreeView items must be rendered inside a TTreeView.');\n}\n\nconst hasChildren = computed(() => Boolean(props.node.children?.length));\nconst isExpanded = computed(() => (hasChildren.value ? ctx.isExpanded(props.node.id) : false));\nconst isSelected = computed(() => ctx.isSelected(props.node.id));\nconst isDisabled = computed(() => ctx.disabled.value || props.node.disabled);\nconst isFocused = computed(() => ctx.focusedId.value === props.node.id);\nconst itemId = computed(() => `${ctx.baseId}-${props.node.id}`);\n\nconst rowClasses = computed(() => ({\n 'is-expanded': isExpanded.value,\n 'is-selected': isSelected.value,\n 'is-disabled': isDisabled.value,\n 'is-focused': isFocused.value,\n}));\n\nconst setItemRef = (element: Element | ComponentPublicInstance | null) => {\n const resolvedElement =\n element instanceof HTMLElement\n ? element\n : element && '$el' in element && element.$el instanceof HTMLElement\n ? element.$el\n : null;\n\n if (resolvedElement instanceof HTMLElement) {\n ctx.registerItem(props.node.id, resolvedElement);\n } else {\n ctx.unregisterItem(props.node.id);\n }\n};\n\nconst onRowClick = () => {\n ctx.setFocusedId(props.node.id);\n ctx.toggleSelected(props.node.id);\n};\n\nconst onToggleClick = () => {\n if (isDisabled.value || !hasChildren.value) {\n return;\n }\n\n ctx.toggleExpanded(props.node.id);\n ctx.setFocusedId(props.node.id);\n};\n</script>\n\n<template>\n <li\n class=\"tree-tree-view__node\"\n role=\"none\"\n >\n <div\n :id=\"itemId\"\n :ref=\"setItemRef\"\n class=\"tree-tree-view__row\"\n :class=\"rowClasses\"\n :style=\"{ '--tree-tree-view-level': `${level}` }\"\n role=\"treeitem\"\n :aria-level=\"level\"\n :aria-expanded=\"hasChildren ? isExpanded : undefined\"\n :aria-selected=\"isSelected\"\n :aria-disabled=\"isDisabled || undefined\"\n :tabindex=\"isDisabled ? -1 : isFocused ? 0 : -1\"\n @click=\"onRowClick\"\n @keydown=\"ctx.onItemKeydown($event, node.id)\"\n @focus=\"ctx.setFocusedId(node.id)\"\n >\n <button\n v-if=\"hasChildren\"\n type=\"button\"\n class=\"tree-tree-view__toggle\"\n :class=\"{ 'is-expanded': isExpanded }\"\n tabindex=\"-1\"\n :disabled=\"isDisabled\"\n :aria-label=\"isExpanded ? 'Collapse node' : 'Expand node'\"\n @click.stop=\"onToggleClick\"\n >\n <ChevronRightIcon :size=\"16\" />\n </button>\n\n <span\n v-else\n class=\"tree-tree-view__spacer\"\n aria-hidden=\"true\"\n />\n\n <span\n class=\"tree-tree-view__marker\"\n :class=\"{\n 'is-selected': isSelected,\n 'is-multiple': ctx.selectionMode.value === 'multiple',\n }\"\n aria-hidden=\"true\"\n >\n <CheckIcon\n v-if=\"ctx.selectionMode.value === 'multiple' && isSelected\"\n :size=\"14\"\n />\n </span>\n\n <span class=\"tree-tree-view__copy\">\n <span class=\"tree-tree-view__label\">{{ node.label }}</span>\n <span\n v-if=\"node.description\"\n class=\"tree-tree-view__description\"\n >\n {{ node.description }}\n </span>\n </span>\n\n <span\n v-if=\"node.meta\"\n class=\"tree-tree-view__meta\"\n >\n {{ node.meta }}\n </span>\n </div>\n\n <ul\n v-if=\"hasChildren && isExpanded\"\n class=\"tree-tree-view__group\"\n role=\"group\"\n >\n <TreeTreeViewItem\n v-for=\"child in node.children\"\n :key=\"child.id\"\n :node=\"child\"\n :level=\"level + 1\"\n />\n </ul>\n </li>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, isActivationKey } from '@treeui/utils';\nimport { computed, nextTick, provide, ref, useAttrs, watch } from 'vue';\nimport TreeTreeViewItem from './TreeTreeViewItem.vue';\nimport {\n treeTreeViewInjectionKey,\n type TreeTreeViewNode,\n type TreeTreeViewRecord,\n type TreeTreeViewSelectionMode,\n} from './tree-view';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string | string[];\n defaultValue?: string | string[];\n nodes?: TreeTreeViewNode[];\n selectionMode?: TreeTreeViewSelectionMode;\n expanded?: string[];\n defaultExpanded?: string[];\n disabled?: boolean;\n emptyText?: string;\n }>(),\n {\n modelValue: undefined,\n defaultValue: undefined,\n nodes: () => [],\n selectionMode: 'single',\n expanded: undefined,\n defaultExpanded: () => [],\n disabled: false,\n emptyText: 'No items available.',\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string | string[] | undefined];\n 'update:expanded': [value: string[]];\n 'selection-change': [value: string | string[] | undefined];\n 'expanded-change': [value: string[]];\n}>();\n\nconst attrs = useAttrs();\nconst baseId = createId('tree-tree-view');\nconst internalValue = ref<string | string[] | undefined>(props.defaultValue);\nconst internalExpanded = ref<string[]>(props.defaultExpanded);\nconst itemRefs = ref<Map<string, HTMLElement>>(new Map());\n\nconst rootClasses = computed(() => [\n 'tree-tree-view',\n {\n 'is-disabled': props.disabled,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst treeAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst selectedValues = computed(() => {\n const value = props.modelValue ?? internalValue.value;\n\n if (value === undefined || value === null || value === '') {\n return [] as string[];\n }\n\n return Array.isArray(value) ? value : [value];\n});\n\nconst expandedValues = computed(() => props.expanded ?? internalExpanded.value);\n\nconst updateSelection = (nextValues: string[]) => {\n if (props.selectionMode === 'multiple') {\n if (props.modelValue === undefined) {\n internalValue.value = nextValues;\n }\n\n emit('update:modelValue', nextValues);\n emit('selection-change', nextValues);\n return;\n }\n\n const nextValue = nextValues[0];\n\n if (props.modelValue === undefined) {\n internalValue.value = nextValue;\n }\n\n emit('update:modelValue', nextValue);\n emit('selection-change', nextValue);\n};\n\nconst updateExpanded = (nextValues: string[]) => {\n if (props.expanded === undefined) {\n internalExpanded.value = nextValues;\n }\n\n emit('update:expanded', nextValues);\n emit('expanded-change', nextValues);\n};\n\nconst isSelected = (id: string) => selectedValues.value.includes(id);\nconst isExpanded = (id: string) => expandedValues.value.includes(id);\n\nconst flattenNodes = (\n nodes: TreeTreeViewNode[],\n level = 1,\n parentId?: string,\n): TreeTreeViewRecord[] =>\n nodes.reduce<TreeTreeViewRecord[]>((records, node) => {\n records.push({\n node,\n level,\n parentId,\n });\n\n if (node.children?.length && isExpanded(node.id)) {\n records.push(...flattenNodes(node.children, level + 1, node.id));\n }\n\n return records;\n }, []);\n\nconst visibleNodes = computed(() => flattenNodes(props.nodes));\nconst enabledNodes = computed(() => visibleNodes.value.filter((record) => !record.node.disabled));\n\nconst getInitialFocusedId = () => {\n const selectedId = selectedValues.value.find((value) =>\n visibleNodes.value.some((record) => record.node.id === value && !record.node.disabled),\n );\n\n if (selectedId) {\n return selectedId;\n }\n\n return enabledNodes.value[0]?.node.id ?? '';\n};\n\nconst focusedId = ref(getInitialFocusedId());\n\nconst registerItem = (id: string, element: HTMLElement) => {\n itemRefs.value.set(id, element);\n};\n\nconst unregisterItem = (id: string) => {\n itemRefs.value.delete(id);\n};\n\nconst focusItem = (id: string) => {\n nextTick(() => itemRefs.value.get(id)?.focus());\n};\n\nconst setFocusedId = (id: string, shouldFocus = false) => {\n focusedId.value = id;\n\n if (shouldFocus) {\n focusItem(id);\n }\n};\n\nconst getVisibleRecord = (id: string) =>\n visibleNodes.value.find((record) => record.node.id === id);\n\nconst focusBoundary = (position: 'first' | 'last') => {\n const target =\n position === 'first' ? enabledNodes.value[0] : enabledNodes.value[enabledNodes.value.length - 1];\n\n if (target) {\n setFocusedId(target.node.id, true);\n }\n};\n\nconst focusAdjacent = (direction: 1 | -1) => {\n const currentIndex = enabledNodes.value.findIndex((record) => record.node.id === focusedId.value);\n\n if (currentIndex === -1) {\n focusBoundary(direction === 1 ? 'first' : 'last');\n return;\n }\n\n const nextIndex = currentIndex + direction;\n\n if (nextIndex < 0 || nextIndex >= enabledNodes.value.length) {\n return;\n }\n\n setFocusedId(enabledNodes.value[nextIndex].node.id, true);\n};\n\nconst toggleExpanded = (id: string) => {\n const nextValues = isExpanded(id)\n ? expandedValues.value.filter((value) => value !== id)\n : [...expandedValues.value, id];\n\n updateExpanded(nextValues);\n};\n\nconst toggleSelected = (id: string) => {\n const record = getVisibleRecord(id);\n\n if (!record || record.node.disabled || props.disabled) {\n return;\n }\n\n if (props.selectionMode === 'multiple') {\n const nextValues = isSelected(id)\n ? selectedValues.value.filter((value) => value !== id)\n : [...selectedValues.value, id];\n\n updateSelection(nextValues);\n return;\n }\n\n updateSelection([id]);\n};\n\nconst onItemKeydown = (event: KeyboardEvent, id: string) => {\n const record = getVisibleRecord(id);\n\n if (!record || record.node.disabled || props.disabled) {\n return;\n }\n\n const hasChildren = Boolean(record.node.children?.length);\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n focusAdjacent(1);\n break;\n case 'ArrowUp':\n event.preventDefault();\n focusAdjacent(-1);\n break;\n case 'ArrowRight':\n event.preventDefault();\n\n if (hasChildren && !isExpanded(id)) {\n toggleExpanded(id);\n return;\n }\n\n if (hasChildren) {\n const firstChild = visibleNodes.value.find(\n (item) => item.parentId === id && !item.node.disabled,\n );\n\n if (firstChild) {\n setFocusedId(firstChild.node.id, true);\n }\n }\n\n break;\n case 'ArrowLeft':\n event.preventDefault();\n\n if (hasChildren && isExpanded(id)) {\n toggleExpanded(id);\n return;\n }\n\n if (record.parentId) {\n setFocusedId(record.parentId, true);\n }\n\n break;\n case 'Home':\n event.preventDefault();\n focusBoundary('first');\n break;\n case 'End':\n event.preventDefault();\n focusBoundary('last');\n break;\n default:\n if (isActivationKey(event)) {\n event.preventDefault();\n toggleSelected(id);\n }\n break;\n }\n};\n\nwatch(\n () => [visibleNodes.value, props.modelValue] as const,\n () => {\n const focusedRecord = visibleNodes.value.find(\n (record) => record.node.id === focusedId.value && !record.node.disabled,\n );\n\n if (!focusedRecord) {\n focusedId.value = getInitialFocusedId();\n }\n },\n { deep: true, immediate: true },\n);\n\nprovide(treeTreeViewInjectionKey, {\n baseId,\n disabled: computed(() => props.disabled),\n selectionMode: computed(() => props.selectionMode),\n focusedId,\n isExpanded,\n toggleExpanded,\n isSelected,\n toggleSelected,\n setFocusedId,\n onItemKeydown,\n registerItem,\n unregisterItem,\n});\n</script>\n\n<template>\n <div\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <ul\n v-if=\"nodes.length > 0\"\n v-bind=\"treeAttrs\"\n class=\"tree-tree-view__root\"\n role=\"tree\"\n :aria-multiselectable=\"selectionMode === 'multiple' || undefined\"\n >\n <TreeTreeViewItem\n v-for=\"node in nodes\"\n :key=\"node.id\"\n :node=\"node\"\n :level=\"1\"\n />\n </ul>\n\n <div\n v-else\n class=\"tree-tree-view__empty\"\n >\n {{ emptyText }}\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, isActivationKey } from '@treeui/utils';\nimport { computed, nextTick, provide, ref, useAttrs, watch } from 'vue';\nimport TreeTreeViewItem from './TreeTreeViewItem.vue';\nimport {\n treeTreeViewInjectionKey,\n type TreeTreeViewNode,\n type TreeTreeViewRecord,\n type TreeTreeViewSelectionMode,\n} from './tree-view';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string | string[];\n defaultValue?: string | string[];\n nodes?: TreeTreeViewNode[];\n selectionMode?: TreeTreeViewSelectionMode;\n expanded?: string[];\n defaultExpanded?: string[];\n disabled?: boolean;\n emptyText?: string;\n }>(),\n {\n modelValue: undefined,\n defaultValue: undefined,\n nodes: () => [],\n selectionMode: 'single',\n expanded: undefined,\n defaultExpanded: () => [],\n disabled: false,\n emptyText: 'No items available.',\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string | string[] | undefined];\n 'update:expanded': [value: string[]];\n 'selection-change': [value: string | string[] | undefined];\n 'expanded-change': [value: string[]];\n}>();\n\nconst attrs = useAttrs();\nconst baseId = createId('tree-tree-view');\nconst internalValue = ref<string | string[] | undefined>(props.defaultValue);\nconst internalExpanded = ref<string[]>(props.defaultExpanded);\nconst itemRefs = ref<Map<string, HTMLElement>>(new Map());\n\nconst rootClasses = computed(() => [\n 'tree-tree-view',\n {\n 'is-disabled': props.disabled,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst treeAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst selectedValues = computed(() => {\n const value = props.modelValue ?? internalValue.value;\n\n if (value === undefined || value === null || value === '') {\n return [] as string[];\n }\n\n return Array.isArray(value) ? value : [value];\n});\n\nconst expandedValues = computed(() => props.expanded ?? internalExpanded.value);\n\nconst updateSelection = (nextValues: string[]) => {\n if (props.selectionMode === 'multiple') {\n if (props.modelValue === undefined) {\n internalValue.value = nextValues;\n }\n\n emit('update:modelValue', nextValues);\n emit('selection-change', nextValues);\n return;\n }\n\n const nextValue = nextValues[0];\n\n if (props.modelValue === undefined) {\n internalValue.value = nextValue;\n }\n\n emit('update:modelValue', nextValue);\n emit('selection-change', nextValue);\n};\n\nconst updateExpanded = (nextValues: string[]) => {\n if (props.expanded === undefined) {\n internalExpanded.value = nextValues;\n }\n\n emit('update:expanded', nextValues);\n emit('expanded-change', nextValues);\n};\n\nconst isSelected = (id: string) => selectedValues.value.includes(id);\nconst isExpanded = (id: string) => expandedValues.value.includes(id);\n\nconst flattenNodes = (\n nodes: TreeTreeViewNode[],\n level = 1,\n parentId?: string,\n): TreeTreeViewRecord[] =>\n nodes.reduce<TreeTreeViewRecord[]>((records, node) => {\n records.push({\n node,\n level,\n parentId,\n });\n\n if (node.children?.length && isExpanded(node.id)) {\n records.push(...flattenNodes(node.children, level + 1, node.id));\n }\n\n return records;\n }, []);\n\nconst visibleNodes = computed(() => flattenNodes(props.nodes));\nconst enabledNodes = computed(() => visibleNodes.value.filter((record) => !record.node.disabled));\n\nconst getInitialFocusedId = () => {\n const selectedId = selectedValues.value.find((value) =>\n visibleNodes.value.some((record) => record.node.id === value && !record.node.disabled),\n );\n\n if (selectedId) {\n return selectedId;\n }\n\n return enabledNodes.value[0]?.node.id ?? '';\n};\n\nconst focusedId = ref(getInitialFocusedId());\n\nconst registerItem = (id: string, element: HTMLElement) => {\n itemRefs.value.set(id, element);\n};\n\nconst unregisterItem = (id: string) => {\n itemRefs.value.delete(id);\n};\n\nconst focusItem = (id: string) => {\n nextTick(() => itemRefs.value.get(id)?.focus());\n};\n\nconst setFocusedId = (id: string, shouldFocus = false) => {\n focusedId.value = id;\n\n if (shouldFocus) {\n focusItem(id);\n }\n};\n\nconst getVisibleRecord = (id: string) =>\n visibleNodes.value.find((record) => record.node.id === id);\n\nconst focusBoundary = (position: 'first' | 'last') => {\n const target =\n position === 'first' ? enabledNodes.value[0] : enabledNodes.value[enabledNodes.value.length - 1];\n\n if (target) {\n setFocusedId(target.node.id, true);\n }\n};\n\nconst focusAdjacent = (direction: 1 | -1) => {\n const currentIndex = enabledNodes.value.findIndex((record) => record.node.id === focusedId.value);\n\n if (currentIndex === -1) {\n focusBoundary(direction === 1 ? 'first' : 'last');\n return;\n }\n\n const nextIndex = currentIndex + direction;\n\n if (nextIndex < 0 || nextIndex >= enabledNodes.value.length) {\n return;\n }\n\n setFocusedId(enabledNodes.value[nextIndex].node.id, true);\n};\n\nconst toggleExpanded = (id: string) => {\n const nextValues = isExpanded(id)\n ? expandedValues.value.filter((value) => value !== id)\n : [...expandedValues.value, id];\n\n updateExpanded(nextValues);\n};\n\nconst toggleSelected = (id: string) => {\n const record = getVisibleRecord(id);\n\n if (!record || record.node.disabled || props.disabled) {\n return;\n }\n\n if (props.selectionMode === 'multiple') {\n const nextValues = isSelected(id)\n ? selectedValues.value.filter((value) => value !== id)\n : [...selectedValues.value, id];\n\n updateSelection(nextValues);\n return;\n }\n\n updateSelection([id]);\n};\n\nconst onItemKeydown = (event: KeyboardEvent, id: string) => {\n const record = getVisibleRecord(id);\n\n if (!record || record.node.disabled || props.disabled) {\n return;\n }\n\n const hasChildren = Boolean(record.node.children?.length);\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n focusAdjacent(1);\n break;\n case 'ArrowUp':\n event.preventDefault();\n focusAdjacent(-1);\n break;\n case 'ArrowRight':\n event.preventDefault();\n\n if (hasChildren && !isExpanded(id)) {\n toggleExpanded(id);\n return;\n }\n\n if (hasChildren) {\n const firstChild = visibleNodes.value.find(\n (item) => item.parentId === id && !item.node.disabled,\n );\n\n if (firstChild) {\n setFocusedId(firstChild.node.id, true);\n }\n }\n\n break;\n case 'ArrowLeft':\n event.preventDefault();\n\n if (hasChildren && isExpanded(id)) {\n toggleExpanded(id);\n return;\n }\n\n if (record.parentId) {\n setFocusedId(record.parentId, true);\n }\n\n break;\n case 'Home':\n event.preventDefault();\n focusBoundary('first');\n break;\n case 'End':\n event.preventDefault();\n focusBoundary('last');\n break;\n default:\n if (isActivationKey(event)) {\n event.preventDefault();\n toggleSelected(id);\n }\n break;\n }\n};\n\nwatch(\n () => [visibleNodes.value, props.modelValue] as const,\n () => {\n const focusedRecord = visibleNodes.value.find(\n (record) => record.node.id === focusedId.value && !record.node.disabled,\n );\n\n if (!focusedRecord) {\n focusedId.value = getInitialFocusedId();\n }\n },\n { deep: true, immediate: true },\n);\n\nprovide(treeTreeViewInjectionKey, {\n baseId,\n disabled: computed(() => props.disabled),\n selectionMode: computed(() => props.selectionMode),\n focusedId,\n isExpanded,\n toggleExpanded,\n isSelected,\n toggleSelected,\n setFocusedId,\n onItemKeydown,\n registerItem,\n unregisterItem,\n});\n</script>\n\n<template>\n <div\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <ul\n v-if=\"nodes.length > 0\"\n v-bind=\"treeAttrs\"\n class=\"tree-tree-view__root\"\n role=\"tree\"\n :aria-multiselectable=\"selectionMode === 'multiple' || undefined\"\n >\n <TreeTreeViewItem\n v-for=\"node in nodes\"\n :key=\"node.id\"\n :node=\"node\"\n :level=\"1\"\n />\n </ul>\n\n <div\n v-else\n class=\"tree-tree-view__empty\"\n >\n {{ emptyText }}\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport { computed, ref, useAttrs, watch } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeStepItem {\n label: string;\n value: string;\n description?: string;\n meta?: string;\n status?: TreeStepStatus;\n disabled?: boolean;\n}\n\nconst _treeStepStatuses = ['complete', 'current', 'upcoming', 'error'] as const;\nconst _treeStepOrientations = ['horizontal', 'vertical'] as const;\n\nexport type TreeStepStatus = (typeof _treeStepStatuses)[number];\nexport type TreeStepOrientation = (typeof _treeStepOrientations)[number];\n\nconst CheckIcon = getTreeIcon('check');\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n defaultValue?: string;\n items?: TreeStepItem[];\n size?: TreeSize;\n orientation?: TreeStepOrientation;\n interactive?: boolean;\n }>(),\n {\n modelValue: undefined,\n defaultValue: '',\n items: () => [],\n size: 'md',\n orientation: 'horizontal',\n interactive: false,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n}>();\n\ndefineSlots<{\n item?: (props: {\n item: TreeStepItem;\n index: number;\n status: TreeStepStatus;\n current: boolean;\n }) => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst internalValue = ref(props.defaultValue || props.items[0]?.value || '');\n\nconst activeValue = computed(() => props.modelValue ?? internalValue.value);\n\nconst currentIndex = computed(() => {\n const activeIndex = props.items.findIndex((item) => item.value === activeValue.value);\n return activeIndex >= 0 ? activeIndex : 0;\n});\n\nconst rootClasses = computed(() => [\n 'tree-steps',\n `tree-steps--${props.size}`,\n `tree-steps--${props.orientation}`,\n {\n 'is-interactive': props.interactive,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst resolveStatus = (item: TreeStepItem, index: number): TreeStepStatus => {\n if (item.status) {\n return item.status;\n }\n\n if (index < currentIndex.value) {\n return 'complete';\n }\n\n if (index === currentIndex.value) {\n return 'current';\n }\n\n return 'upcoming';\n};\n\nconst selectStep = (item: TreeStepItem) => {\n if (!props.interactive || item.disabled) {\n return;\n }\n\n if (props.modelValue === undefined) {\n internalValue.value = item.value;\n }\n\n emit('update:modelValue', item.value);\n};\n\nwatch(\n () => props.items,\n (items) => {\n const hasCurrentItem = items.some((item) => item.value === activeValue.value);\n\n if (!hasCurrentItem && items[0] && props.modelValue === undefined) {\n internalValue.value = items[0].value;\n }\n },\n { deep: true },\n);\n</script>\n\n<template>\n <ol\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <li\n v-for=\"(item, index) in items\"\n :key=\"item.value\"\n class=\"tree-steps__item\"\n :class=\"`is-${resolveStatus(item, index)}`\"\n >\n <button\n type=\"button\"\n class=\"tree-steps__button\"\n :class=\"{\n 'is-current': resolveStatus(item, index) === 'current',\n 'is-disabled': item.disabled,\n }\"\n :disabled=\"!interactive || item.disabled\"\n :aria-current=\"resolveStatus(item, index) === 'current' ? 'step' : undefined\"\n @click=\"selectStep(item)\"\n >\n <slot\n name=\"item\"\n :item=\"item\"\n :index=\"index\"\n :status=\"resolveStatus(item, index)\"\n :current=\"resolveStatus(item, index) === 'current'\"\n >\n <span\n class=\"tree-steps__indicator\"\n aria-hidden=\"true\"\n >\n <CheckIcon\n v-if=\"resolveStatus(item, index) === 'complete'\"\n v-bind=\"treeIconDefaults\"\n />\n <span v-else-if=\"resolveStatus(item, index) === 'error'\">!</span>\n <span v-else>{{ index + 1 }}</span>\n </span>\n\n <span class=\"tree-steps__copy\">\n <span class=\"tree-steps__label\">{{ item.label }}</span>\n <span\n v-if=\"item.description\"\n class=\"tree-steps__description\"\n >\n {{ item.description }}\n </span>\n </span>\n\n <span\n v-if=\"item.meta\"\n class=\"tree-steps__meta\"\n >\n {{ item.meta }}\n </span>\n </slot>\n </button>\n </li>\n </ol>\n</template>\n","<script setup lang=\"ts\">\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport { computed, ref, useAttrs, watch } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeStepItem {\n label: string;\n value: string;\n description?: string;\n meta?: string;\n status?: TreeStepStatus;\n disabled?: boolean;\n}\n\nconst _treeStepStatuses = ['complete', 'current', 'upcoming', 'error'] as const;\nconst _treeStepOrientations = ['horizontal', 'vertical'] as const;\n\nexport type TreeStepStatus = (typeof _treeStepStatuses)[number];\nexport type TreeStepOrientation = (typeof _treeStepOrientations)[number];\n\nconst CheckIcon = getTreeIcon('check');\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n defaultValue?: string;\n items?: TreeStepItem[];\n size?: TreeSize;\n orientation?: TreeStepOrientation;\n interactive?: boolean;\n }>(),\n {\n modelValue: undefined,\n defaultValue: '',\n items: () => [],\n size: 'md',\n orientation: 'horizontal',\n interactive: false,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n}>();\n\ndefineSlots<{\n item?: (props: {\n item: TreeStepItem;\n index: number;\n status: TreeStepStatus;\n current: boolean;\n }) => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst internalValue = ref(props.defaultValue || props.items[0]?.value || '');\n\nconst activeValue = computed(() => props.modelValue ?? internalValue.value);\n\nconst currentIndex = computed(() => {\n const activeIndex = props.items.findIndex((item) => item.value === activeValue.value);\n return activeIndex >= 0 ? activeIndex : 0;\n});\n\nconst rootClasses = computed(() => [\n 'tree-steps',\n `tree-steps--${props.size}`,\n `tree-steps--${props.orientation}`,\n {\n 'is-interactive': props.interactive,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst resolveStatus = (item: TreeStepItem, index: number): TreeStepStatus => {\n if (item.status) {\n return item.status;\n }\n\n if (index < currentIndex.value) {\n return 'complete';\n }\n\n if (index === currentIndex.value) {\n return 'current';\n }\n\n return 'upcoming';\n};\n\nconst selectStep = (item: TreeStepItem) => {\n if (!props.interactive || item.disabled) {\n return;\n }\n\n if (props.modelValue === undefined) {\n internalValue.value = item.value;\n }\n\n emit('update:modelValue', item.value);\n};\n\nwatch(\n () => props.items,\n (items) => {\n const hasCurrentItem = items.some((item) => item.value === activeValue.value);\n\n if (!hasCurrentItem && items[0] && props.modelValue === undefined) {\n internalValue.value = items[0].value;\n }\n },\n { deep: true },\n);\n</script>\n\n<template>\n <ol\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <li\n v-for=\"(item, index) in items\"\n :key=\"item.value\"\n class=\"tree-steps__item\"\n :class=\"`is-${resolveStatus(item, index)}`\"\n >\n <button\n type=\"button\"\n class=\"tree-steps__button\"\n :class=\"{\n 'is-current': resolveStatus(item, index) === 'current',\n 'is-disabled': item.disabled,\n }\"\n :disabled=\"!interactive || item.disabled\"\n :aria-current=\"resolveStatus(item, index) === 'current' ? 'step' : undefined\"\n @click=\"selectStep(item)\"\n >\n <slot\n name=\"item\"\n :item=\"item\"\n :index=\"index\"\n :status=\"resolveStatus(item, index)\"\n :current=\"resolveStatus(item, index) === 'current'\"\n >\n <span\n class=\"tree-steps__indicator\"\n aria-hidden=\"true\"\n >\n <CheckIcon\n v-if=\"resolveStatus(item, index) === 'complete'\"\n v-bind=\"treeIconDefaults\"\n />\n <span v-else-if=\"resolveStatus(item, index) === 'error'\">!</span>\n <span v-else>{{ index + 1 }}</span>\n </span>\n\n <span class=\"tree-steps__copy\">\n <span class=\"tree-steps__label\">{{ item.label }}</span>\n <span\n v-if=\"item.description\"\n class=\"tree-steps__description\"\n >\n {{ item.description }}\n </span>\n </span>\n\n <span\n v-if=\"item.meta\"\n class=\"tree-steps__meta\"\n >\n {{ item.meta }}\n </span>\n </slot>\n </button>\n </li>\n </ol>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, getNextEnabledIndex, isActivationKey } from '@treeui/utils';\nimport { computed, nextTick, ref, useAttrs, watch, type ComponentPublicInstance } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeToggleGroupOption {\n label: string;\n value: string;\n disabled?: boolean;\n}\n\nconst _treeToggleGroupSelectionModes = ['single', 'multiple'] as const;\nconst _treeToggleGroupVariants = ['outline', 'soft', 'solid'] as const;\n\nexport type TreeToggleGroupSelectionMode = (typeof _treeToggleGroupSelectionModes)[number];\nexport type TreeToggleGroupVariant = (typeof _treeToggleGroupVariants)[number];\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string | string[];\n options?: TreeToggleGroupOption[];\n selectionMode?: TreeToggleGroupSelectionMode;\n size?: TreeSize;\n variant?: TreeToggleGroupVariant;\n disabled?: boolean;\n }>(),\n {\n modelValue: undefined,\n options: () => [],\n selectionMode: 'single',\n size: 'md',\n variant: 'outline',\n disabled: false,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string | string[] | undefined];\n}>();\n\ndefineSlots<{\n option?: (props: { option: TreeToggleGroupOption; selected: boolean }) => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst baseId = createId('tree-toggle-group');\nconst buttonRefs = ref<Map<string, HTMLButtonElement>>(new Map());\n\nconst normalizedValues = computed(() =>\n props.selectionMode === 'multiple'\n ? Array.isArray(props.modelValue)\n ? props.modelValue\n : []\n : typeof props.modelValue === 'string' && props.modelValue\n ? [props.modelValue]\n : [],\n);\n\nconst getInitialFocusedIndex = () => {\n const selectedIndex = props.options.findIndex((option) =>\n normalizedValues.value.includes(option.value) && !option.disabled,\n );\n\n if (selectedIndex >= 0) {\n return selectedIndex;\n }\n\n return props.options.findIndex((option) => !option.disabled);\n};\n\nconst focusedIndex = ref(getInitialFocusedIndex());\n\nconst rootClasses = computed(() => [\n 'tree-toggle-group',\n `tree-toggle-group--${props.size}`,\n `tree-toggle-group--${props.variant}`,\n `tree-toggle-group--${props.selectionMode}`,\n {\n 'is-disabled': props.disabled,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst isSelected = (value: string) => normalizedValues.value.includes(value);\n\nconst setButtonRef = (element: Element | ComponentPublicInstance | null, value: string) => {\n const resolvedElement =\n element instanceof HTMLButtonElement\n ? element\n : element && '$el' in element && element.$el instanceof HTMLButtonElement\n ? element.$el\n : null;\n\n if (resolvedElement instanceof HTMLButtonElement) {\n buttonRefs.value.set(value, resolvedElement);\n } else {\n buttonRefs.value.delete(value);\n }\n};\n\nconst focusOption = (index: number) => {\n const option = props.options[index];\n\n if (!option) {\n return;\n }\n\n focusedIndex.value = index;\n nextTick(() => buttonRefs.value.get(option.value)?.focus());\n};\n\nconst selectValue = (value: string) => {\n const option = props.options.find((item) => item.value === value);\n\n if (!option || option.disabled || props.disabled) {\n return;\n }\n\n if (props.selectionMode === 'multiple') {\n const nextValues = isSelected(value)\n ? normalizedValues.value.filter((item) => item !== value)\n : [...normalizedValues.value, value];\n\n emit('update:modelValue', nextValues);\n return;\n }\n\n emit('update:modelValue', value);\n};\n\nconst onOptionKeydown = (event: KeyboardEvent, index: number) => {\n if (props.disabled) {\n return;\n }\n\n if (event.key === 'Home') {\n event.preventDefault();\n const firstIndex = props.options.findIndex((option) => !option.disabled);\n\n if (firstIndex >= 0) {\n focusOption(firstIndex);\n\n if (props.selectionMode === 'single') {\n selectValue(props.options[firstIndex].value);\n }\n }\n\n return;\n }\n\n if (event.key === 'End') {\n event.preventDefault();\n const lastIndex = [...props.options].reverse().findIndex((option) => !option.disabled);\n\n if (lastIndex >= 0) {\n const resolvedIndex = props.options.length - 1 - lastIndex;\n focusOption(resolvedIndex);\n\n if (props.selectionMode === 'single') {\n selectValue(props.options[resolvedIndex].value);\n }\n }\n\n return;\n }\n\n if (\n event.key === 'ArrowRight' ||\n event.key === 'ArrowDown' ||\n event.key === 'ArrowLeft' ||\n event.key === 'ArrowUp'\n ) {\n event.preventDefault();\n const direction = event.key === 'ArrowRight' || event.key === 'ArrowDown' ? 1 : -1;\n const nextIndex = getNextEnabledIndex(index, props.options, direction as 1 | -1);\n\n if (nextIndex >= 0) {\n focusOption(nextIndex);\n\n if (props.selectionMode === 'single') {\n selectValue(props.options[nextIndex].value);\n }\n }\n\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectValue(props.options[index].value);\n }\n};\n\nconst getTabIndex = (index: number) => (focusedIndex.value === index ? 0 : -1);\n\nwatch(\n () => [props.modelValue, props.options] as const,\n () => {\n const nextIndex = getInitialFocusedIndex();\n focusedIndex.value = nextIndex >= 0 ? nextIndex : -1;\n },\n { deep: true },\n);\n</script>\n\n<template>\n <div\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :role=\"selectionMode === 'single' ? 'radiogroup' : 'group'\"\n >\n <button\n v-for=\"(option, index) in options\"\n :id=\"`${baseId}-${option.value}`\"\n :ref=\"(element) => setButtonRef(element, option.value)\"\n :key=\"option.value\"\n type=\"button\"\n class=\"tree-toggle-group__item\"\n :class=\"{\n 'is-selected': isSelected(option.value),\n 'is-disabled': disabled || option.disabled,\n }\"\n :role=\"selectionMode === 'single' ? 'radio' : undefined\"\n :aria-checked=\"selectionMode === 'single' ? isSelected(option.value) : undefined\"\n :aria-pressed=\"selectionMode === 'multiple' ? isSelected(option.value) : undefined\"\n :tabindex=\"option.disabled || disabled ? -1 : getTabIndex(index)\"\n :disabled=\"disabled || option.disabled\"\n @click=\"selectValue(option.value)\"\n @keydown=\"onOptionKeydown($event, index)\"\n @focus=\"focusedIndex = index\"\n >\n <slot\n name=\"option\"\n :option=\"option\"\n :selected=\"isSelected(option.value)\"\n >\n {{ option.label }}\n </slot>\n </button>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { createId, getNextEnabledIndex, isActivationKey } from '@treeui/utils';\nimport { computed, nextTick, ref, useAttrs, watch, type ComponentPublicInstance } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport interface TreeToggleGroupOption {\n label: string;\n value: string;\n disabled?: boolean;\n}\n\nconst _treeToggleGroupSelectionModes = ['single', 'multiple'] as const;\nconst _treeToggleGroupVariants = ['outline', 'soft', 'solid'] as const;\n\nexport type TreeToggleGroupSelectionMode = (typeof _treeToggleGroupSelectionModes)[number];\nexport type TreeToggleGroupVariant = (typeof _treeToggleGroupVariants)[number];\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string | string[];\n options?: TreeToggleGroupOption[];\n selectionMode?: TreeToggleGroupSelectionMode;\n size?: TreeSize;\n variant?: TreeToggleGroupVariant;\n disabled?: boolean;\n }>(),\n {\n modelValue: undefined,\n options: () => [],\n selectionMode: 'single',\n size: 'md',\n variant: 'outline',\n disabled: false,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string | string[] | undefined];\n}>();\n\ndefineSlots<{\n option?: (props: { option: TreeToggleGroupOption; selected: boolean }) => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst baseId = createId('tree-toggle-group');\nconst buttonRefs = ref<Map<string, HTMLButtonElement>>(new Map());\n\nconst normalizedValues = computed(() =>\n props.selectionMode === 'multiple'\n ? Array.isArray(props.modelValue)\n ? props.modelValue\n : []\n : typeof props.modelValue === 'string' && props.modelValue\n ? [props.modelValue]\n : [],\n);\n\nconst getInitialFocusedIndex = () => {\n const selectedIndex = props.options.findIndex((option) =>\n normalizedValues.value.includes(option.value) && !option.disabled,\n );\n\n if (selectedIndex >= 0) {\n return selectedIndex;\n }\n\n return props.options.findIndex((option) => !option.disabled);\n};\n\nconst focusedIndex = ref(getInitialFocusedIndex());\n\nconst rootClasses = computed(() => [\n 'tree-toggle-group',\n `tree-toggle-group--${props.size}`,\n `tree-toggle-group--${props.variant}`,\n `tree-toggle-group--${props.selectionMode}`,\n {\n 'is-disabled': props.disabled,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst isSelected = (value: string) => normalizedValues.value.includes(value);\n\nconst setButtonRef = (element: Element | ComponentPublicInstance | null, value: string) => {\n const resolvedElement =\n element instanceof HTMLButtonElement\n ? element\n : element && '$el' in element && element.$el instanceof HTMLButtonElement\n ? element.$el\n : null;\n\n if (resolvedElement instanceof HTMLButtonElement) {\n buttonRefs.value.set(value, resolvedElement);\n } else {\n buttonRefs.value.delete(value);\n }\n};\n\nconst focusOption = (index: number) => {\n const option = props.options[index];\n\n if (!option) {\n return;\n }\n\n focusedIndex.value = index;\n nextTick(() => buttonRefs.value.get(option.value)?.focus());\n};\n\nconst selectValue = (value: string) => {\n const option = props.options.find((item) => item.value === value);\n\n if (!option || option.disabled || props.disabled) {\n return;\n }\n\n if (props.selectionMode === 'multiple') {\n const nextValues = isSelected(value)\n ? normalizedValues.value.filter((item) => item !== value)\n : [...normalizedValues.value, value];\n\n emit('update:modelValue', nextValues);\n return;\n }\n\n emit('update:modelValue', value);\n};\n\nconst onOptionKeydown = (event: KeyboardEvent, index: number) => {\n if (props.disabled) {\n return;\n }\n\n if (event.key === 'Home') {\n event.preventDefault();\n const firstIndex = props.options.findIndex((option) => !option.disabled);\n\n if (firstIndex >= 0) {\n focusOption(firstIndex);\n\n if (props.selectionMode === 'single') {\n selectValue(props.options[firstIndex].value);\n }\n }\n\n return;\n }\n\n if (event.key === 'End') {\n event.preventDefault();\n const lastIndex = [...props.options].reverse().findIndex((option) => !option.disabled);\n\n if (lastIndex >= 0) {\n const resolvedIndex = props.options.length - 1 - lastIndex;\n focusOption(resolvedIndex);\n\n if (props.selectionMode === 'single') {\n selectValue(props.options[resolvedIndex].value);\n }\n }\n\n return;\n }\n\n if (\n event.key === 'ArrowRight' ||\n event.key === 'ArrowDown' ||\n event.key === 'ArrowLeft' ||\n event.key === 'ArrowUp'\n ) {\n event.preventDefault();\n const direction = event.key === 'ArrowRight' || event.key === 'ArrowDown' ? 1 : -1;\n const nextIndex = getNextEnabledIndex(index, props.options, direction as 1 | -1);\n\n if (nextIndex >= 0) {\n focusOption(nextIndex);\n\n if (props.selectionMode === 'single') {\n selectValue(props.options[nextIndex].value);\n }\n }\n\n return;\n }\n\n if (isActivationKey(event)) {\n event.preventDefault();\n selectValue(props.options[index].value);\n }\n};\n\nconst getTabIndex = (index: number) => (focusedIndex.value === index ? 0 : -1);\n\nwatch(\n () => [props.modelValue, props.options] as const,\n () => {\n const nextIndex = getInitialFocusedIndex();\n focusedIndex.value = nextIndex >= 0 ? nextIndex : -1;\n },\n { deep: true },\n);\n</script>\n\n<template>\n <div\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :role=\"selectionMode === 'single' ? 'radiogroup' : 'group'\"\n >\n <button\n v-for=\"(option, index) in options\"\n :id=\"`${baseId}-${option.value}`\"\n :ref=\"(element) => setButtonRef(element, option.value)\"\n :key=\"option.value\"\n type=\"button\"\n class=\"tree-toggle-group__item\"\n :class=\"{\n 'is-selected': isSelected(option.value),\n 'is-disabled': disabled || option.disabled,\n }\"\n :role=\"selectionMode === 'single' ? 'radio' : undefined\"\n :aria-checked=\"selectionMode === 'single' ? isSelected(option.value) : undefined\"\n :aria-pressed=\"selectionMode === 'multiple' ? isSelected(option.value) : undefined\"\n :tabindex=\"option.disabled || disabled ? -1 : getTabIndex(index)\"\n :disabled=\"disabled || option.disabled\"\n @click=\"selectValue(option.value)\"\n @keydown=\"onOptionKeydown($event, index)\"\n @focus=\"focusedIndex = index\"\n >\n <slot\n name=\"option\"\n :option=\"option\"\n :selected=\"isSelected(option.value)\"\n >\n {{ option.label }}\n </slot>\n </button>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs, ref, watch, nextTick } from 'vue';\nimport type { TreeSize } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n invalid?: boolean;\n placeholder?: string;\n rows?: number;\n autoGrow?: boolean;\n }>(),\n {\n modelValue: '',\n size: 'md',\n disabled: false,\n loading: false,\n invalid: false,\n placeholder: '',\n rows: 3,\n autoGrow: false,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\n\nconst rootClasses = computed(() => [\n 'tree-textarea',\n `tree-textarea--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'is-loading': props.loading,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst textareaAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst stringValue = computed(() => `${props.modelValue ?? ''}`);\n\nconst onInput = (event: Event) => {\n emit('update:modelValue', (event.target as HTMLTextAreaElement).value);\n};\n\nconst adjustHeight = () => {\n const el = textareaRef.value;\n if (!el || !props.autoGrow) return;\n el.style.height = 'auto';\n el.style.height = `${el.scrollHeight}px`;\n};\n\nwatch(\n () => props.modelValue,\n async () => {\n if (!props.autoGrow) return;\n await nextTick();\n adjustHeight();\n },\n);\n</script>\n\n<template>\n <label\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <textarea\n ref=\"textareaRef\"\n v-bind=\"textareaAttrs\"\n class=\"tree-textarea__field\"\n :value=\"stringValue\"\n :placeholder=\"placeholder\"\n :disabled=\"disabled\"\n :rows=\"rows\"\n :aria-invalid=\"invalid || undefined\"\n @input=\"onInput\"\n />\n <TreeSpinner\n v-if=\"loading\"\n size=\"sm\"\n label=\"Loading\"\n />\n </label>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs, ref, watch, nextTick } from 'vue';\nimport type { TreeSize } from '../types/contracts';\nimport TreeSpinner from './TreeSpinner.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n size?: TreeSize;\n disabled?: boolean;\n loading?: boolean;\n invalid?: boolean;\n placeholder?: string;\n rows?: number;\n autoGrow?: boolean;\n }>(),\n {\n modelValue: '',\n size: 'md',\n disabled: false,\n loading: false,\n invalid: false,\n placeholder: '',\n rows: 3,\n autoGrow: false,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\n\nconst rootClasses = computed(() => [\n 'tree-textarea',\n `tree-textarea--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n 'is-loading': props.loading,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst textareaAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst stringValue = computed(() => `${props.modelValue ?? ''}`);\n\nconst onInput = (event: Event) => {\n emit('update:modelValue', (event.target as HTMLTextAreaElement).value);\n};\n\nconst adjustHeight = () => {\n const el = textareaRef.value;\n if (!el || !props.autoGrow) return;\n el.style.height = 'auto';\n el.style.height = `${el.scrollHeight}px`;\n};\n\nwatch(\n () => props.modelValue,\n async () => {\n if (!props.autoGrow) return;\n await nextTick();\n adjustHeight();\n },\n);\n</script>\n\n<template>\n <label\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <textarea\n ref=\"textareaRef\"\n v-bind=\"textareaAttrs\"\n class=\"tree-textarea__field\"\n :value=\"stringValue\"\n :placeholder=\"placeholder\"\n :disabled=\"disabled\"\n :rows=\"rows\"\n :aria-invalid=\"invalid || undefined\"\n @input=\"onInput\"\n />\n <TreeSpinner\n v-if=\"loading\"\n size=\"sm\"\n label=\"Loading\"\n />\n </label>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = withDefaults(\n defineProps<{\n width?: string;\n height?: string;\n animation?: 'pulse' | 'wave' | 'none';\n }>(),\n {\n width: '100%',\n height: undefined,\n animation: 'pulse',\n },\n);\n\nconst classes = computed(() => [\n 'tree-skeleton',\n props.animation !== 'none' ? `tree-skeleton--${props.animation}` : '',\n]);\n\nconst style = computed(() => ({\n width: props.width,\n height: props.height,\n}));\n</script>\n\n<template>\n <span\n :class=\"classes\"\n :style=\"style\"\n aria-hidden=\"true\"\n >\n <slot />\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = withDefaults(\n defineProps<{\n width?: string;\n height?: string;\n animation?: 'pulse' | 'wave' | 'none';\n }>(),\n {\n width: '100%',\n height: undefined,\n animation: 'pulse',\n },\n);\n\nconst classes = computed(() => [\n 'tree-skeleton',\n props.animation !== 'none' ? `tree-skeleton--${props.animation}` : '',\n]);\n\nconst style = computed(() => ({\n width: props.width,\n height: props.height,\n}));\n</script>\n\n<template>\n <span\n :class=\"classes\"\n :style=\"style\"\n aria-hidden=\"true\"\n >\n <slot />\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs, useSlots } from 'vue';\nimport TreeSkeleton from './TreeSkeleton.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst _treeStatTones = ['neutral', 'success', 'warning', 'danger', 'info'] as const;\nconst _treeStatTrendDirections = ['up', 'down', 'neutral'] as const;\n\nexport type TreeStatTone = (typeof _treeStatTones)[number];\nexport type TreeStatTrendDirection = (typeof _treeStatTrendDirections)[number];\n\nconst props = withDefaults(\n defineProps<{\n label?: string;\n value?: string | number;\n trend?: string;\n meta?: string;\n tone?: TreeStatTone;\n trendDirection?: TreeStatTrendDirection;\n loading?: boolean;\n }>(),\n {\n label: '',\n value: '',\n trend: '',\n meta: '',\n tone: 'neutral',\n trendDirection: 'neutral',\n loading: false,\n },\n);\n\ndefineSlots<{\n icon?: () => unknown;\n label?: () => unknown;\n value?: () => unknown;\n trend?: () => unknown;\n meta?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst slots = useSlots();\n\nconst rootClasses = computed(() => [\n 'tree-stat',\n `tree-stat--${props.tone}`,\n {\n 'has-icon': Boolean(slots.icon) && !props.loading,\n 'is-loading': props.loading,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst loadingAttrs = computed(() => ({\n ...rootAttrs.value,\n 'aria-busy': props.loading || undefined,\n}));\n\nconst hasValue = computed(() => props.value !== '' && props.value !== null && props.value !== undefined);\nconst hasTrend = computed(() => Boolean(slots.trend || props.trend));\nconst hasMeta = computed(() => Boolean(slots.meta || props.meta));\nconst hasLabel = computed(() => Boolean(slots.label || props.label));\n\nconst trendSymbol = computed(() => {\n if (props.trendDirection === 'up') {\n return '+';\n }\n\n if (props.trendDirection === 'down') {\n return '-';\n }\n\n return '•';\n});\n</script>\n\n<template>\n <div\n v-bind=\"loadingAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <template v-if=\"loading\">\n <div class=\"tree-stat__loading\">\n <TreeSkeleton class=\"tree-stat__loading-label\" />\n <TreeSkeleton class=\"tree-stat__loading-value\" />\n <TreeSkeleton class=\"tree-stat__loading-trend\" />\n </div>\n </template>\n <template v-else>\n <div\n v-if=\"$slots.icon\"\n class=\"tree-stat__icon\"\n >\n <slot name=\"icon\" />\n </div>\n\n <div class=\"tree-stat__body\">\n <div\n v-if=\"hasLabel || hasMeta\"\n class=\"tree-stat__topline\"\n >\n <p\n v-if=\"hasLabel\"\n class=\"tree-stat__label\"\n >\n <slot name=\"label\">\n {{ label }}\n </slot>\n </p>\n\n <p\n v-if=\"hasMeta\"\n class=\"tree-stat__meta\"\n >\n <slot name=\"meta\">\n {{ meta }}\n </slot>\n </p>\n </div>\n\n <div class=\"tree-stat__content\">\n <p\n v-if=\"hasValue || $slots.value\"\n class=\"tree-stat__value\"\n >\n <slot name=\"value\">\n {{ value }}\n </slot>\n </p>\n\n <p\n v-if=\"hasTrend\"\n class=\"tree-stat__trend\"\n >\n <slot name=\"trend\">\n <span\n class=\"tree-stat__trend-indicator\"\n aria-hidden=\"true\"\n >\n {{ trendSymbol }}\n </span>\n <span>{{ trend }}</span>\n </slot>\n </p>\n </div>\n </div>\n </template>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs, useSlots } from 'vue';\nimport TreeSkeleton from './TreeSkeleton.vue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst _treeStatTones = ['neutral', 'success', 'warning', 'danger', 'info'] as const;\nconst _treeStatTrendDirections = ['up', 'down', 'neutral'] as const;\n\nexport type TreeStatTone = (typeof _treeStatTones)[number];\nexport type TreeStatTrendDirection = (typeof _treeStatTrendDirections)[number];\n\nconst props = withDefaults(\n defineProps<{\n label?: string;\n value?: string | number;\n trend?: string;\n meta?: string;\n tone?: TreeStatTone;\n trendDirection?: TreeStatTrendDirection;\n loading?: boolean;\n }>(),\n {\n label: '',\n value: '',\n trend: '',\n meta: '',\n tone: 'neutral',\n trendDirection: 'neutral',\n loading: false,\n },\n);\n\ndefineSlots<{\n icon?: () => unknown;\n label?: () => unknown;\n value?: () => unknown;\n trend?: () => unknown;\n meta?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst slots = useSlots();\n\nconst rootClasses = computed(() => [\n 'tree-stat',\n `tree-stat--${props.tone}`,\n {\n 'has-icon': Boolean(slots.icon) && !props.loading,\n 'is-loading': props.loading,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst loadingAttrs = computed(() => ({\n ...rootAttrs.value,\n 'aria-busy': props.loading || undefined,\n}));\n\nconst hasValue = computed(() => props.value !== '' && props.value !== null && props.value !== undefined);\nconst hasTrend = computed(() => Boolean(slots.trend || props.trend));\nconst hasMeta = computed(() => Boolean(slots.meta || props.meta));\nconst hasLabel = computed(() => Boolean(slots.label || props.label));\n\nconst trendSymbol = computed(() => {\n if (props.trendDirection === 'up') {\n return '+';\n }\n\n if (props.trendDirection === 'down') {\n return '-';\n }\n\n return '•';\n});\n</script>\n\n<template>\n <div\n v-bind=\"loadingAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <template v-if=\"loading\">\n <div class=\"tree-stat__loading\">\n <TreeSkeleton class=\"tree-stat__loading-label\" />\n <TreeSkeleton class=\"tree-stat__loading-value\" />\n <TreeSkeleton class=\"tree-stat__loading-trend\" />\n </div>\n </template>\n <template v-else>\n <div\n v-if=\"$slots.icon\"\n class=\"tree-stat__icon\"\n >\n <slot name=\"icon\" />\n </div>\n\n <div class=\"tree-stat__body\">\n <div\n v-if=\"hasLabel || hasMeta\"\n class=\"tree-stat__topline\"\n >\n <p\n v-if=\"hasLabel\"\n class=\"tree-stat__label\"\n >\n <slot name=\"label\">\n {{ label }}\n </slot>\n </p>\n\n <p\n v-if=\"hasMeta\"\n class=\"tree-stat__meta\"\n >\n <slot name=\"meta\">\n {{ meta }}\n </slot>\n </p>\n </div>\n\n <div class=\"tree-stat__content\">\n <p\n v-if=\"hasValue || $slots.value\"\n class=\"tree-stat__value\"\n >\n <slot name=\"value\">\n {{ value }}\n </slot>\n </p>\n\n <p\n v-if=\"hasTrend\"\n class=\"tree-stat__trend\"\n >\n <slot name=\"trend\">\n <span\n class=\"tree-stat__trend-indicator\"\n aria-hidden=\"true\"\n >\n {{ trendSymbol }}\n </span>\n <span>{{ trend }}</span>\n </slot>\n </p>\n </div>\n </div>\n </template>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: boolean;\n size?: TreeSize;\n disabled?: boolean;\n invalid?: boolean;\n }>(),\n {\n modelValue: false,\n size: 'md',\n disabled: false,\n invalid: false,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n 'tree-switch',\n `tree-switch--${props.size}`,\n {\n 'is-checked': props.modelValue,\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst onChange = () => {\n emit('update:modelValue', !props.modelValue);\n};\n</script>\n\n<template>\n <label\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <input\n v-bind=\"inputAttrs\"\n type=\"checkbox\"\n role=\"switch\"\n class=\"tree-switch__input\"\n :checked=\"modelValue\"\n :disabled=\"disabled\"\n :aria-checked=\"modelValue\"\n :aria-invalid=\"invalid || undefined\"\n @change=\"onChange\"\n >\n <span\n class=\"tree-switch__track\"\n aria-hidden=\"true\"\n >\n <span class=\"tree-switch__thumb\" />\n </span>\n <span\n v-if=\"$slots.default\"\n class=\"tree-switch__label\"\n >\n <slot />\n </span>\n </label>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: boolean;\n size?: TreeSize;\n disabled?: boolean;\n invalid?: boolean;\n }>(),\n {\n modelValue: false,\n size: 'md',\n disabled: false,\n invalid: false,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n 'tree-switch',\n `tree-switch--${props.size}`,\n {\n 'is-checked': props.modelValue,\n 'is-disabled': props.disabled,\n 'is-invalid': props.invalid,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst onChange = () => {\n emit('update:modelValue', !props.modelValue);\n};\n</script>\n\n<template>\n <label\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <input\n v-bind=\"inputAttrs\"\n type=\"checkbox\"\n role=\"switch\"\n class=\"tree-switch__input\"\n :checked=\"modelValue\"\n :disabled=\"disabled\"\n :aria-checked=\"modelValue\"\n :aria-invalid=\"invalid || undefined\"\n @change=\"onChange\"\n >\n <span\n class=\"tree-switch__track\"\n aria-hidden=\"true\"\n >\n <span class=\"tree-switch__thumb\" />\n </span>\n <span\n v-if=\"$slots.default\"\n class=\"tree-switch__label\"\n >\n <slot />\n </span>\n </label>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, toRef, useAttrs } from 'vue';\nimport { createId } from '@treeui/utils';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeTooltipSide } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n content?: string;\n side?: TreeTooltipSide;\n delay?: number;\n id?: string;\n }>(),\n {\n defaultOpen: false,\n disabled: false,\n content: '',\n side: 'top',\n delay: 80,\n id: undefined,\n },\n);\n\nconst emit = defineEmits<{\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\nconst contentId = props.id ?? createId('tree-tooltip');\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\nconst rootClasses = computed(() => ['tree-tooltip', attrs.class]);\nconst rootStyle = computed(() => attrs.style);\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nlet openTimer: ReturnType<typeof setTimeout> | undefined;\n\nconst clearOpenTimer = () => {\n if (openTimer) {\n clearTimeout(openTimer);\n openTimer = undefined;\n }\n};\n\nconst show = (immediate = false) => {\n if (props.disabled) {\n return;\n }\n\n clearOpenTimer();\n\n if (immediate) {\n setValue(true);\n return;\n }\n\n openTimer = setTimeout(() => {\n setValue(true);\n }, props.delay);\n};\n\nconst showOnFocus = () => {\n show(true);\n};\n\nconst showOnPointer = () => {\n show();\n};\n\nconst hide = () => {\n clearOpenTimer();\n setValue(false);\n};\n\nconst tooltipClasses = computed(() => [\n 'tree-tooltip__content',\n `tree-tooltip__content--${props.side}`,\n]);\n\nonBeforeUnmount(clearOpenTimer);\n</script>\n\n<template>\n <span\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n @mouseenter=\"showOnPointer\"\n @mouseleave=\"hide\"\n @focus.capture=\"showOnFocus\"\n @blur.capture=\"hide\"\n >\n <span\n class=\"tree-tooltip__trigger\"\n :aria-describedby=\"isOpen ? contentId : undefined\"\n v-bind=\"triggerAttrs\"\n >\n <slot name=\"trigger\">\n <slot />\n </slot>\n </span>\n <transition name=\"tree-fade\">\n <span\n v-if=\"isOpen && !disabled\"\n :id=\"contentId\"\n role=\"tooltip\"\n :class=\"tooltipClasses\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <slot name=\"content\">\n {{ content }}\n </slot>\n </span>\n </transition>\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, toRef, useAttrs } from 'vue';\nimport { createId } from '@treeui/utils';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeTooltipSide } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n content?: string;\n side?: TreeTooltipSide;\n delay?: number;\n id?: string;\n }>(),\n {\n defaultOpen: false,\n disabled: false,\n content: '',\n side: 'top',\n delay: 80,\n id: undefined,\n },\n);\n\nconst emit = defineEmits<{\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\nconst contentId = props.id ?? createId('tree-tooltip');\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\nconst rootClasses = computed(() => ['tree-tooltip', attrs.class]);\nconst rootStyle = computed(() => attrs.style);\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nlet openTimer: ReturnType<typeof setTimeout> | undefined;\n\nconst clearOpenTimer = () => {\n if (openTimer) {\n clearTimeout(openTimer);\n openTimer = undefined;\n }\n};\n\nconst show = (immediate = false) => {\n if (props.disabled) {\n return;\n }\n\n clearOpenTimer();\n\n if (immediate) {\n setValue(true);\n return;\n }\n\n openTimer = setTimeout(() => {\n setValue(true);\n }, props.delay);\n};\n\nconst showOnFocus = () => {\n show(true);\n};\n\nconst showOnPointer = () => {\n show();\n};\n\nconst hide = () => {\n clearOpenTimer();\n setValue(false);\n};\n\nconst tooltipClasses = computed(() => [\n 'tree-tooltip__content',\n `tree-tooltip__content--${props.side}`,\n]);\n\nonBeforeUnmount(clearOpenTimer);\n</script>\n\n<template>\n <span\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n @mouseenter=\"showOnPointer\"\n @mouseleave=\"hide\"\n @focus.capture=\"showOnFocus\"\n @blur.capture=\"hide\"\n >\n <span\n class=\"tree-tooltip__trigger\"\n :aria-describedby=\"isOpen ? contentId : undefined\"\n v-bind=\"triggerAttrs\"\n >\n <slot name=\"trigger\">\n <slot />\n </slot>\n </span>\n <transition name=\"tree-fade\">\n <span\n v-if=\"isOpen && !disabled\"\n :id=\"contentId\"\n role=\"tooltip\"\n :class=\"tooltipClasses\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <slot name=\"content\">\n {{ content }}\n </slot>\n </span>\n </transition>\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n label?: string;\n htmlFor?: string;\n error?: string;\n hint?: string;\n required?: boolean;\n disabled?: boolean;\n size?: TreeSize;\n }>(),\n {\n label: undefined,\n htmlFor: undefined,\n error: undefined,\n hint: undefined,\n required: false,\n disabled: false,\n size: 'md',\n },\n);\n\nconst attrs = useAttrs();\n\nconst hasError = computed(() => !!props.error || !!slots.error);\n\nconst slots = defineSlots<{\n default?: (props: Record<string, never>) => unknown;\n label?: (props: Record<string, never>) => unknown;\n error?: (props: Record<string, never>) => unknown;\n hint?: (props: Record<string, never>) => unknown;\n}>();\n\nconst rootClasses = computed(() => [\n 'tree-form-field',\n `tree-form-field--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': hasError.value,\n 'is-required': props.required,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst fieldAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n</script>\n\n<template>\n <div\n v-bind=\"fieldAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <label\n v-if=\"label || $slots.label\"\n class=\"tree-form-field__label\"\n :for=\"htmlFor\"\n >\n <slot name=\"label\">{{ label }}</slot>\n <span\n v-if=\"required\"\n class=\"tree-form-field__required\"\n aria-hidden=\"true\"\n >*</span>\n </label>\n\n <div class=\"tree-form-field__control\">\n <slot />\n </div>\n\n <p\n v-if=\"hasError\"\n class=\"tree-form-field__error\"\n role=\"alert\"\n >\n <slot name=\"error\">\n {{ error }}\n </slot>\n </p>\n\n <p\n v-else-if=\"hint || $slots.hint\"\n class=\"tree-form-field__hint\"\n >\n <slot name=\"hint\">\n {{ hint }}\n </slot>\n </p>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n label?: string;\n htmlFor?: string;\n error?: string;\n hint?: string;\n required?: boolean;\n disabled?: boolean;\n size?: TreeSize;\n }>(),\n {\n label: undefined,\n htmlFor: undefined,\n error: undefined,\n hint: undefined,\n required: false,\n disabled: false,\n size: 'md',\n },\n);\n\nconst attrs = useAttrs();\n\nconst hasError = computed(() => !!props.error || !!slots.error);\n\nconst slots = defineSlots<{\n default?: (props: Record<string, never>) => unknown;\n label?: (props: Record<string, never>) => unknown;\n error?: (props: Record<string, never>) => unknown;\n hint?: (props: Record<string, never>) => unknown;\n}>();\n\nconst rootClasses = computed(() => [\n 'tree-form-field',\n `tree-form-field--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-invalid': hasError.value,\n 'is-required': props.required,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst fieldAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n</script>\n\n<template>\n <div\n v-bind=\"fieldAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <label\n v-if=\"label || $slots.label\"\n class=\"tree-form-field__label\"\n :for=\"htmlFor\"\n >\n <slot name=\"label\">{{ label }}</slot>\n <span\n v-if=\"required\"\n class=\"tree-form-field__required\"\n aria-hidden=\"true\"\n >*</span>\n </label>\n\n <div class=\"tree-form-field__control\">\n <slot />\n </div>\n\n <p\n v-if=\"hasError\"\n class=\"tree-form-field__error\"\n role=\"alert\"\n >\n <slot name=\"error\">\n {{ error }}\n </slot>\n </p>\n\n <p\n v-else-if=\"hint || $slots.hint\"\n class=\"tree-form-field__hint\"\n >\n <slot name=\"hint\">\n {{ hint }}\n </slot>\n </p>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nconst props = withDefaults(\n defineProps<{\n /** Current active page (1-based) */\n modelValue?: number;\n /** Total number of pages */\n totalPages: number;\n /** Number of sibling pages shown around the current page */\n siblings?: number;\n /** Size variant */\n size?: TreeSize;\n /** Disable all controls */\n disabled?: boolean;\n /** Accessible label for the nav element */\n label?: string;\n }>(),\n {\n modelValue: 1,\n siblings: 1,\n size: 'md',\n disabled: false,\n label: 'Pagination',\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [page: number];\n}>();\n\ndefineSlots<{\n previous?: (props: Record<string, never>) => unknown;\n next?: (props: Record<string, never>) => unknown;\n}>();\n\nconst currentPage = computed(() =>\n Math.min(Math.max(1, props.modelValue), props.totalPages),\n);\n\nconst pages = computed(() => {\n const total = props.totalPages;\n const current = currentPage.value;\n const siblings = props.siblings;\n const items: (number | 'ellipsis')[] = [];\n\n const rangeStart = Math.max(2, current - siblings);\n const rangeEnd = Math.min(total - 1, current + siblings);\n\n // Always show page 1\n items.push(1);\n\n // Leading ellipsis\n if (rangeStart > 2) {\n items.push('ellipsis');\n }\n\n // Sibling pages\n for (let i = rangeStart; i <= rangeEnd; i++) {\n items.push(i);\n }\n\n // Trailing ellipsis\n if (rangeEnd < total - 1) {\n items.push('ellipsis');\n }\n\n // Always show last page (if more than 1 page)\n if (total > 1) {\n items.push(total);\n }\n\n return items;\n});\n\nconst classes = computed(() => [\n 'tree-pagination',\n `tree-pagination--${props.size}`,\n { 'is-disabled': props.disabled },\n]);\n\nfunction goToPage(page: number) {\n if (props.disabled) return;\n const clamped = Math.min(Math.max(1, page), props.totalPages);\n if (clamped !== currentPage.value) {\n emit('update:modelValue', clamped);\n }\n}\n\nfunction onKeydown(event: KeyboardEvent, page: number) {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n goToPage(page);\n }\n}\n</script>\n\n<template>\n <nav\n :class=\"classes\"\n :aria-label=\"label\"\n >\n <ul class=\"tree-pagination__list\">\n <!-- Previous button -->\n <li class=\"tree-pagination__item\">\n <button\n class=\"tree-pagination__button tree-pagination__button--prev\"\n type=\"button\"\n :disabled=\"disabled || currentPage <= 1\"\n :aria-label=\"'Go to previous page'\"\n @click=\"goToPage(currentPage - 1)\"\n >\n <slot name=\"previous\">\n <svg\n class=\"tree-pagination__icon\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M10 12L6 8l4-4\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </slot>\n </button>\n </li>\n\n <!-- Page items -->\n <li\n v-for=\"(page, index) in pages\"\n :key=\"page === 'ellipsis' ? `ellipsis-${index}` : page\"\n class=\"tree-pagination__item\"\n >\n <span\n v-if=\"page === 'ellipsis'\"\n class=\"tree-pagination__ellipsis\"\n aria-hidden=\"true\"\n >\n &hellip;\n </span>\n <button\n v-else\n class=\"tree-pagination__button\"\n :class=\"{ 'is-active': page === currentPage }\"\n type=\"button\"\n :disabled=\"disabled\"\n :aria-label=\"`Go to page ${page}`\"\n :aria-current=\"page === currentPage ? 'page' : undefined\"\n @click=\"goToPage(page)\"\n @keydown=\"onKeydown($event, page)\"\n >\n {{ page }}\n </button>\n </li>\n\n <!-- Next button -->\n <li class=\"tree-pagination__item\">\n <button\n class=\"tree-pagination__button tree-pagination__button--next\"\n type=\"button\"\n :disabled=\"disabled || currentPage >= totalPages\"\n :aria-label=\"'Go to next page'\"\n @click=\"goToPage(currentPage + 1)\"\n >\n <slot name=\"next\">\n <svg\n class=\"tree-pagination__icon\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M6 4l4 4-4 4\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </slot>\n </button>\n </li>\n </ul>\n </nav>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nconst props = withDefaults(\n defineProps<{\n /** Current active page (1-based) */\n modelValue?: number;\n /** Total number of pages */\n totalPages: number;\n /** Number of sibling pages shown around the current page */\n siblings?: number;\n /** Size variant */\n size?: TreeSize;\n /** Disable all controls */\n disabled?: boolean;\n /** Accessible label for the nav element */\n label?: string;\n }>(),\n {\n modelValue: 1,\n siblings: 1,\n size: 'md',\n disabled: false,\n label: 'Pagination',\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [page: number];\n}>();\n\ndefineSlots<{\n previous?: (props: Record<string, never>) => unknown;\n next?: (props: Record<string, never>) => unknown;\n}>();\n\nconst currentPage = computed(() =>\n Math.min(Math.max(1, props.modelValue), props.totalPages),\n);\n\nconst pages = computed(() => {\n const total = props.totalPages;\n const current = currentPage.value;\n const siblings = props.siblings;\n const items: (number | 'ellipsis')[] = [];\n\n const rangeStart = Math.max(2, current - siblings);\n const rangeEnd = Math.min(total - 1, current + siblings);\n\n // Always show page 1\n items.push(1);\n\n // Leading ellipsis\n if (rangeStart > 2) {\n items.push('ellipsis');\n }\n\n // Sibling pages\n for (let i = rangeStart; i <= rangeEnd; i++) {\n items.push(i);\n }\n\n // Trailing ellipsis\n if (rangeEnd < total - 1) {\n items.push('ellipsis');\n }\n\n // Always show last page (if more than 1 page)\n if (total > 1) {\n items.push(total);\n }\n\n return items;\n});\n\nconst classes = computed(() => [\n 'tree-pagination',\n `tree-pagination--${props.size}`,\n { 'is-disabled': props.disabled },\n]);\n\nfunction goToPage(page: number) {\n if (props.disabled) return;\n const clamped = Math.min(Math.max(1, page), props.totalPages);\n if (clamped !== currentPage.value) {\n emit('update:modelValue', clamped);\n }\n}\n\nfunction onKeydown(event: KeyboardEvent, page: number) {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n goToPage(page);\n }\n}\n</script>\n\n<template>\n <nav\n :class=\"classes\"\n :aria-label=\"label\"\n >\n <ul class=\"tree-pagination__list\">\n <!-- Previous button -->\n <li class=\"tree-pagination__item\">\n <button\n class=\"tree-pagination__button tree-pagination__button--prev\"\n type=\"button\"\n :disabled=\"disabled || currentPage <= 1\"\n :aria-label=\"'Go to previous page'\"\n @click=\"goToPage(currentPage - 1)\"\n >\n <slot name=\"previous\">\n <svg\n class=\"tree-pagination__icon\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M10 12L6 8l4-4\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </slot>\n </button>\n </li>\n\n <!-- Page items -->\n <li\n v-for=\"(page, index) in pages\"\n :key=\"page === 'ellipsis' ? `ellipsis-${index}` : page\"\n class=\"tree-pagination__item\"\n >\n <span\n v-if=\"page === 'ellipsis'\"\n class=\"tree-pagination__ellipsis\"\n aria-hidden=\"true\"\n >\n &hellip;\n </span>\n <button\n v-else\n class=\"tree-pagination__button\"\n :class=\"{ 'is-active': page === currentPage }\"\n type=\"button\"\n :disabled=\"disabled\"\n :aria-label=\"`Go to page ${page}`\"\n :aria-current=\"page === currentPage ? 'page' : undefined\"\n @click=\"goToPage(page)\"\n @keydown=\"onKeydown($event, page)\"\n >\n {{ page }}\n </button>\n </li>\n\n <!-- Next button -->\n <li class=\"tree-pagination__item\">\n <button\n class=\"tree-pagination__button tree-pagination__button--next\"\n type=\"button\"\n :disabled=\"disabled || currentPage >= totalPages\"\n :aria-label=\"'Go to next page'\"\n @click=\"goToPage(currentPage + 1)\"\n >\n <slot name=\"next\">\n <svg\n class=\"tree-pagination__icon\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M6 4l4 4-4 4\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </slot>\n </button>\n </li>\n </ul>\n </nav>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { createId, focusFirst, isEscapeKey } from '@treeui/utils';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeTooltipSide } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n side?: TreeTooltipSide;\n align?: 'start' | 'center' | 'end';\n id?: string;\n }>(),\n {\n open: undefined,\n defaultOpen: false,\n disabled: false,\n side: 'bottom',\n align: 'center',\n id: undefined,\n },\n);\n\nconst emit = defineEmits<{\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\ndefineSlots<{\n trigger(props: { isOpen: boolean }): unknown;\n default(): unknown;\n}>();\n\nconst attrs = useAttrs();\nconst contentId = props.id ?? createId('tree-popover');\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst contentRef = ref<HTMLElement | null>(null);\n\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 'tree-popover',\n {\n 'is-open': isOpen.value,\n 'is-disabled': props.disabled,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst contentClasses = computed(() => [\n 'tree-popover__content',\n `tree-popover__content--${props.side}`,\n `tree-popover__content--align-${props.align}`,\n]);\n\nconst openPopover = () => {\n if (props.disabled) return;\n setValue(true);\n nextTick(() => {\n if (contentRef.value) {\n if (!focusFirst(contentRef.value)) {\n contentRef.value.focus();\n }\n }\n });\n};\n\nconst closePopover = (restoreFocus = false) => {\n setValue(false);\n if (restoreFocus) {\n nextTick(() => triggerRef.value?.focus());\n }\n};\n\nconst togglePopover = () => {\n if (isOpen.value) {\n closePopover();\n } else {\n openPopover();\n }\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n if (props.disabled) return;\n\n if (isEscapeKey(event) && isOpen.value) {\n event.preventDefault();\n closePopover();\n }\n};\n\nconst onContentKeydown = (event: KeyboardEvent) => {\n if (isEscapeKey(event)) {\n event.preventDefault();\n closePopover(true);\n }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) return;\n const target = event.target;\n if (!(target instanceof Node)) return;\n if (rootRef.value?.contains(target)) return;\n closePopover();\n};\n\nwatch(isOpen, (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n } else {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n }\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <div\n class=\"tree-popover__anchor\"\n @click=\"togglePopover\"\n @keydown=\"onTriggerKeydown\"\n >\n <slot\n name=\"trigger\"\n :is-open=\"isOpen\"\n >\n <button\n ref=\"triggerRef\"\n type=\"button\"\n class=\"tree-popover__trigger\"\n :disabled=\"disabled\"\n :aria-expanded=\"isOpen\"\n :aria-controls=\"isOpen ? contentId : undefined\"\n aria-haspopup=\"dialog\"\n v-bind=\"triggerAttrs\"\n />\n </slot>\n </div>\n <transition name=\"tree-popover-fade\">\n <div\n v-if=\"isOpen && !disabled\"\n :id=\"contentId\"\n ref=\"contentRef\"\n role=\"dialog\"\n :class=\"contentClasses\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n tabindex=\"-1\"\n @keydown=\"onContentKeydown\"\n >\n <slot />\n </div>\n </transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { createId, focusFirst, isEscapeKey } from '@treeui/utils';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TreeTooltipSide } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n side?: TreeTooltipSide;\n align?: 'start' | 'center' | 'end';\n id?: string;\n }>(),\n {\n open: undefined,\n defaultOpen: false,\n disabled: false,\n side: 'bottom',\n align: 'center',\n id: undefined,\n },\n);\n\nconst emit = defineEmits<{\n 'update:open': [value: boolean];\n 'open-change': [value: boolean];\n}>();\n\ndefineSlots<{\n trigger(props: { isOpen: boolean }): unknown;\n default(): unknown;\n}>();\n\nconst attrs = useAttrs();\nconst contentId = props.id ?? createId('tree-popover');\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst contentRef = ref<HTMLElement | null>(null);\n\nconst triggerAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst { value: isOpen, setValue } = useControllableOpen(\n toRef(props, 'open'),\n props.defaultOpen,\n (value) => {\n emit('update:open', value);\n emit('open-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 'tree-popover',\n {\n 'is-open': isOpen.value,\n 'is-disabled': props.disabled,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst contentClasses = computed(() => [\n 'tree-popover__content',\n `tree-popover__content--${props.side}`,\n `tree-popover__content--align-${props.align}`,\n]);\n\nconst openPopover = () => {\n if (props.disabled) return;\n setValue(true);\n nextTick(() => {\n if (contentRef.value) {\n if (!focusFirst(contentRef.value)) {\n contentRef.value.focus();\n }\n }\n });\n};\n\nconst closePopover = (restoreFocus = false) => {\n setValue(false);\n if (restoreFocus) {\n nextTick(() => triggerRef.value?.focus());\n }\n};\n\nconst togglePopover = () => {\n if (isOpen.value) {\n closePopover();\n } else {\n openPopover();\n }\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n if (props.disabled) return;\n\n if (isEscapeKey(event) && isOpen.value) {\n event.preventDefault();\n closePopover();\n }\n};\n\nconst onContentKeydown = (event: KeyboardEvent) => {\n if (isEscapeKey(event)) {\n event.preventDefault();\n closePopover(true);\n }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n if (!isOpen.value) return;\n const target = event.target;\n if (!(target instanceof Node)) return;\n if (rootRef.value?.contains(target)) return;\n closePopover();\n};\n\nwatch(isOpen, (value) => {\n if (value) {\n document.addEventListener('pointerdown', onDocumentPointerDown);\n } else {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n }\n});\n\nonBeforeUnmount(() => {\n document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n >\n <div\n class=\"tree-popover__anchor\"\n @click=\"togglePopover\"\n @keydown=\"onTriggerKeydown\"\n >\n <slot\n name=\"trigger\"\n :is-open=\"isOpen\"\n >\n <button\n ref=\"triggerRef\"\n type=\"button\"\n class=\"tree-popover__trigger\"\n :disabled=\"disabled\"\n :aria-expanded=\"isOpen\"\n :aria-controls=\"isOpen ? contentId : undefined\"\n aria-haspopup=\"dialog\"\n v-bind=\"triggerAttrs\"\n />\n </slot>\n </div>\n <transition name=\"tree-popover-fade\">\n <div\n v-if=\"isOpen && !disabled\"\n :id=\"contentId\"\n ref=\"contentRef\"\n role=\"dialog\"\n :class=\"contentClasses\"\n :data-state=\"isOpen ? 'open' : 'closed'\"\n tabindex=\"-1\"\n @keydown=\"onContentKeydown\"\n >\n <slot />\n </div>\n </transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nconst props = withDefaults(\n defineProps<{\n /** Current progress value (0–100). Omit for indeterminate. */\n value?: number;\n /** Maximum value. Defaults to 100. */\n max?: number;\n /** Size variant */\n size?: TreeSize;\n /** Accessible label */\n label?: string;\n }>(),\n {\n value: undefined,\n max: 100,\n size: 'md',\n label: 'Progress',\n },\n);\n\nconst isIndeterminate = computed(() => props.value === undefined || props.value === null);\n\nconst percentage = computed(() => {\n if (isIndeterminate.value) return 0;\n return Math.min(100, Math.max(0, (props.value! / props.max) * 100));\n});\n\nconst classes = computed(() => [\n 'tree-progress',\n `tree-progress--${props.size}`,\n { 'tree-progress--indeterminate': isIndeterminate.value },\n]);\n</script>\n\n<template>\n <div\n :class=\"classes\"\n role=\"progressbar\"\n :aria-valuenow=\"isIndeterminate ? undefined : percentage\"\n :aria-valuemin=\"0\"\n :aria-valuemax=\"100\"\n :aria-label=\"label\"\n >\n <div class=\"tree-progress__track\">\n <div\n class=\"tree-progress__fill\"\n :style=\"isIndeterminate ? undefined : { width: `${percentage}%` }\"\n />\n </div>\n\n <span class=\"tree-visually-hidden\">{{ label }}</span>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nconst props = withDefaults(\n defineProps<{\n /** Current progress value (0–100). Omit for indeterminate. */\n value?: number;\n /** Maximum value. Defaults to 100. */\n max?: number;\n /** Size variant */\n size?: TreeSize;\n /** Accessible label */\n label?: string;\n }>(),\n {\n value: undefined,\n max: 100,\n size: 'md',\n label: 'Progress',\n },\n);\n\nconst isIndeterminate = computed(() => props.value === undefined || props.value === null);\n\nconst percentage = computed(() => {\n if (isIndeterminate.value) return 0;\n return Math.min(100, Math.max(0, (props.value! / props.max) * 100));\n});\n\nconst classes = computed(() => [\n 'tree-progress',\n `tree-progress--${props.size}`,\n { 'tree-progress--indeterminate': isIndeterminate.value },\n]);\n</script>\n\n<template>\n <div\n :class=\"classes\"\n role=\"progressbar\"\n :aria-valuenow=\"isIndeterminate ? undefined : percentage\"\n :aria-valuemin=\"0\"\n :aria-valuemax=\"100\"\n :aria-label=\"label\"\n >\n <div class=\"tree-progress__track\">\n <div\n class=\"tree-progress__fill\"\n :style=\"isIndeterminate ? undefined : { width: `${percentage}%` }\"\n />\n </div>\n\n <span class=\"tree-visually-hidden\">{{ label }}</span>\n </div>\n</template>\n","import type { InjectionKey, Ref } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nexport type TabsActivationMode = 'automatic' | 'manual';\n\nexport interface TabsContext {\n activeValue: Ref<string>;\n setActiveValue: (value: string) => void;\n size: Ref<TreeSize>;\n activationMode: Ref<TabsActivationMode>;\n disabled: Ref<boolean>;\n baseId: string;\n registerTab: (value: string) => void;\n unregisterTab: (value: string) => void;\n getTabValues: () => string[];\n isTabDisabled: (value: string) => boolean;\n setTabDisabled: (value: string, disabled: boolean) => void;\n}\n\nexport const TABS_INJECTION_KEY: InjectionKey<TabsContext> = Symbol('TreeTabs');\n","<script setup lang=\"ts\">\nimport { createId } from '@treeui/utils';\nimport { computed, provide, reactive, ref, toRef, watch } from 'vue';\nimport type { TreeSize } from '../types/contracts';\nimport type { TabsActivationMode } from './tabs-context';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n defaultValue?: string;\n size?: TreeSize;\n activationMode?: TabsActivationMode;\n disabled?: boolean;\n }>(),\n {\n modelValue: undefined,\n defaultValue: '',\n size: 'md',\n activationMode: 'automatic',\n disabled: false,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n}>();\n\nconst baseId = createId('tree-tabs');\nconst internalValue = ref(props.defaultValue);\nconst tabOrder = ref<string[]>([]);\nconst disabledTabs: Record<string, boolean> = reactive({});\n\nconst activeValue = computed(() => props.modelValue ?? internalValue.value);\n\nconst setActiveValue = (value: string) => {\n if (value === activeValue.value) return;\n if (props.modelValue === undefined) {\n internalValue.value = value;\n }\n emit('update:modelValue', value);\n};\n\nconst registerTab = (value: string) => {\n if (!tabOrder.value.includes(value)) {\n tabOrder.value.push(value);\n }\n};\n\nconst unregisterTab = (value: string) => {\n const idx = tabOrder.value.indexOf(value);\n if (idx >= 0) tabOrder.value.splice(idx, 1);\n delete disabledTabs[value];\n};\n\nconst getTabValues = () => tabOrder.value;\n\nconst isTabDisabled = (value: string) => props.disabled || !!disabledTabs[value];\n\nconst setTabDisabled = (value: string, disabled: boolean) => {\n if (disabled) {\n disabledTabs[value] = true;\n } else {\n delete disabledTabs[value];\n }\n};\n\nwatch(\n () => props.modelValue,\n (val) => {\n if (val !== undefined) {\n internalValue.value = val;\n }\n },\n);\n\nprovide(TABS_INJECTION_KEY, {\n activeValue,\n setActiveValue,\n size: toRef(props, 'size'),\n activationMode: toRef(props, 'activationMode'),\n disabled: toRef(props, 'disabled'),\n baseId,\n registerTab,\n unregisterTab,\n getTabValues,\n isTabDisabled,\n setTabDisabled,\n});\n\nconst rootClasses = computed(() => [\n 'tree-tabs',\n `tree-tabs--${props.size}`,\n]);\n</script>\n\n<template>\n <div :class=\"rootClasses\">\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { createId } from '@treeui/utils';\nimport { computed, provide, reactive, ref, toRef, watch } from 'vue';\nimport type { TreeSize } from '../types/contracts';\nimport type { TabsActivationMode } from './tabs-context';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n defaultValue?: string;\n size?: TreeSize;\n activationMode?: TabsActivationMode;\n disabled?: boolean;\n }>(),\n {\n modelValue: undefined,\n defaultValue: '',\n size: 'md',\n activationMode: 'automatic',\n disabled: false,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n}>();\n\nconst baseId = createId('tree-tabs');\nconst internalValue = ref(props.defaultValue);\nconst tabOrder = ref<string[]>([]);\nconst disabledTabs: Record<string, boolean> = reactive({});\n\nconst activeValue = computed(() => props.modelValue ?? internalValue.value);\n\nconst setActiveValue = (value: string) => {\n if (value === activeValue.value) return;\n if (props.modelValue === undefined) {\n internalValue.value = value;\n }\n emit('update:modelValue', value);\n};\n\nconst registerTab = (value: string) => {\n if (!tabOrder.value.includes(value)) {\n tabOrder.value.push(value);\n }\n};\n\nconst unregisterTab = (value: string) => {\n const idx = tabOrder.value.indexOf(value);\n if (idx >= 0) tabOrder.value.splice(idx, 1);\n delete disabledTabs[value];\n};\n\nconst getTabValues = () => tabOrder.value;\n\nconst isTabDisabled = (value: string) => props.disabled || !!disabledTabs[value];\n\nconst setTabDisabled = (value: string, disabled: boolean) => {\n if (disabled) {\n disabledTabs[value] = true;\n } else {\n delete disabledTabs[value];\n }\n};\n\nwatch(\n () => props.modelValue,\n (val) => {\n if (val !== undefined) {\n internalValue.value = val;\n }\n },\n);\n\nprovide(TABS_INJECTION_KEY, {\n activeValue,\n setActiveValue,\n size: toRef(props, 'size'),\n activationMode: toRef(props, 'activationMode'),\n disabled: toRef(props, 'disabled'),\n baseId,\n registerTab,\n unregisterTab,\n getTabValues,\n isTabDisabled,\n setTabDisabled,\n});\n\nconst rootClasses = computed(() => [\n 'tree-tabs',\n `tree-tabs--${props.size}`,\n]);\n</script>\n\n<template>\n <div :class=\"rootClasses\">\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { isActivationKey } from '@treeui/utils';\nimport { computed, inject, ref } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n throw new Error('TTabList must be used inside TTabs');\n}\n\nconst listRef = ref<HTMLElement | null>(null);\n\nconst getAllTabElements = (): HTMLElement[] => {\n if (!listRef.value) return [];\n return Array.from(\n listRef.value.querySelectorAll<HTMLElement>('[role=\"tab\"]'),\n );\n};\n\nconst getEnabledTabElements = (): HTMLElement[] => {\n return getAllTabElements().filter((el) => {\n const value = el.dataset.tabValue;\n return value ? !ctx.isTabDisabled(value) : false;\n });\n};\n\nconst moveFocus = (direction: 1 | -1) => {\n const tabs = getEnabledTabElements();\n if (!tabs.length) return;\n\n const current = document.activeElement as HTMLElement;\n const currentIndex = tabs.indexOf(current);\n let nextIndex = currentIndex + direction;\n\n if (nextIndex < 0) nextIndex = tabs.length - 1;\n if (nextIndex >= tabs.length) nextIndex = 0;\n\n const nextTab = tabs[nextIndex];\n nextTab.focus();\n\n if (ctx.activationMode.value === 'automatic') {\n const value = nextTab.dataset.tabValue;\n if (value) ctx.setActiveValue(value);\n }\n};\n\nconst focusFirst = () => {\n const tabs = getEnabledTabElements();\n if (!tabs.length) return;\n tabs[0].focus();\n if (ctx.activationMode.value === 'automatic') {\n const value = tabs[0].dataset.tabValue;\n if (value) ctx.setActiveValue(value);\n }\n};\n\nconst focusLast = () => {\n const tabs = getEnabledTabElements();\n if (!tabs.length) return;\n const last = tabs[tabs.length - 1];\n last.focus();\n if (ctx.activationMode.value === 'automatic') {\n const value = last.dataset.tabValue;\n if (value) ctx.setActiveValue(value);\n }\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n switch (event.key) {\n case 'ArrowRight':\n event.preventDefault();\n moveFocus(1);\n break;\n case 'ArrowLeft':\n event.preventDefault();\n moveFocus(-1);\n break;\n case 'Home':\n event.preventDefault();\n focusFirst();\n break;\n case 'End':\n event.preventDefault();\n focusLast();\n break;\n default:\n if (ctx.activationMode.value === 'manual' && isActivationKey(event)) {\n event.preventDefault();\n const target = event.target as HTMLElement;\n const value = target.dataset?.tabValue;\n if (value) ctx.setActiveValue(value);\n }\n break;\n }\n};\n\nconst classes = computed(() => [\n 'tree-tabs__list',\n]);\n</script>\n\n<template>\n <div\n ref=\"listRef\"\n role=\"tablist\"\n aria-orientation=\"horizontal\"\n :class=\"classes\"\n @keydown=\"onKeydown\"\n >\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { isActivationKey } from '@treeui/utils';\nimport { computed, inject, ref } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n throw new Error('TTabList must be used inside TTabs');\n}\n\nconst listRef = ref<HTMLElement | null>(null);\n\nconst getAllTabElements = (): HTMLElement[] => {\n if (!listRef.value) return [];\n return Array.from(\n listRef.value.querySelectorAll<HTMLElement>('[role=\"tab\"]'),\n );\n};\n\nconst getEnabledTabElements = (): HTMLElement[] => {\n return getAllTabElements().filter((el) => {\n const value = el.dataset.tabValue;\n return value ? !ctx.isTabDisabled(value) : false;\n });\n};\n\nconst moveFocus = (direction: 1 | -1) => {\n const tabs = getEnabledTabElements();\n if (!tabs.length) return;\n\n const current = document.activeElement as HTMLElement;\n const currentIndex = tabs.indexOf(current);\n let nextIndex = currentIndex + direction;\n\n if (nextIndex < 0) nextIndex = tabs.length - 1;\n if (nextIndex >= tabs.length) nextIndex = 0;\n\n const nextTab = tabs[nextIndex];\n nextTab.focus();\n\n if (ctx.activationMode.value === 'automatic') {\n const value = nextTab.dataset.tabValue;\n if (value) ctx.setActiveValue(value);\n }\n};\n\nconst focusFirst = () => {\n const tabs = getEnabledTabElements();\n if (!tabs.length) return;\n tabs[0].focus();\n if (ctx.activationMode.value === 'automatic') {\n const value = tabs[0].dataset.tabValue;\n if (value) ctx.setActiveValue(value);\n }\n};\n\nconst focusLast = () => {\n const tabs = getEnabledTabElements();\n if (!tabs.length) return;\n const last = tabs[tabs.length - 1];\n last.focus();\n if (ctx.activationMode.value === 'automatic') {\n const value = last.dataset.tabValue;\n if (value) ctx.setActiveValue(value);\n }\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n switch (event.key) {\n case 'ArrowRight':\n event.preventDefault();\n moveFocus(1);\n break;\n case 'ArrowLeft':\n event.preventDefault();\n moveFocus(-1);\n break;\n case 'Home':\n event.preventDefault();\n focusFirst();\n break;\n case 'End':\n event.preventDefault();\n focusLast();\n break;\n default:\n if (ctx.activationMode.value === 'manual' && isActivationKey(event)) {\n event.preventDefault();\n const target = event.target as HTMLElement;\n const value = target.dataset?.tabValue;\n if (value) ctx.setActiveValue(value);\n }\n break;\n }\n};\n\nconst classes = computed(() => [\n 'tree-tabs__list',\n]);\n</script>\n\n<template>\n <div\n ref=\"listRef\"\n role=\"tablist\"\n aria-orientation=\"horizontal\"\n :class=\"classes\"\n @keydown=\"onKeydown\"\n >\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject, onBeforeUnmount, onMounted, watch } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = withDefaults(\n defineProps<{\n value: string;\n disabled?: boolean;\n }>(),\n {\n disabled: false,\n },\n);\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n throw new Error('TTab must be used inside TTabs');\n}\n\nonMounted(() => {\n ctx.registerTab(props.value);\n ctx.setTabDisabled(props.value, props.disabled);\n});\n\nwatch(\n () => props.disabled,\n (val) => ctx.setTabDisabled(props.value, val),\n);\n\nonBeforeUnmount(() => {\n ctx.unregisterTab(props.value);\n});\n\nconst isActive = computed(() => ctx.activeValue.value === props.value);\nconst isDisabled = computed(() => ctx.isTabDisabled(props.value));\nconst tabId = computed(() => `${ctx.baseId}-tab-${props.value}`);\nconst panelId = computed(() => `${ctx.baseId}-panel-${props.value}`);\n\nconst onClick = () => {\n if (isDisabled.value) return;\n ctx.setActiveValue(props.value);\n};\n\nconst classes = computed(() => [\n 'tree-tabs__tab',\n `tree-tabs__tab--${ctx.size.value}`,\n {\n 'is-active': isActive.value,\n 'is-disabled': isDisabled.value,\n },\n]);\n</script>\n\n<template>\n <button\n :id=\"tabId\"\n role=\"tab\"\n type=\"button\"\n :class=\"classes\"\n :aria-selected=\"isActive\"\n :aria-controls=\"panelId\"\n :tabindex=\"isActive ? 0 : -1\"\n :disabled=\"isDisabled || undefined\"\n :data-tab-value=\"value\"\n @click=\"onClick\"\n >\n <slot />\n </button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject, onBeforeUnmount, onMounted, watch } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = withDefaults(\n defineProps<{\n value: string;\n disabled?: boolean;\n }>(),\n {\n disabled: false,\n },\n);\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n throw new Error('TTab must be used inside TTabs');\n}\n\nonMounted(() => {\n ctx.registerTab(props.value);\n ctx.setTabDisabled(props.value, props.disabled);\n});\n\nwatch(\n () => props.disabled,\n (val) => ctx.setTabDisabled(props.value, val),\n);\n\nonBeforeUnmount(() => {\n ctx.unregisterTab(props.value);\n});\n\nconst isActive = computed(() => ctx.activeValue.value === props.value);\nconst isDisabled = computed(() => ctx.isTabDisabled(props.value));\nconst tabId = computed(() => `${ctx.baseId}-tab-${props.value}`);\nconst panelId = computed(() => `${ctx.baseId}-panel-${props.value}`);\n\nconst onClick = () => {\n if (isDisabled.value) return;\n ctx.setActiveValue(props.value);\n};\n\nconst classes = computed(() => [\n 'tree-tabs__tab',\n `tree-tabs__tab--${ctx.size.value}`,\n {\n 'is-active': isActive.value,\n 'is-disabled': isDisabled.value,\n },\n]);\n</script>\n\n<template>\n <button\n :id=\"tabId\"\n role=\"tab\"\n type=\"button\"\n :class=\"classes\"\n :aria-selected=\"isActive\"\n :aria-controls=\"panelId\"\n :tabindex=\"isActive ? 0 : -1\"\n :disabled=\"isDisabled || undefined\"\n :data-tab-value=\"value\"\n @click=\"onClick\"\n >\n <slot />\n </button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = defineProps<{\n value: string;\n}>();\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n throw new Error('TTabPanel must be used inside TTabs');\n}\n\nconst isActive = computed(() => ctx.activeValue.value === props.value);\nconst panelId = computed(() => `${ctx.baseId}-panel-${props.value}`);\nconst tabId = computed(() => `${ctx.baseId}-tab-${props.value}`);\n</script>\n\n<template>\n <div\n v-if=\"isActive\"\n :id=\"panelId\"\n role=\"tabpanel\"\n :aria-labelledby=\"tabId\"\n tabindex=\"0\"\n class=\"tree-tabs__panel\"\n >\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = defineProps<{\n value: string;\n}>();\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n throw new Error('TTabPanel must be used inside TTabs');\n}\n\nconst isActive = computed(() => ctx.activeValue.value === props.value);\nconst panelId = computed(() => `${ctx.baseId}-panel-${props.value}`);\nconst tabId = computed(() => `${ctx.baseId}-tab-${props.value}`);\n</script>\n\n<template>\n <div\n v-if=\"isActive\"\n :id=\"panelId\"\n role=\"tabpanel\"\n :aria-labelledby=\"tabId\"\n tabindex=\"0\"\n class=\"tree-tabs__panel\"\n >\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { createId } from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport { computed } from 'vue';\nimport type { ToastItem } from '../composables/useToast';\n\nconst XIcon = getTreeIcon('x');\n\nconst iconMap = {\n info: getTreeIcon('info'),\n success: getTreeIcon('check'),\n warning: getTreeIcon('alert-circle'),\n danger: getTreeIcon('alert-circle'),\n} as const;\n\nconst props = withDefaults(\n defineProps<{\n toast: ToastItem;\n }>(),\n {},\n);\n\nconst emit = defineEmits<{\n close: [id: string];\n}>();\n\nconst toastId = createId('tree-toast-item');\nconst titleId = `${toastId}-title`;\nconst descriptionId = `${toastId}-description`;\n\nconst classes = computed(() => [\n 'tree-toast',\n `tree-toast--${props.toast.variant}`,\n]);\n\nconst StatusIcon = computed(() => iconMap[props.toast.variant]);\n\nfunction handleClose() {\n emit('close', props.toast.id);\n}\n</script>\n\n<template>\n <div\n :class=\"classes\"\n role=\"status\"\n :aria-labelledby=\"titleId\"\n :aria-describedby=\"toast.description ? descriptionId : undefined\"\n >\n <span\n class=\"tree-toast__icon\"\n aria-hidden=\"true\"\n >\n <StatusIcon\n v-bind=\"treeIconDefaults\"\n :size=\"18\"\n />\n </span>\n <div class=\"tree-toast__content\">\n <p\n :id=\"titleId\"\n class=\"tree-toast__title\"\n >\n {{ toast.title }}\n </p>\n <p\n v-if=\"toast.description\"\n :id=\"descriptionId\"\n class=\"tree-toast__description\"\n >\n {{ toast.description }}\n </p>\n </div>\n <button\n v-if=\"toast.closable\"\n type=\"button\"\n class=\"tree-toast__close\"\n aria-label=\"Dismiss notification\"\n @click=\"handleClose\"\n >\n <XIcon\n v-bind=\"treeIconDefaults\"\n :size=\"16\"\n />\n </button>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { createId } from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport { computed } from 'vue';\nimport type { ToastItem } from '../composables/useToast';\n\nconst XIcon = getTreeIcon('x');\n\nconst iconMap = {\n info: getTreeIcon('info'),\n success: getTreeIcon('check'),\n warning: getTreeIcon('alert-circle'),\n danger: getTreeIcon('alert-circle'),\n} as const;\n\nconst props = withDefaults(\n defineProps<{\n toast: ToastItem;\n }>(),\n {},\n);\n\nconst emit = defineEmits<{\n close: [id: string];\n}>();\n\nconst toastId = createId('tree-toast-item');\nconst titleId = `${toastId}-title`;\nconst descriptionId = `${toastId}-description`;\n\nconst classes = computed(() => [\n 'tree-toast',\n `tree-toast--${props.toast.variant}`,\n]);\n\nconst StatusIcon = computed(() => iconMap[props.toast.variant]);\n\nfunction handleClose() {\n emit('close', props.toast.id);\n}\n</script>\n\n<template>\n <div\n :class=\"classes\"\n role=\"status\"\n :aria-labelledby=\"titleId\"\n :aria-describedby=\"toast.description ? descriptionId : undefined\"\n >\n <span\n class=\"tree-toast__icon\"\n aria-hidden=\"true\"\n >\n <StatusIcon\n v-bind=\"treeIconDefaults\"\n :size=\"18\"\n />\n </span>\n <div class=\"tree-toast__content\">\n <p\n :id=\"titleId\"\n class=\"tree-toast__title\"\n >\n {{ toast.title }}\n </p>\n <p\n v-if=\"toast.description\"\n :id=\"descriptionId\"\n class=\"tree-toast__description\"\n >\n {{ toast.description }}\n </p>\n </div>\n <button\n v-if=\"toast.closable\"\n type=\"button\"\n class=\"tree-toast__close\"\n aria-label=\"Dismiss notification\"\n @click=\"handleClose\"\n >\n <XIcon\n v-bind=\"treeIconDefaults\"\n :size=\"16\"\n />\n </button>\n </div>\n</template>\n","import { readonly, ref } from 'vue';\nimport { createId } from '@treeui/utils';\n\nexport type ToastVariant = 'info' | 'success' | 'warning' | 'danger';\n\nexport type ToastPosition =\n | 'top-right'\n | 'top-left'\n | 'bottom-right'\n | 'bottom-left'\n | 'top-center'\n | 'bottom-center';\n\nexport interface ToastOptions {\n title: string;\n description?: string;\n variant?: ToastVariant;\n duration?: number;\n closable?: boolean;\n}\n\nexport interface ToastItem extends Required<Pick<ToastOptions, 'title' | 'variant' | 'duration' | 'closable'>> {\n id: string;\n description?: string;\n}\n\nconst toasts = ref<ToastItem[]>([]);\nconst timers = new Map<string, ReturnType<typeof setTimeout>>();\n\nfunction add(options: ToastOptions): string {\n const id = createId('tree-toast');\n\n const item: ToastItem = {\n id,\n title: options.title,\n description: options.description,\n variant: options.variant ?? 'info',\n duration: options.duration ?? 5000,\n closable: options.closable ?? true,\n };\n\n toasts.value = [...toasts.value, item];\n\n if (item.duration > 0) {\n const timer = setTimeout(() => {\n remove(id);\n }, item.duration);\n timers.set(id, timer);\n }\n\n return id;\n}\n\nfunction remove(id: string) {\n const timer = timers.get(id);\n\n if (timer) {\n clearTimeout(timer);\n timers.delete(id);\n }\n\n toasts.value = toasts.value.filter((t) => t.id !== id);\n}\n\nfunction clear() {\n for (const timer of timers.values()) {\n clearTimeout(timer);\n }\n\n timers.clear();\n toasts.value = [];\n}\n\nexport function useToast() {\n return {\n toasts: readonly(toasts),\n add,\n remove,\n clear,\n };\n}\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { useToast, type ToastPosition } from '../composables/useToast';\nimport TreeToast from './TreeToast.vue';\n\nconst props = withDefaults(\n defineProps<{\n position?: ToastPosition;\n max?: number;\n }>(),\n {\n position: 'bottom-right',\n max: 5,\n },\n);\n\nconst { toasts, remove } = useToast();\n\nconst visibleToasts = computed(() =>\n toasts.value.slice(-props.max),\n);\n\nconst classes = computed(() => [\n 'tree-toast-provider',\n `tree-toast-provider--${props.position}`,\n]);\n\nfunction handleClose(id: string) {\n remove(id);\n}\n</script>\n\n<template>\n <slot />\n\n <Teleport to=\"body\">\n <div\n :class=\"classes\"\n aria-live=\"polite\"\n aria-relevant=\"additions removals\"\n >\n <TransitionGroup name=\"tree-toast\">\n <TreeToast\n v-for=\"toast in visibleToasts\"\n :key=\"toast.id\"\n :toast=\"toast\"\n @close=\"handleClose\"\n />\n </TransitionGroup>\n </div>\n </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { useToast, type ToastPosition } from '../composables/useToast';\nimport TreeToast from './TreeToast.vue';\n\nconst props = withDefaults(\n defineProps<{\n position?: ToastPosition;\n max?: number;\n }>(),\n {\n position: 'bottom-right',\n max: 5,\n },\n);\n\nconst { toasts, remove } = useToast();\n\nconst visibleToasts = computed(() =>\n toasts.value.slice(-props.max),\n);\n\nconst classes = computed(() => [\n 'tree-toast-provider',\n `tree-toast-provider--${props.position}`,\n]);\n\nfunction handleClose(id: string) {\n remove(id);\n}\n</script>\n\n<template>\n <slot />\n\n <Teleport to=\"body\">\n <div\n :class=\"classes\"\n aria-live=\"polite\"\n aria-relevant=\"additions removals\"\n >\n <TransitionGroup name=\"tree-toast\">\n <TreeToast\n v-for=\"toast in visibleToasts\"\n :key=\"toast.id\"\n :toast=\"toast\"\n @close=\"handleClose\"\n />\n </TransitionGroup>\n </div>\n </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nexport type TreeAvatarStatus = 'online' | 'offline' | 'busy' | 'away';\n\nconst props = withDefaults(\n defineProps<{\n src?: string;\n alt?: string;\n initials?: string;\n size?: TreeSize;\n status?: TreeAvatarStatus;\n }>(),\n {\n src: undefined,\n alt: '',\n initials: undefined,\n size: 'md',\n status: undefined,\n },\n);\n\nconst classes = computed(() => [\n 'tree-avatar',\n `tree-avatar--${props.size}`,\n]);\n\nconst computedInitials = computed(() => {\n if (props.initials) return props.initials;\n if (props.alt) {\n return props.alt\n .split(' ')\n .filter(Boolean)\n .map((w) => w[0])\n .slice(0, 2)\n .join('')\n .toUpperCase();\n }\n return '';\n});\n\nfunction onImgError(event: Event) {\n const target = event.target as HTMLImageElement;\n target.style.display = 'none';\n}\n</script>\n\n<template>\n <span\n :class=\"classes\"\n role=\"img\"\n :aria-label=\"alt || undefined\"\n >\n <img\n v-if=\"src\"\n :src=\"src\"\n :alt=\"alt\"\n class=\"tree-avatar__image\"\n @error=\"onImgError\"\n >\n <span\n v-else\n class=\"tree-avatar__initials\"\n aria-hidden=\"true\"\n >\n {{ computedInitials }}\n </span>\n <slot />\n <span\n v-if=\"status\"\n class=\"tree-avatar__status\"\n :class=\"`tree-avatar__status--${status}`\"\n :aria-label=\"status\"\n />\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nexport type TreeAvatarStatus = 'online' | 'offline' | 'busy' | 'away';\n\nconst props = withDefaults(\n defineProps<{\n src?: string;\n alt?: string;\n initials?: string;\n size?: TreeSize;\n status?: TreeAvatarStatus;\n }>(),\n {\n src: undefined,\n alt: '',\n initials: undefined,\n size: 'md',\n status: undefined,\n },\n);\n\nconst classes = computed(() => [\n 'tree-avatar',\n `tree-avatar--${props.size}`,\n]);\n\nconst computedInitials = computed(() => {\n if (props.initials) return props.initials;\n if (props.alt) {\n return props.alt\n .split(' ')\n .filter(Boolean)\n .map((w) => w[0])\n .slice(0, 2)\n .join('')\n .toUpperCase();\n }\n return '';\n});\n\nfunction onImgError(event: Event) {\n const target = event.target as HTMLImageElement;\n target.style.display = 'none';\n}\n</script>\n\n<template>\n <span\n :class=\"classes\"\n role=\"img\"\n :aria-label=\"alt || undefined\"\n >\n <img\n v-if=\"src\"\n :src=\"src\"\n :alt=\"alt\"\n class=\"tree-avatar__image\"\n @error=\"onImgError\"\n >\n <span\n v-else\n class=\"tree-avatar__initials\"\n aria-hidden=\"true\"\n >\n {{ computedInitials }}\n </span>\n <slot />\n <span\n v-if=\"status\"\n class=\"tree-avatar__status\"\n :class=\"`tree-avatar__status--${status}`\"\n :aria-label=\"status\"\n />\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = withDefaults(\n defineProps<{\n orientation?: 'horizontal' | 'vertical';\n decorative?: boolean;\n label?: string;\n }>(),\n {\n orientation: 'horizontal',\n decorative: true,\n label: undefined,\n },\n);\n\nconst classes = computed(() => [\n 'tree-divider',\n `tree-divider--${props.orientation}`,\n]);\n</script>\n\n<template>\n <hr\n :class=\"classes\"\n :role=\"decorative ? 'none' : 'separator'\"\n :aria-orientation=\"!decorative ? orientation : undefined\"\n :aria-label=\"!decorative ? label : undefined\"\n >\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = withDefaults(\n defineProps<{\n orientation?: 'horizontal' | 'vertical';\n decorative?: boolean;\n label?: string;\n }>(),\n {\n orientation: 'horizontal',\n decorative: true,\n label: undefined,\n },\n);\n\nconst classes = computed(() => [\n 'tree-divider',\n `tree-divider--${props.orientation}`,\n]);\n</script>\n\n<template>\n <hr\n :class=\"classes\"\n :role=\"decorative ? 'none' : 'separator'\"\n :aria-orientation=\"!decorative ? orientation : undefined\"\n :aria-label=\"!decorative ? label : undefined\"\n >\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nexport type TreeTableColumn = {\n key: string;\n label: string;\n sortable?: boolean;\n align?: 'left' | 'center' | 'right';\n width?: string;\n};\n\nexport type TreeTableSortDirection = 'asc' | 'desc' | 'none';\n\nexport type TreeTableSortState = {\n key: string;\n direction: TreeTableSortDirection;\n};\n\nconst props = withDefaults(\n defineProps<{\n columns: TreeTableColumn[];\n rows: Record<string, unknown>[];\n size?: TreeSize;\n sortBy?: TreeTableSortState;\n }>(),\n {\n size: 'md',\n sortBy: undefined,\n },\n);\n\nconst emit = defineEmits<{\n (e: 'sort', state: TreeTableSortState): void;\n}>();\n\ndefineSlots<{\n [key: `cell-${string}`]: (props: { row: Record<string, unknown>; value: unknown }) => void;\n [key: `header-${string}`]: (props: { column: TreeTableColumn }) => void;\n empty: () => void;\n}>();\n\nconst internalSort = ref<TreeTableSortState | undefined>(undefined);\n\nconst currentSort = computed(() => props.sortBy ?? internalSort.value);\n\nconst classes = computed(() => [\n 'tree-table',\n `tree-table--${props.size}`,\n]);\n\nconst sortedRows = computed(() => {\n const sort = currentSort.value;\n if (!sort || sort.direction === 'none') return props.rows;\n\n return [...props.rows].sort((a, b) => {\n const aVal = a[sort.key];\n const bVal = b[sort.key];\n\n if (aVal == null && bVal == null) return 0;\n if (aVal == null) return 1;\n if (bVal == null) return -1;\n\n const cmp =\n typeof aVal === 'number' && typeof bVal === 'number'\n ? aVal - bVal\n : String(aVal).localeCompare(String(bVal));\n\n return sort.direction === 'desc' ? -cmp : cmp;\n });\n});\n\nfunction handleSort(column: TreeTableColumn) {\n if (!column.sortable) return;\n\n const cur = currentSort.value;\n let direction: TreeTableSortDirection = 'asc';\n\n if (cur?.key === column.key) {\n if (cur.direction === 'asc') direction = 'desc';\n else if (cur.direction === 'desc') direction = 'none';\n else direction = 'asc';\n }\n\n const state: TreeTableSortState = { key: column.key, direction };\n internalSort.value = state;\n emit('sort', state);\n}\n\nfunction sortAriaSort(column: TreeTableColumn): 'none' | 'ascending' | 'descending' | undefined {\n if (!column.sortable) return undefined;\n const cur = currentSort.value;\n if (cur?.key !== column.key || cur.direction === 'none') return 'none';\n return cur.direction === 'asc' ? 'ascending' : 'descending';\n}\n\nfunction handleHeaderKeydown(event: KeyboardEvent, column: TreeTableColumn) {\n if (column.sortable && (event.key === 'Enter' || event.key === ' ')) {\n event.preventDefault();\n handleSort(column);\n }\n}\n</script>\n\n<template>\n <div class=\"tree-table-wrapper\">\n <table\n :class=\"classes\"\n role=\"grid\"\n >\n <thead class=\"tree-table__head\">\n <tr class=\"tree-table__row\">\n <th\n v-for=\"column in columns\"\n :key=\"column.key\"\n class=\"tree-table__header\"\n :class=\"[\n column.sortable ? 'tree-table__header--sortable' : '',\n column.align ? `tree-table__header--${column.align}` : '',\n ]\"\n :style=\"column.width ? { width: column.width } : undefined\"\n :aria-sort=\"sortAriaSort(column)\"\n :tabindex=\"column.sortable ? 0 : undefined\"\n scope=\"col\"\n @click=\"handleSort(column)\"\n @keydown=\"handleHeaderKeydown($event, column)\"\n >\n <slot\n :name=\"`header-${column.key}`\"\n :column=\"column\"\n >\n <span class=\"tree-table__header-content\">\n {{ column.label }}\n <span\n v-if=\"column.sortable\"\n class=\"tree-table__sort-icon\"\n aria-hidden=\"true\"\n >\n <svg\n v-if=\"currentSort?.key === column.key && currentSort.direction === 'asc'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"m18 15-6-6-6 6\" />\n </svg>\n <svg\n v-else-if=\"currentSort?.key === column.key && currentSort.direction === 'desc'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"m6 9 6 6 6-6\" />\n </svg>\n <svg\n v-else\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n style=\"opacity: 0.4\"\n >\n <path d=\"m7 15 5 5 5-5\" />\n <path d=\"m7 9 5-5 5 5\" />\n </svg>\n </span>\n </span>\n </slot>\n </th>\n </tr>\n </thead>\n <tbody class=\"tree-table__body\">\n <tr\n v-if=\"sortedRows.length === 0\"\n class=\"tree-table__row tree-table__row--empty\"\n >\n <td\n :colspan=\"columns.length\"\n class=\"tree-table__cell tree-table__cell--empty\"\n >\n <slot name=\"empty\">\n No data available.\n </slot>\n </td>\n </tr>\n <tr\n v-for=\"(row, index) in sortedRows\"\n :key=\"index\"\n class=\"tree-table__row\"\n >\n <td\n v-for=\"column in columns\"\n :key=\"column.key\"\n class=\"tree-table__cell\"\n :class=\"column.align ? `tree-table__cell--${column.align}` : ''\"\n >\n <slot\n :name=\"`cell-${column.key}`\"\n :row=\"row\"\n :value=\"row[column.key]\"\n >\n {{ row[column.key] ?? '' }}\n </slot>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nexport type TreeTableColumn = {\n key: string;\n label: string;\n sortable?: boolean;\n align?: 'left' | 'center' | 'right';\n width?: string;\n};\n\nexport type TreeTableSortDirection = 'asc' | 'desc' | 'none';\n\nexport type TreeTableSortState = {\n key: string;\n direction: TreeTableSortDirection;\n};\n\nconst props = withDefaults(\n defineProps<{\n columns: TreeTableColumn[];\n rows: Record<string, unknown>[];\n size?: TreeSize;\n sortBy?: TreeTableSortState;\n }>(),\n {\n size: 'md',\n sortBy: undefined,\n },\n);\n\nconst emit = defineEmits<{\n (e: 'sort', state: TreeTableSortState): void;\n}>();\n\ndefineSlots<{\n [key: `cell-${string}`]: (props: { row: Record<string, unknown>; value: unknown }) => void;\n [key: `header-${string}`]: (props: { column: TreeTableColumn }) => void;\n empty: () => void;\n}>();\n\nconst internalSort = ref<TreeTableSortState | undefined>(undefined);\n\nconst currentSort = computed(() => props.sortBy ?? internalSort.value);\n\nconst classes = computed(() => [\n 'tree-table',\n `tree-table--${props.size}`,\n]);\n\nconst sortedRows = computed(() => {\n const sort = currentSort.value;\n if (!sort || sort.direction === 'none') return props.rows;\n\n return [...props.rows].sort((a, b) => {\n const aVal = a[sort.key];\n const bVal = b[sort.key];\n\n if (aVal == null && bVal == null) return 0;\n if (aVal == null) return 1;\n if (bVal == null) return -1;\n\n const cmp =\n typeof aVal === 'number' && typeof bVal === 'number'\n ? aVal - bVal\n : String(aVal).localeCompare(String(bVal));\n\n return sort.direction === 'desc' ? -cmp : cmp;\n });\n});\n\nfunction handleSort(column: TreeTableColumn) {\n if (!column.sortable) return;\n\n const cur = currentSort.value;\n let direction: TreeTableSortDirection = 'asc';\n\n if (cur?.key === column.key) {\n if (cur.direction === 'asc') direction = 'desc';\n else if (cur.direction === 'desc') direction = 'none';\n else direction = 'asc';\n }\n\n const state: TreeTableSortState = { key: column.key, direction };\n internalSort.value = state;\n emit('sort', state);\n}\n\nfunction sortAriaSort(column: TreeTableColumn): 'none' | 'ascending' | 'descending' | undefined {\n if (!column.sortable) return undefined;\n const cur = currentSort.value;\n if (cur?.key !== column.key || cur.direction === 'none') return 'none';\n return cur.direction === 'asc' ? 'ascending' : 'descending';\n}\n\nfunction handleHeaderKeydown(event: KeyboardEvent, column: TreeTableColumn) {\n if (column.sortable && (event.key === 'Enter' || event.key === ' ')) {\n event.preventDefault();\n handleSort(column);\n }\n}\n</script>\n\n<template>\n <div class=\"tree-table-wrapper\">\n <table\n :class=\"classes\"\n role=\"grid\"\n >\n <thead class=\"tree-table__head\">\n <tr class=\"tree-table__row\">\n <th\n v-for=\"column in columns\"\n :key=\"column.key\"\n class=\"tree-table__header\"\n :class=\"[\n column.sortable ? 'tree-table__header--sortable' : '',\n column.align ? `tree-table__header--${column.align}` : '',\n ]\"\n :style=\"column.width ? { width: column.width } : undefined\"\n :aria-sort=\"sortAriaSort(column)\"\n :tabindex=\"column.sortable ? 0 : undefined\"\n scope=\"col\"\n @click=\"handleSort(column)\"\n @keydown=\"handleHeaderKeydown($event, column)\"\n >\n <slot\n :name=\"`header-${column.key}`\"\n :column=\"column\"\n >\n <span class=\"tree-table__header-content\">\n {{ column.label }}\n <span\n v-if=\"column.sortable\"\n class=\"tree-table__sort-icon\"\n aria-hidden=\"true\"\n >\n <svg\n v-if=\"currentSort?.key === column.key && currentSort.direction === 'asc'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"m18 15-6-6-6 6\" />\n </svg>\n <svg\n v-else-if=\"currentSort?.key === column.key && currentSort.direction === 'desc'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"m6 9 6 6 6-6\" />\n </svg>\n <svg\n v-else\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n style=\"opacity: 0.4\"\n >\n <path d=\"m7 15 5 5 5-5\" />\n <path d=\"m7 9 5-5 5 5\" />\n </svg>\n </span>\n </span>\n </slot>\n </th>\n </tr>\n </thead>\n <tbody class=\"tree-table__body\">\n <tr\n v-if=\"sortedRows.length === 0\"\n class=\"tree-table__row tree-table__row--empty\"\n >\n <td\n :colspan=\"columns.length\"\n class=\"tree-table__cell tree-table__cell--empty\"\n >\n <slot name=\"empty\">\n No data available.\n </slot>\n </td>\n </tr>\n <tr\n v-for=\"(row, index) in sortedRows\"\n :key=\"index\"\n class=\"tree-table__row\"\n >\n <td\n v-for=\"column in columns\"\n :key=\"column.key\"\n class=\"tree-table__cell\"\n :class=\"column.align ? `tree-table__cell--${column.align}` : ''\"\n >\n <slot\n :name=\"`cell-${column.key}`\"\n :row=\"row\"\n :value=\"row[column.key]\"\n >\n {{ row[column.key] ?? '' }}\n </slot>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nexport type TreeTagVariant = 'solid' | 'outline' | 'soft';\n\nconst props = withDefaults(\n defineProps<{\n variant?: TreeTagVariant;\n size?: TreeSize;\n removable?: boolean;\n disabled?: boolean;\n }>(),\n {\n variant: 'soft',\n size: 'md',\n removable: false,\n disabled: false,\n },\n);\n\nconst emit = defineEmits<{\n (e: 'remove'): void;\n}>();\n\nconst classes = computed(() => [\n 'tree-tag',\n `tree-tag--${props.variant}`,\n `tree-tag--${props.size}`,\n props.disabled ? 'is-disabled' : '',\n]);\n\nfunction handleRemove() {\n if (props.disabled) return;\n emit('remove');\n}\n</script>\n\n<template>\n <span :class=\"classes\">\n <span\n v-if=\"$slots.icon\"\n class=\"tree-tag__icon\"\n aria-hidden=\"true\"\n >\n <slot name=\"icon\" />\n </span>\n <span class=\"tree-tag__label\">\n <slot />\n </span>\n <button\n v-if=\"removable\"\n type=\"button\"\n class=\"tree-tag__remove\"\n :disabled=\"disabled\"\n aria-label=\"Remove\"\n @click=\"handleRemove\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <path d=\"M18 6 6 18\" />\n <path d=\"m6 6 12 12\" />\n </svg>\n </button>\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\nexport type TreeTagVariant = 'solid' | 'outline' | 'soft';\n\nconst props = withDefaults(\n defineProps<{\n variant?: TreeTagVariant;\n size?: TreeSize;\n removable?: boolean;\n disabled?: boolean;\n }>(),\n {\n variant: 'soft',\n size: 'md',\n removable: false,\n disabled: false,\n },\n);\n\nconst emit = defineEmits<{\n (e: 'remove'): void;\n}>();\n\nconst classes = computed(() => [\n 'tree-tag',\n `tree-tag--${props.variant}`,\n `tree-tag--${props.size}`,\n props.disabled ? 'is-disabled' : '',\n]);\n\nfunction handleRemove() {\n if (props.disabled) return;\n emit('remove');\n}\n</script>\n\n<template>\n <span :class=\"classes\">\n <span\n v-if=\"$slots.icon\"\n class=\"tree-tag__icon\"\n aria-hidden=\"true\"\n >\n <slot name=\"icon\" />\n </span>\n <span class=\"tree-tag__label\">\n <slot />\n </span>\n <button\n v-if=\"removable\"\n type=\"button\"\n class=\"tree-tag__remove\"\n :disabled=\"disabled\"\n aria-label=\"Remove\"\n @click=\"handleRemove\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <path d=\"M18 6 6 18\" />\n <path d=\"m6 6 12 12\" />\n </svg>\n </button>\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport type TreeTimelineTone = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';\n\nexport interface TreeTimelineItem {\n id?: string | number;\n title: string;\n description?: string;\n meta?: string;\n timestamp?: string;\n datetime?: string;\n tone?: TreeTimelineTone;\n}\n\nconst props = withDefaults(\n defineProps<{\n items?: TreeTimelineItem[];\n size?: TreeSize;\n }>(),\n {\n items: () => [],\n size: 'md',\n },\n);\n\ndefineSlots<{\n marker?: (props: { item: TreeTimelineItem; index: number }) => unknown;\n item?: (props: { item: TreeTimelineItem; index: number }) => unknown;\n}>();\n\nconst attrs = useAttrs();\n\nconst classes = computed(() => [\n 'tree-timeline',\n `tree-timeline--${props.size}`,\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst normalizeTone = (tone?: TreeTimelineTone) => tone ?? 'neutral';\nconst itemKey = (item: TreeTimelineItem, index: number) => item.id ?? `${item.title}-${index}`;\n</script>\n\n<template>\n <ol\n v-bind=\"rootAttrs\"\n :class=\"classes\"\n :style=\"rootStyle\"\n >\n <li\n v-for=\"(item, index) in items\"\n :key=\"itemKey(item, index)\"\n class=\"tree-timeline__item\"\n >\n <div class=\"tree-timeline__rail\">\n <span\n v-if=\"index < items.length - 1\"\n class=\"tree-timeline__line\"\n aria-hidden=\"true\"\n />\n <div\n class=\"tree-timeline__marker\"\n :class=\"`tree-timeline__marker--${normalizeTone(item.tone)}`\"\n aria-hidden=\"true\"\n >\n <slot\n name=\"marker\"\n :item=\"item\"\n :index=\"index\"\n />\n </div>\n </div>\n\n <div class=\"tree-timeline__content\">\n <slot\n name=\"item\"\n :item=\"item\"\n :index=\"index\"\n >\n <div\n v-if=\"item.meta\"\n class=\"tree-timeline__meta\"\n >\n {{ item.meta }}\n </div>\n\n <div class=\"tree-timeline__header\">\n <p class=\"tree-timeline__title\">\n {{ item.title }}\n </p>\n <time\n v-if=\"item.timestamp\"\n class=\"tree-timeline__timestamp\"\n :datetime=\"item.datetime || undefined\"\n >\n {{ item.timestamp }}\n </time>\n </div>\n\n <p\n v-if=\"item.description\"\n class=\"tree-timeline__description\"\n >\n {{ item.description }}\n </p>\n </slot>\n </div>\n </li>\n </ol>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nexport type TreeTimelineTone = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';\n\nexport interface TreeTimelineItem {\n id?: string | number;\n title: string;\n description?: string;\n meta?: string;\n timestamp?: string;\n datetime?: string;\n tone?: TreeTimelineTone;\n}\n\nconst props = withDefaults(\n defineProps<{\n items?: TreeTimelineItem[];\n size?: TreeSize;\n }>(),\n {\n items: () => [],\n size: 'md',\n },\n);\n\ndefineSlots<{\n marker?: (props: { item: TreeTimelineItem; index: number }) => unknown;\n item?: (props: { item: TreeTimelineItem; index: number }) => unknown;\n}>();\n\nconst attrs = useAttrs();\n\nconst classes = computed(() => [\n 'tree-timeline',\n `tree-timeline--${props.size}`,\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst normalizeTone = (tone?: TreeTimelineTone) => tone ?? 'neutral';\nconst itemKey = (item: TreeTimelineItem, index: number) => item.id ?? `${item.title}-${index}`;\n</script>\n\n<template>\n <ol\n v-bind=\"rootAttrs\"\n :class=\"classes\"\n :style=\"rootStyle\"\n >\n <li\n v-for=\"(item, index) in items\"\n :key=\"itemKey(item, index)\"\n class=\"tree-timeline__item\"\n >\n <div class=\"tree-timeline__rail\">\n <span\n v-if=\"index < items.length - 1\"\n class=\"tree-timeline__line\"\n aria-hidden=\"true\"\n />\n <div\n class=\"tree-timeline__marker\"\n :class=\"`tree-timeline__marker--${normalizeTone(item.tone)}`\"\n aria-hidden=\"true\"\n >\n <slot\n name=\"marker\"\n :item=\"item\"\n :index=\"index\"\n />\n </div>\n </div>\n\n <div class=\"tree-timeline__content\">\n <slot\n name=\"item\"\n :item=\"item\"\n :index=\"index\"\n >\n <div\n v-if=\"item.meta\"\n class=\"tree-timeline__meta\"\n >\n {{ item.meta }}\n </div>\n\n <div class=\"tree-timeline__header\">\n <p class=\"tree-timeline__title\">\n {{ item.title }}\n </p>\n <time\n v-if=\"item.timestamp\"\n class=\"tree-timeline__timestamp\"\n :datetime=\"item.datetime || undefined\"\n >\n {{ item.timestamp }}\n </time>\n </div>\n\n <p\n v-if=\"item.description\"\n class=\"tree-timeline__description\"\n >\n {{ item.description }}\n </p>\n </slot>\n </div>\n </li>\n </ol>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\nimport TreeButton from './TreeButton.vue';\nimport TreeBadge from './TreeBadge.vue';\n\nexport interface PricingFeature {\n text: string;\n included?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n title: string;\n description?: string;\n price: string | number;\n currency?: string;\n period?: string;\n features?: PricingFeature[];\n highlighted?: boolean;\n badge?: string;\n buttonText?: string;\n size?: TreeSize;\n disabled?: boolean;\n }>(),\n {\n description: undefined,\n currency: '$',\n period: undefined,\n features: () => [],\n highlighted: false,\n badge: undefined,\n buttonText: undefined,\n size: 'md',\n disabled: false,\n },\n);\n\nconst emit = defineEmits<{\n select: [];\n}>();\n\ndefineSlots<{\n header?: () => unknown;\n price?: () => unknown;\n features?: () => unknown;\n action?: () => unknown;\n badge?: () => unknown;\n}>();\n\nconst classes = computed(() => [\n 'tree-pricing-card',\n `tree-pricing-card--${props.size}`,\n {\n 'tree-pricing-card--highlighted': props.highlighted,\n },\n]);\n\nconst onSelect = () => {\n if (!props.disabled) {\n emit('select');\n }\n};\n</script>\n\n<template>\n <article :class=\"classes\">\n <div\n v-if=\"badge || $slots.badge\"\n class=\"tree-pricing-card__badge\"\n >\n <slot name=\"badge\">\n <TreeBadge\n variant=\"solid\"\n size=\"sm\"\n >\n {{ badge }}\n </TreeBadge>\n </slot>\n </div>\n\n <header class=\"tree-pricing-card__header\">\n <slot name=\"header\">\n <h3 class=\"tree-pricing-card__title\">\n {{ title }}\n </h3>\n <p\n v-if=\"description\"\n class=\"tree-pricing-card__description\"\n >\n {{ description }}\n </p>\n </slot>\n </header>\n\n <div class=\"tree-pricing-card__price\">\n <slot name=\"price\">\n <span class=\"tree-pricing-card__currency\">{{ currency }}</span>\n <span class=\"tree-pricing-card__amount\">{{ price }}</span>\n <span\n v-if=\"period\"\n class=\"tree-pricing-card__period\"\n >{{ period }}</span>\n </slot>\n </div>\n\n <div\n v-if=\"features.length > 0 || $slots.features\"\n class=\"tree-pricing-card__features\"\n >\n <slot name=\"features\">\n <ul\n class=\"tree-pricing-card__feature-list\"\n role=\"list\"\n >\n <li\n v-for=\"(feature, index) in features\"\n :key=\"index\"\n class=\"tree-pricing-card__feature-item\"\n :class=\"{ 'tree-pricing-card__feature-item--excluded': feature.included === false }\"\n >\n <span\n class=\"tree-pricing-card__feature-icon\"\n aria-hidden=\"true\"\n >\n {{ feature.included === false ? '✕' : '✓' }}\n </span>\n <span>{{ feature.text }}</span>\n </li>\n </ul>\n </slot>\n </div>\n\n <footer\n v-if=\"buttonText || $slots.action\"\n class=\"tree-pricing-card__action\"\n >\n <slot name=\"action\">\n <TreeButton\n :variant=\"highlighted ? 'solid' : 'outline'\"\n :size=\"size\"\n :disabled=\"disabled\"\n @click=\"onSelect\"\n >\n {{ buttonText }}\n </TreeButton>\n </slot>\n </footer>\n </article>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\nimport TreeButton from './TreeButton.vue';\nimport TreeBadge from './TreeBadge.vue';\n\nexport interface PricingFeature {\n text: string;\n included?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n title: string;\n description?: string;\n price: string | number;\n currency?: string;\n period?: string;\n features?: PricingFeature[];\n highlighted?: boolean;\n badge?: string;\n buttonText?: string;\n size?: TreeSize;\n disabled?: boolean;\n }>(),\n {\n description: undefined,\n currency: '$',\n period: undefined,\n features: () => [],\n highlighted: false,\n badge: undefined,\n buttonText: undefined,\n size: 'md',\n disabled: false,\n },\n);\n\nconst emit = defineEmits<{\n select: [];\n}>();\n\ndefineSlots<{\n header?: () => unknown;\n price?: () => unknown;\n features?: () => unknown;\n action?: () => unknown;\n badge?: () => unknown;\n}>();\n\nconst classes = computed(() => [\n 'tree-pricing-card',\n `tree-pricing-card--${props.size}`,\n {\n 'tree-pricing-card--highlighted': props.highlighted,\n },\n]);\n\nconst onSelect = () => {\n if (!props.disabled) {\n emit('select');\n }\n};\n</script>\n\n<template>\n <article :class=\"classes\">\n <div\n v-if=\"badge || $slots.badge\"\n class=\"tree-pricing-card__badge\"\n >\n <slot name=\"badge\">\n <TreeBadge\n variant=\"solid\"\n size=\"sm\"\n >\n {{ badge }}\n </TreeBadge>\n </slot>\n </div>\n\n <header class=\"tree-pricing-card__header\">\n <slot name=\"header\">\n <h3 class=\"tree-pricing-card__title\">\n {{ title }}\n </h3>\n <p\n v-if=\"description\"\n class=\"tree-pricing-card__description\"\n >\n {{ description }}\n </p>\n </slot>\n </header>\n\n <div class=\"tree-pricing-card__price\">\n <slot name=\"price\">\n <span class=\"tree-pricing-card__currency\">{{ currency }}</span>\n <span class=\"tree-pricing-card__amount\">{{ price }}</span>\n <span\n v-if=\"period\"\n class=\"tree-pricing-card__period\"\n >{{ period }}</span>\n </slot>\n </div>\n\n <div\n v-if=\"features.length > 0 || $slots.features\"\n class=\"tree-pricing-card__features\"\n >\n <slot name=\"features\">\n <ul\n class=\"tree-pricing-card__feature-list\"\n role=\"list\"\n >\n <li\n v-for=\"(feature, index) in features\"\n :key=\"index\"\n class=\"tree-pricing-card__feature-item\"\n :class=\"{ 'tree-pricing-card__feature-item--excluded': feature.included === false }\"\n >\n <span\n class=\"tree-pricing-card__feature-icon\"\n aria-hidden=\"true\"\n >\n {{ feature.included === false ? '✕' : '✓' }}\n </span>\n <span>{{ feature.text }}</span>\n </li>\n </ul>\n </slot>\n </div>\n\n <footer\n v-if=\"buttonText || $slots.action\"\n class=\"tree-pricing-card__action\"\n >\n <slot name=\"action\">\n <TreeButton\n :variant=\"highlighted ? 'solid' : 'outline'\"\n :size=\"size\"\n :disabled=\"disabled\"\n @click=\"onSelect\"\n >\n {{ buttonText }}\n </TreeButton>\n </slot>\n </footer>\n </article>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\nimport TreePricingCard from './TreePricingCard.vue';\nimport type { PricingFeature } from './TreePricingCard.vue';\n\nexport interface PricingPlan {\n title: string;\n description?: string;\n price: string | number;\n currency?: string;\n period?: string;\n features?: PricingFeature[];\n highlighted?: boolean;\n badge?: string;\n buttonText?: string;\n disabled?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n plans: PricingPlan[];\n size?: TreeSize;\n columns?: number;\n }>(),\n {\n size: 'md',\n columns: undefined,\n },\n);\n\nconst emit = defineEmits<{\n select: [plan: PricingPlan, index: number];\n}>();\n\nconst gridStyle = computed(() => {\n if (props.columns) {\n return { gridTemplateColumns: `repeat(${props.columns}, 1fr)` };\n }\n return { gridTemplateColumns: `repeat(${props.plans.length}, 1fr)` };\n});\n</script>\n\n<template>\n <div\n class=\"tree-pricing\"\n :style=\"gridStyle\"\n role=\"list\"\n >\n <div\n v-for=\"(plan, index) in plans\"\n :key=\"index\"\n role=\"listitem\"\n >\n <slot\n name=\"plan\"\n :plan=\"plan\"\n :index=\"index\"\n >\n <TreePricingCard\n v-bind=\"plan\"\n :size=\"size\"\n @select=\"emit('select', plan, index)\"\n />\n </slot>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TreeSize } from '../types/contracts';\nimport TreePricingCard from './TreePricingCard.vue';\nimport type { PricingFeature } from './TreePricingCard.vue';\n\nexport interface PricingPlan {\n title: string;\n description?: string;\n price: string | number;\n currency?: string;\n period?: string;\n features?: PricingFeature[];\n highlighted?: boolean;\n badge?: string;\n buttonText?: string;\n disabled?: boolean;\n}\n\nconst props = withDefaults(\n defineProps<{\n plans: PricingPlan[];\n size?: TreeSize;\n columns?: number;\n }>(),\n {\n size: 'md',\n columns: undefined,\n },\n);\n\nconst emit = defineEmits<{\n select: [plan: PricingPlan, index: number];\n}>();\n\nconst gridStyle = computed(() => {\n if (props.columns) {\n return { gridTemplateColumns: `repeat(${props.columns}, 1fr)` };\n }\n return { gridTemplateColumns: `repeat(${props.plans.length}, 1fr)` };\n});\n</script>\n\n<template>\n <div\n class=\"tree-pricing\"\n :style=\"gridStyle\"\n role=\"list\"\n >\n <div\n v-for=\"(plan, index) in plans\"\n :key=\"index\"\n role=\"listitem\"\n >\n <slot\n name=\"plan\"\n :plan=\"plan\"\n :index=\"index\"\n >\n <TreePricingCard\n v-bind=\"plan\"\n :size=\"size\"\n @select=\"emit('select', plan, index)\"\n />\n </slot>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useAttrs, nextTick } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n size?: TreeSize;\n disabled?: boolean;\n placeholder?: string;\n uploadImage?: (file: File) => Promise<string>;\n }>(),\n {\n modelValue: '',\n size: 'md',\n disabled: false,\n placeholder: 'Write your markdown here...',\n uploadImage: undefined,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n 'image-upload': [file: File, url: string];\n 'image-upload-error': [file: File, error: Error];\n}>();\n\ndefineSlots<{\n toolbar?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\nconst isUploading = ref(false);\n\nconst rootClasses = computed(() => [\n 'tree-md-editor',\n `tree-md-editor--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-uploading': isUploading.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst editorAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst stringValue = computed(() => `${props.modelValue ?? ''}`);\n\nconst onInput = (event: Event) => {\n emit('update:modelValue', (event.target as HTMLTextAreaElement).value);\n};\n\n/* ──────── Toolbar Actions ──────── */\n\nconst insertAtCursor = (before: string, after = '') => {\n const el = textareaRef.value;\n if (!el) return;\n\n const start = el.selectionStart;\n const end = el.selectionEnd;\n const text = stringValue.value;\n const selected = text.slice(start, end);\n\n const newText = text.slice(0, start) + before + selected + after + text.slice(end);\n emit('update:modelValue', newText);\n\n nextTick(() => {\n el.focus();\n const cursorPos = selected\n ? start + before.length + selected.length + after.length\n : start + before.length;\n el.setSelectionRange(cursorPos, cursorPos);\n });\n};\n\nconst insertHeading = (level: number) => {\n const prefix = '#'.repeat(level) + ' ';\n const el = textareaRef.value;\n if (!el) return;\n\n const start = el.selectionStart;\n const text = stringValue.value;\n\n // Find start of current line\n const lineStart = text.lastIndexOf('\\n', start - 1) + 1;\n const lineEnd = text.indexOf('\\n', start);\n const actualEnd = lineEnd === -1 ? text.length : lineEnd;\n const line = text.slice(lineStart, actualEnd);\n\n // Strip existing heading markers\n const stripped = line.replace(/^#{1,6}\\s*/, '');\n const newLine = prefix + stripped;\n\n const newText = text.slice(0, lineStart) + newLine + text.slice(actualEnd);\n emit('update:modelValue', newText);\n\n nextTick(() => {\n el.focus();\n el.setSelectionRange(lineStart + newLine.length, lineStart + newLine.length);\n });\n};\n\nconst insertBold = () => insertAtCursor('**', '**');\nconst insertItalic = () => insertAtCursor('_', '_');\nconst insertCode = () => insertAtCursor('`', '`');\nconst insertCodeBlock = () => insertAtCursor('\\n```\\n', '\\n```\\n');\nconst insertLink = () => insertAtCursor('[', '](url)');\nconst insertList = () => insertAtCursor('\\n- ');\nconst insertOrderedList = () => insertAtCursor('\\n1. ');\nconst insertQuote = () => insertAtCursor('\\n> ');\nconst insertHr = () => insertAtCursor('\\n---\\n');\n\n/* ──────── Markdown → HTML rendering ──────── */\n\nconst renderedHtml = computed(() => {\n return markdownToHtml(stringValue.value);\n});\n\nfunction escapeHtml(text: string): string {\n return text\n .replace(/&/g, '&amp;')\n .replace(/</g, '&lt;')\n .replace(/>/g, '&gt;')\n .replace(/\"/g, '&quot;')\n .replace(/'/g, '&#039;');\n}\n\nfunction markdownToHtml(md: string): string {\n if (!md) return '';\n\n const lines = md.split('\\n');\n const html: string[] = [];\n let inCodeBlock = false;\n let inList = false;\n let inOrderedList = false;\n\n for (let i = 0; i < lines.length; i++) {\n const line = lines[i];\n\n // Code blocks\n if (line.trim().startsWith('```')) {\n if (inCodeBlock) {\n html.push('</code></pre>');\n inCodeBlock = false;\n } else {\n inCodeBlock = true;\n html.push('<pre class=\"tree-md-editor__code-block\"><code>');\n }\n continue;\n }\n\n if (inCodeBlock) {\n html.push(escapeHtml(line));\n html.push('\\n');\n continue;\n }\n\n // Close open lists if needed\n const isUnorderedListItem = /^[-*+]\\s/.test(line.trim());\n const isOrderedListItem = /^\\d+\\.\\s/.test(line.trim());\n\n if (inList && !isUnorderedListItem) {\n html.push('</ul>');\n inList = false;\n }\n if (inOrderedList && !isOrderedListItem) {\n html.push('</ol>');\n inOrderedList = false;\n }\n\n // Horizontal rule\n if (/^(-{3,}|_{3,}|\\*{3,})$/.test(line.trim())) {\n html.push('<hr class=\"tree-md-editor__hr\" />');\n continue;\n }\n\n // Headings\n const headingMatch = line.match(/^(#{1,6})\\s+(.+)$/);\n if (headingMatch) {\n const level = headingMatch[1].length;\n html.push(`<h${level} class=\"tree-md-editor__heading tree-md-editor__heading--${level}\">${inlineMarkdown(escapeHtml(headingMatch[2]))}</h${level}>`);\n continue;\n }\n\n // Blockquote\n if (line.trim().startsWith('> ')) {\n html.push(`<blockquote class=\"tree-md-editor__blockquote\">${inlineMarkdown(escapeHtml(line.trim().slice(2)))}</blockquote>`);\n continue;\n }\n\n // Unordered list\n if (isUnorderedListItem) {\n if (!inList) {\n html.push('<ul class=\"tree-md-editor__list\">');\n inList = true;\n }\n html.push(`<li>${inlineMarkdown(escapeHtml(line.trim().slice(2)))}</li>`);\n continue;\n }\n\n // Ordered list\n if (isOrderedListItem) {\n if (!inOrderedList) {\n html.push('<ol class=\"tree-md-editor__list tree-md-editor__list--ordered\">');\n inOrderedList = true;\n }\n const content = line.trim().replace(/^\\d+\\.\\s/, '');\n html.push(`<li>${inlineMarkdown(escapeHtml(content))}</li>`);\n continue;\n }\n\n // Empty line\n if (line.trim() === '') {\n html.push('<br />');\n continue;\n }\n\n // Paragraph\n html.push(`<p class=\"tree-md-editor__paragraph\">${inlineMarkdown(escapeHtml(line))}</p>`);\n }\n\n // Close any open blocks\n if (inCodeBlock) html.push('</code></pre>');\n if (inList) html.push('</ul>');\n if (inOrderedList) html.push('</ol>');\n\n return html.join('\\n');\n}\n\nfunction inlineMarkdown(text: string): string {\n // Images: ![alt](url)\n text = text.replace(/!\\[([^\\]]*)\\]\\(([^)]+)\\)/g, '<img src=\"$2\" alt=\"$1\" class=\"tree-md-editor__image\" loading=\"lazy\" />');\n // Links: [text](url)\n text = text.replace(/\\[([^\\]]+)\\]\\(([^)]+)\\)/g, '<a href=\"$2\" target=\"_blank\" rel=\"noopener noreferrer\">$1</a>');\n // Bold: **text**\n text = text.replace(/\\*\\*(.+?)\\*\\*/g, '<strong>$1</strong>');\n // Italic: _text_ or *text*\n text = text.replace(/_(.+?)_/g, '<em>$1</em>');\n text = text.replace(/(?<!\\*)\\*(?!\\*)(.+?)(?<!\\*)\\*(?!\\*)/g, '<em>$1</em>');\n // Inline code: `text`\n text = text.replace(/`(.+?)`/g, '<code class=\"tree-md-editor__inline-code\">$1</code>');\n // Strikethrough: ~~text~~\n text = text.replace(/~~(.+?)~~/g, '<del>$1</del>');\n return text;\n}\n\n/* ──────── Image paste / drop handling ──────── */\n\nconst handlePaste = async (event: ClipboardEvent) => {\n if (props.disabled) return;\n\n const items = event.clipboardData?.items;\n if (!items) return;\n\n for (const item of items) {\n if (item.type.startsWith('image/')) {\n event.preventDefault();\n const file = item.getAsFile();\n if (file) await processImageUpload(file);\n return;\n }\n }\n};\n\nconst handleDrop = async (event: DragEvent) => {\n if (props.disabled) return;\n\n const files = event.dataTransfer?.files;\n if (!files) return;\n\n for (const file of files) {\n if (file.type.startsWith('image/')) {\n event.preventDefault();\n await processImageUpload(file);\n }\n }\n};\n\nconst handleDragOver = (event: DragEvent) => {\n if (props.disabled) return;\n event.preventDefault();\n};\n\nconst processImageUpload = async (file: File) => {\n if (!props.uploadImage) {\n // Fallback: insert a placeholder with the file name\n insertAtCursor(`![${file.name}]()`);\n return;\n }\n\n // Insert uploading placeholder\n const placeholder = `![Uploading ${file.name}...]()`;\n insertAtCursor(placeholder);\n isUploading.value = true;\n\n try {\n const url = props.uploadImage(file);\n const resolvedUrl = url instanceof Promise ? await url : url;\n\n // Replace placeholder with actual URL\n const currentValue = stringValue.value;\n const newValue = currentValue.replace(placeholder, `![${file.name}](${resolvedUrl})`);\n emit('update:modelValue', newValue);\n emit('image-upload', file, resolvedUrl);\n } catch (err) {\n // Remove placeholder on error\n const currentValue = stringValue.value;\n const newValue = currentValue.replace(placeholder, '');\n emit('update:modelValue', newValue);\n emit('image-upload-error', file, err instanceof Error ? err : new Error(String(err)));\n } finally {\n isUploading.value = false;\n }\n};\n\n/* ──────── Keyboard shortcuts ──────── */\n\nconst handleKeydown = (event: KeyboardEvent) => {\n if (props.disabled) return;\n\n const mod = event.metaKey || event.ctrlKey;\n if (!mod) return;\n\n switch (event.key) {\n case 'b':\n event.preventDefault();\n insertBold();\n break;\n case 'i':\n event.preventDefault();\n insertItalic();\n break;\n case 'k':\n event.preventDefault();\n insertLink();\n break;\n case 'e':\n event.preventDefault();\n insertCode();\n break;\n }\n};\n\n</script>\n\n<template>\n <div\n v-bind=\"editorAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <!-- Toolbar -->\n <div\n class=\"tree-md-editor__toolbar\"\n role=\"toolbar\"\n aria-label=\"Markdown formatting\"\n >\n <div class=\"tree-md-editor__toolbar-group\">\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Heading 1 (H1)\"\n :disabled=\"disabled\"\n @click=\"insertHeading(1)\"\n >\n H1\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Heading 2 (H2)\"\n :disabled=\"disabled\"\n @click=\"insertHeading(2)\"\n >\n H2\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Heading 3 (H3)\"\n :disabled=\"disabled\"\n @click=\"insertHeading(3)\"\n >\n H3\n </button>\n </div>\n\n <div\n class=\"tree-md-editor__toolbar-divider\"\n role=\"separator\"\n />\n\n <div class=\"tree-md-editor__toolbar-group\">\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Bold (Ctrl+B)\"\n :disabled=\"disabled\"\n @click=\"insertBold\"\n >\n <strong>B</strong>\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Italic (Ctrl+I)\"\n :disabled=\"disabled\"\n @click=\"insertItalic\"\n >\n <em>I</em>\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Strikethrough\"\n :disabled=\"disabled\"\n @click=\"insertAtCursor('~~', '~~')\"\n >\n <del>S</del>\n </button>\n </div>\n\n <div\n class=\"tree-md-editor__toolbar-divider\"\n role=\"separator\"\n />\n\n <div class=\"tree-md-editor__toolbar-group\">\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Inline code (Ctrl+E)\"\n :disabled=\"disabled\"\n @click=\"insertCode\"\n >\n &lt;/&gt;\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Code block\"\n :disabled=\"disabled\"\n @click=\"insertCodeBlock\"\n >\n { }\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Link (Ctrl+K)\"\n :disabled=\"disabled\"\n @click=\"insertLink\"\n >\n 🔗\n </button>\n </div>\n\n <div\n class=\"tree-md-editor__toolbar-divider\"\n role=\"separator\"\n />\n\n <div class=\"tree-md-editor__toolbar-group\">\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Unordered list\"\n :disabled=\"disabled\"\n @click=\"insertList\"\n >\n •&nbsp;List\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Ordered list\"\n :disabled=\"disabled\"\n @click=\"insertOrderedList\"\n >\n 1.&nbsp;List\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Blockquote\"\n :disabled=\"disabled\"\n @click=\"insertQuote\"\n >\n &gt;\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Horizontal rule\"\n :disabled=\"disabled\"\n @click=\"insertHr\"\n >\n ―\n </button>\n </div>\n\n <slot name=\"toolbar\" />\n </div>\n\n <!-- Editor body -->\n <div class=\"tree-md-editor__body\">\n <!-- Write pane -->\n <div\n class=\"tree-md-editor__pane tree-md-editor__pane--write\"\n >\n <textarea\n ref=\"textareaRef\"\n class=\"tree-md-editor__textarea\"\n :value=\"stringValue\"\n :placeholder=\"placeholder\"\n :disabled=\"disabled\"\n :aria-label=\"placeholder\"\n @input=\"onInput\"\n @paste=\"handlePaste\"\n @drop=\"handleDrop\"\n @dragover=\"handleDragOver\"\n @keydown=\"handleKeydown\"\n />\n </div>\n\n <!-- Preview pane -->\n <div\n class=\"tree-md-editor__pane tree-md-editor__pane--preview\"\n aria-label=\"Markdown preview\"\n >\n <!-- eslint-disable vue/no-v-html -->\n <div\n class=\"tree-md-editor__preview\"\n v-html=\"renderedHtml\"\n />\n <!-- eslint-enable vue/no-v-html -->\n </div>\n </div>\n\n <!-- Upload indicator -->\n <div\n v-if=\"isUploading\"\n class=\"tree-md-editor__upload-bar\"\n role=\"status\"\n aria-live=\"polite\"\n >\n Uploading image…\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useAttrs, nextTick } from 'vue';\nimport type { TreeSize } from '../types/contracts';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = withDefaults(\n defineProps<{\n modelValue?: string;\n size?: TreeSize;\n disabled?: boolean;\n placeholder?: string;\n uploadImage?: (file: File) => Promise<string>;\n }>(),\n {\n modelValue: '',\n size: 'md',\n disabled: false,\n placeholder: 'Write your markdown here...',\n uploadImage: undefined,\n },\n);\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string];\n 'image-upload': [file: File, url: string];\n 'image-upload-error': [file: File, error: Error];\n}>();\n\ndefineSlots<{\n toolbar?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\nconst isUploading = ref(false);\n\nconst rootClasses = computed(() => [\n 'tree-md-editor',\n `tree-md-editor--${props.size}`,\n {\n 'is-disabled': props.disabled,\n 'is-uploading': isUploading.value,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst editorAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst stringValue = computed(() => `${props.modelValue ?? ''}`);\n\nconst onInput = (event: Event) => {\n emit('update:modelValue', (event.target as HTMLTextAreaElement).value);\n};\n\n/* ──────── Toolbar Actions ──────── */\n\nconst insertAtCursor = (before: string, after = '') => {\n const el = textareaRef.value;\n if (!el) return;\n\n const start = el.selectionStart;\n const end = el.selectionEnd;\n const text = stringValue.value;\n const selected = text.slice(start, end);\n\n const newText = text.slice(0, start) + before + selected + after + text.slice(end);\n emit('update:modelValue', newText);\n\n nextTick(() => {\n el.focus();\n const cursorPos = selected\n ? start + before.length + selected.length + after.length\n : start + before.length;\n el.setSelectionRange(cursorPos, cursorPos);\n });\n};\n\nconst insertHeading = (level: number) => {\n const prefix = '#'.repeat(level) + ' ';\n const el = textareaRef.value;\n if (!el) return;\n\n const start = el.selectionStart;\n const text = stringValue.value;\n\n // Find start of current line\n const lineStart = text.lastIndexOf('\\n', start - 1) + 1;\n const lineEnd = text.indexOf('\\n', start);\n const actualEnd = lineEnd === -1 ? text.length : lineEnd;\n const line = text.slice(lineStart, actualEnd);\n\n // Strip existing heading markers\n const stripped = line.replace(/^#{1,6}\\s*/, '');\n const newLine = prefix + stripped;\n\n const newText = text.slice(0, lineStart) + newLine + text.slice(actualEnd);\n emit('update:modelValue', newText);\n\n nextTick(() => {\n el.focus();\n el.setSelectionRange(lineStart + newLine.length, lineStart + newLine.length);\n });\n};\n\nconst insertBold = () => insertAtCursor('**', '**');\nconst insertItalic = () => insertAtCursor('_', '_');\nconst insertCode = () => insertAtCursor('`', '`');\nconst insertCodeBlock = () => insertAtCursor('\\n```\\n', '\\n```\\n');\nconst insertLink = () => insertAtCursor('[', '](url)');\nconst insertList = () => insertAtCursor('\\n- ');\nconst insertOrderedList = () => insertAtCursor('\\n1. ');\nconst insertQuote = () => insertAtCursor('\\n> ');\nconst insertHr = () => insertAtCursor('\\n---\\n');\n\n/* ──────── Markdown → HTML rendering ──────── */\n\nconst renderedHtml = computed(() => {\n return markdownToHtml(stringValue.value);\n});\n\nfunction escapeHtml(text: string): string {\n return text\n .replace(/&/g, '&amp;')\n .replace(/</g, '&lt;')\n .replace(/>/g, '&gt;')\n .replace(/\"/g, '&quot;')\n .replace(/'/g, '&#039;');\n}\n\nfunction markdownToHtml(md: string): string {\n if (!md) return '';\n\n const lines = md.split('\\n');\n const html: string[] = [];\n let inCodeBlock = false;\n let inList = false;\n let inOrderedList = false;\n\n for (let i = 0; i < lines.length; i++) {\n const line = lines[i];\n\n // Code blocks\n if (line.trim().startsWith('```')) {\n if (inCodeBlock) {\n html.push('</code></pre>');\n inCodeBlock = false;\n } else {\n inCodeBlock = true;\n html.push('<pre class=\"tree-md-editor__code-block\"><code>');\n }\n continue;\n }\n\n if (inCodeBlock) {\n html.push(escapeHtml(line));\n html.push('\\n');\n continue;\n }\n\n // Close open lists if needed\n const isUnorderedListItem = /^[-*+]\\s/.test(line.trim());\n const isOrderedListItem = /^\\d+\\.\\s/.test(line.trim());\n\n if (inList && !isUnorderedListItem) {\n html.push('</ul>');\n inList = false;\n }\n if (inOrderedList && !isOrderedListItem) {\n html.push('</ol>');\n inOrderedList = false;\n }\n\n // Horizontal rule\n if (/^(-{3,}|_{3,}|\\*{3,})$/.test(line.trim())) {\n html.push('<hr class=\"tree-md-editor__hr\" />');\n continue;\n }\n\n // Headings\n const headingMatch = line.match(/^(#{1,6})\\s+(.+)$/);\n if (headingMatch) {\n const level = headingMatch[1].length;\n html.push(`<h${level} class=\"tree-md-editor__heading tree-md-editor__heading--${level}\">${inlineMarkdown(escapeHtml(headingMatch[2]))}</h${level}>`);\n continue;\n }\n\n // Blockquote\n if (line.trim().startsWith('> ')) {\n html.push(`<blockquote class=\"tree-md-editor__blockquote\">${inlineMarkdown(escapeHtml(line.trim().slice(2)))}</blockquote>`);\n continue;\n }\n\n // Unordered list\n if (isUnorderedListItem) {\n if (!inList) {\n html.push('<ul class=\"tree-md-editor__list\">');\n inList = true;\n }\n html.push(`<li>${inlineMarkdown(escapeHtml(line.trim().slice(2)))}</li>`);\n continue;\n }\n\n // Ordered list\n if (isOrderedListItem) {\n if (!inOrderedList) {\n html.push('<ol class=\"tree-md-editor__list tree-md-editor__list--ordered\">');\n inOrderedList = true;\n }\n const content = line.trim().replace(/^\\d+\\.\\s/, '');\n html.push(`<li>${inlineMarkdown(escapeHtml(content))}</li>`);\n continue;\n }\n\n // Empty line\n if (line.trim() === '') {\n html.push('<br />');\n continue;\n }\n\n // Paragraph\n html.push(`<p class=\"tree-md-editor__paragraph\">${inlineMarkdown(escapeHtml(line))}</p>`);\n }\n\n // Close any open blocks\n if (inCodeBlock) html.push('</code></pre>');\n if (inList) html.push('</ul>');\n if (inOrderedList) html.push('</ol>');\n\n return html.join('\\n');\n}\n\nfunction inlineMarkdown(text: string): string {\n // Images: ![alt](url)\n text = text.replace(/!\\[([^\\]]*)\\]\\(([^)]+)\\)/g, '<img src=\"$2\" alt=\"$1\" class=\"tree-md-editor__image\" loading=\"lazy\" />');\n // Links: [text](url)\n text = text.replace(/\\[([^\\]]+)\\]\\(([^)]+)\\)/g, '<a href=\"$2\" target=\"_blank\" rel=\"noopener noreferrer\">$1</a>');\n // Bold: **text**\n text = text.replace(/\\*\\*(.+?)\\*\\*/g, '<strong>$1</strong>');\n // Italic: _text_ or *text*\n text = text.replace(/_(.+?)_/g, '<em>$1</em>');\n text = text.replace(/(?<!\\*)\\*(?!\\*)(.+?)(?<!\\*)\\*(?!\\*)/g, '<em>$1</em>');\n // Inline code: `text`\n text = text.replace(/`(.+?)`/g, '<code class=\"tree-md-editor__inline-code\">$1</code>');\n // Strikethrough: ~~text~~\n text = text.replace(/~~(.+?)~~/g, '<del>$1</del>');\n return text;\n}\n\n/* ──────── Image paste / drop handling ──────── */\n\nconst handlePaste = async (event: ClipboardEvent) => {\n if (props.disabled) return;\n\n const items = event.clipboardData?.items;\n if (!items) return;\n\n for (const item of items) {\n if (item.type.startsWith('image/')) {\n event.preventDefault();\n const file = item.getAsFile();\n if (file) await processImageUpload(file);\n return;\n }\n }\n};\n\nconst handleDrop = async (event: DragEvent) => {\n if (props.disabled) return;\n\n const files = event.dataTransfer?.files;\n if (!files) return;\n\n for (const file of files) {\n if (file.type.startsWith('image/')) {\n event.preventDefault();\n await processImageUpload(file);\n }\n }\n};\n\nconst handleDragOver = (event: DragEvent) => {\n if (props.disabled) return;\n event.preventDefault();\n};\n\nconst processImageUpload = async (file: File) => {\n if (!props.uploadImage) {\n // Fallback: insert a placeholder with the file name\n insertAtCursor(`![${file.name}]()`);\n return;\n }\n\n // Insert uploading placeholder\n const placeholder = `![Uploading ${file.name}...]()`;\n insertAtCursor(placeholder);\n isUploading.value = true;\n\n try {\n const url = props.uploadImage(file);\n const resolvedUrl = url instanceof Promise ? await url : url;\n\n // Replace placeholder with actual URL\n const currentValue = stringValue.value;\n const newValue = currentValue.replace(placeholder, `![${file.name}](${resolvedUrl})`);\n emit('update:modelValue', newValue);\n emit('image-upload', file, resolvedUrl);\n } catch (err) {\n // Remove placeholder on error\n const currentValue = stringValue.value;\n const newValue = currentValue.replace(placeholder, '');\n emit('update:modelValue', newValue);\n emit('image-upload-error', file, err instanceof Error ? err : new Error(String(err)));\n } finally {\n isUploading.value = false;\n }\n};\n\n/* ──────── Keyboard shortcuts ──────── */\n\nconst handleKeydown = (event: KeyboardEvent) => {\n if (props.disabled) return;\n\n const mod = event.metaKey || event.ctrlKey;\n if (!mod) return;\n\n switch (event.key) {\n case 'b':\n event.preventDefault();\n insertBold();\n break;\n case 'i':\n event.preventDefault();\n insertItalic();\n break;\n case 'k':\n event.preventDefault();\n insertLink();\n break;\n case 'e':\n event.preventDefault();\n insertCode();\n break;\n }\n};\n\n</script>\n\n<template>\n <div\n v-bind=\"editorAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n >\n <!-- Toolbar -->\n <div\n class=\"tree-md-editor__toolbar\"\n role=\"toolbar\"\n aria-label=\"Markdown formatting\"\n >\n <div class=\"tree-md-editor__toolbar-group\">\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Heading 1 (H1)\"\n :disabled=\"disabled\"\n @click=\"insertHeading(1)\"\n >\n H1\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Heading 2 (H2)\"\n :disabled=\"disabled\"\n @click=\"insertHeading(2)\"\n >\n H2\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Heading 3 (H3)\"\n :disabled=\"disabled\"\n @click=\"insertHeading(3)\"\n >\n H3\n </button>\n </div>\n\n <div\n class=\"tree-md-editor__toolbar-divider\"\n role=\"separator\"\n />\n\n <div class=\"tree-md-editor__toolbar-group\">\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Bold (Ctrl+B)\"\n :disabled=\"disabled\"\n @click=\"insertBold\"\n >\n <strong>B</strong>\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Italic (Ctrl+I)\"\n :disabled=\"disabled\"\n @click=\"insertItalic\"\n >\n <em>I</em>\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Strikethrough\"\n :disabled=\"disabled\"\n @click=\"insertAtCursor('~~', '~~')\"\n >\n <del>S</del>\n </button>\n </div>\n\n <div\n class=\"tree-md-editor__toolbar-divider\"\n role=\"separator\"\n />\n\n <div class=\"tree-md-editor__toolbar-group\">\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Inline code (Ctrl+E)\"\n :disabled=\"disabled\"\n @click=\"insertCode\"\n >\n &lt;/&gt;\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Code block\"\n :disabled=\"disabled\"\n @click=\"insertCodeBlock\"\n >\n { }\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Link (Ctrl+K)\"\n :disabled=\"disabled\"\n @click=\"insertLink\"\n >\n 🔗\n </button>\n </div>\n\n <div\n class=\"tree-md-editor__toolbar-divider\"\n role=\"separator\"\n />\n\n <div class=\"tree-md-editor__toolbar-group\">\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Unordered list\"\n :disabled=\"disabled\"\n @click=\"insertList\"\n >\n •&nbsp;List\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Ordered list\"\n :disabled=\"disabled\"\n @click=\"insertOrderedList\"\n >\n 1.&nbsp;List\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Blockquote\"\n :disabled=\"disabled\"\n @click=\"insertQuote\"\n >\n &gt;\n </button>\n <button\n type=\"button\"\n class=\"tree-md-editor__toolbar-btn\"\n title=\"Horizontal rule\"\n :disabled=\"disabled\"\n @click=\"insertHr\"\n >\n ―\n </button>\n </div>\n\n <slot name=\"toolbar\" />\n </div>\n\n <!-- Editor body -->\n <div class=\"tree-md-editor__body\">\n <!-- Write pane -->\n <div\n class=\"tree-md-editor__pane tree-md-editor__pane--write\"\n >\n <textarea\n ref=\"textareaRef\"\n class=\"tree-md-editor__textarea\"\n :value=\"stringValue\"\n :placeholder=\"placeholder\"\n :disabled=\"disabled\"\n :aria-label=\"placeholder\"\n @input=\"onInput\"\n @paste=\"handlePaste\"\n @drop=\"handleDrop\"\n @dragover=\"handleDragOver\"\n @keydown=\"handleKeydown\"\n />\n </div>\n\n <!-- Preview pane -->\n <div\n class=\"tree-md-editor__pane tree-md-editor__pane--preview\"\n aria-label=\"Markdown preview\"\n >\n <!-- eslint-disable vue/no-v-html -->\n <div\n class=\"tree-md-editor__preview\"\n v-html=\"renderedHtml\"\n />\n <!-- eslint-enable vue/no-v-html -->\n </div>\n </div>\n\n <!-- Upload indicator -->\n <div\n v-if=\"isUploading\"\n class=\"tree-md-editor__upload-bar\"\n role=\"status\"\n aria-live=\"polite\"\n >\n Uploading image…\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, type Component } from 'vue';\nimport { getTreeIcon, treeIconDefaults, type TreeIconName } from '@treeui/icons';\n\nconst props = withDefaults(\n defineProps<{\n name: TreeIconName;\n size?: number | string;\n strokeWidth?: number | string;\n absoluteStrokeWidth?: boolean;\n label?: string;\n }>(),\n {\n size: treeIconDefaults.size,\n strokeWidth: treeIconDefaults.strokeWidth,\n absoluteStrokeWidth: treeIconDefaults.absoluteStrokeWidth,\n label: undefined,\n },\n);\n\nconst iconComponent = computed(() => getTreeIcon(props.name) as Component);\n</script>\n\n<template>\n <component\n :is=\"iconComponent\"\n class=\"tree-icon\"\n :size=\"size\"\n :stroke-width=\"strokeWidth\"\n :absolute-stroke-width=\"absoluteStrokeWidth\"\n :role=\"label ? 'img' : undefined\"\n :aria-label=\"label || undefined\"\n :aria-hidden=\"label ? undefined : 'true'\"\n />\n</template>\n","<script setup lang=\"ts\">\nimport { computed, type Component } from 'vue';\nimport { getTreeIcon, treeIconDefaults, type TreeIconName } from '@treeui/icons';\n\nconst props = withDefaults(\n defineProps<{\n name: TreeIconName;\n size?: number | string;\n strokeWidth?: number | string;\n absoluteStrokeWidth?: boolean;\n label?: string;\n }>(),\n {\n size: treeIconDefaults.size,\n strokeWidth: treeIconDefaults.strokeWidth,\n absoluteStrokeWidth: treeIconDefaults.absoluteStrokeWidth,\n label: undefined,\n },\n);\n\nconst iconComponent = computed(() => getTreeIcon(props.name) as Component);\n</script>\n\n<template>\n <component\n :is=\"iconComponent\"\n class=\"tree-icon\"\n :size=\"size\"\n :stroke-width=\"strokeWidth\"\n :absolute-stroke-width=\"absoluteStrokeWidth\"\n :role=\"label ? 'img' : undefined\"\n :aria-label=\"label || undefined\"\n :aria-hidden=\"label ? undefined : 'true'\"\n />\n</template>\n","import type { App, Plugin } from 'vue';\nimport {\n TAccordion,\n TAccordionItem,\n TAlert,\n TBadge,\n TBreadcrumb,\n TBreadcrumbItem,\n TButton,\n TCard,\n TCheckbox,\n TCombobox,\n TConfirmDialog,\n TContainer,\n TContextMenu,\n TDatePicker,\n TDateTimePicker,\n TDrawer,\n TDropdown,\n TEmptyState,\n TFileUpload,\n TFormField,\n TGrid,\n TAppBar,\n TInput,\n TLink,\n TNavMenu,\n TNavbar,\n TMultiSelect,\n TModal,\n TNumberInput,\n TPagination,\n TPopover,\n TProgress,\n TRadio,\n TRadioGroup,\n TSelectableList,\n TSelect,\n TSidebar,\n TSkeleton,\n TSpinner,\n TStack,\n TStat,\n TStepper,\n TSteps,\n TSwitch,\n TTextarea,\n TTabs,\n TTabList,\n TTab,\n TTabPanel,\n TToggleGroup,\n TToast,\n TToastProvider,\n TTooltip,\n TAvatar,\n TDivider,\n TTable,\n TTag,\n TTreeView,\n TTimeline,\n TPricing,\n TPricingCard,\n TMarkdownEditor,\n TIcon,\n} from './components';\n\nconst components = {\n TAccordion,\n TAccordionItem,\n TAlert,\n TBadge,\n TBreadcrumb,\n TBreadcrumbItem,\n TButton,\n TCard,\n TCheckbox,\n TCombobox,\n TConfirmDialog,\n TContainer,\n TContextMenu,\n TDatePicker,\n TDateTimePicker,\n TDrawer,\n TDropdown,\n TEmptyState,\n TFileUpload,\n TFormField,\n TGrid,\n TAppBar,\n TInput,\n TLink,\n TNavMenu,\n TNavbar,\n TMultiSelect,\n TModal,\n TNumberInput,\n TRadio,\n TRadioGroup,\n TSelectableList,\n TSelect,\n TSidebar,\n TSkeleton,\n TSpinner,\n TStack,\n TStat,\n TStepper,\n TSteps,\n TSwitch,\n TTextarea,\n TTabs,\n TTabList,\n TTab,\n TTabPanel,\n TToggleGroup,\n TToast,\n TToastProvider,\n TPagination,\n TPopover,\n TProgress,\n TTooltip,\n TAvatar,\n TDivider,\n TTable,\n TTag,\n TTreeView,\n TTimeline,\n TPricing,\n TPricingCard,\n TMarkdownEditor,\n TIcon,\n TreeAccordion: TAccordion,\n TreeAccordionItem: TAccordionItem,\n TreeAlert: TAlert,\n TreeBadge: TBadge,\n TreeBreadcrumb: TBreadcrumb,\n TreeBreadcrumbItem: TBreadcrumbItem,\n TreeButton: TButton,\n TreeCard: TCard,\n TreeCheckbox: TCheckbox,\n TreeCombobox: TCombobox,\n TreeConfirmDialog: TConfirmDialog,\n TreeContainer: TContainer,\n TreeContextMenu: TContextMenu,\n TreeDatePicker: TDatePicker,\n TreeDateTimePicker: TDateTimePicker,\n TreeDrawer: TDrawer,\n TreeDropdown: TDropdown,\n TreeEmptyState: TEmptyState,\n TreeFileUpload: TFileUpload,\n TreeGrid: TGrid,\n TreeNavbar: TNavbar,\n TreeAppBar: TNavbar,\n TreeLink: TLink,\n TreeNavMenu: TNavMenu,\n TreeMultiSelect: TMultiSelect,\n TreeRadio: TRadio,\n TreeRadioGroup: TRadioGroup,\n TreeSelect: TSelect,\n TreeSkeleton: TSkeleton,\n TreeSidebar: TSidebar,\n TreeInput: TInput,\n TreeNumberInput: TNumberInput,\n TreeSelectableList: TSelectableList,\n TreeStack: TStack,\n TreeTreeView: TTreeView,\n TreeSteps: TSteps,\n TreeStepper: TStepper,\n TreeToggleGroup: TToggleGroup,\n TreeTextarea: TTextarea,\n TreeModal: TModal,\n TreePagination: TPagination,\n TreePopover: TPopover,\n TreeSpinner: TSpinner,\n TreeFormField: TFormField,\n TreeProgress: TProgress,\n TreeStat: TStat,\n TreeSwitch: TSwitch,\n TreeTabs: TTabs,\n TreeTabList: TTabList,\n TreeTab: TTab,\n TreeTabPanel: TTabPanel,\n TreeToast: TToast,\n TreeToastProvider: TToastProvider,\n TreeTooltip: TTooltip,\n TreeAvatar: TAvatar,\n TreeDivider: TDivider,\n TreeTable: TTable,\n TreeTag: TTag,\n TreeTimeline: TTimeline,\n TreePricing: TPricing,\n TreePricingCard: TPricingCard,\n TreeMarkdownEditor: TMarkdownEditor,\n TreeIcon: TIcon,\n};\n\nexport const TreeUIPlugin: Plugin = {\n install(app: App) {\n Object.entries(components).forEach(([name, component]) => {\n app.component(name, component);\n });\n },\n};\n\nexport const install = TreeUIPlugin.install;\n","export const treeSizes = ['sm', 'md', 'lg'] as const;\nexport const treeVariants = ['solid', 'outline', 'ghost', 'soft', 'danger'] as const;\nexport const treeCardVariants = ['outline', 'soft', 'solid', 'inset'] as const;\nexport const treeTooltipSides = ['top', 'right', 'bottom', 'left'] as const;\nexport const treeDrawerSides = ['top', 'right', 'bottom', 'left'] as const;\n\nexport type TreeSize = (typeof treeSizes)[number];\nexport type TreeVariant = (typeof treeVariants)[number];\nexport type TreeCardVariant = (typeof treeCardVariants)[number];\nexport type TreeTooltipSide = (typeof treeTooltipSides)[number];\nexport type TreeDrawerSide = (typeof treeDrawerSides)[number];\n\n"],"mappings":"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"}