@hina-ui/vue 1.2.0 → 1.3.1

package/dist/index.js

@@ -1,8 +1,8 @@
 import { clsx } from "clsx";
 import { extendTailwindMerge } from "tailwind-merge";
 import { createTV } from "tailwind-variants";
-import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, h, inject, isRef, markRaw, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onBeforeUpdate, onMounted, openBlock, provide, reactive, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toHandlers, toRef, toValue, unref, useAttrs, useId, useModel, useSlots, vModelDynamic, vModelSelect, vModelText, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
-import { AccordionContent, AccordionHeader, AccordionItem, AccordionRoot, AccordionTrigger, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, AspectRatio, CalendarCell, CalendarCellTrigger, CalendarGrid, CalendarGridBody, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarNext, CalendarPrev, CalendarRoot, CheckboxGroupRoot, CheckboxRoot, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, ComboboxAnchor, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxPortal, ComboboxRoot, ComboboxTrigger, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuItemIndicator, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRoot, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DateFieldInput, DateFieldRoot, DateRangeFieldInput, DateRangeFieldRoot, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HoverCardContent, HoverCardPortal, HoverCardRoot, HoverCardTrigger, ListboxContent, ListboxFilter, ListboxGroup, ListboxGroupLabel, ListboxItem, ListboxItemIndicator, ListboxRoot, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarItemIndicator, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarRoot, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MonthPickerCell, MonthPickerCellTrigger, MonthPickerGrid, MonthPickerGridBody, MonthPickerGridRow, MonthPickerNext, MonthPickerPrev, MonthPickerRoot, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, NumberFieldRoot, PinInputInput, PinInputRoot, PopoverAnchor, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, Primitive, ProgressIndicator, ProgressRoot, RadioGroupItem, RadioGroupRoot, RangeCalendarCell, RangeCalendarCellTrigger, RangeCalendarGrid, RangeCalendarGridBody, RangeCalendarGridHead, RangeCalendarGridRow, RangeCalendarHeadCell, RangeCalendarNext, RangeCalendarPrev, RangeCalendarRoot, RatingItem, RatingItemIndicator, RatingRoot, SelectContent, SelectGroup, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectPortal, SelectRoot, SelectTrigger, Separator, SliderRoot, SliderThumb, SliderTrack, SplitterGroup, SplitterPanel, SplitterResizeHandle, SwitchRoot, TabsContent, TabsList, TabsRoot, TabsTrigger, TagsInputInput, TagsInputItem, TagsInputItemText, TagsInputRoot, TimeFieldInput, TimeFieldRoot, ToastClose, ToastDescription, ToastPortal, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Toggle, ToggleGroupItem, ToggleGroupRoot, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TreeItem, TreeRoot, VisuallyHidden, YearPickerCell, YearPickerCellTrigger, YearPickerGrid, YearPickerGridBody, YearPickerGridRow, YearPickerNext, YearPickerPrev, YearPickerRoot, injectListboxItemContext, injectTabsRootContext, injectTooltipProviderContext, useBodyScrollLock, useDirection, useForwardPropsEmits } from "reka-ui";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, h, inject, isRef, markRaw, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onBeforeUpdate, onMounted, onScopeDispose, openBlock, provide, reactive, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toHandlers, toRef, toValue, unref, useAttrs, useId, useModel, useSlots, vModelDynamic, vModelSelect, vModelText, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { AccordionContent, AccordionHeader, AccordionItem, AccordionRoot, AccordionTrigger, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, AspectRatio, CalendarCell, CalendarCellTrigger, CalendarGrid, CalendarGridBody, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarNext, CalendarPrev, CalendarRoot, CheckboxGroupRoot, CheckboxRoot, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, ComboboxAnchor, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxPortal, ComboboxRoot, ComboboxTrigger, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuItemIndicator, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRoot, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DateFieldInput, DateFieldRoot, DateRangeFieldInput, DateRangeFieldRoot, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HoverCardContent, HoverCardPortal, HoverCardRoot, HoverCardTrigger, ListboxContent, ListboxFilter, ListboxGroup, ListboxGroupLabel, ListboxItem, ListboxItemIndicator, ListboxRoot, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarItemIndicator, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarRoot, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MonthPickerCell, MonthPickerCellTrigger, MonthPickerGrid, MonthPickerGridBody, MonthPickerGridRow, MonthPickerNext, MonthPickerPrev, MonthPickerRoot, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, NumberFieldRoot, PinInputInput, PinInputRoot, PopoverAnchor, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, Primitive, ProgressIndicator, ProgressRoot, RadioGroupItem, RadioGroupRoot, RangeCalendarCell, RangeCalendarCellTrigger, RangeCalendarGrid, RangeCalendarGridBody, RangeCalendarGridHead, RangeCalendarGridRow, RangeCalendarHeadCell, RangeCalendarNext, RangeCalendarPrev, RangeCalendarRoot, RatingItem, RatingItemIndicator, RatingRoot, SelectContent, SelectGroup, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectPortal, SelectRoot, SelectTrigger, Separator, SliderRoot, SliderThumb, SliderTrack, SplitterGroup, SplitterPanel, SplitterResizeHandle, SwitchRoot, TabsContent, TabsList, TabsRoot, TabsTrigger, TagsInputInput, TagsInputItem, TagsInputItemText, TagsInputRoot, TimeFieldInput, TimeFieldRoot, ToastClose, ToastDescription, ToastPortal, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Toggle, ToggleGroupItem, ToggleGroupRoot, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TreeItem, TreeRoot, VisuallyHidden, YearPickerCell, YearPickerCellTrigger, YearPickerGrid, YearPickerGridBody, YearPickerGridRow, YearPickerNext, YearPickerPrev, YearPickerRoot, injectDialogRootContext, injectListboxItemContext, injectPopoverRootContext, injectTabsRootContext, injectTooltipProviderContext, useBodyScrollLock, useDirection, useForwardExpose, useForwardPropsEmits } from "reka-ui";
 import { ArrowLeft, ArrowRight, CalendarClock, CalendarDays, CalendarRange, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, CircleCheck, CircleX, Copy, Download, Eye, EyeOff, File, Inbox, Info, Lightbulb, Megaphone, Minus, PanelLeft, RotateCw, Search, Shrink, Star, TrendingDown, TrendingUp, TriangleAlert, Upload, User, X, ZoomIn, ZoomOut } from "@lucide/vue";
 import { Motion, animate, useMotionValue, useTransform } from "motion-v";
 import { createSharedComposable, useDocumentVisibility, useEventListener, useIntersectionObserver, useIntervalFn, useMediaQuery, useMutationObserver } from "@vueuse/core";
@@ -674,7 +674,7 @@ var spinner = tv({
 });
 //#endregion
 //#region src/components/spinner/Spinner.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$95 = ["aria-label"];
+var _hoisted_1$94 = ["aria-label"];
 //#endregion
 //#region src/components/spinner/Spinner.vue
 var Spinner_default = /* @__PURE__ */ defineComponent({
@@ -694,13 +694,13 @@ var Spinner_default = /* @__PURE__ */ defineComponent({
 				"aria-label": props.label ?? unref(t).common.loading,
 				class: unref(cn)(unref(spinner)({ size: props.size })),
 				style: { animation: "hn-spin var(--hn-spin-duration) var(--hn-ease-linear) infinite" }
-			}), null, 16, _hoisted_1$95);
+			}), null, 16, _hoisted_1$94);
 		};
 	}
 });
 //#endregion
 //#region src/components/button/IconSlot.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$94 = {
+var _hoisted_1$93 = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "absolute inset-0 inline-flex items-center justify-center"
@@ -724,7 +724,7 @@ var IconSlot_default$1 = /* @__PURE__ */ defineComponent({
 				"leave-active-class": "hn-transition",
 				"leave-to-class": "scale-90 opacity-0"
 			}, {
-				default: withCtx(() => [props.swapped ? (openBlock(), createElementBlock("span", _hoisted_1$94, [createVNode(Spinner_default, { size: props.spinnerSize }, null, 8, ["size"])])) : createCommentVNode("", true)]),
+				default: withCtx(() => [props.swapped ? (openBlock(), createElementBlock("span", _hoisted_1$93, [createVNode(Spinner_default, { size: props.spinnerSize }, null, 8, ["size"])])) : createCommentVNode("", true)]),
 				_: 1
 			})], 2);
 		};
@@ -920,7 +920,7 @@ function useRipple(container, surface, isDisabled) {
 }
 //#endregion
 //#region src/components/ripple/Ripple.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$93 = ["data-pressed"];
+var _hoisted_1$92 = ["data-pressed"];
 //#endregion
 //#region src/components/ripple/Ripple.vue
 var Ripple_default = /* @__PURE__ */ defineComponent({
@@ -943,13 +943,13 @@ var Ripple_default = /* @__PURE__ */ defineComponent({
 				ref: surface,
 				class: "hn-ripple-surface",
 				"data-pressed": unref(pressed) ? "" : void 0
-			}, null, 8, _hoisted_1$93)], 512);
+			}, null, 8, _hoisted_1$92)], 512);
 		};
 	}
 });
 //#endregion
 //#region src/components/button/Button.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$92 = {
+var _hoisted_1$91 = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "absolute inset-0 flex items-center justify-center"
@@ -1060,7 +1060,7 @@ var Button_default = /* @__PURE__ */ defineComponent({
 						"leave-active-class": "hn-transition",
 						"leave-to-class": "opacity-0"
 					}, {
-						default: withCtx(() => [props.loading && spinnerAt.value === "center" ? (openBlock(), createElementBlock("span", _hoisted_1$92, [createVNode(Spinner_default, { size: spinnerSize.value }, null, 8, ["size"])])) : createCommentVNode("", true)]),
+						default: withCtx(() => [props.loading && spinnerAt.value === "center" ? (openBlock(), createElementBlock("span", _hoisted_1$91, [createVNode(Spinner_default, { size: spinnerSize.value }, null, 8, ["size"])])) : createCommentVNode("", true)]),
 						_: 1
 					})
 				], 64))]),
@@ -1284,7 +1284,7 @@ function useCopy(text, onCopied, resetAfter = () => COPIED_RESET_MS) {
 }
 //#endregion
 //#region src/components/copy-button/CopyButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$91 = { class: "relative inline-flex size-[1em]" };
+var _hoisted_1$90 = { class: "relative inline-flex size-[1em]" };
 //#endregion
 //#region src/components/copy-button/CopyButton.vue
 var CopyButton_default = /* @__PURE__ */ defineComponent({
@@ -1316,7 +1316,7 @@ var CopyButton_default = /* @__PURE__ */ defineComponent({
 				class: props.class,
 				onClick: unref(copy)
 			}), {
-				default: withCtx(() => [createElementVNode("span", _hoisted_1$91, [createVNode(Transition, {
+				default: withCtx(() => [createElementVNode("span", _hoisted_1$90, [createVNode(Transition, {
 					"enter-active-class": "hn-transition-base",
 					"enter-from-class": "scale-90 opacity-0",
 					"leave-active-class": "hn-transition",
@@ -1391,7 +1391,7 @@ var buttonGroup = tv({
 });
 //#endregion
 //#region src/components/button-group/ButtonGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$90 = ["aria-label", "aria-orientation"];
+var _hoisted_1$89 = ["aria-label", "aria-orientation"];
 //#endregion
 //#region src/components/button-group/ButtonGroup.vue
 var ButtonGroup_default = /* @__PURE__ */ defineComponent({
@@ -1422,7 +1422,7 @@ var ButtonGroup_default = /* @__PURE__ */ defineComponent({
 					block: props.block,
 					divider: props.divider
 				}), props.class))
-			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$90);
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$89);
 		};
 	}
 });
@@ -1656,8 +1656,8 @@ var chipRemove = tv({
 });
 //#endregion
 //#region src/components/chip/IconSlot.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$89 = { class: "hn-collapse-body" };
-var _hoisted_2$45 = {
+var _hoisted_1$88 = { class: "hn-collapse-body" };
+var _hoisted_2$44 = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "absolute inset-0 inline-flex items-center justify-center"
@@ -1678,7 +1678,7 @@ var IconSlot_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("span", {
 				"data-hn-icon": "",
 				class: normalizeClass(["hn-collapse-x", props.icon || props.checked ? "hn-collapse-open" : "hn-collapse-closed"])
-			}, [createElementVNode("span", _hoisted_1$89, [createElementVNode("span", { class: normalizeClass(unref(chipIcon)({ size: props.size })) }, [props.icon ? (openBlock(), createElementBlock("span", {
+			}, [createElementVNode("span", _hoisted_1$88, [createElementVNode("span", { class: normalizeClass(unref(chipIcon)({ size: props.size })) }, [props.icon ? (openBlock(), createElementBlock("span", {
 				key: 0,
 				class: normalizeClass(["hn-transition inline-flex items-center justify-center", props.checked ? "scale-90 opacity-0" : "scale-100 opacity-100"])
 			}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true), createVNode(Transition, {
@@ -1687,7 +1687,7 @@ var IconSlot_default = /* @__PURE__ */ defineComponent({
 				"leave-active-class": "hn-transition",
 				"leave-to-class": "scale-90 opacity-0"
 			}, {
-				default: withCtx(() => [props.checked ? (openBlock(), createElementBlock("span", _hoisted_2$45, [createVNode(unref(Check))])) : createCommentVNode("", true)]),
+				default: withCtx(() => [props.checked ? (openBlock(), createElementBlock("span", _hoisted_2$44, [createVNode(unref(Check))])) : createCommentVNode("", true)]),
 				_: 1
 			})], 2)])], 2);
 		};
@@ -1874,13 +1874,13 @@ var VisuallyHidden_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/lightbox/LightboxStrip.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$88 = [
+var _hoisted_1$87 = [
 	"src",
 	"alt",
 	"onLoad"
 ];
-var _hoisted_2$44 = ["src"];
-var _hoisted_3$22 = [
+var _hoisted_2$43 = ["src"];
+var _hoisted_3$21 = [
 	"src",
 	"alt",
 	"onLoad"
@@ -1941,7 +1941,7 @@ var LightboxStrip_default = /* @__PURE__ */ defineComponent({
 							draggable: "false",
 							class: "block size-full object-contain",
 							onLoad: ($event) => emit("learn", slide.item.id, $event.target)
-						}, null, 40, _hoisted_1$88), createVNode(Transition, {
+						}, null, 40, _hoisted_1$87), createVNode(Transition, {
 							"enter-active-class": "hn-transition-base",
 							"enter-from-class": "opacity-0",
 							"leave-active-class": "hn-transition",
@@ -1954,7 +1954,7 @@ var LightboxStrip_default = /* @__PURE__ */ defineComponent({
 								"aria-hidden": "true",
 								draggable: "false",
 								class: "absolute inset-0 size-full object-contain"
-							}, null, 8, _hoisted_2$44)) : createCommentVNode("", true)]),
+							}, null, 8, _hoisted_2$43)) : createCommentVNode("", true)]),
 							_: 1
 						})]),
 						_: 2
@@ -1976,7 +1976,7 @@ var LightboxStrip_default = /* @__PURE__ */ defineComponent({
 							draggable: "false",
 							class: "block size-full object-contain",
 							onLoad: ($event) => emit("learn", slide.item.id, $event.target)
-						}, null, 40, _hoisted_3$22)]),
+						}, null, 40, _hoisted_3$21)]),
 						_: 2
 					}, 1032, [
 						"style",
@@ -2116,7 +2116,7 @@ function useEdgeShadow(viewport, opts) {
 //#region src/components/scroll-area/composables/useWheelRedirect.ts
 function useWheelRedirect(viewport, enabled) {
 	function onWheel(event) {
-		if (!enabled()) return;
+		if (event.defaultPrevented || !enabled()) return;
 		const el = viewport.value;
 		if (!el) return;
 		if (Math.abs(event.deltaY) <= Math.abs(event.deltaX)) return;
@@ -2150,9 +2150,6 @@ var useBodyPointerLock = createSharedComposable(() => {
 	}
 	return locked;
 });
-function block(event) {
-	event.preventDefault();
-}
 function useLayerLock(viewport) {
 	const locked = useBodyPointerLock();
 	let release;
@@ -2160,28 +2157,58 @@ function useLayerLock(viewport) {
 		release?.();
 		release = void 0;
 		const el = viewport.value;
-		if (!el || !locked.value || getComputedStyle(el).pointerEvents !== "none") return;
-		el.addEventListener("wheel", block, { passive: false });
-		el.addEventListener("touchmove", block, { passive: false });
+		if (!el || !locked.value) return;
+		const block = (event) => {
+			if (getComputedStyle(el).pointerEvents === "none") event.preventDefault();
+		};
+		el.addEventListener("wheel", block, {
+			passive: false,
+			capture: true
+		});
+		el.addEventListener("touchmove", block, {
+			passive: false,
+			capture: true
+		});
 		release = () => {
-			el.removeEventListener("wheel", block);
-			el.removeEventListener("touchmove", block);
+			el.removeEventListener("wheel", block, true);
+			el.removeEventListener("touchmove", block, true);
 		};
 	}
 	watch([locked, viewport], apply, { flush: "post" });
 	onBeforeUnmount(() => release?.());
 }
 //#endregion
+//#region src/components/scroll-area/composables/useScrollFocus.ts
+function useScrollFocus(host, viewport, options) {
+	function attributes(enabled) {
+		const { focusable, label } = options();
+		return {
+			tabindex: enabled && focusable ? 0 : void 0,
+			role: enabled && focusable ? "region" : void 0,
+			"aria-label": enabled && focusable ? label : void 0
+		};
+	}
+	const hostFocus = computed(() => attributes(!viewport.value));
+	const viewportFocus = computed(() => attributes(!!viewport.value));
+	watch(viewport, async (element) => {
+		const target = host.value;
+		if (!element || !target || !options().focusable) return;
+		if (target.ownerDocument.activeElement !== target) return;
+		await nextTick();
+		const active = target.ownerDocument.activeElement;
+		if (options().focusable && element.isConnected && (active === target || active === target.ownerDocument.body)) element.focus({ preventScroll: true });
+	}, { flush: "sync" });
+	return {
+		hostFocus,
+		viewportFocus
+	};
+}
+//#endregion
 //#region src/components/scroll-area/ScrollArea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$87 = [
-	"tabindex",
-	"role",
-	"aria-label"
-];
-var _hoisted_2$43 = ["data-visible"];
-var _hoisted_3$21 = ["data-visible"];
+var _hoisted_1$86 = ["data-visible"];
+var _hoisted_2$42 = ["data-visible"];
+var _hoisted_3$20 = ["data-visible"];
 var _hoisted_4$15 = ["data-visible"];
-var _hoisted_5$11 = ["data-visible"];
 //#endregion
 //#region src/components/scroll-area/ScrollArea.vue
 var ScrollArea_default = /* @__PURE__ */ defineComponent({
@@ -2242,6 +2269,10 @@ var ScrollArea_default = /* @__PURE__ */ defineComponent({
 			};
 		}
 		const { viewport, instance, onEvent } = useOverlayScrollbars(host, content, options);
+		const { hostFocus, viewportFocus } = useScrollFocus(host, viewport, () => ({
+			focusable: props.focusable,
+			label: props.label ?? t.value.scroll.regionLabel
+		}));
 		const { showXStart, showXEnd, showYStart, showYEnd, updateEdges } = useEdgeShadow(viewport, () => ({
 			direction: props.direction,
 			shadow: props.shadow
@@ -2264,62 +2295,80 @@ var ScrollArea_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("hn-scroll-area relative flex flex-col overflow-hidden", props.class)) }, [createElementVNode("div", mergeProps({
 				ref_key: "host",
 				ref: host
-			}, _ctx.$attrs, {
+			}, {
+				..._ctx.$attrs,
+				...unref(hostFocus)
+			}, {
 				"data-overlayscrollbars-initialize": "",
-				tabindex: props.focusable ? 0 : void 0,
-				role: props.focusable ? "region" : void 0,
-				"aria-label": props.focusable ? props.label ?? unref(t).scroll.regionLabel : void 0,
 				class: "w-full min-h-0 grow"
-			}), [createElementVNode("div", {
+			}), [createElementVNode("div", mergeProps({
 				ref_key: "content",
-				ref: content,
-				"data-overlayscrollbars-contents": ""
-			}, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1$87), props.shadow ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+				ref: content
+			}, unref(viewportFocus), { "data-overlayscrollbars-contents": "" }), [renderSlot(_ctx.$slots, "default")], 16)], 16), props.shadow ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
 				props.direction !== "vertical" ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: "hn-scroll-shadow",
 					"data-side": "x-start",
 					"data-visible": unref(showXStart) ? "" : void 0,
 					"aria-hidden": "true"
-				}, null, 8, _hoisted_2$43)) : createCommentVNode("", true),
+				}, null, 8, _hoisted_1$86)) : createCommentVNode("", true),
 				props.direction !== "vertical" ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: "hn-scroll-shadow",
 					"data-side": "x-end",
 					"data-visible": unref(showXEnd) ? "" : void 0,
 					"aria-hidden": "true"
-				}, null, 8, _hoisted_3$21)) : createCommentVNode("", true),
+				}, null, 8, _hoisted_2$42)) : createCommentVNode("", true),
 				props.direction !== "horizontal" ? (openBlock(), createElementBlock("div", {
 					key: 2,
 					class: "hn-scroll-shadow",
 					"data-side": "y-start",
 					"data-visible": unref(showYStart) ? "" : void 0,
 					"aria-hidden": "true"
-				}, null, 8, _hoisted_4$15)) : createCommentVNode("", true),
+				}, null, 8, _hoisted_3$20)) : createCommentVNode("", true),
 				props.direction !== "horizontal" ? (openBlock(), createElementBlock("div", {
 					key: 3,
 					class: "hn-scroll-shadow",
 					"data-side": "y-end",
 					"data-visible": unref(showYEnd) ? "" : void 0,
 					"aria-hidden": "true"
-				}, null, 8, _hoisted_5$11)) : createCommentVNode("", true)
+				}, null, 8, _hoisted_4$15)) : createCommentVNode("", true)
 			], 64)) : createCommentVNode("", true)], 2);
 		};
 	}
 });
 //#endregion
+//#region src/components/highlight/composables/useHighlightMotion.ts
+function useHighlightMotion(axis) {
+	return {
+		transition: computed(() => prefersReducedMotion() ? { duration: 0 } : TRANSITION.layout),
+		transformTemplate: computed(() => {
+			const direction = axis();
+			if (direction === "both") return void 0;
+			return (_, generated) => {
+				if (!generated || generated === "none" || typeof DOMMatrix === "undefined") return generated;
+				const matrix = new DOMMatrix(generated);
+				if (direction === "x") matrix.m42 = 0;
+				else matrix.m41 = 0;
+				return matrix.toString();
+			};
+		})
+	};
+}
+//#endregion
 //#region src/components/highlight/Highlight.vue
 var Highlight_default = /* @__PURE__ */ defineComponent({
 	name: "HnHighlight",
 	__name: "Highlight",
 	props: {
 		id: { default: void 0 },
+		axis: { default: "both" },
 		as: { default: "div" },
 		class: {}
 	},
 	setup(__props) {
 		const props = __props;
-		const transition = computed(() => prefersReducedMotion() ? { duration: 0 } : TRANSITION.layout);
+		const { transition, transformTemplate } = useHighlightMotion(() => props.axis);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Motion), {
 				as: props.as,
@@ -2327,12 +2376,14 @@ var Highlight_default = /* @__PURE__ */ defineComponent({
 				"layout-id": props.id,
 				"aria-hidden": "true",
 				"data-hn-highlight": "",
-				transition: transition.value,
+				transition: unref(transition),
+				"transform-template": unref(transformTemplate),
 				class: normalizeClass(unref(cn)("pointer-events-none", props.class))
 			}, null, 8, [
 				"as",
 				"layout-id",
 				"transition",
+				"transform-template",
 				"class"
 			]);
 		};
@@ -2340,16 +2391,16 @@ var Highlight_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/lightbox/LightboxThumbs.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$86 = {
+var _hoisted_1$85 = {
 	"data-hn-thumbs": "",
 	class: "relative isolate flex w-max gap-2 px-4 py-3"
 };
-var _hoisted_2$42 = [
+var _hoisted_2$41 = [
 	"aria-label",
 	"aria-current",
 	"onClick"
 ];
-var _hoisted_3$20 = ["src"];
+var _hoisted_3$19 = ["src"];
 //#endregion
 //#region src/components/lightbox/LightboxThumbs.vue
 var LightboxThumbs_default = /* @__PURE__ */ defineComponent({
@@ -2385,7 +2436,7 @@ var LightboxThumbs_default = /* @__PURE__ */ defineComponent({
 				scrollbar: false,
 				class: "max-w-full"
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$86, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item, at) => {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$85, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item, at) => {
 					return openBlock(), createElementBlock("button", {
 						key: item.id,
 						ref_for: true,
@@ -2402,13 +2453,14 @@ var LightboxThumbs_default = /* @__PURE__ */ defineComponent({
 							alt: "",
 							draggable: "false",
 							class: "relative -z-10 size-full object-cover"
-						}, null, 8, _hoisted_3$20),
+						}, null, 8, _hoisted_3$19),
 						at === props.index ? (openBlock(), createBlock(Highlight_default, {
 							key: 0,
 							id: unref(highlightId),
+							axis: "x",
 							class: "ring-accent absolute inset-0 rounded-md ring-2 ring-inset"
 						}, null, 8, ["id"])) : createCommentVNode("", true)
-					], 10, _hoisted_2$42);
+					], 10, _hoisted_2$41);
 				}), 128))])]),
 				_: 1
 			});
@@ -2417,8 +2469,8 @@ var LightboxThumbs_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/lightbox/LightboxToolbar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$85 = { class: "flex flex-col items-center gap-1 pb-3" };
-var _hoisted_2$41 = { class: "flex items-center gap-1" };
+var _hoisted_1$84 = { class: "flex flex-col items-center gap-1 pb-3" };
+var _hoisted_2$40 = { class: "flex items-center gap-1" };
 //#endregion
 //#region src/components/lightbox/LightboxToolbar.vue
 var LightboxToolbar_default = /* @__PURE__ */ defineComponent({
@@ -2442,12 +2494,12 @@ var LightboxToolbar_default = /* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const t = useUiLocale();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$85, [props.items.length > 1 ? (openBlock(), createBlock(LightboxThumbs_default, {
+			return openBlock(), createElementBlock("div", _hoisted_1$84, [props.items.length > 1 ? (openBlock(), createBlock(LightboxThumbs_default, {
 				key: 0,
 				items: props.items,
 				index: props.index,
 				onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event))
-			}, null, 8, ["items", "index"])) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$41, [
+			}, null, 8, ["items", "index"])) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$40, [
 				createVNode(IconButton_default, {
 					label: unref(t).lightbox.zoomOut,
 					variant: "soft",
@@ -2719,7 +2771,7 @@ var REST_POSE = {
 	y: 0,
 	scale: 1,
 	rotate: 0,
-	clipPath: "inset(0px 0px 0px 0px round 0px)"
+	clipPath: "inset(0px 0px 0px 0px round 0px 0px 0px 0px / 0px 0px 0px 0px)"
 };
 var TRAVEL_SPRING = {
 	type: "spring",
@@ -2770,22 +2822,41 @@ function intersect(a, b) {
 		height: Math.max(0, bottom - y)
 	};
 }
-function openPose(frame, box, natural, fit, radius = 0) {
+function openPose(frame, box, natural, fit, radius = 0, clipBox = box) {
 	const rendered = renderedRect(box, natural, fit);
 	if (frame.width <= 0 || frame.height <= 0 || rendered.width <= 0) return REST_POSE;
 	const scale = rendered.width / frame.width;
-	const visible = intersect(box, rendered);
+	const visible = intersect(intersect(box, clipBox), rendered);
 	const top = (visible.y - rendered.y) / scale;
 	const left = (visible.x - rendered.x) / scale;
 	const right = (rendered.x + rendered.width - visible.x - visible.width) / scale;
 	const bottom = (rendered.y + rendered.height - visible.y - visible.height) / scale;
-	const corner = Math.max(0, radius) / scale;
+	const corners = typeof radius === "number" ? Array.from({ length: 4 }, () => ({
+		x: radius,
+		y: radius
+	})) : radius;
+	const leftEdge = Math.abs(visible.x - clipBox.x) <= .5;
+	const topEdge = Math.abs(visible.y - clipBox.y) <= .5;
+	const rightEdge = Math.abs(visible.x + visible.width - clipBox.x - clipBox.width) <= .5;
+	const bottomEdge = Math.abs(visible.y + visible.height - clipBox.y - clipBox.height) <= .5;
+	const touches = [
+		leftEdge && topEdge,
+		rightEdge && topEdge,
+		rightEdge && bottomEdge,
+		leftEdge && bottomEdge
+	];
+	const clipped = corners.map((corner, index) => touches[index] ? corner : {
+		x: 0,
+		y: 0
+	});
+	const horizontal = clipped.map((corner) => px(Math.max(0, corner.x) / scale)).join(" ");
+	const vertical = clipped.map((corner) => px(Math.max(0, corner.y) / scale)).join(" ");
 	return {
 		x: rendered.x + rendered.width / 2 - (frame.x + frame.width / 2),
 		y: rendered.y + rendered.height / 2 - (frame.y + frame.height / 2),
 		scale,
 		rotate: 0,
-		clipPath: `inset(${px(top)} ${px(right)} ${px(bottom)} ${px(left)} round ${px(corner)})`
+		clipPath: `inset(${px(top)} ${px(right)} ${px(bottom)} ${px(left)} round ${horizontal} / ${vertical})`
 	};
 }
 function baseScale(frame, stage, rotation) {
@@ -2794,13 +2865,6 @@ function baseScale(frame, stage, rotation) {
 	if (rotation % 180 === 0) return 1;
 	return Math.min(stage.width / visual.width, stage.height / visual.height);
 }
-function radiusOf(el) {
-	for (let node = el, depth = 0; node && depth < 2; node = node.parentElement, depth += 1) {
-		const value = Number.parseFloat(getComputedStyle(node).borderTopLeftRadius);
-		if (value > 0) return value;
-	}
-	return 0;
-}
 function dismissProgress(offsetY, stageHeight) {
 	if (stageHeight <= 0) return 0;
 	return Math.min(1, Math.max(0, offsetY) / (stageHeight * DISMISS_TRAVEL));
@@ -2885,7 +2949,7 @@ function useLightboxMotion(stageHeight, restScale) {
 	function leave(to) {
 		stop();
 		const t = to ? timing(RETURN_SPRING) : transition("exit");
-		return settle([...to ? poseTo(to, t) : [animate(scale, FADE_POSE.scale, t), animate(opacity, 0, t)], animate(presence, 0, t)]);
+		return settle([...to ? poseTo(to, t) : [animate(scale, Math.min(scale.get(), FADE_POSE.scale), t), animate(opacity, 0, t)], animate(presence, 0, t)]);
 	}
 	function dismissMove(offsetY) {
 		y.set(offsetY < 0 ? rubberBand(offsetY, 0, Infinity, stageHeight()) : offsetY);
@@ -3531,6 +3595,131 @@ function useLightboxLarge(item, active) {
 	};
 }
 //#endregion
+//#region src/components/lightbox/utils/clip.ts
+function emptyCorners() {
+	return [
+		{
+			x: 0,
+			y: 0
+		},
+		{
+			x: 0,
+			y: 0
+		},
+		{
+			x: 0,
+			y: 0
+		},
+		{
+			x: 0,
+			y: 0
+		}
+	];
+}
+function length(value, size) {
+	const number = Number.parseFloat(value) || 0;
+	return value.endsWith("%") ? number * size / 100 : number;
+}
+function cornersOf(style, width, height) {
+	const corners = [
+		style.borderTopLeftRadius,
+		style.borderTopRightRadius,
+		style.borderBottomRightRadius,
+		style.borderBottomLeftRadius
+	].map((value) => {
+		const [x = "0", y = x] = value.split(/\s+/);
+		return {
+			x: length(x, width),
+			y: length(y, height)
+		};
+	});
+	const [tl, tr, br, bl] = corners;
+	const factor = Math.min(1, width / (tl.x + tr.x || 1), width / (bl.x + br.x || 1), height / (tl.y + bl.y || 1), height / (tr.y + br.y || 1));
+	return corners.map((corner) => ({
+		x: corner.x * factor,
+		y: corner.y * factor
+	}));
+}
+function paddingBox(node, style) {
+	const box = node.getBoundingClientRect();
+	const width = node instanceof HTMLElement ? node.offsetWidth : box.width;
+	const height = node instanceof HTMLElement ? node.offsetHeight : box.height;
+	const sx = width ? box.width / width : 1;
+	const sy = height ? box.height / height : 1;
+	const left = Number.parseFloat(style.borderLeftWidth) || 0;
+	const right = Number.parseFloat(style.borderRightWidth) || 0;
+	const top = Number.parseFloat(style.borderTopWidth) || 0;
+	const bottom = Number.parseFloat(style.borderBottomWidth) || 0;
+	const corners = cornersOf(style, width, height);
+	const borders = [
+		[left, top],
+		[right, top],
+		[right, bottom],
+		[left, bottom]
+	];
+	return {
+		rect: {
+			x: box.x + left * sx,
+			y: box.y + top * sy,
+			width: Math.max(0, box.width - (left + right) * sx),
+			height: Math.max(0, box.height - (top + bottom) * sy)
+		},
+		corners: corners.map((corner, index) => ({
+			x: Math.max(0, corner.x - borders[index][0]) * sx,
+			y: Math.max(0, corner.y - borders[index][1]) * sy
+		}))
+	};
+}
+function points(rect) {
+	return [
+		[rect.x, rect.y],
+		[rect.x + rect.width, rect.y],
+		[rect.x + rect.width, rect.y + rect.height],
+		[rect.x, rect.y + rect.height]
+	];
+}
+function clipOf(el, box) {
+	let rect = {
+		x: box.x,
+		y: box.y,
+		width: box.width,
+		height: box.height
+	};
+	const clips = [];
+	for (let node = el; node; node = node.parentElement) {
+		const style = getComputedStyle(node);
+		const clipX = node === el || /^(hidden|clip|scroll|auto)$/.test(style.overflowX);
+		const clipY = node === el || /^(hidden|clip|scroll|auto)$/.test(style.overflowY);
+		if (!clipX && !clipY) continue;
+		const clip = paddingBox(node, style);
+		const x = clipX ? Math.max(rect.x, clip.rect.x) : rect.x;
+		const y = clipY ? Math.max(rect.y, clip.rect.y) : rect.y;
+		const right = clipX ? Math.min(rect.x + rect.width, clip.rect.x + clip.rect.width) : rect.x + rect.width;
+		const bottom = clipY ? Math.min(rect.y + rect.height, clip.rect.y + clip.rect.height) : rect.y + rect.height;
+		rect = {
+			x,
+			y,
+			width: Math.max(0, right - x),
+			height: Math.max(0, bottom - y)
+		};
+		if (clipX && clipY) clips.push(clip);
+	}
+	const corners = emptyCorners();
+	const visible = points(rect);
+	for (const clip of clips) {
+		const edges = points(clip.rect);
+		for (let index = 0; index < 4; index += 1) {
+			if (visible[index].some((value, axis) => Math.abs(value - edges[index][axis]) > .5)) continue;
+			corners[index].x = Math.max(corners[index].x, clip.corners[index].x);
+			corners[index].y = Math.max(corners[index].y, clip.corners[index].y);
+		}
+	}
+	return {
+		rect,
+		corners
+	};
+}
+//#endregion
 //#region src/components/lightbox/composables/useLightboxPose.ts
 function useLightboxPose(frames, current) {
 	function sourceBox() {
@@ -3552,7 +3741,9 @@ function useLightboxPose(frames, current) {
 		const box = sourceBox();
 		const natural = frames.naturalOf(item);
 		if (!box || !natural) return null;
-		return openPose(frames.frameOf(item), box, natural, item?.fit, radiusOf(item?.source?.()));
+		const clip = clipOf(item?.source?.(), box);
+		if (clip.rect.width <= 0 || clip.rect.height <= 0) return null;
+		return openPose(frames.frameOf(item), box, natural, item?.fit, clip.corners, clip.rect);
 	}
 	return { fromSource };
 }
@@ -3725,8 +3916,8 @@ async function saveImage(url) {
 }
 //#endregion
 //#region src/components/lightbox/Lightbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$84 = ["data-hn-phase"];
-var _hoisted_2$40 = {
+var _hoisted_1$83 = ["data-hn-phase"];
+var _hoisted_2$39 = {
 	"aria-hidden": "true",
 	class: "pointer-events-none absolute inset-0 isolate"
 };
@@ -3887,7 +4078,7 @@ var Lightbox_default = /* @__PURE__ */ defineComponent({
 							onWheel: _cache[9] || (_cache[9] = (...args) => unref(gesture).onWheel && unref(gesture).onWheel(...args)),
 							onKeydown
 						}, [
-							createElementVNode("div", _hoisted_2$40, [createVNode(unref(Motion), {
+							createElementVNode("div", _hoisted_2$39, [createVNode(unref(Motion), {
 								class: "hn-scrim",
 								style: normalizeStyle({ opacity: unref(motion).presence })
 							}, null, 8, ["style"])]),
@@ -3952,7 +4143,7 @@ var Lightbox_default = /* @__PURE__ */ defineComponent({
 								"hint",
 								"presence"
 							])
-						], 42, _hoisted_1$84)]),
+						], 42, _hoisted_1$83)]),
 						_: 1
 					})]),
 					_: 1
@@ -3964,15 +4155,22 @@ var Lightbox_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/image/image.variants.ts
+var imageRoot = tv({
+	base: "relative block w-full overflow-hidden",
+	variants: { preview: { true: "hn-focus-ring cursor-zoom-in" } }
+});
 var image = tv({
-	base: "block size-full",
-	variants: { fit: {
-		cover: "object-cover",
-		contain: "object-contain",
-		fill: "object-fill",
-		none: "object-none",
-		"scale-down": "object-scale-down"
-	} },
+	base: "relative z-10 block size-full",
+	variants: {
+		lazy: { true: "transition-opacity duration-(--hn-duration-base) ease-enter motion-reduce:transition-none" },
+		fit: {
+			cover: "object-cover",
+			contain: "object-contain",
+			fill: "object-fill",
+			none: "object-none",
+			"scale-down": "object-scale-down"
+		}
+	},
 	defaultVariants: { fit: "cover" }
 });
 //#endregion
@@ -4033,7 +4231,7 @@ function useImage(props, emit) {
 		const style = getComputedStyle(el);
 		try {
 			return el.animate(frames, {
-				duration: Number.parseFloat(style.getPropertyValue("--hn-duration-base")) || 0,
+				duration: Number.parseFloat(style.getPropertyValue("--hn-duration-fast")) || 0,
 				easing: style.getPropertyValue("--hn-ease-enter").trim() || "linear",
 				fill: "forwards"
 			});
@@ -4045,13 +4243,17 @@ function useImage(props, emit) {
 		return new Promise((res) => requestAnimationFrame(() => requestAnimationFrame(() => res())));
 	}
 	async function reveal() {
-		revealed.value = true;
 		if (!props.lazy) {
+			revealed.value = true;
 			skeletonMounted.value = false;
 			return;
 		}
+		const img = imageEl.value;
+		const at = src.value;
 		await nextTick();
 		await afterPaint();
+		if (imageEl.value !== img || src.value !== at) return;
+		revealed.value = true;
 		const layer = skeletonEl.value;
 		const anim = layer && play(layer, [{ opacity: 1 }, { opacity: 0 }]);
 		if (!anim) {
@@ -4113,7 +4315,7 @@ function useImageGroup() {
 }
 //#endregion
 //#region src/components/image/Image.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$83 = [
+var _hoisted_1$82 = [
 	"src",
 	"alt",
 	"decoding",
@@ -4151,7 +4353,21 @@ var Image_default = /* @__PURE__ */ defineComponent({
 		},
 		draggable: { type: Boolean },
 		class: {},
-		imageClass: {}
+		style: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		imageClass: {},
+		imageStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	emits: ["load", "error"],
 	setup(__props, { emit: __emit }) {
@@ -4187,8 +4403,8 @@ var Image_default = /* @__PURE__ */ defineComponent({
 				ref: rootEl,
 				as: props.preview ? "button" : "span",
 				type: props.preview ? "button" : void 0,
-				class: normalizeClass(unref(cn)("relative block overflow-hidden", props.preview && "hn-focus-ring cursor-zoom-in", props.class)),
-				style: normalizeStyle(props.ratio ? { aspectRatio: String(props.ratio) } : void 0),
+				class: normalizeClass(unref(cn)(unref(imageRoot)({ preview: !!props.preview }), props.class)),
+				style: normalizeStyle([props.ratio ? { aspectRatio: String(props.ratio) } : void 0, props.style]),
 				onClick: openPreview
 			}, {
 				default: withCtx(() => [
@@ -4197,13 +4413,17 @@ var Image_default = /* @__PURE__ */ defineComponent({
 						ref_key: "imageEl",
 						ref: imageEl
 					}, _ctx.$attrs, {
+						style: props.imageStyle,
 						src: unref(src),
 						alt: props.alt,
 						decoding: props.eager ? "sync" : "async",
 						fetchpriority: props.eager ? "high" : void 0,
 						draggable: props.draggable,
-						class: unref(cn)(unref(image)({ fit: props.fit }), props.lazy ? !unref(revealed) && "opacity-0" : "relative z-10", props.imageClass)
-					}), null, 16, _hoisted_1$83)) : unref(failed) ? renderSlot(_ctx.$slots, "error", {}, void 0, void 0, 1) : renderSlot(_ctx.$slots, "empty", {}, void 0, void 0, 2),
+						class: unref(cn)(unref(image)({
+							fit: props.fit,
+							lazy: props.lazy
+						}), props.lazy && !unref(revealed) && "opacity-0", props.imageClass)
+					}), null, 16, _hoisted_1$82)) : unref(failed) ? renderSlot(_ctx.$slots, "error", {}, void 0, void 0, 1) : renderSlot(_ctx.$slots, "empty", {}, void 0, void 0, 2),
 					unref(showSkeleton) ? (openBlock(), createElementBlock("span", {
 						key: 3,
 						ref_key: "skeletonEl",
@@ -4484,7 +4704,7 @@ var indicator = tv({
 });
 //#endregion
 //#region src/components/indicator/Indicator.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$82 = {
+var _hoisted_1$81 = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "hn-ping absolute inset-0 rounded-full bg-inherit"
@@ -4515,7 +4735,7 @@ var Indicator_default = /* @__PURE__ */ defineComponent({
 					size: props.size
 				}), props.class))
 			}, {
-				default: withCtx(() => [props.pulse ? (openBlock(), createElementBlock("span", _hoisted_1$82)) : createCommentVNode("", true), props.label ? (openBlock(), createBlock(VisuallyHidden_default, { key: 1 }, {
+				default: withCtx(() => [props.pulse ? (openBlock(), createElementBlock("span", _hoisted_1$81)) : createCommentVNode("", true), props.label ? (openBlock(), createBlock(VisuallyHidden_default, { key: 1 }, {
 					default: withCtx(() => [createTextVNode(toDisplayString(props.label), 1)]),
 					_: 1
 				})) : createCommentVNode("", true)]),
@@ -4567,8 +4787,8 @@ var calloutIcons = {
 };
 //#endregion
 //#region src/components/callout/Callout.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$81 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
-var _hoisted_2$39 = {
+var _hoisted_1$80 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
+var _hoisted_2$38 = {
 	key: 0,
 	class: "text-fg font-medium"
 };
@@ -4596,7 +4816,7 @@ var Callout_default = /* @__PURE__ */ defineComponent({
 				key: 0,
 				class: normalizeClass(unref(calloutIcon)({ tone: props.tone })),
 				"aria-hidden": "true"
-			}, null, 8, ["class"])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_1$81, [props.title ? (openBlock(), createElementBlock("p", _hoisted_2$39, toDisplayString(props.title), 1)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")])], 2);
+			}, null, 8, ["class"])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_1$80, [props.title ? (openBlock(), createElementBlock("p", _hoisted_2$38, toDisplayString(props.title), 1)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")])], 2);
 		};
 	}
 });
@@ -4650,19 +4870,19 @@ function useCollapseGap() {
 }
 //#endregion
 //#region src/components/alert/Alert.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$80 = {
+var _hoisted_1$79 = {
 	key: 0,
 	"data-hn-alert": "",
 	class: "hn-collapse"
 };
-var _hoisted_2$38 = { class: "hn-collapse-body" };
-var _hoisted_3$19 = ["role"];
+var _hoisted_2$37 = { class: "hn-collapse-body" };
+var _hoisted_3$18 = ["role"];
 var _hoisted_4$14 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
-var _hoisted_5$10 = {
+var _hoisted_5$9 = {
 	key: 0,
 	class: "text-fg font-medium"
 };
-var _hoisted_6$8 = {
+var _hoisted_6$7 = {
 	key: 0,
 	class: "flex shrink-0 items-center gap-2 self-center"
 };
@@ -4706,7 +4926,7 @@ var Alert_default = /* @__PURE__ */ defineComponent({
 				"leave-from-class": "hn-collapse-open",
 				"leave-to-class": "hn-collapse-closed"
 			}, toHandlers(unref(hooks))), {
-				default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", _hoisted_1$80, [createElementVNode("div", _hoisted_2$38, [createElementVNode("div", {
+				default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", _hoisted_1$79, [createElementVNode("div", _hoisted_2$37, [createElementVNode("div", {
 					role: role.value,
 					class: normalizeClass(unref(cn)(unref(callout)({ tone: props.tone }), props.class))
 				}, [
@@ -4715,15 +4935,15 @@ var Alert_default = /* @__PURE__ */ defineComponent({
 						class: normalizeClass(unref(calloutIcon)({ tone: props.tone })),
 						"aria-hidden": "true"
 					}, null, 8, ["class"])) : createCommentVNode("", true)]),
-					createElementVNode("div", _hoisted_4$14, [props.title ? (openBlock(), createElementBlock("p", _hoisted_5$10, toDisplayString(props.title), 1)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]),
-					unref(slots).actions ? (openBlock(), createElementBlock("div", _hoisted_6$8, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_4$14, [props.title ? (openBlock(), createElementBlock("p", _hoisted_5$9, toDisplayString(props.title), 1)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]),
+					unref(slots).actions ? (openBlock(), createElementBlock("div", _hoisted_6$7, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true),
 					props.closable ? (openBlock(), createBlock(CloseButton_default, {
 						key: 1,
 						size: "sm",
 						class: "-my-0.5 -me-1",
 						onClick: close
 					})) : createCommentVNode("", true)
-				], 10, _hoisted_3$19)])])) : createCommentVNode("", true)]),
+				], 10, _hoisted_3$18)])])) : createCommentVNode("", true)]),
 				_: 3
 			}, 16);
 		};
@@ -4731,7 +4951,7 @@ var Alert_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/prev-next/PrevNext.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$79 = ["aria-label"];
+var _hoisted_1$78 = ["aria-label"];
 //#endregion
 //#region src/components/prev-next/PrevNext.vue
 var PrevNext_default = /* @__PURE__ */ defineComponent({
@@ -4748,7 +4968,7 @@ var PrevNext_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("nav", {
 				"aria-label": props.label ?? unref(t).pagination.navLabel,
 				class: normalizeClass(unref(cn)("grid gap-4 sm:grid-cols-2", props.class))
-			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$79);
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$78);
 		};
 	}
 });
@@ -4772,7 +4992,7 @@ var prevNextEyebrow = tv({
 });
 //#endregion
 //#region src/components/prev-next/PrevNextLink.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$78 = { class: "text-fg font-medium" };
+var _hoisted_1$77 = { class: "text-fg font-medium" };
 //#endregion
 //#region src/components/prev-next/PrevNextLink.vue
 var PrevNextLink_default = /* @__PURE__ */ defineComponent({
@@ -4808,7 +5028,7 @@ var PrevNextLink_default = /* @__PURE__ */ defineComponent({
 						class: "size-4",
 						"aria-hidden": "true"
 					})), createTextVNode(" " + toDisplayString(props.label ?? (props.direction === "prev" ? unref(t).pagination.prev : unref(t).pagination.next)), 1)], 2),
-					createElementVNode("span", _hoisted_1$78, [renderSlot(_ctx.$slots, "default")])
+					createElementVNode("span", _hoisted_1$77, [renderSlot(_ctx.$slots, "default")])
 				]),
 				_: 3
 			}, 16, [
@@ -4885,8 +5105,8 @@ var tableCell = tv({
 });
 //#endregion
 //#region src/components/table/Table.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$77 = { class: "hn-table" };
-var _hoisted_2$37 = { key: 0 };
+var _hoisted_1$76 = { class: "hn-table" };
+var _hoisted_2$36 = { key: 0 };
 //#endregion
 //#region src/components/table/Table.vue
 var Table_default = /* @__PURE__ */ defineComponent({
@@ -4916,7 +5136,7 @@ var Table_default = /* @__PURE__ */ defineComponent({
 					stickyHeader: props.stickyHeader
 				}), props.class))
 			}, {
-				default: withCtx(() => [createElementVNode("table", _hoisted_1$77, [props.caption ? (openBlock(), createElementBlock("caption", _hoisted_2$37, [createElementVNode("span", null, toDisplayString(props.caption), 1)])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")])]),
+				default: withCtx(() => [createElementVNode("table", _hoisted_1$76, [props.caption ? (openBlock(), createElementBlock("caption", _hoisted_2$36, [createElementVNode("span", null, toDisplayString(props.caption), 1)])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")])]),
 				_: 3
 			}, 8, ["direction", "class"]);
 		};
@@ -4963,7 +5183,7 @@ var TableRow_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/table/TableHead.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$76 = ["scope"];
+var _hoisted_1$75 = ["scope"];
 //#endregion
 //#region src/components/table/TableHead.vue
 var TableHead_default = /* @__PURE__ */ defineComponent({
@@ -4988,7 +5208,7 @@ var TableHead_default = /* @__PURE__ */ defineComponent({
 					sticky: props.sticky,
 					head: true
 				}), props.class))
-			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$76);
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$75);
 		};
 	}
 });
@@ -5298,11 +5518,16 @@ var TabsTrigger_default = /* @__PURE__ */ defineComponent({
 					active.value ? (openBlock(), createBlock(Highlight_default, {
 						key: 0,
 						id: unref(highlightId),
+						axis: unref(orientation) === "vertical" ? "y" : "x",
 						class: normalizeClass(unref(tabsHighlight)({
 							variant: unref(variant),
 							orientation: unref(orientation)
 						}))
-					}, null, 8, ["id", "class"])) : createCommentVNode("", true),
+					}, null, 8, [
+						"id",
+						"axis",
+						"class"
+					])) : createCommentVNode("", true),
 					createVNode(Ripple_default),
 					renderSlot(_ctx.$slots, "default")
 				]),
@@ -5487,12 +5712,12 @@ function injectInputGroup() {
 }
 //#endregion
 //#region src/components/input/InputBase.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$75 = [
+var _hoisted_1$74 = [
 	"data-invalid",
 	"data-disabled",
 	"aria-busy"
 ];
-var _hoisted_2$36 = [
+var _hoisted_2$35 = [
 	"id",
 	"disabled",
 	"aria-invalid",
@@ -5579,7 +5804,7 @@ var InputBase_default = /* @__PURE__ */ defineComponent({
 						leading: !!unref(slots).leading,
 						trailing: clearing.value || trailingSpinner.value || !!unref(slots).trailing
 					})
-				}), null, 16, _hoisted_2$36), [[vModelDynamic, model.value]]),
+				}), null, 16, _hoisted_2$35), [[vModelDynamic, model.value]]),
 				createVNode(Transition, {
 					"enter-active-class": "hn-transition-base",
 					"enter-from-class": "scale-90 opacity-0",
@@ -5615,7 +5840,7 @@ var InputBase_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					class: normalizeClass(unref(inputAdornment)())
 				}, [renderSlot(_ctx.$slots, "trailing")], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$75);
+			], 10, _hoisted_1$74);
 		};
 	}
 });
@@ -5819,8 +6044,8 @@ var textareaField = tv({ base: [
 ] });
 //#endregion
 //#region src/components/textarea/Textarea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$74 = ["data-invalid", "data-disabled"];
-var _hoisted_2$35 = [
+var _hoisted_1$73 = ["data-invalid", "data-disabled"];
+var _hoisted_2$34 = [
 	"id",
 	"rows",
 	"disabled",
@@ -5889,9 +6114,9 @@ var Textarea_default = /* @__PURE__ */ defineComponent({
 					"aria-describedby": unref(describedBy),
 					class: unref(textareaField)(),
 					onInput: _cache[1] || (_cache[1] = (...args) => unref(fit) && unref(fit)(...args))
-				}), null, 16, _hoisted_2$35), [[vModelText, model.value]])]),
+				}), null, 16, _hoisted_2$34), [[vModelText, model.value]])]),
 				_: 1
-			}, 512)], 14, _hoisted_1$74);
+			}, 512)], 14, _hoisted_1$73);
 		};
 	}
 });
@@ -6025,7 +6250,7 @@ var NumberInput_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/password-input/PasswordInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$73 = { class: "relative inline-flex" };
+var _hoisted_1$72 = { class: "relative inline-flex" };
 //#endregion
 //#region src/components/password-input/PasswordInput.vue
 var PasswordInput_default = /* @__PURE__ */ defineComponent({
@@ -6069,7 +6294,7 @@ var PasswordInput_default = /* @__PURE__ */ defineComponent({
 					disabled: props.disabled,
 					onClick: _cache[0] || (_cache[0] = ($event) => visible.value = !visible.value)
 				}, {
-					default: withCtx(() => [createElementVNode("span", _hoisted_1$73, [createVNode(Transition, {
+					default: withCtx(() => [createElementVNode("span", _hoisted_1$72, [createVNode(Transition, {
 						"enter-active-class": "hn-transition-base",
 						"enter-from-class": "scale-90 opacity-0",
 						"leave-active-class": "hn-transition absolute",
@@ -6164,7 +6389,7 @@ var inputGroup = tv({
 var inputGroupAddon = tv({ base: "text-muted flex shrink-0 items-center gap-2 px-[var(--hn-input-px)] whitespace-nowrap [&>svg]:size-[var(--hn-input-icon)]" });
 //#endregion
 //#region src/components/input-group/InputGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$72 = ["data-invalid", "data-disabled"];
+var _hoisted_1$71 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/input-group/InputGroup.vue
 var InputGroup_default = /* @__PURE__ */ defineComponent({
@@ -6196,7 +6421,7 @@ var InputGroup_default = /* @__PURE__ */ defineComponent({
 					size: props.size
 				}), unref(inputGroup)({ divided: props.variant !== "bare" }), props.class)),
 				onClick: _cache[0] || (_cache[0] = ($event) => unref(focusFieldFrom)($event.currentTarget, $event.target))
-			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$72);
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$71);
 		};
 	}
 });
@@ -6367,16 +6592,16 @@ function flattenOptions(items) {
 }
 //#endregion
 //#region src/components/select/SelectList.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$71 = { class: "min-w-0 flex-1" };
-var _hoisted_2$34 = { class: "block truncate" };
-var _hoisted_3$18 = {
+var _hoisted_1$70 = { class: "min-w-0 flex-1" };
+var _hoisted_2$33 = { class: "block truncate" };
+var _hoisted_3$17 = {
 	key: 0,
 	class: "text-muted block truncate text-xs"
 };
 var _hoisted_4$13 = { class: "flex size-4 shrink-0 items-center justify-center" };
-var _hoisted_5$9 = { class: "min-w-0 flex-1" };
-var _hoisted_6$7 = { class: "block truncate" };
-var _hoisted_7$5 = {
+var _hoisted_5$8 = { class: "min-w-0 flex-1" };
+var _hoisted_6$6 = { class: "block truncate" };
+var _hoisted_7$4 = {
 	key: 0,
 	class: "text-muted block truncate text-xs"
 };
@@ -6426,7 +6651,7 @@ var SelectList_default = /* @__PURE__ */ defineComponent({
 											class: normalizeClass(unref(selectItem)())
 										}, {
 											default: withCtx(() => [createVNode(unref(SelectItemText), { "as-child": "" }, {
-												default: withCtx(() => [createElementVNode("span", _hoisted_1$71, [renderSlot(_ctx.$slots, "option", { option }, () => [createElementVNode("span", _hoisted_2$34, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_3$18, toDisplayString(option.description), 1)) : createCommentVNode("", true)])])]),
+												default: withCtx(() => [createElementVNode("span", _hoisted_1$70, [renderSlot(_ctx.$slots, "option", { option }, () => [createElementVNode("span", _hoisted_2$33, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_3$17, toDisplayString(option.description), 1)) : createCommentVNode("", true)])])]),
 												_: 2
 											}, 1024), createElementVNode("span", _hoisted_4$13, [createVNode(unref(SelectItemIndicator), null, {
 												default: withCtx(() => [createVNode(unref(Check))]),
@@ -6449,7 +6674,7 @@ var SelectList_default = /* @__PURE__ */ defineComponent({
 									class: normalizeClass(unref(selectItem)())
 								}, {
 									default: withCtx(() => [createVNode(unref(SelectItemText), { "as-child": "" }, {
-										default: withCtx(() => [createElementVNode("span", _hoisted_5$9, [renderSlot(_ctx.$slots, "option", { option: item }, () => [createElementVNode("span", _hoisted_6$7, toDisplayString(item.label), 1), item.description ? (openBlock(), createElementBlock("span", _hoisted_7$5, toDisplayString(item.description), 1)) : createCommentVNode("", true)])])]),
+										default: withCtx(() => [createElementVNode("span", _hoisted_5$8, [renderSlot(_ctx.$slots, "option", { option: item }, () => [createElementVNode("span", _hoisted_6$6, toDisplayString(item.label), 1), item.description ? (openBlock(), createElementBlock("span", _hoisted_7$4, toDisplayString(item.description), 1)) : createCommentVNode("", true)])])]),
 										_: 2
 									}, 1024), createElementVNode("span", _hoisted_8$1, [createVNode(unref(SelectItemIndicator), null, {
 										default: withCtx(() => [createVNode(unref(Check))]),
@@ -6505,7 +6730,7 @@ function useClearTransition(visible) {
 }
 //#endregion
 //#region src/components/select/Select.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$70 = [
+var _hoisted_1$69 = [
 	"dir",
 	"data-invalid",
 	"data-disabled"
@@ -6623,7 +6848,7 @@ var Select_default = /* @__PURE__ */ defineComponent({
 						_: 1
 					}, 8, ["label"])], 2)) : createCommentVNode("", true)]),
 					_: 1
-				}, 16)], 10, _hoisted_1$70), createVNode(SelectList_default, {
+				}, 16)], 10, _hoisted_1$69), createVNode(SelectList_default, {
 					options: props.options,
 					keyboard: keyboard.value
 				}, {
@@ -6652,12 +6877,12 @@ var multiSelectTrigger = tv({ base: [
 var multiSelectChips = tv({ base: "flex min-w-0 flex-1 items-center gap-1 overflow-hidden" });
 //#endregion
 //#region src/components/multi-select/MultiSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$69 = { class: "min-w-0 truncate" };
-var _hoisted_2$33 = {
+var _hoisted_1$68 = { class: "min-w-0 truncate" };
+var _hoisted_2$32 = {
 	key: 1,
 	class: "min-w-0 truncate"
 };
-var _hoisted_3$17 = [
+var _hoisted_3$16 = [
 	"name",
 	"required",
 	"autocomplete",
@@ -6767,7 +6992,7 @@ var MultiSelect_default = /* @__PURE__ */ defineComponent({
 									onClick: isolate,
 									onRemove: ($event) => remove(option.value)
 								}, {
-									default: withCtx(() => [createElementVNode("span", _hoisted_1$69, toDisplayString(option.label), 1)]),
+									default: withCtx(() => [createElementVNode("span", _hoisted_1$68, toDisplayString(option.label), 1)]),
 									_: 2
 								}, 1032, [
 									"size",
@@ -6782,7 +7007,7 @@ var MultiSelect_default = /* @__PURE__ */ defineComponent({
 							}, {
 								default: withCtx(() => [createTextVNode(" +" + toDisplayString(overflow.value), 1)]),
 								_: 1
-							}, 8, ["size", "disabled"])) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("span", _hoisted_2$33, toDisplayString(props.placeholder ?? unref(t).select.placeholder), 1))], 2),
+							}, 8, ["size", "disabled"])) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("span", _hoisted_2$32, toDisplayString(props.placeholder ?? unref(t).select.placeholder), 1))], 2),
 							createVNode(Transition, {
 								"enter-active-class": "hn-transition-base",
 								"enter-from-class": "scale-90 opacity-0",
@@ -6835,7 +7060,7 @@ var MultiSelect_default = /* @__PURE__ */ defineComponent({
 								value: option.value,
 								disabled: option.disabled
 							}, toDisplayString(option.label), 9, _hoisted_4$12);
-						}), 128))], 8, _hoisted_3$17), [[vModelSelect, model.value]])]),
+						}), 128))], 8, _hoisted_3$16), [[vModelSelect, model.value]])]),
 						_: 1
 					})) : createCommentVNode("", true),
 					createVNode(SelectList_default, {
@@ -6862,16 +7087,16 @@ var comboboxContent = tv({ base: ["hn-anim-pop z-(--hn-z-overlay) flex w-[var(--
 var comboboxList = tv({ base: "max-h-[min(20rem,var(--reka-combobox-content-available-height))]" });
 //#endregion
 //#region src/components/combobox/ComboboxList.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$68 = { class: "min-w-0 flex-1" };
-var _hoisted_2$32 = { class: "block truncate" };
-var _hoisted_3$16 = {
+var _hoisted_1$67 = { class: "min-w-0 flex-1" };
+var _hoisted_2$31 = { class: "block truncate" };
+var _hoisted_3$15 = {
 	key: 0,
 	class: "text-muted block truncate text-xs"
 };
 var _hoisted_4$11 = { class: "flex size-4 shrink-0 items-center justify-center" };
-var _hoisted_5$8 = { class: "min-w-0 flex-1" };
-var _hoisted_6$6 = { class: "block truncate" };
-var _hoisted_7$4 = {
+var _hoisted_5$7 = { class: "min-w-0 flex-1" };
+var _hoisted_6$5 = { class: "block truncate" };
+var _hoisted_7$3 = {
 	key: 0,
 	class: "text-muted block truncate text-xs"
 };
@@ -6920,7 +7145,7 @@ var ComboboxList_default = /* @__PURE__ */ defineComponent({
 											disabled: option.disabled,
 											class: normalizeClass(unref(selectItem)())
 										}, {
-											default: withCtx(() => [createElementVNode("span", _hoisted_1$68, [renderSlot(_ctx.$slots, "option", { option }, () => [createElementVNode("span", _hoisted_2$32, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_3$16, toDisplayString(option.description), 1)) : createCommentVNode("", true)])]), createElementVNode("span", _hoisted_4$11, [createVNode(unref(ComboboxItemIndicator), null, {
+											default: withCtx(() => [createElementVNode("span", _hoisted_1$67, [renderSlot(_ctx.$slots, "option", { option }, () => [createElementVNode("span", _hoisted_2$31, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_3$15, toDisplayString(option.description), 1)) : createCommentVNode("", true)])]), createElementVNode("span", _hoisted_4$11, [createVNode(unref(ComboboxItemIndicator), null, {
 												default: withCtx(() => [createVNode(unref(Check))]),
 												_: 1
 											})])]),
@@ -6940,7 +7165,7 @@ var ComboboxList_default = /* @__PURE__ */ defineComponent({
 									disabled: item.disabled,
 									class: normalizeClass(unref(selectItem)())
 								}, {
-									default: withCtx(() => [createElementVNode("span", _hoisted_5$8, [renderSlot(_ctx.$slots, "option", { option: item }, () => [createElementVNode("span", _hoisted_6$6, toDisplayString(item.label), 1), item.description ? (openBlock(), createElementBlock("span", _hoisted_7$4, toDisplayString(item.description), 1)) : createCommentVNode("", true)])]), createElementVNode("span", _hoisted_8, [createVNode(unref(ComboboxItemIndicator), null, {
+									default: withCtx(() => [createElementVNode("span", _hoisted_5$7, [renderSlot(_ctx.$slots, "option", { option: item }, () => [createElementVNode("span", _hoisted_6$5, toDisplayString(item.label), 1), item.description ? (openBlock(), createElementBlock("span", _hoisted_7$3, toDisplayString(item.description), 1)) : createCommentVNode("", true)])]), createElementVNode("span", _hoisted_8, [createVNode(unref(ComboboxItemIndicator), null, {
 										default: withCtx(() => [createVNode(unref(Check))]),
 										_: 1
 									})])]),
@@ -6968,7 +7193,7 @@ var ComboboxList_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/combobox/Combobox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$67 = ["data-invalid", "data-disabled"];
+var _hoisted_1$66 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/combobox/Combobox.vue
 var Combobox_default = /* @__PURE__ */ defineComponent({
@@ -7108,7 +7333,7 @@ var Combobox_default = /* @__PURE__ */ defineComponent({
 							"disabled",
 							"class"
 						])
-					], 42, _hoisted_1$67)]),
+					], 42, _hoisted_1$66)]),
 					_: 1
 				}), createVNode(ComboboxList_default, {
 					options: props.options,
@@ -7157,11 +7382,11 @@ var commandItemHint = tv({ base: "ms-auto flex shrink-0 items-center gap-1" });
 var commandEmpty = tv({ base: "text-muted px-4 py-8 text-center text-sm" });
 //#endregion
 //#region src/components/command-palette/CommandPaletteItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$66 = { class: "truncate" };
-var _hoisted_2$31 = ["textContent"];
-var _hoisted_3$15 = ["textContent"];
+var _hoisted_1$65 = { class: "truncate" };
+var _hoisted_2$30 = ["textContent"];
+var _hoisted_3$14 = ["textContent"];
 var _hoisted_4$10 = ["textContent"];
-var _hoisted_5$7 = {
+var _hoisted_5$6 = {
 	key: 0,
 	class: "text-muted truncate text-xs"
 };
@@ -7202,18 +7427,18 @@ var CommandPaletteItem_default = /* @__PURE__ */ defineComponent({
 						"aria-hidden": "true",
 						class: "text-muted"
 					})) : createCommentVNode("", true),
-					createElementVNode("span", { class: normalizeClass(unref(commandItemBody)()) }, [createElementVNode("span", _hoisted_1$66, [
-						createElementVNode("span", { textContent: toDisplayString(parts.value[0]) }, null, 8, _hoisted_2$31),
+					createElementVNode("span", { class: normalizeClass(unref(commandItemBody)()) }, [createElementVNode("span", _hoisted_1$65, [
+						createElementVNode("span", { textContent: toDisplayString(parts.value[0]) }, null, 8, _hoisted_2$30),
 						parts.value[1] ? (openBlock(), createElementBlock("span", {
 							key: 0,
 							class: normalizeClass(unref(commandItemMatch)()),
 							textContent: toDisplayString(parts.value[1])
-						}, null, 10, _hoisted_3$15)) : createCommentVNode("", true),
+						}, null, 10, _hoisted_3$14)) : createCommentVNode("", true),
 						parts.value[2] ? (openBlock(), createElementBlock("span", {
 							key: 1,
 							textContent: toDisplayString(parts.value[2])
 						}, null, 8, _hoisted_4$10)) : createCommentVNode("", true)
-					]), props.match.item.description ? (openBlock(), createElementBlock("span", _hoisted_5$7, toDisplayString(props.match.item.description), 1)) : createCommentVNode("", true)], 2),
+					]), props.match.item.description ? (openBlock(), createElementBlock("span", _hoisted_5$6, toDisplayString(props.match.item.description), 1)) : createCommentVNode("", true)], 2),
 					props.match.item.kbd?.length ? (openBlock(), createElementBlock("span", {
 						key: 1,
 						class: normalizeClass(unref(commandItemHint)())
@@ -7554,9 +7779,9 @@ var CommandPalette_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/listbox/ListboxOptionContent.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$65 = { class: "min-w-0 flex-1" };
-var _hoisted_2$30 = { class: "block truncate" };
-var _hoisted_3$14 = {
+var _hoisted_1$64 = { class: "min-w-0 flex-1" };
+var _hoisted_2$29 = { class: "block truncate" };
+var _hoisted_3$13 = {
 	key: 0,
 	class: "text-muted block truncate text-xs"
 };
@@ -7576,10 +7801,10 @@ var ListboxOptionContent_default = /* @__PURE__ */ defineComponent({
 		const slots = useSlots();
 		const { isSelected: selected } = injectListboxItemContext();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("span", _hoisted_1$65, [renderSlot(_ctx.$slots, "option", {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("span", _hoisted_1$64, [renderSlot(_ctx.$slots, "option", {
 				option: props.option,
 				selected: unref(selected)
-			}, () => [createElementVNode("span", _hoisted_2$30, toDisplayString(props.option.label), 1), props.option.description ? (openBlock(), createElementBlock("span", _hoisted_3$14, toDisplayString(props.option.description), 1)) : createCommentVNode("", true)])]), slots.trailing ? renderSlot(_ctx.$slots, "trailing", {
+			}, () => [createElementVNode("span", _hoisted_2$29, toDisplayString(props.option.label), 1), props.option.description ? (openBlock(), createElementBlock("span", _hoisted_3$13, toDisplayString(props.option.description), 1)) : createCommentVNode("", true)])]), slots.trailing ? renderSlot(_ctx.$slots, "trailing", {
 				option: props.option,
 				selected: unref(selected)
 			}, void 0, void 0, 0) : (openBlock(), createElementBlock("span", _hoisted_4$9, [createVNode(unref(ListboxItemIndicator), null, {
@@ -7757,19 +7982,19 @@ function pathTo(nodes, value, trail = []) {
 }
 //#endregion
 //#region src/components/tree-select/TreeSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$64 = { class: "min-w-0 flex-1 truncate" };
-var _hoisted_2$29 = ["onClick"];
-var _hoisted_3$13 = {
+var _hoisted_1$63 = { class: "min-w-0 flex-1 truncate" };
+var _hoisted_2$28 = ["onClick"];
+var _hoisted_3$12 = {
 	key: 1,
 	class: "size-5 shrink-0"
 };
 var _hoisted_4$8 = { class: "min-w-0 flex-1" };
-var _hoisted_5$6 = { class: "block truncate" };
-var _hoisted_6$5 = {
+var _hoisted_5$5 = { class: "block truncate" };
+var _hoisted_6$4 = {
 	key: 0,
 	class: "text-muted block truncate text-xs"
 };
-var _hoisted_7$3 = { class: "flex size-4 shrink-0 items-center justify-center" };
+var _hoisted_7$2 = { class: "flex size-4 shrink-0 items-center justify-center" };
 //#endregion
 //#region src/components/tree-select/TreeSelect.vue
 var TreeSelect_default = /* @__PURE__ */ defineComponent({
@@ -7845,7 +8070,7 @@ var TreeSelect_default = /* @__PURE__ */ defineComponent({
 						size: props.size
 					}), unref(selectTrigger)(), props.class)
 				}), {
-					default: withCtx(() => [createElementVNode("span", _hoisted_1$64, toDisplayString(selected.value ? selected.value.label : props.placeholder ?? unref(t).select.placeholder), 1), createElementVNode("span", { class: normalizeClass(unref(inputAdornment)()) }, [createVNode(DisclosureIcon_default)], 2)]),
+					default: withCtx(() => [createElementVNode("span", _hoisted_1$63, toDisplayString(selected.value ? selected.value.label : props.placeholder ?? unref(t).select.placeholder), 1), createElementVNode("span", { class: normalizeClass(unref(inputAdornment)()) }, [createVNode(DisclosureIcon_default)], 2)]),
 					_: 1
 				}, 16, [
 					"id",
@@ -7896,9 +8121,9 @@ var TreeSelect_default = /* @__PURE__ */ defineComponent({
 												}, [createVNode(DisclosureIcon_default, {
 													direction: "end",
 													open: isExpanded
-												}, null, 8, ["open"])], 10, _hoisted_2$29)) : (openBlock(), createElementBlock("span", _hoisted_3$13)),
-												createElementVNode("span", _hoisted_4$8, [renderSlot(_ctx.$slots, "node", { node: item.value }, () => [createElementVNode("span", _hoisted_5$6, toDisplayString(item.value.label), 1), item.value.description ? (openBlock(), createElementBlock("span", _hoisted_6$5, toDisplayString(item.value.description), 1)) : createCommentVNode("", true)])]),
-												createElementVNode("span", _hoisted_7$3, [isSelected ? (openBlock(), createBlock(unref(Check), { key: 0 })) : createCommentVNode("", true)])
+												}, null, 8, ["open"])], 10, _hoisted_2$28)) : (openBlock(), createElementBlock("span", _hoisted_3$12)),
+												createElementVNode("span", _hoisted_4$8, [renderSlot(_ctx.$slots, "node", { node: item.value }, () => [createElementVNode("span", _hoisted_5$5, toDisplayString(item.value.label), 1), item.value.description ? (openBlock(), createElementBlock("span", _hoisted_6$4, toDisplayString(item.value.description), 1)) : createCommentVNode("", true)])]),
+												createElementVNode("span", _hoisted_7$2, [isSelected ? (openBlock(), createBlock(unref(Check), { key: 0 })) : createCommentVNode("", true)])
 											]),
 											_: 2
 										}, 1040, [
@@ -8019,7 +8244,7 @@ var checkboxDescription = tv({
 });
 //#endregion
 //#region src/components/checkbox/Checkbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$63 = ["data-disabled"];
+var _hoisted_1$62 = ["data-disabled"];
 //#endregion
 //#region src/components/checkbox/Checkbox.vue
 var Checkbox_default = /* @__PURE__ */ defineComponent({
@@ -8116,7 +8341,7 @@ var Checkbox_default = /* @__PURE__ */ defineComponent({
 						controlPlacement: props.controlPlacement
 					}))
 				}, toDisplayString(props.description), 3)) : createCommentVNode("", true)
-			], 10, _hoisted_1$63);
+			], 10, _hoisted_1$62);
 		};
 	}
 });
@@ -8239,7 +8464,7 @@ var CheckboxGroup_default = /* @__PURE__ */ defineComponent({
 var radioDot = tv({ base: "block size-[calc(var(--hn-checkbox-size)/2)] bg-surface rounded-full" });
 //#endregion
 //#region src/components/radio-group/RadioGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$62 = ["data-disabled"];
+var _hoisted_1$61 = ["data-disabled"];
 //#endregion
 //#region src/components/radio-group/RadioGroup.vue
 var RadioGroup_default = /* @__PURE__ */ defineComponent({
@@ -8333,7 +8558,7 @@ var RadioGroup_default = /* @__PURE__ */ defineComponent({
 								controlPlacement: props.controlPlacement
 							}))
 						}, toDisplayString(option.description), 3)) : createCommentVNode("", true)
-					], 10, _hoisted_1$62);
+					], 10, _hoisted_1$61);
 				}), 128))]),
 				_: 3
 			}, 8, [
@@ -8374,7 +8599,7 @@ var switchThumb = tv({ base: [
 ] });
 //#endregion
 //#region src/components/switch/Switch.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$61 = ["data-disabled"];
+var _hoisted_1$60 = ["data-disabled"];
 //#endregion
 //#region src/components/switch/Switch.vue
 var Switch_default = /* @__PURE__ */ defineComponent({
@@ -8455,7 +8680,7 @@ var Switch_default = /* @__PURE__ */ defineComponent({
 						controlPlacement: props.controlPlacement
 					}))
 				}, toDisplayString(props.description), 3)) : createCommentVNode("", true)
-			], 10, _hoisted_1$61);
+			], 10, _hoisted_1$60);
 		};
 	}
 });
@@ -8601,7 +8826,7 @@ var SliderMarks_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/slider/Slider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$60 = ["data-disabled", "data-dragging"];
+var _hoisted_1$59 = ["data-disabled", "data-dragging"];
 //#endregion
 //#region src/components/slider/Slider.vue
 var Slider_default = /* @__PURE__ */ defineComponent({
@@ -8711,13 +8936,13 @@ var Slider_default = /* @__PURE__ */ defineComponent({
 				"marks",
 				"min",
 				"max"
-			])) : createCommentVNode("", true)], 16, _hoisted_1$60);
+			])) : createCommentVNode("", true)], 16, _hoisted_1$59);
 		};
 	}
 });
 //#endregion
 //#region src/components/range-slider/RangeSlider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$59 = [
+var _hoisted_1$58 = [
 	"aria-labelledby",
 	"aria-describedby",
 	"aria-invalid",
@@ -8856,7 +9081,7 @@ var RangeSlider_default = /* @__PURE__ */ defineComponent({
 				"marks",
 				"min",
 				"max"
-			])) : createCommentVNode("", true)], 16, _hoisted_1$59);
+			])) : createCommentVNode("", true)], 16, _hoisted_1$58);
 		};
 	}
 });
@@ -8873,15 +9098,15 @@ var toggle = tv({
 });
 //#endregion
 //#region src/components/toggle/Toggle.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$58 = {
+var _hoisted_1$57 = {
 	key: "on",
 	class: "inline-flex items-center justify-center"
 };
-var _hoisted_2$28 = {
+var _hoisted_2$27 = {
 	key: "off",
 	class: "inline-flex items-center justify-center"
 };
-var _hoisted_3$12 = {
+var _hoisted_3$11 = {
 	key: 2,
 	class: "inline-flex items-center"
 };
@@ -8958,10 +9183,10 @@ var Toggle_default = /* @__PURE__ */ defineComponent({
 							"leave-active-class": "hn-transition absolute",
 							"leave-to-class": "scale-90 opacity-0"
 						}, {
-							default: withCtx(() => [swapped.value ? (openBlock(), createElementBlock("span", _hoisted_1$58, [renderSlot(_ctx.$slots, "pressed-icon")])) : (openBlock(), createElementBlock("span", _hoisted_2$28, [renderSlot(_ctx.$slots, "icon", { pressed: pressed.value })]))]),
+							default: withCtx(() => [swapped.value ? (openBlock(), createElementBlock("span", _hoisted_1$57, [renderSlot(_ctx.$slots, "pressed-icon")])) : (openBlock(), createElementBlock("span", _hoisted_2$27, [renderSlot(_ctx.$slots, "icon", { pressed: pressed.value })]))]),
 							_: 3
 						})], 2)) : createCommentVNode("", true),
-						unref(slots).default ? (openBlock(), createElementBlock("span", _hoisted_3$12, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)
+						unref(slots).default ? (openBlock(), createElementBlock("span", _hoisted_3$11, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)
 					]),
 					_: 3
 				}, 16, [
@@ -9017,7 +9242,7 @@ var tagsInputControl = tv({
 var tagsInputChip = tv({ base: "max-w-full min-w-0 shrink data-disabled:opacity-100" });
 //#endregion
 //#region src/components/tags-input/TagsInputChip.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$57 = { class: "min-w-0 truncate" };
+var _hoisted_1$56 = { class: "min-w-0 truncate" };
 //#endregion
 //#region src/components/tags-input/TagsInputChip.vue
 var TagsInputChip_default = /* @__PURE__ */ defineComponent({
@@ -9044,7 +9269,7 @@ var TagsInputChip_default = /* @__PURE__ */ defineComponent({
 				onRemove: _cache[0] || (_cache[0] = ($event) => emit("remove"))
 			}), {
 				default: withCtx(() => [createVNode(unref(TagsInputItemText), { "as-child": "" }, {
-					default: withCtx(() => [createElementVNode("span", _hoisted_1$57, toDisplayString(props.tag), 1)]),
+					default: withCtx(() => [createElementVNode("span", _hoisted_1$56, toDisplayString(props.tag), 1)]),
 					_: 1
 				})]),
 				_: 1
@@ -9058,7 +9283,7 @@ var TagsInputChip_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/tags-input/TagsInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$56 = ["data-invalid", "data-disabled"];
+var _hoisted_1$55 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/tags-input/TagsInput.vue
 var TagsInput_default = /* @__PURE__ */ defineComponent({
@@ -9209,7 +9434,7 @@ var TagsInput_default = /* @__PURE__ */ defineComponent({
 					_: 1
 				}, 8, ["label"])], 2)) : createCommentVNode("", true)]),
 				_: 1
-			})], 10, _hoisted_1$56);
+			})], 10, _hoisted_1$55);
 		};
 	}
 });
@@ -9270,12 +9495,12 @@ var multiComboboxHost = tv({
 var multiComboboxEnd = tv({ base: "absolute inset-y-0 end-0 flex items-stretch" });
 //#endregion
 //#region src/components/multi-combobox/MultiCombobox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$55 = [
+var _hoisted_1$54 = [
 	"data-invalid",
 	"data-disabled",
 	"aria-busy"
 ];
-var _hoisted_2$27 = { class: "min-w-0 truncate" };
+var _hoisted_2$26 = { class: "min-w-0 truncate" };
 //#endregion
 //#region src/components/multi-combobox/MultiCombobox.vue
 var MultiCombobox_default = /* @__PURE__ */ defineComponent({
@@ -9368,7 +9593,7 @@ var MultiCombobox_default = /* @__PURE__ */ defineComponent({
 							class: normalizeClass(unref(tagsInputChip)()),
 							onRemove: ($event) => unref(remove)(option.value)
 						}, {
-							default: withCtx(() => [createElementVNode("span", _hoisted_2$27, toDisplayString(option.label), 1)]),
+							default: withCtx(() => [createElementVNode("span", _hoisted_2$26, toDisplayString(option.label), 1)]),
 							_: 2
 						}, 1032, [
 							"size",
@@ -9435,7 +9660,7 @@ var MultiCombobox_default = /* @__PURE__ */ defineComponent({
 						"aria-label",
 						"disabled",
 						"class"
-					])], 2)], 10, _hoisted_1$55)]),
+					])], 2)], 10, _hoisted_1$54)]),
 					_: 1
 				}), createVNode(ComboboxList_default, {
 					options: props.options,
@@ -10119,7 +10344,7 @@ var dateFieldSegment = tv({
 });
 //#endregion
 //#region src/components/date-field/DateField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$54 = ["data-invalid", "data-disabled"];
+var _hoisted_1$53 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/date-field/DateField.vue
 var DateField_default = /* @__PURE__ */ defineComponent({
@@ -10276,7 +10501,7 @@ var DateField_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					class: normalizeClass(unref(inputAdornment)())
 				}, [renderSlot(_ctx.$slots, "trailing")], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$54);
+			], 10, _hoisted_1$53);
 		};
 	}
 });
@@ -10307,7 +10532,7 @@ var InputGroupScope_default = /* @__PURE__ */ defineComponent({
 var datePickerContent = tv({ base: "hn-anim-pop z-(--hn-z-overlay) p-2 shadow-md outline-none" });
 //#endregion
 //#region src/components/date-picker/DatePicker.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$53 = ["data-invalid", "data-disabled"];
+var _hoisted_1$52 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/date-picker/DatePicker.vue
 var DatePicker_default = /* @__PURE__ */ defineComponent({
@@ -10424,7 +10649,7 @@ var DatePicker_default = /* @__PURE__ */ defineComponent({
 							_: 1
 						}, 8, ["label", "disabled"])]),
 						_: 1
-					})], 10, _hoisted_1$53)]),
+					})], 10, _hoisted_1$52)]),
 					_: 3
 				}), createVNode(unref(PopoverPortal), null, {
 					default: withCtx(() => [createVNode(unref(PopoverContent), {
@@ -10489,7 +10714,7 @@ function isRangeInvalid({ start, end }, bounds) {
 }
 //#endregion
 //#region src/components/date-range-field/DateRangeField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$52 = ["data-invalid", "data-disabled"];
+var _hoisted_1$51 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/date-range-field/DateRangeField.vue
 var DateRangeField_default = /* @__PURE__ */ defineComponent({
@@ -10658,7 +10883,7 @@ var DateRangeField_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					class: normalizeClass(unref(inputAdornment)())
 				}, [renderSlot(_ctx.$slots, "trailing")], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$52);
+			], 10, _hoisted_1$51);
 		};
 	}
 });
@@ -10906,7 +11131,7 @@ var RangeCalendar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/date-range-picker/DateRangePicker.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$51 = ["data-invalid", "data-disabled"];
+var _hoisted_1$50 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/date-range-picker/DateRangePicker.vue
 var DateRangePicker_default = /* @__PURE__ */ defineComponent({
@@ -11024,7 +11249,7 @@ var DateRangePicker_default = /* @__PURE__ */ defineComponent({
 							_: 1
 						}, 8, ["label", "disabled"])]),
 						_: 1
-					})], 10, _hoisted_1$51)]),
+					})], 10, _hoisted_1$50)]),
 					_: 3
 				}), createVNode(unref(PopoverPortal), null, {
 					default: withCtx(() => [createVNode(unref(PopoverContent), {
@@ -11078,7 +11303,7 @@ var DateRangePicker_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/time-field/TimeField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$50 = ["data-invalid", "data-disabled"];
+var _hoisted_1$49 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/time-field/TimeField.vue
 var TimeField_default = /* @__PURE__ */ defineComponent({
@@ -11241,7 +11466,7 @@ var TimeField_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					class: normalizeClass(unref(inputAdornment)())
 				}, [renderSlot(_ctx.$slots, "trailing")], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$50);
+			], 10, _hoisted_1$49);
 		};
 	}
 });
@@ -11250,7 +11475,7 @@ var TimeField_default = /* @__PURE__ */ defineComponent({
 var dateTimePickerFooter = tv({ base: "mt-2 flex items-center justify-between gap-2" });
 //#endregion
 //#region src/components/date-time-picker/DateTimePicker.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$49 = ["data-invalid", "data-disabled"];
+var _hoisted_1$48 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/date-time-picker/DateTimePicker.vue
 var DateTimePicker_default = /* @__PURE__ */ defineComponent({
@@ -11383,7 +11608,7 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
 							_: 1
 						}, 8, ["label", "disabled"])]),
 						_: 1
-					})], 10, _hoisted_1$49)]),
+					})], 10, _hoisted_1$48)]),
 					_: 3
 				}), createVNode(unref(PopoverPortal), null, {
 					default: withCtx(() => [createVNode(unref(PopoverContent), {
@@ -11492,7 +11717,7 @@ function starFill(value, index) {
 }
 //#endregion
 //#region src/components/rating/Rating.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$48 = ["aria-label"];
+var _hoisted_1$47 = ["aria-label"];
 //#endregion
 //#region src/components/rating/Rating.vue
 var Rating_default = /* @__PURE__ */ defineComponent({
@@ -11536,7 +11761,7 @@ var Rating_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(ratingFill)()),
 					style: normalizeStyle({ width: unref(starFill)(model.value, index) })
 				}, [createVNode(unref(Star), { class: normalizeClass(unref(ratingStar)({ active: true })) }, null, 8, ["class"])], 6)], 2);
-			}), 128))], 16, _hoisted_1$48)) : (openBlock(), createBlock(unref(RatingRoot), mergeProps({ key: 1 }, _ctx.$attrs, {
+			}), 128))], 16, _hoisted_1$47)) : (openBlock(), createBlock(unref(RatingRoot), mergeProps({ key: 1 }, _ctx.$attrs, {
 				"data-hn-rating": "",
 				"data-disabled": unref(disabled) ? "" : void 0,
 				"data-invalid": unref(invalid) ? "" : void 0,
@@ -11825,13 +12050,13 @@ function formatSize(tag, bytes) {
 }
 //#endregion
 //#region src/components/file-upload/FileUpload.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$47 = [
+var _hoisted_1$46 = [
 	"name",
 	"accept",
 	"multiple",
 	"disabled"
 ];
-var _hoisted_2$26 = [
+var _hoisted_2$25 = [
 	"id",
 	"aria-describedby",
 	"aria-invalid",
@@ -11840,7 +12065,7 @@ var _hoisted_2$26 = [
 	"aria-busy",
 	"disabled"
 ];
-var _hoisted_3$11 = ["src"];
+var _hoisted_3$10 = ["src"];
 //#endregion
 //#region src/components/file-upload/FileUpload.vue
 var FileUpload_default = /* @__PURE__ */ defineComponent({
@@ -11920,7 +12145,7 @@ var FileUpload_default = /* @__PURE__ */ defineComponent({
 					multiple: props.multiple,
 					disabled: unref(disabled),
 					onChange: _cache[0] || (_cache[0] = (...args) => unref(onChange) && unref(onChange)(...args))
-				}, null, 40, _hoisted_1$47),
+				}, null, 40, _hoisted_1$46),
 				props.variant === "area" ? (openBlock(), createElementBlock("button", mergeProps({ key: 0 }, _ctx.$attrs, {
 					type: "button",
 					"data-hn-file-upload-area": "",
@@ -11944,7 +12169,7 @@ var FileUpload_default = /* @__PURE__ */ defineComponent({
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(unref(Upload), { "aria-hidden": "true" })])]),
 					_: 3
-				}, 8, ["swapped"]), renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(unref(t).upload.dropHint), 1)])], 16, _hoisted_2$26)) : (openBlock(), createBlock(Button_default, mergeProps({ key: 1 }, _ctx.$attrs, {
+				}, 8, ["swapped"]), renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(unref(t).upload.dropHint), 1)])], 16, _hoisted_2$25)) : (openBlock(), createBlock(Button_default, mergeProps({ key: 1 }, _ctx.$attrs, {
 					id: unref(fieldId),
 					"aria-describedby": unref(describedBy),
 					"aria-invalid": unref(invalid) || void 0,
@@ -11976,7 +12201,7 @@ var FileUpload_default = /* @__PURE__ */ defineComponent({
 							key: 0,
 							src: unref(urls).get(file),
 							alt: ""
-						}, null, 8, _hoisted_3$11)) : (openBlock(), createBlock(unref(File), {
+						}, null, 8, _hoisted_3$10)) : (openBlock(), createBlock(unref(File), {
 							key: 1,
 							"aria-hidden": "true"
 						}))], 2),
@@ -12017,6 +12242,46 @@ var FileUpload_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/lib/overlay-portal.ts
+function useOverlayPortal(open) {
+	const content = shallowRef(null);
+	return {
+		content,
+		present: computed(() => !!open.value || !!content.value)
+	};
+}
+//#endregion
+//#region src/lib/dialog-focus.ts
+function useDialogCloseFocus(onCloseAutoFocus) {
+	const context = injectDialogRootContext();
+	return (event) => {
+		onCloseAutoFocus(event);
+		if (event.defaultPrevented) return;
+		event.preventDefault();
+		const target = context.triggerElement.value;
+		if (target?.isConnected) target.focus({ preventScroll: true });
+	};
+}
+//#endregion
+//#region src/components/dialog/ModalContent.vue
+var ModalContent_default = /* @__PURE__ */ defineComponent({
+	name: "HnModalContent",
+	__name: "ModalContent",
+	props: { alert: { type: Boolean } },
+	emits: ["closeAutoFocus"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const closeAutoFocus = useDialogCloseFocus((event) => emit("closeAutoFocus", event));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(props.alert ? unref(AlertDialogContent) : unref(DialogContent)), { onCloseAutoFocus: unref(closeAutoFocus) }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 40, ["onCloseAutoFocus"]);
+		};
+	}
+});
+//#endregion
 //#region src/components/dialog/dialog.variants.ts
 var dialogWrapper = tv({
 	base: "pointer-events-none fixed inset-0 z-(--hn-z-overlay) grid",
@@ -12120,13 +12385,71 @@ var Heading_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/alert-dialog/AlertDialog.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$46 = { class: "flex min-w-0 flex-col gap-1.5 px-(--hn-panel-p)" };
-var _hoisted_2$25 = {
-	key: 0,
-	class: "px-(--hn-panel-p)"
-};
-var _hoisted_3$10 = { class: "flex justify-end gap-(--hn-inline-gap) px-(--hn-panel-p)" };
+//#region src/components/alert-dialog/composables/useAlertDialogConfirm.ts
+function useAlertDialogConfirm(props, open, onError, blocked = () => false) {
+	const busy = ref(false);
+	function guard(event) {
+		if (busy.value) event.preventDefault();
+	}
+	async function confirm() {
+		if (!open.value || busy.value || blocked()) return;
+		busy.value = true;
+		try {
+			await props.onConfirm?.();
+			open.value = false;
+		} catch (error) {
+			onError(error);
+		} finally {
+			busy.value = false;
+		}
+	}
+	return {
+		busy,
+		guard,
+		confirm
+	};
+}
+//#endregion
+//#region src/components/alert-dialog/composables/useConfirmDelay.ts
+function useConfirmDelay(open, delay) {
+	const remaining = ref(0);
+	let mounted = false;
+	let timer;
+	function stop() {
+		clearTimeout(timer);
+		timer = void 0;
+	}
+	function restart() {
+		stop();
+		if (!open.value) return;
+		const seconds = Math.ceil(delay());
+		remaining.value = Number.isFinite(seconds) && seconds > 0 ? seconds : 0;
+		if (!mounted || !remaining.value) return;
+		const deadline = performance.now() + remaining.value * 1e3;
+		function tick() {
+			const milliseconds = deadline - performance.now();
+			remaining.value = Math.max(0, Math.ceil(milliseconds / 1e3));
+			timer = remaining.value > 0 ? setTimeout(tick, Math.min(1e3, milliseconds)) : void 0;
+		}
+		tick();
+	}
+	watch([open, delay], restart, {
+		immediate: true,
+		flush: "sync"
+	});
+	onMounted(() => {
+		mounted = true;
+		restart();
+	});
+	onScopeDispose(stop);
+	return remaining;
+}
+//#endregion
+//#region src/components/alert-dialog/alert-dialog.variants.ts
+var alertDialogHeader = tv({ base: "flex min-w-0 flex-col gap-1.5 px-(--hn-panel-p)" });
+var alertDialogContent = tv({ base: "px-(--hn-panel-p)" });
+var alertDialogActions = tv({ base: "flex justify-end gap-(--hn-inline-gap) px-(--hn-panel-p)" });
+var alertDialogCountdown = tv({ base: "tabular-nums" });
 //#endregion
 //#region src/components/alert-dialog/AlertDialog.vue
 var AlertDialog_default = /* @__PURE__ */ defineComponent({
@@ -12136,6 +12459,7 @@ var AlertDialog_default = /* @__PURE__ */ defineComponent({
 		title: {},
 		description: {},
 		confirmText: {},
+		confirmDelay: { default: 0 },
 		cancelText: {},
 		tone: { default: "accent" },
 		size: { default: "sm" },
@@ -12146,29 +12470,15 @@ var AlertDialog_default = /* @__PURE__ */ defineComponent({
 		"open": { type: Boolean },
 		"openModifiers": {}
 	}),
-	emits: /*@__PURE__*/ mergeModels(["cancel"], ["update:open"]),
+	emits: /*@__PURE__*/ mergeModels(["cancel", "error"], ["update:open"]),
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
 		const open = useModel(__props, "open");
-		const busy = ref(false);
+		const { content, present } = useOverlayPortal(open);
 		const t = useUiLocale();
-		function guard(event) {
-			if (busy.value) event.preventDefault();
-		}
-		async function confirm() {
-			if (busy.value) return;
-			const result = props.onConfirm?.();
-			if (result instanceof Promise) {
-				busy.value = true;
-				try {
-					await result;
-				} finally {
-					busy.value = false;
-				}
-			}
-			open.value = false;
-		}
+		const remaining = useConfirmDelay(open, () => props.confirmDelay);
+		const { busy, guard, confirm } = useAlertDialogConfirm(props, open, (error) => emit("error", error), () => remaining.value > 0);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(AlertDialogRoot), {
 				open: open.value,
@@ -12180,22 +12490,25 @@ var AlertDialog_default = /* @__PURE__ */ defineComponent({
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 3
-				})) : createCommentVNode("", true), createVNode(unref(AlertDialogPortal), null, {
-					default: withCtx(() => [createVNode(unref(AlertDialogOverlay), { class: "hn-scrim" }), createElementVNode("div", { class: normalizeClass(unref(cn)("pointer-events-none fixed inset-0 z-(--hn-z-overlay) grid", unref(dialogWrapper)({ placement: props.placement ?? "auto" }))) }, [createVNode(unref(AlertDialogContent), {
+				})) : createCommentVNode("", true), unref(present) ? (openBlock(), createBlock(unref(AlertDialogPortal), { key: 1 }, {
+					default: withCtx(() => [createVNode(unref(AlertDialogOverlay), { class: "hn-scrim" }), createElementVNode("div", { class: normalizeClass(unref(dialogWrapper)({ placement: props.placement ?? "auto" })) }, [createVNode(ModalContent_default, {
+						alert: "",
 						"as-child": "",
-						onEscapeKeyDown: guard
+						onEscapeKeyDown: unref(guard)
 					}, {
 						default: withCtx(() => [createVNode(Card_default, {
+							ref_key: "content",
+							ref: content,
 							padded: false,
 							"data-hn-alert-dialog": "",
-							"aria-busy": busy.value || void 0,
-							class: normalizeClass(unref(cn)("pointer-events-auto flex w-full flex-col gap-4 shadow-lg outline-none", "py-(--hn-panel-p)", unref(dialogCard)({
+							"aria-busy": unref(busy) || void 0,
+							class: normalizeClass(unref(cn)(unref(dialogCard)({
 								placement: props.placement ?? "auto",
 								size: props.size
 							}), props.class))
 						}, {
 							default: withCtx(() => [
-								createElementVNode("div", _hoisted_1$46, [createVNode(unref(AlertDialogTitle), { "as-child": "" }, {
+								createElementVNode("div", { class: normalizeClass(unref(alertDialogHeader)()) }, [createVNode(unref(AlertDialogTitle), { "as-child": "" }, {
 									default: withCtx(() => [createVNode(Heading_default, {
 										level: 2,
 										size: "lg"
@@ -12213,13 +12526,16 @@ var AlertDialog_default = /* @__PURE__ */ defineComponent({
 										_: 1
 									})]),
 									_: 1
-								})) : createCommentVNode("", true)]),
-								_ctx.$slots.content ? (openBlock(), createElementBlock("div", _hoisted_2$25, [renderSlot(_ctx.$slots, "content")])) : createCommentVNode("", true),
-								createElementVNode("div", _hoisted_3$10, [createVNode(unref(AlertDialogCancel), { "as-child": "" }, {
+								})) : createCommentVNode("", true)], 2),
+								_ctx.$slots.content ? (openBlock(), createElementBlock("div", {
+									key: 0,
+									class: normalizeClass(unref(alertDialogContent)())
+								}, [renderSlot(_ctx.$slots, "content")], 2)) : createCommentVNode("", true),
+								createElementVNode("div", { class: normalizeClass(unref(alertDialogActions)()) }, [createVNode(unref(AlertDialogCancel), { "as-child": "" }, {
 									default: withCtx(() => [createVNode(Button_default, {
 										variant: "soft",
 										tone: "neutral",
-										disabled: busy.value,
+										disabled: unref(busy),
 										onClick: _cache[0] || (_cache[0] = ($event) => emit("cancel"))
 									}, {
 										default: withCtx(() => [createTextVNode(toDisplayString(props.cancelText ?? unref(t).common.cancel), 1)]),
@@ -12228,19 +12544,28 @@ var AlertDialog_default = /* @__PURE__ */ defineComponent({
 									_: 1
 								}), createVNode(Button_default, {
 									tone: props.tone,
-									loading: busy.value,
-									onClick: confirm
+									loading: unref(busy),
+									disabled: unref(remaining) > 0,
+									onClick: unref(confirm)
 								}, {
-									default: withCtx(() => [createTextVNode(toDisplayString(props.confirmText ?? unref(t).common.confirm), 1)]),
+									default: withCtx(() => [createTextVNode(toDisplayString(props.confirmText ?? unref(t).common.confirm) + " ", 1), unref(remaining) > 0 ? (openBlock(), createElementBlock("span", {
+										key: 0,
+										class: normalizeClass(unref(alertDialogCountdown)())
+									}, "(" + toDisplayString(unref(remaining)) + ")", 3)) : createCommentVNode("", true)]),
 									_: 1
-								}, 8, ["tone", "loading"])])
+								}, 8, [
+									"tone",
+									"loading",
+									"disabled",
+									"onClick"
+								])], 2)
 							]),
 							_: 3
 						}, 8, ["aria-busy", "class"])]),
 						_: 3
-					})], 2)]),
+					}, 8, ["onEscapeKeyDown"])], 2)]),
 					_: 3
-				})]),
+				})) : createCommentVNode("", true)]),
 				_: 3
 			}, 8, ["open"]);
 		};
@@ -12849,8 +13174,8 @@ var _hoisted_1$40 = ["data-dragging"];
 var _hoisted_2$21 = ["data-disabled"];
 var _hoisted_3$9 = { class: "flex items-start justify-between gap-4 px-(--hn-panel-p)" };
 var _hoisted_4$7 = { class: "flex min-w-0 flex-col gap-1.5" };
-var _hoisted_5$5 = { class: "px-(--hn-panel-p) py-1" };
-var _hoisted_6$4 = {
+var _hoisted_5$4 = { class: "px-(--hn-panel-p) py-1" };
+var _hoisted_6$3 = {
 	key: 1,
 	class: "flex shrink-0 justify-end gap-(--hn-inline-gap) px-(--hn-panel-p)"
 };
@@ -12965,10 +13290,10 @@ var Sheet_default = /* @__PURE__ */ defineComponent({
 									key: 0,
 									class: "min-h-0 grow"
 								}, {
-									default: withCtx(() => [createElementVNode("div", _hoisted_5$5, [renderSlot(_ctx.$slots, "content", { close })])]),
+									default: withCtx(() => [createElementVNode("div", _hoisted_5$4, [renderSlot(_ctx.$slots, "content", { close })])]),
 									_: 3
 								})) : createCommentVNode("", true),
-								_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$4, [renderSlot(_ctx.$slots, "footer", { close })])) : createCommentVNode("", true)
+								_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$3, [renderSlot(_ctx.$slots, "footer", { close })])) : createCommentVNode("", true)
 							]),
 							_: 3
 						}, 8, [
@@ -14726,13 +15051,13 @@ var _hoisted_1$26 = [
 var _hoisted_2$15 = ["id", "for"];
 var _hoisted_3$7 = ["id"];
 var _hoisted_4$5 = ["id"];
-var _hoisted_5$4 = {
+var _hoisted_5$3 = {
 	key: 0,
 	"data-hn-form-field-message": "",
 	class: "hn-collapse [--hn-collapse-out:var(--hn-duration-fast)]"
 };
-var _hoisted_6$3 = { class: "hn-collapse-body" };
-var _hoisted_7$2 = ["id"];
+var _hoisted_6$2 = { class: "hn-collapse-body" };
+var _hoisted_7$1 = ["id"];
 //#endregion
 //#region src/components/form-field/FormField.vue
 var FormField_default = /* @__PURE__ */ defineComponent({
@@ -14849,11 +15174,11 @@ var FormField_default = /* @__PURE__ */ defineComponent({
 					"leave-from-class": "hn-collapse-open",
 					"leave-to-class": "hn-collapse-closed"
 				}, toHandlers(unref(hooks))), {
-					default: withCtx(() => [message.value ? (openBlock(), createElementBlock("div", _hoisted_5$4, [createElementVNode("div", _hoisted_6$3, [createElementVNode("p", {
+					default: withCtx(() => [message.value ? (openBlock(), createElementBlock("div", _hoisted_5$3, [createElementVNode("div", _hoisted_6$2, [createElementVNode("p", {
 						id: unref(messageId),
 						class: normalizeClass(unref(formFieldMessage)()),
 						"aria-live": "polite"
-					}, toDisplayString(message.value), 11, _hoisted_7$2)])])) : createCommentVNode("", true)]),
+					}, toDisplayString(message.value), 11, _hoisted_7$1)])])) : createCommentVNode("", true)]),
 					_: 1
 				}, 16)
 			], 2)], 2)], 46, _hoisted_1$26);
@@ -15148,8 +15473,13 @@ var SegmentedControl_default = /* @__PURE__ */ defineComponent({
 							option.value === current.value ? (openBlock(), createBlock(Highlight_default, {
 								key: 0,
 								id: unref(highlightId),
+								axis: props.orientation === "vertical" ? "y" : "x",
 								class: normalizeClass(unref(segmentedThumb)())
-							}, null, 8, ["id", "class"])) : createCommentVNode("", true),
+							}, null, 8, [
+								"id",
+								"axis",
+								"class"
+							])) : createCommentVNode("", true),
 							createVNode(Ripple_default),
 							renderSlot(_ctx.$slots, "option", { option }, () => [createTextVNode(toDisplayString(option.label), 1)])
 						]),
@@ -15367,17 +15697,43 @@ async function tokenize(code, lang) {
 	}).tokens;
 }
 //#endregion
+//#region src/components/code-block/composables/useCodeHighlight.ts
+function useCodeHighlight(props) {
+	const tokens = shallowRef(null);
+	onMounted(() => {
+		watch(() => [
+			props.code,
+			props.lang,
+			props.html
+		], async ([code, lang, html]) => {
+			if (html || !lang) {
+				tokens.value = null;
+				return;
+			}
+			try {
+				const result = await tokenize(code, lang);
+				if (code === props.code && lang === props.lang) tokens.value = result;
+			} catch (error) {
+				tokens.value = null;
+				`${lang}${String(error)}`;
+			}
+		}, { immediate: true });
+	});
+	return tokens;
+}
+//#endregion
+//#region src/components/code-block/code-block.variants.ts
+var codeBlock = tv({ base: "relative flex min-h-0 min-w-0 flex-col" });
+var codeBlockArea = tv({ base: "hn-pre min-h-0 grow p-0" });
+var codeBlockContent = tv({ base: "hn-pre-content m-0 w-max min-w-full" });
+var codeBlockActions = tv({ base: "absolute top-2 end-2 flex items-center gap-2" });
+var codeBlockLabel = tv({ base: "text-faint font-mono text-xs select-none" });
+//#endregion
 //#region src/components/code-block/CodeBlock.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$23 = ["data-lang"];
-var _hoisted_2$13 = { class: "m-0" };
-var _hoisted_3$6 = ["innerHTML"];
-var _hoisted_4$4 = { key: 1 };
-var _hoisted_5$3 = { key: 2 };
-var _hoisted_6$2 = { class: "absolute top-2 end-2 flex items-center gap-2" };
-var _hoisted_7$1 = {
-	key: 0,
-	class: "text-faint font-mono text-xs select-none"
-};
+var _hoisted_2$13 = ["innerHTML"];
+var _hoisted_3$6 = { key: 1 };
+var _hoisted_4$4 = { key: 2 };
 //#endregion
 //#region src/components/code-block/CodeBlock.vue
 var CodeBlock_default = /* @__PURE__ */ defineComponent({
@@ -15398,53 +15754,37 @@ var CodeBlock_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const t = useUiLocale();
 		const tag = computed(() => props.label ?? props.lang);
-		const tokens = shallowRef(null);
-		onMounted(() => {
-			watch(() => [
-				props.code,
-				props.lang,
-				props.html
-			], async ([code, lang, html]) => {
-				if (html || !lang) {
-					tokens.value = null;
-					return;
-				}
-				try {
-					const result = await tokenize(code, lang);
-					if (code === props.code && lang === props.lang) tokens.value = result;
-				} catch (error) {
-					tokens.value = null;
-					`${lang}${String(error)}`;
-				}
-			}, { immediate: true });
-		});
+		const tokens = useCodeHighlight(props);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				"data-lang": props.lang,
-				class: normalizeClass(unref(cn)("relative", props.class))
+				class: normalizeClass(unref(cn)(unref(codeBlock)(), props.class))
 			}, [createVNode(ScrollArea_default, {
-				direction: "horizontal",
+				direction: "both",
 				focusable: "",
 				label: tag.value,
-				class: "hn-pre"
+				class: normalizeClass(unref(codeBlockArea)())
 			}, {
-				default: withCtx(() => [createElementVNode("pre", _hoisted_2$13, [props.html ? (openBlock(), createElementBlock("code", {
+				default: withCtx(() => [createElementVNode("pre", { class: normalizeClass(unref(codeBlockContent)()) }, [props.html ? (openBlock(), createElementBlock("code", {
 					key: 0,
 					innerHTML: props.html
-				}, null, 8, _hoisted_3$6)) : tokens.value ? (openBlock(), createElementBlock("code", _hoisted_4$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(tokens.value, (line, i) => {
+				}, null, 8, _hoisted_2$13)) : unref(tokens) ? (openBlock(), createElementBlock("code", _hoisted_3$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(tokens), (line, i) => {
 					return openBlock(), createElementBlock(Fragment, { key: i }, [createTextVNode(toDisplayString(i ? "\n" : ""), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(line, (tk, j) => {
 						return openBlock(), createElementBlock("span", {
 							key: j,
 							style: normalizeStyle(tk.htmlStyle)
 						}, toDisplayString(tk.content), 5);
 					}), 128))], 64);
-				}), 128))])) : (openBlock(), createElementBlock("code", _hoisted_5$3, toDisplayString(__props.code), 1))])]),
+				}), 128))])) : (openBlock(), createElementBlock("code", _hoisted_4$4, toDisplayString(__props.code), 1))], 2)]),
 				_: 1
-			}, 8, ["label"]), createElementVNode("div", _hoisted_6$2, [tag.value ? (openBlock(), createElementBlock("span", _hoisted_7$1, toDisplayString(tag.value), 1)) : createCommentVNode("", true), __props.copyable ? (openBlock(), createBlock(CopyButton_default, {
+			}, 8, ["label", "class"]), createElementVNode("div", { class: normalizeClass(unref(codeBlockActions)()) }, [tag.value ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(unref(codeBlockLabel)())
+			}, toDisplayString(tag.value), 3)) : createCommentVNode("", true), __props.copyable ? (openBlock(), createBlock(CopyButton_default, {
 				key: 1,
 				text: props.code,
 				label: unref(t).codeblock.copy
-			}, null, 8, ["text", "label"])) : createCommentVNode("", true)])], 10, _hoisted_1$23);
+			}, null, 8, ["text", "label"])) : createCommentVNode("", true)], 2)], 10, _hoisted_1$23);
 		};
 	}
 });
@@ -17141,6 +17481,7 @@ var Anchor_default = /* @__PURE__ */ defineComponent({
 				default: withCtx(() => [unref(span) ? (openBlock(), createBlock(Highlight_default, {
 					key: 0,
 					as: "li",
+					axis: "y",
 					role: "presentation",
 					style: normalizeStyle({ gridRow: unref(span) }),
 					class: "bg-accent col-start-1 -ms-px w-0.5 self-stretch justify-self-start rounded-full"
@@ -17241,11 +17582,156 @@ var BreadcrumbSeparator_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/components/popover/composables/usePopoverCloseFocus.ts
+function usePopoverCloseFocus(emit) {
+	const root = injectPopoverRootContext();
+	return (event) => {
+		emit("closeAutoFocus", event);
+		if (!event.defaultPrevented || !root.triggerElement.value) return;
+		const trigger = root.triggerElement.value;
+		root.triggerElement.value = void 0;
+		nextTick(() => {
+			root.triggerElement.value ??= trigger;
+		});
+	};
+}
+//#endregion
+//#region src/components/popover/PopoverContent.vue
+var PopoverContent_default = /* @__PURE__ */ defineComponent({
+	name: "HnPopoverContent",
+	__name: "PopoverContent",
+	props: {
+		forceMount: { type: Boolean },
+		memoDependencies: {},
+		side: {},
+		sideOffset: {},
+		sideFlip: { type: Boolean },
+		align: {},
+		alignOffset: {},
+		alignFlip: { type: Boolean },
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: { type: Boolean },
+		reference: {},
+		dir: {},
+		asChild: { type: Boolean },
+		as: {},
+		disableOutsidePointerEvents: { type: Boolean }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const forwarded = useForwardPropsEmits(props, emit);
+		const closeAutoFocus = usePopoverCloseFocus(emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(PopoverContent), mergeProps({
+				...unref(forwarded),
+				onCloseAutoFocus: unref(closeAutoFocus)
+			}, { reference: props.reference }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["reference"]);
+		};
+	}
+});
+//#endregion
+//#region src/lib/anchored-overlay.ts
+function useAnchoredOverlay(props, open, emit, openAutoFocus) {
+	const { forwardRef: trigger, currentElement: triggerElement } = useForwardExpose();
+	const retainedAnchor = shallowRef();
+	const reference = computed(() => props.anchor ?? (open.value ? triggerElement.value ?? retainedAnchor.value : retainedAnchor.value ?? triggerElement.value));
+	const visible = computed({
+		get: () => !!open.value && !!(props.anchor || triggerElement.value),
+		set: (value) => {
+			open.value = value;
+		}
+	});
+	watch(() => props.anchor, (anchor) => {
+		if (anchor) retainedAnchor.value = anchor;
+	}, {
+		immediate: true,
+		flush: "sync"
+	});
+	let previousFocus = null;
+	let interactedOutside = false;
+	function once(handler) {
+		const handled = /* @__PURE__ */ new WeakSet();
+		return (event) => {
+			if (handled.has(event)) return;
+			handled.add(event);
+			handler(event);
+		};
+	}
+	watch(visible, (active) => {
+		if (!active) return;
+		previousFocus = (props.anchor?.ownerDocument ?? triggerElement.value?.ownerDocument)?.activeElement;
+		interactedOutside = false;
+	}, {
+		immediate: true,
+		flush: "sync"
+	});
+	const onCloseAutoFocus = once((event) => {
+		emit("closeAutoFocus", event);
+		const cancelled = event.defaultPrevented;
+		event.preventDefault();
+		const panel = event.target;
+		const target = triggerElement.value ?? previousFocus;
+		const restore = !cancelled && !interactedOutside;
+		nextTick(() => {
+			const active = panel.ownerDocument.activeElement;
+			if (restore && !visible.value && target?.isConnected && (active === panel.ownerDocument.body || panel.contains(active))) target.focus({ preventScroll: true });
+			if (!visible.value) retainedAnchor.value = void 0;
+		});
+	});
+	const onInteractOutside = once((event) => {
+		if (!triggerElement.value && props.anchor?.contains(event.target)) event.preventDefault();
+		emit("interactOutside", event);
+		const original = event.detail.originalEvent;
+		const rightClick = "button" in original && (original.button === 2 || original.button === 0 && original.ctrlKey);
+		if (!event.defaultPrevented && (!props.modal || rightClick)) interactedOutside = true;
+	});
+	return {
+		trigger,
+		reference,
+		visible,
+		events: {
+			...openAutoFocus ? { onOpenAutoFocus: once(openAutoFocus) } : {},
+			onCloseAutoFocus,
+			onInteractOutside,
+			onPointerDownOutside: once((event) => emit("pointerDownOutside", event)),
+			onFocusOutside: once((event) => emit("focusOutside", event)),
+			onEscapeKeyDown: once((event) => emit("escapeKeyDown", event))
+		}
+	};
+}
+//#endregion
 //#region src/components/popover/Popover.vue
 var Popover_default = /* @__PURE__ */ defineComponent({
 	name: "HnPopover",
+	inheritAttrs: false,
 	__name: "Popover",
 	props: /*@__PURE__*/ mergeModels({
+		anchor: {},
+		modal: {
+			type: Boolean,
+			default: true
+		},
 		side: { default: "bottom" },
 		align: { default: "center" },
 		sideOffset: { default: 8 },
@@ -17258,10 +17744,20 @@ var Popover_default = /* @__PURE__ */ defineComponent({
 		"open": { type: Boolean },
 		"openModifiers": {}
 	}),
-	emits: ["update:open"],
-	setup(__props) {
+	emits: /*@__PURE__*/ mergeModels([
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	], ["update:open"]),
+	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const open = useModel(__props, "open");
+		const emit = __emit;
+		const { trigger, reference, visible, events } = useAnchoredOverlay(props, open, emit, (event) => emit("openAutoFocus", event));
+		const { content, present } = useOverlayPortal(visible);
 		const pressOrigin = computed(() => {
 			if (props.side === "left") return "right";
 			if (props.side === "right") return "left";
@@ -17271,24 +17767,32 @@ var Popover_default = /* @__PURE__ */ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(PopoverRoot), {
-				open: open.value,
-				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event),
-				modal: ""
+				open: unref(visible),
+				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => isRef(visible) ? visible.value = $event : null),
+				modal: props.modal
 			}, {
-				default: withCtx(() => [createVNode(unref(PopoverTrigger), {
+				default: withCtx(() => [_ctx.$slots.default ? (openBlock(), createBlock(unref(PopoverTrigger), {
+					key: 0,
+					ref: unref(trigger),
 					"as-child": "",
 					style: normalizeStyle({ transformOrigin: pressOrigin.value })
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 3
-				}, 8, ["style"]), createVNode(unref(PopoverPortal), null, {
-					default: withCtx(() => [createVNode(unref(PopoverContent), {
+				}, 8, ["style"])) : createCommentVNode("", true), unref(present) ? (openBlock(), createBlock(unref(PopoverPortal), { key: 1 }, {
+					default: withCtx(() => [createVNode(PopoverContent_default, mergeProps({
+						..._ctx.$attrs,
+						...unref(events)
+					}, {
+						reference: unref(reference),
 						"as-child": "",
 						side: props.side,
 						align: props.align,
 						"side-offset": props.sideOffset
-					}, {
+					}), {
 						default: withCtx(() => [createVNode(Card_default, {
+							ref_key: "content",
+							ref: content,
 							padded: props.padded,
 							class: normalizeClass(unref(cn)("hn-anim-pop z-(--hn-z-overlay) max-w-sm shadow-md outline-none", props.class))
 						}, {
@@ -17296,15 +17800,16 @@ var Popover_default = /* @__PURE__ */ defineComponent({
 							_: 3
 						}, 8, ["padded", "class"])]),
 						_: 3
-					}, 8, [
+					}, 16, [
+						"reference",
 						"side",
 						"align",
 						"side-offset"
 					])]),
 					_: 3
-				})]),
+				})) : createCommentVNode("", true)]),
 				_: 3
-			}, 8, ["open"]);
+			}, 8, ["open", "modal"]);
 		};
 	}
 });
@@ -17312,9 +17817,16 @@ var Popover_default = /* @__PURE__ */ defineComponent({
 //#region src/components/dropdown-menu/DropdownMenu.vue
 var DropdownMenu_default = /* @__PURE__ */ defineComponent({
 	name: "HnDropdownMenu",
+	inheritAttrs: false,
 	__name: "DropdownMenu",
 	props: /*@__PURE__*/ mergeModels({
 		label: {},
+		anchor: {},
+		modal: {
+			type: Boolean,
+			default: true
+		},
+		dir: {},
 		side: { default: "bottom" },
 		align: { default: "center" },
 		sideOffset: { default: 8 },
@@ -17323,10 +17835,16 @@ var DropdownMenu_default = /* @__PURE__ */ defineComponent({
 		"open": { type: Boolean },
 		"openModifiers": {}
 	}),
-	emits: ["update:open"],
-	setup(__props) {
+	emits: /*@__PURE__*/ mergeModels([
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"closeAutoFocus"
+	], ["update:open"]),
+	setup(__props, { emit: __emit }) {
 		const props = __props;
-		const open = useModel(__props, "open");
+		const { trigger, reference, visible, events } = useAnchoredOverlay(props, useModel(__props, "open"), __emit);
 		const pressOrigin = computed(() => {
 			if (props.side === "left") return "right";
 			if (props.side === "right") return "left";
@@ -17336,25 +17854,32 @@ var DropdownMenu_default = /* @__PURE__ */ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(DropdownMenuRoot), {
-				open: open.value,
-				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event),
-				modal: ""
+				open: unref(visible),
+				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => isRef(visible) ? visible.value = $event : null),
+				modal: props.modal,
+				dir: props.dir
 			}, {
-				default: withCtx(() => [createVNode(unref(DropdownMenuTrigger), {
+				default: withCtx(() => [_ctx.$slots.default ? (openBlock(), createBlock(unref(DropdownMenuTrigger), {
+					key: 0,
+					ref: unref(trigger),
 					"as-child": "",
 					class: "group/hn-disclosure",
 					style: normalizeStyle({ transformOrigin: pressOrigin.value })
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 3
-				}, 8, ["style"]), createVNode(unref(DropdownMenuPortal), null, {
-					default: withCtx(() => [createVNode(unref(DropdownMenuContent), {
-						"as-child": "",
+				}, 8, ["style"])) : createCommentVNode("", true), createVNode(unref(DropdownMenuPortal), null, {
+					default: withCtx(() => [unref(reference) ? (openBlock(), createBlock(unref(DropdownMenuContent), mergeProps({ key: 0 }, {
 						"aria-label": props.label,
+						..._ctx.$attrs,
+						...unref(events)
+					}, {
+						reference: unref(reference),
+						"as-child": "",
 						side: props.side,
 						align: props.align,
 						"side-offset": props.sideOffset
-					}, {
+					}), {
 						default: withCtx(() => [createVNode(Card_default, {
 							padded: false,
 							class: normalizeClass(unref(cn)("hn-anim-pop z-(--hn-z-overlay) flex min-w-40 flex-col gap-0.5 p-1 shadow-md outline-none", props.class))
@@ -17363,16 +17888,20 @@ var DropdownMenu_default = /* @__PURE__ */ defineComponent({
 							_: 3
 						}, 8, ["class"])]),
 						_: 3
-					}, 8, [
-						"aria-label",
+					}, 16, [
+						"reference",
 						"side",
 						"align",
 						"side-offset"
-					])]),
+					])) : createCommentVNode("", true)]),
 					_: 3
 				})]),
 				_: 3
-			}, 8, ["open"]);
+			}, 8, [
+				"open",
+				"modal",
+				"dir"
+			]);
 		};
 	}
 });
@@ -17690,6 +18219,7 @@ var Dialog_default = /* @__PURE__ */ defineComponent({
 			if (props.locked) e.preventDefault();
 		}
 		const open = useModel(__props, "open");
+		const { content, present } = useOverlayPortal(open);
 		function close() {
 			open.value = false;
 		}
@@ -17704,13 +18234,16 @@ var Dialog_default = /* @__PURE__ */ defineComponent({
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 3
-				})) : createCommentVNode("", true), createVNode(unref(DialogPortal), null, {
-					default: withCtx(() => [createVNode(unref(DialogOverlay), { class: "hn-scrim" }), createElementVNode("div", { class: normalizeClass(unref(dialogWrapper)({ placement: props.placement ?? "auto" })) }, [createVNode(unref(DialogContent), {
+				})) : createCommentVNode("", true), unref(present) ? (openBlock(), createBlock(unref(DialogPortal), { key: 1 }, {
+					default: withCtx(() => [createVNode(unref(DialogOverlay), { class: "hn-scrim" }), createElementVNode("div", { class: normalizeClass(unref(dialogWrapper)({ placement: props.placement ?? "auto" })) }, [createVNode(ModalContent_default, {
 						"as-child": "",
 						onEscapeKeyDown: guard,
 						onInteractOutside: guard
 					}, {
-						default: withCtx(() => [createVNode(Card_default, mergeProps(props.description ? {} : { "aria-describedby": void 0 }, {
+						default: withCtx(() => [createVNode(Card_default, mergeProps({
+							ref_key: "content",
+							ref: content
+						}, props.description ? {} : { "aria-describedby": void 0 }, {
 							padded: false,
 							class: unref(cn)(unref(dialogCard)({
 								placement: props.placement ?? "auto",
@@ -17778,7 +18311,7 @@ var Dialog_default = /* @__PURE__ */ defineComponent({
 						_: 3
 					})], 2)]),
 					_: 3
-				})]),
+				})) : createCommentVNode("", true)]),
 				_: 3
 			}, 8, ["open"]);
 		};
@@ -18869,6 +19402,6 @@ function createScrollRestorer(key, ports) {
 	};
 }
 //#endregion
-export { Accordion_default as Accordion, AccordionContent_default as AccordionContent, AccordionItem_default as AccordionItem, AccordionTrigger_default as AccordionTrigger, Alert_default as Alert, AlertDialog_default as AlertDialog, Anchor_default as Anchor, AppShell_default as AppShell, AspectRatio_default as AspectRatio, Avatar_default as Avatar, AvatarGroup_default as AvatarGroup, Badge_default as Badge, Banner_default as Banner, Blockquote_default as Blockquote, Breadcrumb_default as Breadcrumb, BreadcrumbItem_default as BreadcrumbItem, BreadcrumbSeparator_default as BreadcrumbSeparator, Button_default as Button, ButtonGroup_default as ButtonGroup, Calendar_default as Calendar, Callout_default as Callout, Card_default as Card, Center_default as Center, Checkbox_default as Checkbox, CheckboxGroup_default as CheckboxGroup, Chip_default as Chip, CloseButton_default as CloseButton, Code_default as Code, CodeBlock_default as CodeBlock, Collapsible_default as Collapsible, CollapsibleContent_default as CollapsibleContent, CollapsibleTrigger_default as CollapsibleTrigger, Combobox_default as Combobox, CommandPalette_default as CommandPalette, Container_default as Container, ContextMenu_default as ContextMenu, ContextMenuCheckboxItem_default as ContextMenuCheckboxItem, ContextMenuGroup_default as ContextMenuGroup, ContextMenuItem_default as ContextMenuItem, ContextMenuLabel_default as ContextMenuLabel, ContextMenuRadioGroup_default as ContextMenuRadioGroup, ContextMenuRadioItem_default as ContextMenuRadioItem, ContextMenuSeparator_default as ContextMenuSeparator, ContextMenuSub_default as ContextMenuSub, CopyButton_default as CopyButton, DURATION, DateField_default as DateField, DatePicker_default as DatePicker, DateRangeField_default as DateRangeField, DateRangePicker_default as DateRangePicker, DateTimePicker_default as DateTimePicker, DescriptionDetails_default as DescriptionDetails, DescriptionList_default as DescriptionList, DescriptionTerm_default as DescriptionTerm, Dialog_default as Dialog, DisclosureIcon_default as DisclosureIcon, Divider_default as Divider, Drawer_default as Drawer, DropdownMenu_default as DropdownMenu, DropdownMenuCheckboxItem_default as DropdownMenuCheckboxItem, DropdownMenuGroup_default as DropdownMenuGroup, DropdownMenuItem_default as DropdownMenuItem, DropdownMenuLabel_default as DropdownMenuLabel, DropdownMenuRadioGroup_default as DropdownMenuRadioGroup, DropdownMenuRadioItem_default as DropdownMenuRadioItem, DropdownMenuSeparator_default as DropdownMenuSeparator, DropdownMenuSub_default as DropdownMenuSub, EASE, Empty_default as Empty, FileUpload_default as FileUpload, Flex_default as Flex, Form_default as Form, FormField_default as FormField, FormLayout_default as FormLayout, Grid_default as Grid, Heading_default as Heading, Highlight_default as Highlight, HoverCard_default as HoverCard, IconButton_default as IconButton, Image_default as Image, ImageGroup_default as ImageGroup, Indicator_default as Indicator, Inline_default as Inline, Input_default as Input, InputGroup_default as InputGroup, InputGroupAddon_default as InputGroupAddon, Kbd_default as Kbd, Link_default as Link, List_default as List, ListItem_default as ListItem, Listbox_default as Listbox, LoadingOverlay_default as LoadingOverlay, Mark_default as Mark, Menubar_default as Menubar, MenubarCheckboxItem_default as MenubarCheckboxItem, MenubarGroup_default as MenubarGroup, MenubarItem_default as MenubarItem, MenubarLabel_default as MenubarLabel, MenubarMenu_default as MenubarMenu, MenubarRadioGroup_default as MenubarRadioGroup, MenubarRadioItem_default as MenubarRadioItem, MenubarSeparator_default as MenubarSeparator, MenubarSub_default as MenubarSub, MeterGroup_default as MeterGroup, MultiCombobox_default as MultiCombobox, MultiSelect_default as MultiSelect, NavLink_default as NavLink, NumberFormat_default as NumberFormat, NumberInput_default as NumberInput, Page_default as Page, PageAside_default as PageAside, PageBody_default as PageBody, PageHeader_default as PageHeader, Panel_default as Panel, PasswordInput_default as PasswordInput, PinInput_default as PinInput, Popconfirm_default as Popconfirm, Popover_default as Popover, PrevNext_default as PrevNext, PrevNextLink_default as PrevNextLink, Progress_default as Progress, Prose_default as Prose, REQUIRED_SINGLETONS, RESTORE_DEADLINE_MS, RadioGroup_default as RadioGroup, RangeCalendar_default as RangeCalendar, RangeSlider_default as RangeSlider, Rating_default as Rating, Result_default as Result, RingProgress_default as RingProgress, Ripple_default as Ripple, SAVE_THROTTLE_MS, SCROLL_ATOP_ATTR, SCROLL_ATOP_HIDE_PX, SCROLL_AT_ATTR, SCROLL_RESTORE_ATTR, SCROLL_STATE_FIELD, STAGGER, ScrollArea_default as ScrollArea, SearchInput_default as SearchInput, Section_default as Section, SegmentedControl_default as SegmentedControl, Select_default as Select, Sheet_default as Sheet, Sidebar_default as Sidebar, SidebarGroup_default as SidebarGroup, SidebarTrigger_default as SidebarTrigger, SimpleGrid_default as SimpleGrid, Skeleton_default as Skeleton, Slider_default as Slider, Space_default as Space, Spinner_default as Spinner, Splitter_default as Splitter, SplitterHandle_default as SplitterHandle, SplitterPanel_default as SplitterPanel, Spoiler_default as Spoiler, Stack_default as Stack, Statistic_default as Statistic, Switch_default as Switch, TRANSITION, TRAVEL, Table_default as Table, TableBody_default as TableBody, TableCell_default as TableCell, TableHead_default as TableHead, TableHeader_default as TableHeader, TableRow_default as TableRow, Tabs_default as Tabs, TabsContent_default as TabsContent, TabsList_default as TabsList, TabsTrigger_default as TabsTrigger, Tag_default as Tag, TagsInput_default as TagsInput, Text_default as Text, Textarea_default as Textarea, Time_default as Time, TimeField_default as TimeField, Toaster_default as Toaster, Toggle_default as Toggle, Tooltip_default as Tooltip, TooltipProvider_default as TooltipProvider, TreeSelect_default as TreeSelect, VisuallyHidden_default as VisuallyHidden, atopOff, cn, createScrollRestorer, cssEase, enUS, firstPaintRestoreScript, provideImageResolver, provideUiLocale, readScrollRecord, toast, tokenize, tokensToHtml, tv, useImageResolver, useUiLocale, writeScrollRecord, zhCN };
+export { Accordion_default as Accordion, AccordionContent_default as AccordionContent, AccordionItem_default as AccordionItem, AccordionTrigger_default as AccordionTrigger, Alert_default as Alert, AlertDialog_default as AlertDialog, Anchor_default as Anchor, AppShell_default as AppShell, AspectRatio_default as AspectRatio, Avatar_default as Avatar, AvatarGroup_default as AvatarGroup, Badge_default as Badge, Banner_default as Banner, Blockquote_default as Blockquote, Breadcrumb_default as Breadcrumb, BreadcrumbItem_default as BreadcrumbItem, BreadcrumbSeparator_default as BreadcrumbSeparator, Button_default as Button, ButtonGroup_default as ButtonGroup, Calendar_default as Calendar, Callout_default as Callout, Card_default as Card, Center_default as Center, Checkbox_default as Checkbox, CheckboxGroup_default as CheckboxGroup, Chip_default as Chip, CloseButton_default as CloseButton, Code_default as Code, CodeBlock_default as CodeBlock, Collapsible_default as Collapsible, CollapsibleContent_default as CollapsibleContent, CollapsibleTrigger_default as CollapsibleTrigger, Combobox_default as Combobox, CommandPalette_default as CommandPalette, Container_default as Container, ContextMenu_default as ContextMenu, ContextMenuCheckboxItem_default as ContextMenuCheckboxItem, ContextMenuGroup_default as ContextMenuGroup, ContextMenuItem_default as ContextMenuItem, ContextMenuLabel_default as ContextMenuLabel, ContextMenuRadioGroup_default as ContextMenuRadioGroup, ContextMenuRadioItem_default as ContextMenuRadioItem, ContextMenuSeparator_default as ContextMenuSeparator, ContextMenuSub_default as ContextMenuSub, CopyButton_default as CopyButton, DURATION, DateField_default as DateField, DatePicker_default as DatePicker, DateRangeField_default as DateRangeField, DateRangePicker_default as DateRangePicker, DateTimePicker_default as DateTimePicker, DescriptionDetails_default as DescriptionDetails, DescriptionList_default as DescriptionList, DescriptionTerm_default as DescriptionTerm, Dialog_default as Dialog, DisclosureIcon_default as DisclosureIcon, Divider_default as Divider, Drawer_default as Drawer, DropdownMenu_default as DropdownMenu, DropdownMenuCheckboxItem_default as DropdownMenuCheckboxItem, DropdownMenuGroup_default as DropdownMenuGroup, DropdownMenuItem_default as DropdownMenuItem, DropdownMenuLabel_default as DropdownMenuLabel, DropdownMenuRadioGroup_default as DropdownMenuRadioGroup, DropdownMenuRadioItem_default as DropdownMenuRadioItem, DropdownMenuSeparator_default as DropdownMenuSeparator, DropdownMenuSub_default as DropdownMenuSub, EASE, Empty_default as Empty, FileUpload_default as FileUpload, Flex_default as Flex, Form_default as Form, FormField_default as FormField, FormLayout_default as FormLayout, Grid_default as Grid, Heading_default as Heading, Highlight_default as Highlight, HoverCard_default as HoverCard, IconButton_default as IconButton, Image_default as Image, ImageGroup_default as ImageGroup, Indicator_default as Indicator, Inline_default as Inline, Input_default as Input, InputGroup_default as InputGroup, InputGroupAddon_default as InputGroupAddon, Kbd_default as Kbd, Lightbox_default as Lightbox, Link_default as Link, List_default as List, ListItem_default as ListItem, Listbox_default as Listbox, LoadingOverlay_default as LoadingOverlay, Mark_default as Mark, Menubar_default as Menubar, MenubarCheckboxItem_default as MenubarCheckboxItem, MenubarGroup_default as MenubarGroup, MenubarItem_default as MenubarItem, MenubarLabel_default as MenubarLabel, MenubarMenu_default as MenubarMenu, MenubarRadioGroup_default as MenubarRadioGroup, MenubarRadioItem_default as MenubarRadioItem, MenubarSeparator_default as MenubarSeparator, MenubarSub_default as MenubarSub, MeterGroup_default as MeterGroup, MultiCombobox_default as MultiCombobox, MultiSelect_default as MultiSelect, NavLink_default as NavLink, NumberFormat_default as NumberFormat, NumberInput_default as NumberInput, Page_default as Page, PageAside_default as PageAside, PageBody_default as PageBody, PageHeader_default as PageHeader, Panel_default as Panel, PasswordInput_default as PasswordInput, PinInput_default as PinInput, Popconfirm_default as Popconfirm, Popover_default as Popover, PrevNext_default as PrevNext, PrevNextLink_default as PrevNextLink, Progress_default as Progress, Prose_default as Prose, REQUIRED_SINGLETONS, RESTORE_DEADLINE_MS, RadioGroup_default as RadioGroup, RangeCalendar_default as RangeCalendar, RangeSlider_default as RangeSlider, Rating_default as Rating, Result_default as Result, RingProgress_default as RingProgress, Ripple_default as Ripple, SAVE_THROTTLE_MS, SCROLL_ATOP_ATTR, SCROLL_ATOP_HIDE_PX, SCROLL_AT_ATTR, SCROLL_RESTORE_ATTR, SCROLL_STATE_FIELD, STAGGER, ScrollArea_default as ScrollArea, SearchInput_default as SearchInput, Section_default as Section, SegmentedControl_default as SegmentedControl, Select_default as Select, Sheet_default as Sheet, Sidebar_default as Sidebar, SidebarGroup_default as SidebarGroup, SidebarTrigger_default as SidebarTrigger, SimpleGrid_default as SimpleGrid, Skeleton_default as Skeleton, Slider_default as Slider, Space_default as Space, Spinner_default as Spinner, Splitter_default as Splitter, SplitterHandle_default as SplitterHandle, SplitterPanel_default as SplitterPanel, Spoiler_default as Spoiler, Stack_default as Stack, Statistic_default as Statistic, Switch_default as Switch, TRANSITION, TRAVEL, Table_default as Table, TableBody_default as TableBody, TableCell_default as TableCell, TableHead_default as TableHead, TableHeader_default as TableHeader, TableRow_default as TableRow, Tabs_default as Tabs, TabsContent_default as TabsContent, TabsList_default as TabsList, TabsTrigger_default as TabsTrigger, Tag_default as Tag, TagsInput_default as TagsInput, Text_default as Text, Textarea_default as Textarea, Time_default as Time, TimeField_default as TimeField, Toaster_default as Toaster, Toggle_default as Toggle, Tooltip_default as Tooltip, TooltipProvider_default as TooltipProvider, TreeSelect_default as TreeSelect, VisuallyHidden_default as VisuallyHidden, atopOff, cn, createScrollRestorer, cssEase, enUS, firstPaintRestoreScript, provideImageResolver, provideUiLocale, readScrollRecord, toast, tokenize, tokensToHtml, tv, useImageResolver, useUiLocale, writeScrollRecord, zhCN };
 
 //# sourceMappingURL=index.js.map