@hina-ui/vue 1.7.2 → 1.7.3

package/dist/index.js

@@ -2,11 +2,11 @@ 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, isVNode, markRaw, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onBeforeUpdate, onMounted, onScopeDispose, openBlock, provide, reactive, ref, render, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toHandlers, toRaw, toRef, toValue, unref, useAttrs, useId, useModel, useSlots, useTemplateRef, vModelDynamic, vModelSelect, vModelText, watch, watchEffect, watchPostEffect, 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, PaginationFirst, PaginationLast, PaginationList, PaginationListItem, PaginationNext, PaginationPrev, PaginationRoot, 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, injectConfigProviderContext, injectDialogRootContext, injectHoverCardRootContext, injectListboxItemContext, injectPopoverRootContext, injectTabsRootContext, injectTooltipProviderContext, injectTooltipRootContext, useBodyScrollLock, useDirection, useFilter, useForwardExpose, useForwardPropsEmits } from "reka-ui";
+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, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, NumberFieldRoot, PaginationFirst, PaginationLast, PaginationList, PaginationListItem, PaginationNext, PaginationPrev, PaginationRoot, 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, StepperDescription, StepperIndicator, StepperItem, StepperRoot, StepperSeparator, StepperTitle, StepperTrigger, SwitchRoot, TabsContent, TabsList, TabsRoot, TabsTrigger, TagsInputInput, TagsInputItem, TagsInputItemText, TagsInputRoot, TimeFieldInput, TimeFieldRoot, ToastClose, ToastDescription, ToastPortal, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Toggle, ToggleGroupItem, ToggleGroupRoot, ToolbarButton, ToolbarRoot, ToolbarToggleGroup, ToolbarToggleItem, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TreeItem, TreeRoot, VisuallyHidden, YearPickerCell, YearPickerCellTrigger, YearPickerGrid, YearPickerGridBody, YearPickerGridRow, YearPickerNext, YearPickerPrev, YearPickerRoot, injectConfigProviderContext, injectDialogRootContext, injectHoverCardRootContext, injectListboxItemContext, injectPopoverRootContext, injectTabsRootContext, injectTooltipProviderContext, injectTooltipRootContext, useBodyScrollLock, useDirection, useFilter, useForwardExpose, useForwardPropsEmits } from "reka-ui";
 import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, CalendarClock, CalendarDays, CalendarRange, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsLeft, ChevronsRight, ChevronsUpDown, CircleAlert, CircleCheck, CircleX, Copy, Download, Eye, EyeOff, File, GripVertical, Inbox, Info, Lightbulb, Megaphone, Minus, MoreHorizontal, PanelLeft, Pencil, RotateCw, Scan, Search, Shrink, Star, TrendingDown, TrendingUp, TriangleAlert, Upload, User, X, ZoomIn, ZoomOut } from "@lucide/vue";
 import { Motion, animate, useMotionValue, useTransform } from "motion-v";
 import { OverlayScrollbars } from "overlayscrollbars";
-import { createSharedComposable, defaultDocument, useDocumentVisibility, useEventListener, useIntersectionObserver, useIntervalFn, useMediaQuery, useMutationObserver, useRafFn, useResizeObserver } from "@vueuse/core";
+import { createSharedComposable, defaultDocument, useDocumentVisibility, useElementBounding, useEventListener, useIntersectionObserver, useIntervalFn, useMediaQuery, useMutationObserver, useRafFn, useResizeObserver, useVModel, useWindowSize } from "@vueuse/core";
 import { CalendarDate, CalendarDateTime, Time, getLocalTimeZone, parseDate, parseDateTime, parseTime, today } from "@internationalized/date";
 import { columnFilteringFeature, columnGroupingFeature, columnVisibilityFeature, createExpandedRowModel, createFilteredRowModel, createGroupedRowModel, createPaginatedRowModel, createSortedRowModel, globalFilteringFeature, rowExpandingFeature, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, tableFeatures, useTable } from "@tanstack/vue-table";
 import { useVirtualizer } from "@tanstack/vue-virtual";
@@ -130,6 +130,12 @@ function prefersReducedMotion() {
 //#region src/locale/zh-CN.ts
 var zhCN = {
 	tag: "zh-CN",
+	stepper: {
+		label: "步骤",
+		progress: (step, total) => `第 ${step} 步，共 ${total} 步`,
+		completed: "已完成",
+		error: "该步骤存在错误"
+	},
 	common: {
 		close: "关闭",
 		copy: "复制",
@@ -259,7 +265,8 @@ var zhCN = {
 	dateTimePicker: { time: "时间" },
 	rating: {
 		star: (value) => `${value} 星`,
-		label: (value, max) => `${value} 星，满分 ${max} 星`
+		label: (value, max) => `${value} 星，满分 ${max} 星`,
+		score: (value, max) => `${value} 分，满分 ${max} 分`
 	},
 	form: { required: "必填" },
 	command: {
@@ -284,6 +291,12 @@ var zhCN = {
 //#region src/locale/en-US.ts
 var enUS = {
 	tag: "en-US",
+	stepper: {
+		label: "Steps",
+		progress: (step, total) => `Step ${step} of ${total}`,
+		completed: "Completed",
+		error: "This step has an error"
+	},
 	common: {
 		close: "Close",
 		copy: "Copy",
@@ -413,7 +426,8 @@ var enUS = {
 	dateTimePicker: { time: "Time" },
 	rating: {
 		star: (value) => `${value} ${value === 1 ? "star" : "stars"}`,
-		label: (value, max) => `${value} out of ${max} stars`
+		label: (value, max) => `${value} out of ${max} stars`,
+		score: (value, max) => `${value} out of ${max} points`
 	},
 	form: { required: "Required" },
 	command: {
@@ -445,6 +459,10 @@ function merge(base, patch) {
 			...base.common,
 			...patch.common
 		},
+		stepper: {
+			...base.stepper,
+			...patch.stepper
+		},
 		banner: {
 			...base.banner,
 			...patch.banner
@@ -732,7 +750,7 @@ var spinner = tv({
 });
 //#endregion
 //#region src/components/spinner/Spinner.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$108 = ["aria-label"];
+var _hoisted_1$115 = ["aria-label"];
 //#endregion
 //#region src/components/spinner/Spinner.vue
 var Spinner_default = /* @__PURE__ */ defineComponent({
@@ -752,13 +770,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$108);
+			}), null, 16, _hoisted_1$115);
 		};
 	}
 });
 //#endregion
 //#region src/components/button/IconSlot.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$107 = {
+var _hoisted_1$114 = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "absolute inset-0 inline-flex items-center justify-center"
@@ -782,7 +800,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$107, [createVNode(Spinner_default, { size: props.spinnerSize }, null, 8, ["size"])])) : createCommentVNode("", true)]),
+				default: withCtx(() => [props.swapped ? (openBlock(), createElementBlock("span", _hoisted_1$114, [createVNode(Spinner_default, { size: props.spinnerSize }, null, 8, ["size"])])) : createCommentVNode("", true)]),
 				_: 1
 			})], 2);
 		};
@@ -978,7 +996,7 @@ function useRipple(container, surface, isDisabled) {
 }
 //#endregion
 //#region src/components/ripple/Ripple.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$106 = ["data-pressed"];
+var _hoisted_1$113 = ["data-pressed"];
 //#endregion
 //#region src/components/ripple/Ripple.vue
 var Ripple_default = /* @__PURE__ */ defineComponent({
@@ -1001,13 +1019,13 @@ var Ripple_default = /* @__PURE__ */ defineComponent({
 				ref: surface,
 				class: "hn-ripple-surface",
 				"data-pressed": unref(pressed) ? "" : void 0
-			}, null, 8, _hoisted_1$106)], 512);
+			}, null, 8, _hoisted_1$113)], 512);
 		};
 	}
 });
 //#endregion
 //#region src/components/button/Button.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$105 = {
+var _hoisted_1$112 = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "absolute inset-0 flex items-center justify-center"
@@ -1118,7 +1136,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$105, [createVNode(Spinner_default, { size: spinnerSize.value }, null, 8, ["size"])])) : createCommentVNode("", true)]),
+						default: withCtx(() => [props.loading && spinnerAt.value === "center" ? (openBlock(), createElementBlock("span", _hoisted_1$112, [createVNode(Spinner_default, { size: spinnerSize.value }, null, 8, ["size"])])) : createCommentVNode("", true)]),
 						_: 1
 					})
 				], 64))]),
@@ -1369,7 +1387,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$104 = { class: "relative inline-flex size-[1em]" };
+var _hoisted_1$111 = { class: "relative inline-flex size-[1em]" };
 //#endregion
 //#region src/components/copy-button/CopyButton.vue
 var CopyButton_default = /* @__PURE__ */ defineComponent({
@@ -1401,7 +1419,7 @@ var CopyButton_default = /* @__PURE__ */ defineComponent({
 				class: props.class,
 				onClick: unref(copy)
 			}), {
-				default: withCtx(() => [createElementVNode("span", _hoisted_1$104, [createVNode(Transition, {
+				default: withCtx(() => [createElementVNode("span", _hoisted_1$111, [createVNode(Transition, {
 					"enter-active-class": "hn-transition-base",
 					"enter-from-class": "scale-90 opacity-0",
 					"leave-active-class": "hn-transition",
@@ -1476,7 +1494,7 @@ var buttonGroup = tv({
 });
 //#endregion
 //#region src/components/button-group/ButtonGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$103 = ["aria-label", "aria-orientation"];
+var _hoisted_1$110 = ["aria-label", "aria-orientation"];
 //#endregion
 //#region src/components/button-group/ButtonGroup.vue
 var ButtonGroup_default = /* @__PURE__ */ defineComponent({
@@ -1507,7 +1525,7 @@ var ButtonGroup_default = /* @__PURE__ */ defineComponent({
 					block: props.block,
 					divider: props.divider
 				}), props.class))
-			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$103);
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$110);
 		};
 	}
 });
@@ -1741,8 +1759,8 @@ var chipRemove = tv({
 });
 //#endregion
 //#region src/components/chip/IconSlot.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$102 = { class: "hn-collapse-body" };
-var _hoisted_2$54 = {
+var _hoisted_1$109 = { class: "hn-collapse-body" };
+var _hoisted_2$59 = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "absolute inset-0 inline-flex items-center justify-center"
@@ -1763,7 +1781,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$102, [createElementVNode("span", { class: normalizeClass(unref(chipIcon)({ size: props.size })) }, [props.icon ? (openBlock(), createElementBlock("span", {
+			}, [createElementVNode("span", _hoisted_1$109, [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, {
@@ -1772,7 +1790,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$54, [createVNode(unref(Check))])) : createCommentVNode("", true)]),
+				default: withCtx(() => [props.checked ? (openBlock(), createElementBlock("span", _hoisted_2$59, [createVNode(unref(Check))])) : createCommentVNode("", true)]),
 				_: 1
 			})], 2)])], 2);
 		};
@@ -1959,13 +1977,13 @@ var VisuallyHidden_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/lightbox/LightboxStrip.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$101 = [
+var _hoisted_1$108 = [
 	"src",
 	"alt",
 	"onLoad"
 ];
-var _hoisted_2$53 = ["src"];
-var _hoisted_3$28 = [
+var _hoisted_2$58 = ["src"];
+var _hoisted_3$30 = [
 	"src",
 	"alt",
 	"onLoad"
@@ -2026,7 +2044,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$101), createVNode(Transition, {
+						}, null, 40, _hoisted_1$108), createVNode(Transition, {
 							"enter-active-class": "hn-transition-base",
 							"enter-from-class": "opacity-0",
 							"leave-active-class": "hn-transition",
@@ -2039,7 +2057,7 @@ var LightboxStrip_default = /* @__PURE__ */ defineComponent({
 								"aria-hidden": "true",
 								draggable: "false",
 								class: "absolute inset-0 size-full object-contain"
-							}, null, 8, _hoisted_2$53)) : createCommentVNode("", true)]),
+							}, null, 8, _hoisted_2$58)) : createCommentVNode("", true)]),
 							_: 1
 						})]),
 						_: 2
@@ -2061,7 +2079,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$28)]),
+						}, null, 40, _hoisted_3$30)]),
 						_: 2
 					}, 1032, [
 						"style",
@@ -2290,10 +2308,10 @@ function useScrollFocus(host, viewport, options) {
 }
 //#endregion
 //#region src/components/scroll-area/ScrollArea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$100 = ["data-visible"];
-var _hoisted_2$52 = ["data-visible"];
-var _hoisted_3$27 = ["data-visible"];
-var _hoisted_4$23 = ["data-visible"];
+var _hoisted_1$107 = ["data-visible"];
+var _hoisted_2$57 = ["data-visible"];
+var _hoisted_3$29 = ["data-visible"];
+var _hoisted_4$25 = ["data-visible"];
 //#endregion
 //#region src/components/scroll-area/ScrollArea.vue
 var ScrollArea_default = /* @__PURE__ */ defineComponent({
@@ -2396,28 +2414,28 @@ var ScrollArea_default = /* @__PURE__ */ defineComponent({
 					"data-side": "x-start",
 					"data-visible": unref(showXStart) ? "" : void 0,
 					"aria-hidden": "true"
-				}, null, 8, _hoisted_1$100)) : createCommentVNode("", true),
+				}, null, 8, _hoisted_1$107)) : 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_2$52)) : createCommentVNode("", true),
+				}, null, 8, _hoisted_2$57)) : 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_3$27)) : createCommentVNode("", true),
+				}, null, 8, _hoisted_3$29)) : 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_4$23)) : createCommentVNode("", true)
+				}, null, 8, _hoisted_4$25)) : createCommentVNode("", true)
 			], 64)) : createCommentVNode("", true)], 2);
 		};
 	}
@@ -2476,16 +2494,16 @@ var Highlight_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/lightbox/LightboxThumbs.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$99 = {
+var _hoisted_1$106 = {
 	"data-hn-thumbs": "",
 	class: "relative isolate flex w-max gap-2 px-4 py-3"
 };
-var _hoisted_2$51 = [
+var _hoisted_2$56 = [
 	"aria-label",
 	"aria-current",
 	"onClick"
 ];
-var _hoisted_3$26 = ["src"];
+var _hoisted_3$28 = ["src"];
 //#endregion
 //#region src/components/lightbox/LightboxThumbs.vue
 var LightboxThumbs_default = /* @__PURE__ */ defineComponent({
@@ -2521,7 +2539,7 @@ var LightboxThumbs_default = /* @__PURE__ */ defineComponent({
 				scrollbar: false,
 				class: "max-w-full"
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$99, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item, at) => {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$106, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item, at) => {
 					return openBlock(), createElementBlock("button", {
 						key: item.id,
 						ref_for: true,
@@ -2538,14 +2556,14 @@ var LightboxThumbs_default = /* @__PURE__ */ defineComponent({
 							alt: "",
 							draggable: "false",
 							class: "relative -z-10 size-full object-cover"
-						}, null, 8, _hoisted_3$26),
+						}, null, 8, _hoisted_3$28),
 						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$51);
+					], 10, _hoisted_2$56);
 				}), 128))])]),
 				_: 1
 			});
@@ -2554,8 +2572,8 @@ var LightboxThumbs_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/lightbox/LightboxToolbar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$98 = { class: "flex flex-col items-center gap-1 pb-[max(--spacing(3),env(safe-area-inset-bottom))]" };
-var _hoisted_2$50 = { class: "flex items-center gap-1" };
+var _hoisted_1$105 = { class: "flex flex-col items-center gap-1 pb-[max(--spacing(3),env(safe-area-inset-bottom))]" };
+var _hoisted_2$55 = { class: "flex items-center gap-1" };
 //#endregion
 //#region src/components/lightbox/LightboxToolbar.vue
 var LightboxToolbar_default = /* @__PURE__ */ defineComponent({
@@ -2582,12 +2600,12 @@ var LightboxToolbar_default = /* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const t = useUiLocale();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$98, [props.items.length > 1 ? (openBlock(), createBlock(LightboxThumbs_default, {
+			return openBlock(), createElementBlock("div", _hoisted_1$105, [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$50, [
+			}, null, 8, ["items", "index"])) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$55, [
 				createVNode(IconButton_default, {
 					label: unref(t).lightbox.zoomOut,
 					disabled: !props.zoomed,
@@ -4192,8 +4210,8 @@ async function saveImage(url) {
 }
 //#endregion
 //#region src/components/lightbox/Lightbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$97 = ["data-hn-phase"];
-var _hoisted_2$49 = {
+var _hoisted_1$104 = ["data-hn-phase"];
+var _hoisted_2$54 = {
 	"aria-hidden": "true",
 	class: "pointer-events-none absolute inset-0 isolate"
 };
@@ -4361,7 +4379,7 @@ var Lightbox_default = /* @__PURE__ */ defineComponent({
 							onWheel: _cache[10] || (_cache[10] = (...args) => unref(gesture).onWheel && unref(gesture).onWheel(...args)),
 							onKeydown
 						}, [
-							createElementVNode("div", _hoisted_2$49, [createVNode(unref(Motion), {
+							createElementVNode("div", _hoisted_2$54, [createVNode(unref(Motion), {
 								class: "hn-scrim",
 								style: normalizeStyle({ opacity: unref(motion).presence })
 							}, null, 8, ["style"])]),
@@ -4431,7 +4449,7 @@ var Lightbox_default = /* @__PURE__ */ defineComponent({
 								"hint",
 								"presence"
 							])
-						], 42, _hoisted_1$97)]),
+						], 42, _hoisted_1$104)]),
 						_: 1
 					})]),
 					_: 1
@@ -4603,7 +4621,7 @@ function useImageGroup() {
 }
 //#endregion
 //#region src/components/image/Image.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$96 = [
+var _hoisted_1$103 = [
 	"src",
 	"alt",
 	"decoding",
@@ -4713,7 +4731,7 @@ var Image_default = /* @__PURE__ */ defineComponent({
 							fit: props.fit,
 							lazy: props.lazy
 						}), props.lazy && !unref(revealed) && "opacity-0", props.imageClass)
-					}), null, 16, _hoisted_1$96)) : unref(failed) ? renderSlot(_ctx.$slots, "error", {}, void 0, void 0, 1) : renderSlot(_ctx.$slots, "empty", {}, void 0, void 0, 2),
+					}), null, 16, _hoisted_1$103)) : 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",
@@ -4994,7 +5012,7 @@ var indicator = tv({
 });
 //#endregion
 //#region src/components/indicator/Indicator.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$95 = {
+var _hoisted_1$102 = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "hn-ping absolute inset-0 rounded-full bg-inherit"
@@ -5025,7 +5043,7 @@ var Indicator_default = /* @__PURE__ */ defineComponent({
 					size: props.size
 				}), props.class))
 			}, {
-				default: withCtx(() => [props.pulse ? (openBlock(), createElementBlock("span", _hoisted_1$95)) : createCommentVNode("", true), props.label ? (openBlock(), createBlock(VisuallyHidden_default, { key: 1 }, {
+				default: withCtx(() => [props.pulse ? (openBlock(), createElementBlock("span", _hoisted_1$102)) : createCommentVNode("", true), props.label ? (openBlock(), createBlock(VisuallyHidden_default, { key: 1 }, {
 					default: withCtx(() => [createTextVNode(toDisplayString(props.label), 1)]),
 					_: 1
 				})) : createCommentVNode("", true)]),
@@ -5077,8 +5095,8 @@ var calloutIcons = {
 };
 //#endregion
 //#region src/components/callout/Callout.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$94 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
-var _hoisted_2$48 = {
+var _hoisted_1$101 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
+var _hoisted_2$53 = {
 	key: 0,
 	class: "text-fg font-medium"
 };
@@ -5106,7 +5124,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$94, [props.title ? (openBlock(), createElementBlock("p", _hoisted_2$48, toDisplayString(props.title), 1)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")])], 2);
+			}, null, 8, ["class"])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_1$101, [props.title ? (openBlock(), createElementBlock("p", _hoisted_2$53, toDisplayString(props.title), 1)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")])], 2);
 		};
 	}
 });
@@ -5160,19 +5178,19 @@ function useCollapseGap() {
 }
 //#endregion
 //#region src/components/alert/Alert.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$93 = {
+var _hoisted_1$100 = {
 	key: 0,
 	"data-hn-alert": "",
 	class: "hn-collapse"
 };
-var _hoisted_2$47 = { class: "hn-collapse-body" };
-var _hoisted_3$25 = ["role"];
-var _hoisted_4$22 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
-var _hoisted_5$17 = {
+var _hoisted_2$52 = { class: "hn-collapse-body" };
+var _hoisted_3$27 = ["role"];
+var _hoisted_4$24 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
+var _hoisted_5$18 = {
 	key: 0,
 	class: "text-fg font-medium"
 };
-var _hoisted_6$11 = {
+var _hoisted_6$12 = {
 	key: 0,
 	class: "flex shrink-0 items-center gap-2 self-center"
 };
@@ -5216,7 +5234,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$93, [createElementVNode("div", _hoisted_2$47, [createElementVNode("div", {
+				default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", _hoisted_1$100, [createElementVNode("div", _hoisted_2$52, [createElementVNode("div", {
 					role: role.value,
 					class: normalizeClass(unref(cn)(unref(callout)({ tone: props.tone }), props.class))
 				}, [
@@ -5225,15 +5243,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$22, [props.title ? (openBlock(), createElementBlock("p", _hoisted_5$17, toDisplayString(props.title), 1)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]),
-					unref(slots).actions ? (openBlock(), createElementBlock("div", _hoisted_6$11, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_4$24, [props.title ? (openBlock(), createElementBlock("p", _hoisted_5$18, toDisplayString(props.title), 1)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]),
+					unref(slots).actions ? (openBlock(), createElementBlock("div", _hoisted_6$12, [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$25)])])) : createCommentVNode("", true)]),
+				], 10, _hoisted_3$27)])])) : createCommentVNode("", true)]),
 				_: 3
 			}, 16);
 		};
@@ -5457,10 +5475,10 @@ var LoadingOverlay_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/pagination/context.ts
-var key = Symbol("HnPagination");
-var providePagination = (context) => provide(key, context);
+var key$1 = Symbol("HnPagination");
+var providePagination = (context) => provide(key$1, context);
 function usePaginationContext() {
-	const context = inject(key);
+	const context = inject(key$1);
 	if (!context) throw new Error("Pagination parts require a Pagination parent");
 	return context;
 }
@@ -5785,7 +5803,7 @@ var PaginationPage_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/pagination/PaginationEllipsis.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$92 = {
+var _hoisted_1$99 = {
 	class: "grid",
 	"aria-hidden": "true"
 };
@@ -5832,7 +5850,7 @@ var PaginationEllipsis_default = /* @__PURE__ */ defineComponent({
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
 					side: props.range.side,
 					expanded: expanded.value
-				}, () => [createElementVNode("span", _hoisted_1$92, [createVNode(unref(MoreHorizontal), { class: normalizeClass(["hn-transition-base [grid-area:1/1]", expanded.value ? "scale-90 opacity-0" : "scale-100 opacity-100"]) }, null, 8, ["class"]), (openBlock(), createBlock(resolveDynamicComponent(props.range.side === "prev" ? unref(ChevronLeft) : unref(ChevronRight)), { class: normalizeClass([[unref(paginationArrow)({ dir: unref(direction) }), expanded.value ? "scale-100 opacity-100" : "scale-90 opacity-0"], "hn-transition-base [grid-area:1/1]"]) }, null, 8, ["class"]))])])]),
+				}, () => [createElementVNode("span", _hoisted_1$99, [createVNode(unref(MoreHorizontal), { class: normalizeClass(["hn-transition-base [grid-area:1/1]", expanded.value ? "scale-90 opacity-0" : "scale-100 opacity-100"]) }, null, 8, ["class"]), (openBlock(), createBlock(resolveDynamicComponent(props.range.side === "prev" ? unref(ChevronLeft) : unref(ChevronRight)), { class: normalizeClass([[unref(paginationArrow)({ dir: unref(direction) }), expanded.value ? "scale-100 opacity-100" : "scale-90 opacity-0"], "hn-transition-base [grid-area:1/1]"]) }, null, 8, ["class"]))])])]),
 				_: 3
 			}, 8, [
 				"size",
@@ -6425,8 +6443,8 @@ function usePaginationEllipsis(host, items) {
 }
 //#endregion
 //#region src/components/pagination/PaginationPages.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$91 = { key: 0 };
-var _hoisted_2$46 = { key: 1 };
+var _hoisted_1$98 = { key: 0 };
+var _hoisted_2$51 = { key: 1 };
 //#endregion
 //#region src/components/pagination/PaginationPages.vue
 var PaginationPages_default = /* @__PURE__ */ defineComponent({
@@ -6442,7 +6460,7 @@ var PaginationPages_default = /* @__PURE__ */ defineComponent({
 		const ellipsis = usePaginationEllipsis(toRef(props, "host"), () => props.items);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [
-				unref(showFirstLast) ? (openBlock(), createElementBlock("li", _hoisted_1$91, [createVNode(PaginationControl_default, {
+				unref(showFirstLast) ? (openBlock(), createElementBlock("li", _hoisted_1$98, [createVNode(PaginationControl_default, {
 					action: "first",
 					size: unref(size),
 					dir: unref(direction)
@@ -6475,7 +6493,7 @@ var PaginationPages_default = /* @__PURE__ */ defineComponent({
 					size: unref(size),
 					dir: unref(direction)
 				}, null, 8, ["size", "dir"])]),
-				unref(showFirstLast) ? (openBlock(), createElementBlock("li", _hoisted_2$46, [createVNode(PaginationControl_default, {
+				unref(showFirstLast) ? (openBlock(), createElementBlock("li", _hoisted_2$51, [createVNode(PaginationControl_default, {
 					action: "last",
 					size: unref(size),
 					dir: unref(direction)
@@ -6764,20 +6782,20 @@ function flattenOptions(items) {
 }
 //#endregion
 //#region src/components/select/SelectList.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$90 = { class: "min-w-0 flex-1" };
-var _hoisted_2$45 = { class: "block truncate" };
-var _hoisted_3$24 = {
+var _hoisted_1$97 = { class: "min-w-0 flex-1" };
+var _hoisted_2$50 = { class: "block truncate" };
+var _hoisted_3$26 = {
 	key: 0,
 	class: "text-muted block truncate text-xs"
 };
-var _hoisted_4$21 = { class: "flex size-4 shrink-0 items-center justify-center" };
-var _hoisted_5$16 = { class: "min-w-0 flex-1" };
-var _hoisted_6$10 = { class: "block truncate" };
-var _hoisted_7$7 = {
+var _hoisted_4$23 = { class: "flex size-4 shrink-0 items-center justify-center" };
+var _hoisted_5$17 = { class: "min-w-0 flex-1" };
+var _hoisted_6$11 = { class: "block truncate" };
+var _hoisted_7$8 = {
 	key: 0,
 	class: "text-muted block truncate text-xs"
 };
-var _hoisted_8$4 = { class: "flex size-4 shrink-0 items-center justify-center" };
+var _hoisted_8$5 = { class: "flex size-4 shrink-0 items-center justify-center" };
 //#endregion
 //#region src/components/select/SelectList.vue
 var SelectList_default = /* @__PURE__ */ defineComponent({
@@ -6823,9 +6841,9 @@ var SelectList_default = /* @__PURE__ */ defineComponent({
 											class: normalizeClass(unref(selectItem)())
 										}, {
 											default: withCtx(() => [createVNode(unref(SelectItemText), { "as-child": "" }, {
-												default: withCtx(() => [createElementVNode("span", _hoisted_1$90, [renderSlot(_ctx.$slots, "option", { option }, () => [createElementVNode("span", _hoisted_2$45, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_3$24, toDisplayString(option.description), 1)) : createCommentVNode("", true)])])]),
+												default: withCtx(() => [createElementVNode("span", _hoisted_1$97, [renderSlot(_ctx.$slots, "option", { option }, () => [createElementVNode("span", _hoisted_2$50, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_3$26, toDisplayString(option.description), 1)) : createCommentVNode("", true)])])]),
 												_: 2
-											}, 1024), createElementVNode("span", _hoisted_4$21, [createVNode(unref(SelectItemIndicator), null, {
+											}, 1024), createElementVNode("span", _hoisted_4$23, [createVNode(unref(SelectItemIndicator), null, {
 												default: withCtx(() => [createVNode(unref(Check))]),
 												_: 1
 											})])]),
@@ -6846,9 +6864,9 @@ var SelectList_default = /* @__PURE__ */ defineComponent({
 									class: normalizeClass(unref(selectItem)())
 								}, {
 									default: withCtx(() => [createVNode(unref(SelectItemText), { "as-child": "" }, {
-										default: withCtx(() => [createElementVNode("span", _hoisted_5$16, [renderSlot(_ctx.$slots, "option", { option: item }, () => [createElementVNode("span", _hoisted_6$10, toDisplayString(item.label), 1), item.description ? (openBlock(), createElementBlock("span", _hoisted_7$7, toDisplayString(item.description), 1)) : createCommentVNode("", true)])])]),
+										default: withCtx(() => [createElementVNode("span", _hoisted_5$17, [renderSlot(_ctx.$slots, "option", { option: item }, () => [createElementVNode("span", _hoisted_6$11, toDisplayString(item.label), 1), item.description ? (openBlock(), createElementBlock("span", _hoisted_7$8, toDisplayString(item.description), 1)) : createCommentVNode("", true)])])]),
 										_: 2
-									}, 1024), createElementVNode("span", _hoisted_8$4, [createVNode(unref(SelectItemIndicator), null, {
+									}, 1024), createElementVNode("span", _hoisted_8$5, [createVNode(unref(SelectItemIndicator), null, {
 										default: withCtx(() => [createVNode(unref(Check))]),
 										_: 1
 									})])]),
@@ -6902,7 +6920,7 @@ function useClearTransition(visible) {
 }
 //#endregion
 //#region src/components/select/Select.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$89 = [
+var _hoisted_1$96 = [
 	"dir",
 	"data-invalid",
 	"data-disabled"
@@ -7020,7 +7038,7 @@ var Select_default = /* @__PURE__ */ defineComponent({
 						_: 1
 					}, 8, ["label"])], 2)) : createCommentVNode("", true)]),
 					_: 1
-				}, 16)], 10, _hoisted_1$89), createVNode(SelectList_default, {
+				}, 16)], 10, _hoisted_1$96), createVNode(SelectList_default, {
 					options: props.options,
 					keyboard: keyboard.value
 				}, {
@@ -7109,12 +7127,12 @@ function focusFieldFrom(root, target) {
 }
 //#endregion
 //#region src/components/input/InputBase.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$88 = [
+var _hoisted_1$95 = [
 	"data-invalid",
 	"data-disabled",
 	"aria-busy"
 ];
-var _hoisted_2$44 = [
+var _hoisted_2$49 = [
 	"id",
 	"disabled",
 	"aria-invalid",
@@ -7201,7 +7219,7 @@ var InputBase_default = /* @__PURE__ */ defineComponent({
 						leading: !!unref(slots).leading,
 						trailing: clearing.value || trailingSpinner.value || !!unref(slots).trailing
 					})
-				}), null, 16, _hoisted_2$44), [[vModelDynamic, model.value]]),
+				}), null, 16, _hoisted_2$49), [[vModelDynamic, model.value]]),
 				createVNode(Transition, {
 					"enter-active-class": "hn-transition-base",
 					"enter-from-class": "scale-90 opacity-0",
@@ -7237,7 +7255,7 @@ var InputBase_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					class: normalizeClass(unref(inputAdornment)())
 				}, [renderSlot(_ctx.$slots, "trailing")], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$88);
+			], 10, _hoisted_1$95);
 		};
 	}
 });
@@ -7441,18 +7459,18 @@ function usePagination(props, model, sizeModel, change) {
 }
 //#endregion
 //#region src/components/pagination/Pagination.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$87 = ["dir", "aria-busy"];
-var _hoisted_2$43 = {
+var _hoisted_1$94 = ["dir", "aria-busy"];
+var _hoisted_2$48 = {
 	key: 0,
 	class: "relative min-h-0 flex-auto"
 };
-var _hoisted_3$23 = ["inert"];
-var _hoisted_4$20 = [
+var _hoisted_3$25 = ["inert"];
+var _hoisted_4$22 = [
 	"aria-label",
 	"inert",
 	"data-disabled"
 ];
-var _hoisted_5$15 = {
+var _hoisted_5$16 = {
 	key: 1,
 	class: "flex max-w-full flex-wrap items-center gap-3"
 };
@@ -7520,7 +7538,7 @@ var Pagination_default = /* @__PURE__ */ defineComponent({
 				dir: unref(rootDirection),
 				"aria-busy": props.pending || void 0,
 				class: unref(cn)("max-w-full", _ctx.$slots.list && "flex min-h-0 flex-col gap-3", props.class)
-			}), [_ctx.$slots.list ? (openBlock(), createElementBlock("div", _hoisted_2$43, [createElementVNode("div", { inert: props.pending || void 0 }, [renderSlot(_ctx.$slots, "list", normalizeProps(guardReactiveProps(unref(state))))], 8, _hoisted_3$23), createVNode(LoadingOverlay_default, { visible: props.pending }, null, 8, ["visible"])])) : createCommentVNode("", true), !props.hideSinglePage || unref(state).pageCount > 1 ? (openBlock(), createBlock(unref(PaginationRoot), {
+			}), [_ctx.$slots.list ? (openBlock(), createElementBlock("div", _hoisted_2$48, [createElementVNode("div", { inert: props.pending || void 0 }, [renderSlot(_ctx.$slots, "list", normalizeProps(guardReactiveProps(unref(state))))], 8, _hoisted_3$25), createVNode(LoadingOverlay_default, { visible: props.pending }, null, 8, ["visible"])])) : createCommentVNode("", true), !props.hideSinglePage || unref(state).pageCount > 1 ? (openBlock(), createBlock(unref(PaginationRoot), {
 				key: 1,
 				page: unref(page),
 				total: unref(total),
@@ -7547,8 +7565,8 @@ var Pagination_default = /* @__PURE__ */ defineComponent({
 						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "ellipsis", normalizeProps(guardReactiveProps(slotProps)))]),
 						key: "1"
 					} : void 0]), 1024),
-					props.pageSizeOptions?.length || props.showJump ? (openBlock(), createElementBlock("div", _hoisted_5$15, [props.pageSizeOptions?.length ? (openBlock(), createBlock(PaginationSize_default, { key: 0 })) : createCommentVNode("", true), props.showJump ? (openBlock(), createBlock(PaginationJump_default, { key: 1 })) : createCommentVNode("", true)])) : createCommentVNode("", true)
-				])], 10, _hoisted_4$20)]),
+					props.pageSizeOptions?.length || props.showJump ? (openBlock(), createElementBlock("div", _hoisted_5$16, [props.pageSizeOptions?.length ? (openBlock(), createBlock(PaginationSize_default, { key: 0 })) : createCommentVNode("", true), props.showJump ? (openBlock(), createBlock(PaginationJump_default, { key: 1 })) : createCommentVNode("", true)])) : createCommentVNode("", true)
+				])], 10, _hoisted_4$22)]),
 				_: 3
 			}, 8, [
 				"page",
@@ -7558,13 +7576,13 @@ var Pagination_default = /* @__PURE__ */ defineComponent({
 				"show-edges",
 				"disabled",
 				"onUpdate:page"
-			])) : createCommentVNode("", true)], 16, _hoisted_1$87);
+			])) : createCommentVNode("", true)], 16, _hoisted_1$94);
 		};
 	}
 });
 //#endregion
 //#region src/components/prev-next/PrevNext.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$86 = ["aria-label"];
+var _hoisted_1$93 = ["aria-label"];
 //#endregion
 //#region src/components/prev-next/PrevNext.vue
 var PrevNext_default = /* @__PURE__ */ defineComponent({
@@ -7581,7 +7599,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$86);
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$93);
 		};
 	}
 });
@@ -7605,7 +7623,7 @@ var prevNextEyebrow = tv({
 });
 //#endregion
 //#region src/components/prev-next/PrevNextLink.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$85 = { class: "text-fg font-medium" };
+var _hoisted_1$92 = { class: "text-fg font-medium" };
 //#endregion
 //#region src/components/prev-next/PrevNextLink.vue
 var PrevNextLink_default = /* @__PURE__ */ defineComponent({
@@ -7641,7 +7659,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$85, [renderSlot(_ctx.$slots, "default")])
+					createElementVNode("span", _hoisted_1$92, [renderSlot(_ctx.$slots, "default")])
 				]),
 				_: 3
 			}, 16, [
@@ -7717,8 +7735,8 @@ var tableCell = tv({
 });
 //#endregion
 //#region src/components/table/Table.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$84 = { class: "hn-table" };
-var _hoisted_2$42 = { key: 0 };
+var _hoisted_1$91 = { class: "hn-table" };
+var _hoisted_2$47 = { key: 0 };
 //#endregion
 //#region src/components/table/Table.vue
 var Table_default = /* @__PURE__ */ defineComponent({
@@ -7748,7 +7766,7 @@ var Table_default = /* @__PURE__ */ defineComponent({
 					stickyHeader: props.stickyHeader
 				}), props.class))
 			}, {
-				default: withCtx(() => [createElementVNode("table", _hoisted_1$84, [props.caption ? (openBlock(), createElementBlock("caption", _hoisted_2$42, [createElementVNode("span", null, toDisplayString(props.caption), 1)])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")])]),
+				default: withCtx(() => [createElementVNode("table", _hoisted_1$91, [props.caption ? (openBlock(), createElementBlock("caption", _hoisted_2$47, [createElementVNode("span", null, toDisplayString(props.caption), 1)])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")])]),
 				_: 3
 			}, 8, ["direction", "class"]);
 		};
@@ -7795,7 +7813,7 @@ var TableRow_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/table/TableHead.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$83 = ["scope"];
+var _hoisted_1$90 = ["scope"];
 //#endregion
 //#region src/components/table/TableHead.vue
 var TableHead_default = /* @__PURE__ */ defineComponent({
@@ -7820,7 +7838,7 @@ var TableHead_default = /* @__PURE__ */ defineComponent({
 					sticky: props.sticky,
 					head: true
 				}), props.class))
-			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$83);
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$90);
 		};
 	}
 });
@@ -8310,8 +8328,8 @@ var textareaField = tv({ base: [
 ] });
 //#endregion
 //#region src/components/textarea/Textarea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$82 = ["data-invalid", "data-disabled"];
-var _hoisted_2$41 = [
+var _hoisted_1$89 = ["data-invalid", "data-disabled"];
+var _hoisted_2$46 = [
 	"id",
 	"rows",
 	"disabled",
@@ -8380,9 +8398,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$41), [[vModelText, model.value]])]),
+				}), null, 16, _hoisted_2$46), [[vModelText, model.value]])]),
 				_: 1
-			}, 512)], 14, _hoisted_1$82);
+			}, 512)], 14, _hoisted_1$89);
 		};
 	}
 });
@@ -8516,7 +8534,7 @@ var NumberInput_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/password-input/PasswordInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$81 = { class: "relative inline-flex" };
+var _hoisted_1$88 = { class: "relative inline-flex" };
 //#endregion
 //#region src/components/password-input/PasswordInput.vue
 var PasswordInput_default = /* @__PURE__ */ defineComponent({
@@ -8560,7 +8578,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$81, [createVNode(Transition, {
+					default: withCtx(() => [createElementVNode("span", _hoisted_1$88, [createVNode(Transition, {
 						"enter-active-class": "hn-transition-base",
 						"enter-from-class": "scale-90 opacity-0",
 						"leave-active-class": "hn-transition absolute",
@@ -8655,7 +8673,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$80 = ["data-invalid", "data-disabled"];
+var _hoisted_1$87 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/input-group/InputGroup.vue
 var InputGroup_default = /* @__PURE__ */ defineComponent({
@@ -8687,7 +8705,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$80);
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$87);
 		};
 	}
 });
@@ -8717,18 +8735,18 @@ 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$79 = { class: "min-w-0 truncate" };
-var _hoisted_2$40 = {
+var _hoisted_1$86 = { class: "min-w-0 truncate" };
+var _hoisted_2$45 = {
 	key: 1,
 	class: "min-w-0 truncate"
 };
-var _hoisted_3$22 = [
+var _hoisted_3$24 = [
 	"name",
 	"required",
 	"autocomplete",
 	"disabled"
 ];
-var _hoisted_4$19 = ["value", "disabled"];
+var _hoisted_4$21 = ["value", "disabled"];
 //#endregion
 //#region src/components/multi-select/MultiSelect.vue
 var MultiSelect_default = /* @__PURE__ */ defineComponent({
@@ -8832,7 +8850,7 @@ var MultiSelect_default = /* @__PURE__ */ defineComponent({
 									onClick: isolate,
 									onRemove: ($event) => remove(option.value)
 								}, {
-									default: withCtx(() => [createElementVNode("span", _hoisted_1$79, toDisplayString(option.label), 1)]),
+									default: withCtx(() => [createElementVNode("span", _hoisted_1$86, toDisplayString(option.label), 1)]),
 									_: 2
 								}, 1032, [
 									"size",
@@ -8847,7 +8865,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$40, toDisplayString(props.placeholder ?? unref(t).select.placeholder), 1))], 2),
+							}, 8, ["size", "disabled"])) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("span", _hoisted_2$45, toDisplayString(props.placeholder ?? unref(t).select.placeholder), 1))], 2),
 							createVNode(Transition, {
 								"enter-active-class": "hn-transition-base",
 								"enter-from-class": "scale-90 opacity-0",
@@ -8899,8 +8917,8 @@ var MultiSelect_default = /* @__PURE__ */ defineComponent({
 								key: option.value,
 								value: option.value,
 								disabled: option.disabled
-							}, toDisplayString(option.label), 9, _hoisted_4$19);
-						}), 128))], 8, _hoisted_3$22), [[vModelSelect, model.value]])]),
+							}, toDisplayString(option.label), 9, _hoisted_4$21);
+						}), 128))], 8, _hoisted_3$24), [[vModelSelect, model.value]])]),
 						_: 1
 					})) : createCommentVNode("", true),
 					createVNode(SelectList_default, {
@@ -8989,20 +9007,20 @@ 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$78 = { class: "min-w-0 flex-1" };
-var _hoisted_2$39 = { class: "block truncate" };
-var _hoisted_3$21 = {
+var _hoisted_1$85 = { class: "min-w-0 flex-1" };
+var _hoisted_2$44 = { class: "block truncate" };
+var _hoisted_3$23 = {
 	key: 0,
 	class: "text-muted block truncate text-xs"
 };
-var _hoisted_4$18 = { class: "flex size-4 shrink-0 items-center justify-center" };
-var _hoisted_5$14 = { class: "min-w-0 flex-1" };
-var _hoisted_6$9 = { class: "block truncate" };
-var _hoisted_7$6 = {
+var _hoisted_4$20 = { class: "flex size-4 shrink-0 items-center justify-center" };
+var _hoisted_5$15 = { class: "min-w-0 flex-1" };
+var _hoisted_6$10 = { class: "block truncate" };
+var _hoisted_7$7 = {
 	key: 0,
 	class: "text-muted block truncate text-xs"
 };
-var _hoisted_8$3 = { class: "flex size-4 shrink-0 items-center justify-center" };
+var _hoisted_8$4 = { class: "flex size-4 shrink-0 items-center justify-center" };
 //#endregion
 //#region src/components/combobox/ComboboxList.vue
 var ComboboxList_default = /* @__PURE__ */ defineComponent({
@@ -9047,7 +9065,7 @@ var ComboboxList_default = /* @__PURE__ */ defineComponent({
 											disabled: option.disabled,
 											class: normalizeClass(unref(selectItem)())
 										}, {
-											default: withCtx(() => [createElementVNode("span", _hoisted_1$78, [renderSlot(_ctx.$slots, "option", { option }, () => [createElementVNode("span", _hoisted_2$39, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_3$21, toDisplayString(option.description), 1)) : createCommentVNode("", true)])]), createElementVNode("span", _hoisted_4$18, [createVNode(unref(ComboboxItemIndicator), null, {
+											default: withCtx(() => [createElementVNode("span", _hoisted_1$85, [renderSlot(_ctx.$slots, "option", { option }, () => [createElementVNode("span", _hoisted_2$44, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_3$23, toDisplayString(option.description), 1)) : createCommentVNode("", true)])]), createElementVNode("span", _hoisted_4$20, [createVNode(unref(ComboboxItemIndicator), null, {
 												default: withCtx(() => [createVNode(unref(Check))]),
 												_: 1
 											})])]),
@@ -9067,7 +9085,7 @@ var ComboboxList_default = /* @__PURE__ */ defineComponent({
 									disabled: item.disabled,
 									class: normalizeClass(unref(selectItem)())
 								}, {
-									default: withCtx(() => [createElementVNode("span", _hoisted_5$14, [renderSlot(_ctx.$slots, "option", { option: item }, () => [createElementVNode("span", _hoisted_6$9, toDisplayString(item.label), 1), item.description ? (openBlock(), createElementBlock("span", _hoisted_7$6, toDisplayString(item.description), 1)) : createCommentVNode("", true)])]), createElementVNode("span", _hoisted_8$3, [createVNode(unref(ComboboxItemIndicator), null, {
+									default: withCtx(() => [createElementVNode("span", _hoisted_5$15, [renderSlot(_ctx.$slots, "option", { option: item }, () => [createElementVNode("span", _hoisted_6$10, toDisplayString(item.label), 1), item.description ? (openBlock(), createElementBlock("span", _hoisted_7$7, toDisplayString(item.description), 1)) : createCommentVNode("", true)])]), createElementVNode("span", _hoisted_8$4, [createVNode(unref(ComboboxItemIndicator), null, {
 										default: withCtx(() => [createVNode(unref(Check))]),
 										_: 1
 									})])]),
@@ -9095,7 +9113,7 @@ var ComboboxList_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/combobox/Combobox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$77 = [
+var _hoisted_1$84 = [
 	"data-invalid",
 	"data-disabled",
 	"aria-busy"
@@ -9244,7 +9262,7 @@ var Combobox_default = /* @__PURE__ */ defineComponent({
 							"disabled",
 							"class"
 						])
-					], 42, _hoisted_1$77)]),
+					], 42, _hoisted_1$84)]),
 					_: 1
 				}), createVNode(ComboboxList_default, {
 					options: props.options,
@@ -9293,11 +9311,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$76 = { class: "truncate" };
-var _hoisted_2$38 = ["textContent"];
-var _hoisted_3$20 = ["textContent"];
-var _hoisted_4$17 = ["textContent"];
-var _hoisted_5$13 = {
+var _hoisted_1$83 = { class: "truncate" };
+var _hoisted_2$43 = ["textContent"];
+var _hoisted_3$22 = ["textContent"];
+var _hoisted_4$19 = ["textContent"];
+var _hoisted_5$14 = {
 	key: 0,
 	class: "text-muted truncate text-xs"
 };
@@ -9338,18 +9356,18 @@ var CommandPaletteItem_default = /* @__PURE__ */ defineComponent({
 						"aria-hidden": "true",
 						class: "text-muted"
 					})) : createCommentVNode("", true),
-					createElementVNode("span", { class: normalizeClass(unref(commandItemBody)()) }, [createElementVNode("span", _hoisted_1$76, [
-						createElementVNode("span", { textContent: toDisplayString(parts.value[0]) }, null, 8, _hoisted_2$38),
+					createElementVNode("span", { class: normalizeClass(unref(commandItemBody)()) }, [createElementVNode("span", _hoisted_1$83, [
+						createElementVNode("span", { textContent: toDisplayString(parts.value[0]) }, null, 8, _hoisted_2$43),
 						parts.value[1] ? (openBlock(), createElementBlock("span", {
 							key: 0,
 							class: normalizeClass(unref(commandItemMatch)()),
 							textContent: toDisplayString(parts.value[1])
-						}, null, 10, _hoisted_3$20)) : createCommentVNode("", true),
+						}, null, 10, _hoisted_3$22)) : createCommentVNode("", true),
 						parts.value[2] ? (openBlock(), createElementBlock("span", {
 							key: 1,
 							textContent: toDisplayString(parts.value[2])
-						}, null, 8, _hoisted_4$17)) : createCommentVNode("", true)
-					]), props.match.item.description ? (openBlock(), createElementBlock("span", _hoisted_5$13, toDisplayString(props.match.item.description), 1)) : createCommentVNode("", true)], 2),
+						}, null, 8, _hoisted_4$19)) : createCommentVNode("", true)
+					]), props.match.item.description ? (openBlock(), createElementBlock("span", _hoisted_5$14, toDisplayString(props.match.item.description), 1)) : createCommentVNode("", true)], 2),
 					props.match.item.kbd?.length ? (openBlock(), createElementBlock("span", {
 						key: 1,
 						class: normalizeClass(unref(commandItemHint)())
@@ -9690,13 +9708,13 @@ var CommandPalette_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/listbox/ListboxOptionContent.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$75 = { class: "min-w-0 flex-1" };
-var _hoisted_2$37 = { class: "block truncate" };
-var _hoisted_3$19 = {
+var _hoisted_1$82 = { class: "min-w-0 flex-1" };
+var _hoisted_2$42 = { class: "block truncate" };
+var _hoisted_3$21 = {
 	key: 0,
 	class: "text-muted block truncate text-xs"
 };
-var _hoisted_4$16 = {
+var _hoisted_4$18 = {
 	key: 1,
 	class: "flex size-4 shrink-0 items-center justify-center"
 };
@@ -9712,13 +9730,13 @@ var ListboxOptionContent_default = /* @__PURE__ */ defineComponent({
 		const slots = useSlots();
 		const { isSelected: selected } = injectListboxItemContext();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("span", _hoisted_1$75, [renderSlot(_ctx.$slots, "option", {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("span", _hoisted_1$82, [renderSlot(_ctx.$slots, "option", {
 				option: props.option,
 				selected: unref(selected)
-			}, () => [createElementVNode("span", _hoisted_2$37, toDisplayString(props.option.label), 1), props.option.description ? (openBlock(), createElementBlock("span", _hoisted_3$19, toDisplayString(props.option.description), 1)) : createCommentVNode("", true)])]), slots.trailing ? renderSlot(_ctx.$slots, "trailing", {
+			}, () => [createElementVNode("span", _hoisted_2$42, toDisplayString(props.option.label), 1), props.option.description ? (openBlock(), createElementBlock("span", _hoisted_3$21, 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$16, [createVNode(unref(ListboxItemIndicator), null, {
+			}, void 0, void 0, 0) : (openBlock(), createElementBlock("span", _hoisted_4$18, [createVNode(unref(ListboxItemIndicator), null, {
 				default: withCtx(() => [createVNode(unref(Check))]),
 				_: 1
 			})]))], 64);
@@ -9948,7 +9966,7 @@ var checkboxDescription = tv({
 });
 //#endregion
 //#region src/components/tree/TreeCheck.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$74 = ["data-state"];
+var _hoisted_1$81 = ["data-state"];
 //#endregion
 //#region src/components/tree/TreeCheck.vue
 var TreeCheck_default = /* @__PURE__ */ defineComponent({
@@ -9981,7 +9999,7 @@ var TreeCheck_default = /* @__PURE__ */ defineComponent({
 			}, {
 				default: withCtx(() => [props.indeterminate ? (openBlock(), createBlock(unref(Minus), { key: 0 })) : createCommentVNode("", true)]),
 				_: 1
-			})], 10, _hoisted_1$74);
+			})], 10, _hoisted_1$81);
 		};
 	}
 });
@@ -10121,21 +10139,21 @@ var treeToggle = tv({ base: "text-muted flex size-5 shrink-0 cursor-pointer item
 var treeEmpty = tv({ base: "text-muted px-2.5 py-2 text-sm" });
 //#endregion
 //#region src/components/tree/Tree.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$73 = [
+var _hoisted_1$80 = [
 	"id",
 	"aria-labelledby",
 	"aria-describedby"
 ];
-var _hoisted_2$36 = ["aria-selected", "aria-checked"];
-var _hoisted_3$18 = ["onClick"];
-var _hoisted_4$15 = {
+var _hoisted_2$41 = ["aria-selected", "aria-checked"];
+var _hoisted_3$20 = ["onClick"];
+var _hoisted_4$17 = {
 	key: 1,
 	class: "size-5 shrink-0",
 	"aria-hidden": "true"
 };
-var _hoisted_5$12 = { class: "min-w-0 flex-1" };
-var _hoisted_6$8 = { class: "block truncate" };
-var _hoisted_7$5 = {
+var _hoisted_5$13 = { class: "min-w-0 flex-1" };
+var _hoisted_6$9 = { class: "block truncate" };
+var _hoisted_7$6 = {
 	key: 0,
 	class: "text-muted block truncate text-xs"
 };
@@ -10177,7 +10195,7 @@ var Tree_default = /* @__PURE__ */ defineComponent({
 				"aria-describedby": unref(describedBy),
 				"data-hn-tree": "",
 				class: unref(cn)(unref(treeEmpty)(), props.class)
-			}), [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(unref(t).tree.empty), 1)])], 16, _hoisted_1$73)) : (openBlock(), createBlock(unref(TreeRoot), mergeProps({ key: 1 }, _ctx.$attrs, {
+			}), [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(unref(t).tree.empty), 1)])], 16, _hoisted_1$80)) : (openBlock(), createBlock(unref(TreeRoot), mergeProps({ key: 1 }, _ctx.$attrs, {
 				id: unref(id),
 				expanded: unref(expanded),
 				"onUpdate:expanded": _cache[0] || (_cache[0] = ($event) => isRef(expanded) ? expanded.value = $event : null),
@@ -10218,21 +10236,21 @@ var Tree_default = /* @__PURE__ */ defineComponent({
 							}, [createVNode(DisclosureIcon_default, {
 								direction: "end",
 								open: isExpanded
-							}, null, 8, ["open"])], 10, _hoisted_3$18)) : (openBlock(), createElementBlock("span", _hoisted_4$15)),
+							}, null, 8, ["open"])], 10, _hoisted_3$20)) : (openBlock(), createElementBlock("span", _hoisted_4$17)),
 							props.multiple ? (openBlock(), createBlock(TreeCheck_default, {
 								key: 2,
 								selected: unref(state)(item.value).selected,
 								indeterminate: unref(state)(item.value).indeterminate
 							}, null, 8, ["selected", "indeterminate"])) : createCommentVNode("", true),
-							createElementVNode("span", _hoisted_5$12, [renderSlot(_ctx.$slots, "node", mergeProps({
+							createElementVNode("span", _hoisted_5$13, [renderSlot(_ctx.$slots, "node", mergeProps({
 								node: item.value,
 								expanded: isExpanded
-							}, { ref_for: true }, unref(state)(item.value)), () => [createElementVNode("span", _hoisted_6$8, toDisplayString(item.value.label), 1), item.value.description ? (openBlock(), createElementBlock("span", _hoisted_7$5, toDisplayString(item.value.description), 1)) : createCommentVNode("", true)])]),
+							}, { ref_for: true }, unref(state)(item.value)), () => [createElementVNode("span", _hoisted_6$9, toDisplayString(item.value.label), 1), item.value.description ? (openBlock(), createElementBlock("span", _hoisted_7$6, toDisplayString(item.value.description), 1)) : createCommentVNode("", true)])]),
 							renderSlot(_ctx.$slots, "trailing", mergeProps({
 								node: item.value,
 								expanded: isExpanded
 							}, { ref_for: true }, unref(state)(item.value)))
-						], 14, _hoisted_2$36)]),
+						], 14, _hoisted_2$41)]),
 						_: 2
 					}, 1040, [
 						"disabled",
@@ -10274,8 +10292,8 @@ var treeSelectRow = tv({ base: [
 var treeSelectToggle = tv({ base: ["text-muted flex size-5 shrink-0 cursor-pointer items-center justify-center rounded-sm", "[&>span>svg]:size-3.5"] });
 //#endregion
 //#region src/components/tree-select/TreeSelectSearch.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$72 = { class: "border-line shrink-0 border-b px-1" };
-var _hoisted_2$35 = [
+var _hoisted_1$79 = { class: "border-line shrink-0 border-b px-1" };
+var _hoisted_2$40 = [
 	"aria-label",
 	"aria-controls",
 	"placeholder"
@@ -10302,7 +10320,7 @@ var TreeSelectSearch_default = /* @__PURE__ */ defineComponent({
 		const input = shallowRef(null);
 		__expose({ focus: () => input.value?.focus() });
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$72, [createElementVNode("div", { class: normalizeClass(unref(textInputHost)({
+			return openBlock(), createElementBlock("div", _hoisted_1$79, [createElementVNode("div", { class: normalizeClass(unref(textInputHost)({
 				variant: "bare",
 				size: "sm"
 			})) }, [
@@ -10323,7 +10341,7 @@ var TreeSelectSearch_default = /* @__PURE__ */ defineComponent({
 						trailing: !!model.value
 					})),
 					onKeydown: _cache[1] || (_cache[1] = ($event) => emit("keydown", $event))
-				}, null, 42, _hoisted_2$35), [[vModelText, model.value]]),
+				}, null, 42, _hoisted_2$40), [[vModelText, model.value]]),
 				createVNode(Transition, {
 					"enter-active-class": "hn-transition-base",
 					"enter-from-class": "scale-90 opacity-0",
@@ -10476,7 +10494,7 @@ function useTreeSelect(props, model, open, search) {
 }
 //#endregion
 //#region src/components/tree-select/TreeSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$71 = [
+var _hoisted_1$78 = [
 	"id",
 	"aria-describedby",
 	"aria-expanded",
@@ -10486,20 +10504,20 @@ var _hoisted_1$71 = [
 	"data-disabled",
 	"aria-invalid"
 ];
-var _hoisted_2$34 = { class: "min-w-0 flex-1 truncate" };
-var _hoisted_3$17 = ["onClick"];
-var _hoisted_4$14 = {
+var _hoisted_2$39 = { class: "min-w-0 flex-1 truncate" };
+var _hoisted_3$19 = ["onClick"];
+var _hoisted_4$16 = {
 	key: 1,
 	class: "size-5 shrink-0"
 };
-var _hoisted_5$11 = { class: "min-w-0 flex-1" };
-var _hoisted_6$7 = { class: "block truncate" };
-var _hoisted_7$4 = {
+var _hoisted_5$12 = { class: "min-w-0 flex-1" };
+var _hoisted_6$8 = { class: "block truncate" };
+var _hoisted_7$5 = {
 	key: 0,
 	class: "text-muted block truncate text-xs"
 };
-var _hoisted_8$2 = { class: "flex size-4 shrink-0 items-center justify-center" };
-var _hoisted_9$1 = { role: "status" };
+var _hoisted_8$3 = { class: "flex size-4 shrink-0 items-center justify-center" };
+var _hoisted_9$2 = { role: "status" };
 //#endregion
 //#region src/components/tree-select/TreeSelect.vue
 var TreeSelect_default = /* @__PURE__ */ defineComponent({
@@ -10569,7 +10587,7 @@ var TreeSelect_default = /* @__PURE__ */ defineComponent({
 							variant: props.variant,
 							size: props.size
 						}), unref(selectTrigger)(), props.class)
-					}), [createElementVNode("span", _hoisted_2$34, toDisplayString(unref(selected) ? unref(selected).label : props.placeholder ?? unref(t).select.placeholder), 1), createElementVNode("span", { class: normalizeClass(unref(inputAdornment)()) }, [createVNode(DisclosureIcon_default)], 2)], 16, _hoisted_1$71)]),
+					}), [createElementVNode("span", _hoisted_2$39, toDisplayString(unref(selected) ? unref(selected).label : props.placeholder ?? unref(t).select.placeholder), 1), createElementVNode("span", { class: normalizeClass(unref(inputAdornment)()) }, [createVNode(DisclosureIcon_default)], 2)], 16, _hoisted_1$78)]),
 					_: 1
 				}), createVNode(unref(PopoverPortal), null, {
 					default: withCtx(() => [createVNode(unref(PopoverContent), {
@@ -10636,9 +10654,9 @@ var TreeSelect_default = /* @__PURE__ */ defineComponent({
 												}, [createVNode(DisclosureIcon_default, {
 													direction: "end",
 													open: isExpanded
-												}, null, 8, ["open"])], 10, _hoisted_3$17)) : (openBlock(), createElementBlock("span", _hoisted_4$14)),
-												createElementVNode("span", _hoisted_5$11, [renderSlot(_ctx.$slots, "node", { node: item.value }, () => [createElementVNode("span", _hoisted_6$7, toDisplayString(item.value.label), 1), item.value.description ? (openBlock(), createElementBlock("span", _hoisted_7$4, toDisplayString(item.value.description), 1)) : createCommentVNode("", true)])]),
-												createElementVNode("span", _hoisted_8$2, [isSelected ? (openBlock(), createBlock(unref(Check), { key: 0 })) : createCommentVNode("", true)])
+												}, null, 8, ["open"])], 10, _hoisted_3$19)) : (openBlock(), createElementBlock("span", _hoisted_4$16)),
+												createElementVNode("span", _hoisted_5$12, [renderSlot(_ctx.$slots, "node", { node: item.value }, () => [createElementVNode("span", _hoisted_6$8, toDisplayString(item.value.label), 1), item.value.description ? (openBlock(), createElementBlock("span", _hoisted_7$5, toDisplayString(item.value.description), 1)) : createCommentVNode("", true)])]),
+												createElementVNode("span", _hoisted_8$3, [isSelected ? (openBlock(), createBlock(unref(Check), { key: 0 })) : createCommentVNode("", true)])
 											]),
 											_: 2
 										}, 1040, [
@@ -10653,7 +10671,7 @@ var TreeSelect_default = /* @__PURE__ */ defineComponent({
 										key: 0,
 										role: "none",
 										class: normalizeClass(unref(selectEmpty)())
-									}, [createElementVNode("span", _hoisted_9$1, toDisplayString(unref(t).select.empty), 1)], 2)) : createCommentVNode("", true)]),
+									}, [createElementVNode("span", _hoisted_9$2, toDisplayString(unref(t).select.empty), 1)], 2)) : createCommentVNode("", true)]),
 									_: 3
 								}, 8, [
 									"id",
@@ -10686,7 +10704,7 @@ var TreeSelect_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/checkbox/Checkbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$70 = ["data-disabled"];
+var _hoisted_1$77 = ["data-disabled"];
 //#endregion
 //#region src/components/checkbox/Checkbox.vue
 var Checkbox_default = /* @__PURE__ */ defineComponent({
@@ -10783,7 +10801,7 @@ var Checkbox_default = /* @__PURE__ */ defineComponent({
 						controlPlacement: props.controlPlacement
 					}))
 				}, toDisplayString(props.description), 3)) : createCommentVNode("", true)
-			], 10, _hoisted_1$70);
+			], 10, _hoisted_1$77);
 		};
 	}
 });
@@ -10906,7 +10924,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$69 = ["data-disabled"];
+var _hoisted_1$76 = ["data-disabled"];
 //#endregion
 //#region src/components/radio-group/RadioGroup.vue
 var RadioGroup_default = /* @__PURE__ */ defineComponent({
@@ -11000,7 +11018,7 @@ var RadioGroup_default = /* @__PURE__ */ defineComponent({
 								controlPlacement: props.controlPlacement
 							}))
 						}, toDisplayString(option.description), 3)) : createCommentVNode("", true)
-					], 10, _hoisted_1$69);
+					], 10, _hoisted_1$76);
 				}), 128))]),
 				_: 3
 			}, 8, [
@@ -11041,7 +11059,7 @@ var switchThumb = tv({ base: [
 ] });
 //#endregion
 //#region src/components/switch/Switch.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$68 = ["data-disabled"];
+var _hoisted_1$75 = ["data-disabled"];
 //#endregion
 //#region src/components/switch/Switch.vue
 var Switch_default = /* @__PURE__ */ defineComponent({
@@ -11122,7 +11140,7 @@ var Switch_default = /* @__PURE__ */ defineComponent({
 						controlPlacement: props.controlPlacement
 					}))
 				}, toDisplayString(props.description), 3)) : createCommentVNode("", true)
-			], 10, _hoisted_1$68);
+			], 10, _hoisted_1$75);
 		};
 	}
 });
@@ -11272,7 +11290,7 @@ var SliderMarks_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/slider/Slider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$67 = [
+var _hoisted_1$74 = [
 	"dir",
 	"data-disabled",
 	"data-dragging"
@@ -11393,13 +11411,13 @@ var Slider_default = /* @__PURE__ */ defineComponent({
 				"marks",
 				"min",
 				"max"
-			])) : createCommentVNode("", true)], 16, _hoisted_1$67);
+			])) : createCommentVNode("", true)], 16, _hoisted_1$74);
 		};
 	}
 });
 //#endregion
 //#region src/components/range-slider/RangeSlider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$66 = [
+var _hoisted_1$73 = [
 	"aria-labelledby",
 	"aria-describedby",
 	"aria-invalid",
@@ -11546,7 +11564,7 @@ var RangeSlider_default = /* @__PURE__ */ defineComponent({
 				"marks",
 				"min",
 				"max"
-			])) : createCommentVNode("", true)], 16, _hoisted_1$66);
+			])) : createCommentVNode("", true)], 16, _hoisted_1$73);
 		};
 	}
 });
@@ -11563,15 +11581,15 @@ var toggle = tv({
 });
 //#endregion
 //#region src/components/toggle/Toggle.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$65 = {
+var _hoisted_1$72 = {
 	key: "on",
 	class: "inline-flex items-center justify-center"
 };
-var _hoisted_2$33 = {
+var _hoisted_2$38 = {
 	key: "off",
 	class: "inline-flex items-center justify-center"
 };
-var _hoisted_3$16 = {
+var _hoisted_3$18 = {
 	key: 2,
 	class: "inline-flex items-center"
 };
@@ -11648,10 +11666,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$65, [renderSlot(_ctx.$slots, "pressed-icon")])) : (openBlock(), createElementBlock("span", _hoisted_2$33, [renderSlot(_ctx.$slots, "icon", { pressed: pressed.value })]))]),
+							default: withCtx(() => [swapped.value ? (openBlock(), createElementBlock("span", _hoisted_1$72, [renderSlot(_ctx.$slots, "pressed-icon")])) : (openBlock(), createElementBlock("span", _hoisted_2$38, [renderSlot(_ctx.$slots, "icon", { pressed: pressed.value })]))]),
 							_: 3
 						})], 2)) : createCommentVNode("", true),
-						unref(slots).default ? (openBlock(), createElementBlock("span", _hoisted_3$16, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)
+						unref(slots).default ? (openBlock(), createElementBlock("span", _hoisted_3$18, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)
 					]),
 					_: 3
 				}, 16, [
@@ -11672,6 +11690,879 @@ var Toggle_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/components/toolbar/context.ts
+var toolbarKey = Symbol("hn-toolbar");
+var groupKey = Symbol("hn-toolbar-group");
+function provideToolbar(context) {
+	provide(toolbarKey, context);
+}
+function useToolbar() {
+	const context = inject(toolbarKey);
+	if (!context) throw new Error("[Hina UI] Toolbar controls must be inside Toolbar.");
+	return context;
+}
+function provideToolbarGroup(disabled) {
+	provide(groupKey, disabled);
+}
+function useToolbarGroup() {
+	return inject(groupKey, null);
+}
+//#endregion
+//#region src/components/toolbar/toolbar.variants.ts
+var toolbar = tv({
+	base: "inline-flex max-w-full gap-(--hn-control-gap) rounded-lg",
+	variants: {
+		orientation: {
+			horizontal: "flex-row flex-wrap items-center",
+			vertical: "flex-col items-stretch"
+		},
+		variant: {
+			primary: "border-line bg-surface border p-1",
+			secondary: "bg-inset p-1",
+			bare: ""
+		}
+	},
+	defaultVariants: {
+		orientation: "horizontal",
+		variant: "primary"
+	}
+});
+var toolbarGroup = tv({
+	base: "inline-flex gap-(--hn-control-gap)",
+	variants: { orientation: {
+		horizontal: "flex-wrap items-center",
+		vertical: "flex-col items-stretch"
+	} }
+});
+var toolbarSeparator = tv({
+	base: "bg-line shrink-0 self-stretch",
+	variants: { orientation: {
+		horizontal: "mx-1 my-1 w-px",
+		vertical: "mx-1 my-1 h-px"
+	} }
+});
+//#endregion
+//#region src/components/toolbar/Toolbar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$71 = ["dir"];
+//#endregion
+//#region src/components/toolbar/Toolbar.vue
+var Toolbar_default = /* @__PURE__ */ defineComponent({
+	name: "HnToolbar",
+	__name: "Toolbar",
+	props: {
+		label: {},
+		orientation: { default: "horizontal" },
+		dir: {},
+		loop: {
+			type: Boolean,
+			default: true
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "md" },
+		variant: { default: "primary" },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const { root, direction, rootDirection } = useDirection$1(() => props.dir);
+		provideToolbar({
+			orientation: toRef(props, "orientation"),
+			size: toRef(props, "size"),
+			disabled: toRef(props, "disabled")
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToolbarRoot), {
+				"as-child": "",
+				orientation: props.orientation,
+				dir: unref(direction),
+				loop: props.loop,
+				"aria-label": props.label,
+				"aria-disabled": props.disabled || void 0,
+				class: normalizeClass(unref(cn)(unref(toolbar)({
+					orientation: props.orientation,
+					variant: props.variant
+				}), props.class))
+			}, {
+				default: withCtx(() => [createElementVNode("div", {
+					ref_key: "root",
+					ref: root,
+					dir: unref(rootDirection),
+					"data-hn-toolbar": ""
+				}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1$71)]),
+				_: 3
+			}, 8, [
+				"orientation",
+				"dir",
+				"loop",
+				"aria-label",
+				"aria-disabled",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/navigation-menu/context.ts
+var key = Symbol("hn-navigation-menu");
+function provideNavigationMenu(context) {
+	provide(key, context);
+}
+function useNavigationMenu() {
+	const context = inject(key);
+	if (!context) throw new Error("NavigationMenu controls must be inside NavigationMenu.");
+	return context;
+}
+//#endregion
+//#region src/components/navigation-menu/composables/useNavigationMenuKeyboard.ts
+function useNavigationMenuKeyboard(root, orientation, direction) {
+	return (event) => {
+		if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey) return;
+		const items = Array.from(root.value?.querySelectorAll("[data-hn-navigation-list] > [data-menu-item] > [data-hn-navigation-control]") ?? []).filter((item) => !item.hasAttribute("data-disabled"));
+		const index = items.indexOf(event.target);
+		if (index < 0) return;
+		const horizontal = orientation() === "horizontal";
+		const next = horizontal ? direction() === "rtl" ? "ArrowLeft" : "ArrowRight" : "ArrowDown";
+		const previous = horizontal ? direction() === "rtl" ? "ArrowRight" : "ArrowLeft" : "ArrowUp";
+		let target;
+		if (event.key === next) target = Math.min(index + 1, items.length - 1);
+		else if (event.key === previous) target = Math.max(index - 1, 0);
+		else if (event.key === "Home") target = 0;
+		else if (event.key === "End") target = items.length - 1;
+		else return;
+		event.preventDefault();
+		event.stopPropagation();
+		items[target]?.focus();
+	};
+}
+//#endregion
+//#region src/components/navigation-menu/composables/useNavigationMenuLayout.ts
+function useNavigationMenuLayout(root, orientation, direction) {
+	const { left, right, update } = useElementBounding(root);
+	const { width } = useWindowSize();
+	const ancestors = shallowRef([]);
+	const bounds = shallowRef({
+		start: 16,
+		end: width.value - 16
+	});
+	function measure() {
+		let start = 16;
+		let end = width.value - 16;
+		for (const element of ancestors.value) {
+			if (element.ownerDocument.defaultView?.getComputedStyle(element).overflowX === "visible") continue;
+			const rect = element.getBoundingClientRect();
+			start = Math.max(start, rect.left + element.clientLeft + 8);
+			end = Math.min(end, rect.left + element.clientLeft + element.clientWidth - 8);
+		}
+		bounds.value = {
+			start,
+			end
+		};
+	}
+	watch(root, (element) => {
+		const parents = [];
+		for (let parent = element?.parentElement; parent; parent = parent.parentElement) parents.push(parent);
+		ancestors.value = parents;
+		measure();
+	}, { flush: "post" });
+	watch([
+		left,
+		right,
+		width
+	], measure, { flush: "post" });
+	useResizeObserver(ancestors, () => {
+		update();
+		measure();
+	});
+	const available = computed(() => {
+		const before = Math.max(0, left.value - bounds.value.start - 10);
+		const after = Math.max(0, bounds.value.end - right.value - 10);
+		return direction() === "rtl" ? {
+			start: after,
+			end: before
+		} : {
+			start: before,
+			end: after
+		};
+	});
+	const side = computed(() => orientation() === "vertical" && available.value.end < 320 && available.value.start > available.value.end ? "start" : "end");
+	return {
+		side,
+		placement: computed(() => {
+			if (orientation() === "horizontal") return "bottom";
+			if (side.value === "end") return direction() === "rtl" ? "left" : "right";
+			return direction() === "rtl" ? "right" : "left";
+		}),
+		style: computed(() => root.value ? {
+			"--hn-navigation-max-width": `${orientation() === "vertical" ? available.value[side.value] : Math.max(0, bounds.value.end - bounds.value.start - 2)}px`,
+			"--hn-navigation-min-x": `${bounds.value.start - left.value}px`,
+			"--hn-navigation-bound-end": `${bounds.value.end - left.value}px`
+		} : void 0)
+	};
+}
+//#endregion
+//#region src/components/navigation-menu/navigation-menu.variants.ts
+var navigationMenu = tv({ base: "relative w-fit max-w-full" });
+var navigationMenuList = tv({
+	base: "m-0 flex list-none gap-1 p-0",
+	variants: { orientation: {
+		horizontal: "flex-wrap items-center",
+		vertical: "flex-col items-stretch"
+	} }
+});
+var navigationMenuControl = tv({
+	base: [
+		"hn-interactive hn-state-layer hn-press-none relative isolate flex cursor-pointer items-center",
+		"text-fg gap-(--hn-control-gap) rounded-md text-start font-medium no-underline outline-none select-none [&_svg]:shrink-0",
+		"data-[state=open]:bg-inset data-active:text-accent-text data-active:bg-accent-soft",
+		"data-disabled:pointer-events-none data-disabled:opacity-50"
+	],
+	variants: {
+		size: {
+			sm: "min-h-(--hn-control-h-sm) px-(--hn-control-px-sm) text-xs [&_svg]:size-3.5",
+			md: "min-h-(--hn-control-h-md) px-(--hn-control-px-md) text-sm [&_svg]:size-4",
+			lg: "min-h-(--hn-control-h-lg) px-(--hn-control-px-lg) text-base [&_svg]:size-[1.125rem]"
+		},
+		orientation: {
+			horizontal: "",
+			vertical: "w-full"
+		}
+	},
+	defaultVariants: { size: "md" }
+});
+var navigationMenuTrigger = tv({ base: "group/hn-disclosure" });
+var navigationMenuIcon = tv({ base: "inline-flex shrink-0 items-center justify-center gap-1" });
+var navigationMenuDisclosure = tv({
+	base: "inline-flex shrink-0 text-muted",
+	variants: { orientation: {
+		horizontal: "",
+		vertical: "rtl:-scale-x-100"
+	} }
+});
+var navigationMenuLink = tv({ base: "py-2" });
+var navigationMenuContent = tv({
+	base: "hn-anim-navigation-content absolute start-0 top-0 w-80 max-w-[min(calc(100vw-2rem),var(--hn-navigation-max-width,100vw))] outline-none rtl:start-auto rtl:end-0",
+	variants: { padded: {
+		true: "p-2",
+		false: ""
+	} },
+	defaultVariants: { padded: true }
+});
+var navigationMenuViewport = tv({
+	base: ["hn-navigation-viewport bg-surface border-line absolute z-(--hn-z-overlay) overflow-hidden rounded-lg border shadow-md", "h-(--reka-navigation-menu-viewport-height) w-(--reka-navigation-menu-viewport-width)"],
+	variants: {
+		orientation: {
+			horizontal: "top-full mt-2 [left:clamp(var(--hn-navigation-min-x,0px),var(--reka-navigation-menu-viewport-left),calc(var(--hn-navigation-bound-end,100vw)-var(--reka-navigation-menu-viewport-width)-2px))]",
+			vertical: "[top:var(--reka-navigation-menu-viewport-top)]"
+		},
+		side: {
+			start: "",
+			end: ""
+		}
+	},
+	compoundVariants: [{
+		orientation: "vertical",
+		side: "end",
+		class: "start-full ms-2"
+	}, {
+		orientation: "vertical",
+		side: "start",
+		class: "end-full me-2"
+	}]
+});
+//#endregion
+//#region src/components/navigation-menu/NavigationMenu.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$70 = ["dir"];
+//#endregion
+//#region src/components/navigation-menu/NavigationMenu.vue
+var NavigationMenu_default = /* @__PURE__ */ defineComponent({
+	name: "HnNavigationMenu",
+	__name: "NavigationMenu",
+	props: /*@__PURE__*/ mergeModels({
+		label: {},
+		orientation: { default: "horizontal" },
+		dir: {},
+		size: { default: "md" },
+		trigger: { default: "hover" },
+		delayDuration: { default: 200 },
+		skipDelayDuration: { default: 300 },
+		align: { default: "center" },
+		unmountOnHide: {
+			type: Boolean,
+			default: true
+		},
+		class: {},
+		listClass: {},
+		viewportClass: {}
+	}, {
+		"modelValue": { default: "" },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		const { root, direction, rootDirection } = useDirection$1(() => props.dir);
+		const onKeydown = useNavigationMenuKeyboard(root, () => props.orientation, () => direction.value);
+		const { side, placement, style } = useNavigationMenuLayout(root, () => props.orientation, () => direction.value);
+		const align = computed(() => props.orientation === "horizontal" && direction.value === "rtl" && props.align !== "center" ? props.align === "start" ? "end" : "start" : props.align);
+		provideNavigationMenu({
+			size: toRef(props, "size"),
+			orientation: toRef(props, "orientation")
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NavigationMenuRoot), {
+				key: props.orientation,
+				modelValue: model.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				"as-child": "",
+				orientation: props.orientation,
+				dir: unref(direction),
+				"delay-duration": props.delayDuration,
+				"skip-delay-duration": props.skipDelayDuration,
+				"disable-hover-trigger": props.trigger === "click",
+				"disable-pointer-leave-close": props.trigger === "click",
+				"unmount-on-hide": props.unmountOnHide,
+				"aria-label": props.label,
+				class: normalizeClass(unref(cn)(unref(navigationMenu)(), props.class)),
+				onKeydownCapture: unref(onKeydown)
+			}, {
+				default: withCtx(() => [createElementVNode("nav", {
+					ref_key: "root",
+					ref: root,
+					dir: unref(rootDirection),
+					style: normalizeStyle(unref(style)),
+					"data-hn-navigation-menu": ""
+				}, [createVNode(unref(NavigationMenuList), {
+					"data-hn-navigation-list": "",
+					class: normalizeClass(unref(cn)(unref(navigationMenuList)({ orientation: props.orientation }), props.listClass))
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default", { value: model.value })]),
+					_: 3
+				}, 8, ["class"]), createVNode(unref(NavigationMenuViewport), {
+					"data-hn-navigation-viewport": "",
+					align: align.value,
+					"data-side": unref(placement),
+					class: normalizeClass(unref(cn)(unref(navigationMenuViewport)({
+						orientation: props.orientation,
+						side: unref(side)
+					}), props.viewportClass))
+				}, null, 8, [
+					"align",
+					"data-side",
+					"class"
+				])], 12, _hoisted_1$70)]),
+				_: 3
+			}, 8, [
+				"modelValue",
+				"orientation",
+				"dir",
+				"delay-duration",
+				"skip-delay-duration",
+				"disable-hover-trigger",
+				"disable-pointer-leave-close",
+				"unmount-on-hide",
+				"aria-label",
+				"class",
+				"onKeydownCapture"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/navigation-menu/NavigationMenuItem.vue
+var NavigationMenuItem_default = /* @__PURE__ */ defineComponent({
+	name: "HnNavigationMenuItem",
+	__name: "NavigationMenuItem",
+	props: { value: {} },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NavigationMenuItem), { value: props.value }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["value"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/navigation-menu/NavigationMenuTrigger.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$69 = { class: "min-w-0 flex-1" };
+//#endregion
+//#region src/components/navigation-menu/NavigationMenuTrigger.vue
+var NavigationMenuTrigger_default = /* @__PURE__ */ defineComponent({
+	name: "HnNavigationMenuTrigger",
+	__name: "NavigationMenuTrigger",
+	props: {
+		disabled: { type: Boolean },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const menu = useNavigationMenu();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NavigationMenuTrigger), {
+				type: "button",
+				"data-hn-navigation-control": "",
+				disabled: props.disabled,
+				class: normalizeClass(unref(cn)(unref(navigationMenuControl)({
+					size: unref(menu).size.value,
+					orientation: unref(menu).orientation.value
+				}), unref(navigationMenuTrigger)(), props.class))
+			}, {
+				default: withCtx(() => [
+					_ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(unref(navigationMenuIcon)()),
+						"aria-hidden": "true"
+					}, [renderSlot(_ctx.$slots, "icon")], 2)) : createCommentVNode("", true),
+					createElementVNode("span", _hoisted_1$69, [renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("span", { class: normalizeClass(unref(navigationMenuIcon)()) }, [renderSlot(_ctx.$slots, "trailing", {}, () => [createElementVNode("span", { class: normalizeClass(unref(navigationMenuDisclosure)({ orientation: unref(menu).orientation.value })) }, [createVNode(DisclosureIcon_default, { direction: unref(menu).orientation.value === "vertical" ? "end" : "down" }, null, 8, ["direction"])], 2)])], 2)
+				]),
+				_: 3
+			}, 8, ["disabled", "class"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/navigation-menu/NavigationMenuLink.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$68 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
+var _hoisted_2$37 = {
+	key: 0,
+	class: "text-muted text-xs leading-relaxed font-normal"
+};
+//#endregion
+//#region src/components/navigation-menu/NavigationMenuLink.vue
+var NavigationMenuLink_default = /* @__PURE__ */ defineComponent({
+	name: "HnNavigationMenuLink",
+	inheritAttrs: false,
+	__name: "NavigationMenuLink",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "a" },
+		active: { type: Boolean },
+		disabled: { type: Boolean },
+		description: {},
+		class: {}
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const menu = useNavigationMenu();
+		function guard(event) {
+			if (!props.disabled) return;
+			event.preventDefault();
+			event.stopImmediatePropagation();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NavigationMenuLink), mergeProps(_ctx.$attrs, {
+				as: props.as,
+				"as-child": props.asChild,
+				active: props.active,
+				"aria-disabled": props.disabled || void 0,
+				"data-disabled": props.disabled ? "" : void 0,
+				tabindex: props.disabled ? -1 : void 0,
+				"data-hn-navigation-control": "",
+				class: unref(cn)(unref(navigationMenuControl)({
+					size: unref(menu).size.value,
+					orientation: unref(menu).orientation.value
+				}), unref(navigationMenuLink)(), props.class),
+				onClickCapture: guard,
+				onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event))
+			}), {
+				default: withCtx(() => [props.asChild ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+					_ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(unref(navigationMenuIcon)()),
+						"aria-hidden": "true"
+					}, [renderSlot(_ctx.$slots, "icon")], 2)) : createCommentVNode("", true),
+					createElementVNode("span", _hoisted_1$68, [createElementVNode("span", null, [renderSlot(_ctx.$slots, "default")]), props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_2$37, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(props.description), 1)])])) : createCommentVNode("", true)]),
+					_ctx.$slots.trailing ? (openBlock(), createElementBlock("span", {
+						key: 1,
+						class: normalizeClass(unref(navigationMenuIcon)())
+					}, [renderSlot(_ctx.$slots, "trailing")], 2)) : createCommentVNode("", true)
+				], 64))]),
+				_: 3
+			}, 16, [
+				"as",
+				"as-child",
+				"active",
+				"aria-disabled",
+				"data-disabled",
+				"tabindex",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/navigation-menu/NavigationMenuContent.vue
+var NavigationMenuContent_default = /* @__PURE__ */ defineComponent({
+	name: "HnNavigationMenuContent",
+	inheritAttrs: false,
+	__name: "NavigationMenuContent",
+	props: {
+		padded: {
+			type: Boolean,
+			default: true
+		},
+		class: {}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const events = useForwardPropsEmits({}, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NavigationMenuContent), mergeProps({
+				..._ctx.$attrs,
+				...unref(events)
+			}, {
+				"data-hn-navigation-content": "",
+				class: unref(cn)(unref(navigationMenuContent)({ padded: props.padded }), props.class)
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/toolbar/ToolbarControl.vue
+var ToolbarControl_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ToolbarControl",
+	props: {
+		label: {},
+		tooltip: {
+			type: Boolean,
+			default: true
+		},
+		side: { default: "top" },
+		variant: { default: "ghost" },
+		tone: { default: "neutral" },
+		size: {},
+		disabled: { type: Boolean },
+		loading: { type: Boolean },
+		ripple: {
+			type: Boolean,
+			default: true
+		},
+		class: {},
+		asChild: { type: Boolean },
+		as: { default: "button" }
+	},
+	setup(__props) {
+		const props = __props;
+		const Wrapper = injectTooltipProviderContext(null) ? Tooltip_default : Passthrough;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Wrapper), {
+				disabled: !props.tooltip || !props.label,
+				content: props.label ?? "",
+				side: props.side
+			}, {
+				default: withCtx(() => [createVNode(Button_default, mergeProps(_ctx.$attrs, {
+					as: props.as,
+					"as-child": props.asChild,
+					"aria-label": props.label,
+					"icon-only": !!props.label,
+					size: props.size,
+					variant: props.variant,
+					tone: props.tone,
+					disabled: props.disabled,
+					loading: props.loading,
+					ripple: props.ripple,
+					class: props.class
+				}), createSlots({ _: 2 }, [renderList(_ctx.$slots, (_, name) => {
+					return {
+						name,
+						fn: withCtx(() => [renderSlot(_ctx.$slots, name)])
+					};
+				})]), 1040, [
+					"as",
+					"as-child",
+					"aria-label",
+					"icon-only",
+					"size",
+					"variant",
+					"tone",
+					"disabled",
+					"loading",
+					"ripple",
+					"class"
+				])]),
+				_: 3
+			}, 8, [
+				"disabled",
+				"content",
+				"side"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/toolbar/ToolbarButton.vue
+var ToolbarButton_default = /* @__PURE__ */ defineComponent({
+	name: "HnToolbarButton",
+	inheritAttrs: false,
+	__name: "ToolbarButton",
+	props: {
+		label: {},
+		tooltip: {
+			type: Boolean,
+			default: true
+		},
+		side: {},
+		variant: {},
+		tone: {},
+		size: {},
+		disabled: { type: Boolean },
+		loading: { type: Boolean },
+		ripple: {
+			type: Boolean,
+			default: true
+		},
+		class: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const toolbar = useToolbar();
+		const disabled = computed(() => toolbar.disabled.value || props.disabled || props.loading);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToolbarButton), {
+				"as-child": "",
+				as: props.as,
+				disabled: disabled.value
+			}, {
+				default: withCtx(() => [createVNode(ToolbarControl_default, mergeProps({
+					..._ctx.$attrs,
+					...props
+				}, {
+					disabled: disabled.value,
+					size: props.size ?? unref(toolbar).size.value
+				}), createSlots({ _: 2 }, [renderList(_ctx.$slots, (_, name) => {
+					return {
+						name,
+						fn: withCtx(() => [renderSlot(_ctx.$slots, name)])
+					};
+				})]), 1040, ["disabled", "size"])]),
+				_: 3
+			}, 8, ["as", "disabled"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/toolbar/ToolbarLink.vue
+var ToolbarLink_default = /* @__PURE__ */ defineComponent({
+	name: "HnToolbarLink",
+	inheritAttrs: false,
+	__name: "ToolbarLink",
+	props: {
+		label: {},
+		tooltip: {
+			type: Boolean,
+			default: true
+		},
+		side: {},
+		variant: {},
+		tone: {},
+		size: {},
+		disabled: { type: Boolean },
+		loading: { type: Boolean },
+		ripple: {
+			type: Boolean,
+			default: true
+		},
+		class: {},
+		asChild: { type: Boolean },
+		as: { default: "a" },
+		href: {},
+		target: {},
+		rel: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const toolbar = useToolbar();
+		const disabled = computed(() => toolbar.disabled.value || props.disabled || props.loading);
+		function activate(event) {
+			if (!disabled.value) event.currentTarget.click();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToolbarButton), {
+				"as-child": "",
+				as: props.as,
+				disabled: disabled.value
+			}, {
+				default: withCtx(() => [createVNode(ToolbarControl_default, mergeProps({
+					..._ctx.$attrs,
+					...props
+				}, {
+					disabled: disabled.value,
+					size: props.size ?? unref(toolbar).size.value,
+					onKeydown: withKeys(withModifiers(activate, ["prevent"]), ["space"])
+				}), createSlots({ _: 2 }, [renderList(_ctx.$slots, (_, name) => {
+					return {
+						name,
+						fn: withCtx(() => [renderSlot(_ctx.$slots, name)])
+					};
+				})]), 1040, [
+					"disabled",
+					"size",
+					"onKeydown"
+				])]),
+				_: 3
+			}, 8, ["as", "disabled"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/toolbar/ToolbarToggleGroup.vue
+var ToolbarToggleGroup_default = /* @__PURE__ */ defineComponent({
+	name: "HnToolbarToggleGroup",
+	__name: "ToolbarToggleGroup",
+	props: /*@__PURE__*/ mergeModels({
+		type: { default: "single" },
+		defaultValue: {},
+		label: {},
+		disabled: { type: Boolean },
+		class: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		const toolbar = useToolbar();
+		const disabled = computed(() => toolbar.disabled.value || !!props.disabled);
+		provideToolbarGroup(disabled);
+		function update(value) {
+			model.value = value;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToolbarToggleGroup), {
+				"model-value": model.value,
+				"default-value": props.defaultValue,
+				type: props.type,
+				disabled: disabled.value,
+				orientation: unref(toolbar).orientation.value,
+				"aria-label": props.label,
+				class: normalizeClass(unref(cn)(unref(toolbarGroup)({ orientation: unref(toolbar).orientation.value }), props.class)),
+				"onUpdate:modelValue": update
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"model-value",
+				"default-value",
+				"type",
+				"disabled",
+				"orientation",
+				"aria-label",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/toolbar/ToolbarToggleItem.vue
+var ToolbarToggleItem_default = /* @__PURE__ */ defineComponent({
+	name: "HnToolbarToggleItem",
+	inheritAttrs: false,
+	__name: "ToolbarToggleItem",
+	props: {
+		label: {},
+		tooltip: {
+			type: Boolean,
+			default: true
+		},
+		side: {},
+		variant: {},
+		tone: {},
+		size: {},
+		disabled: { type: Boolean },
+		loading: { type: Boolean },
+		ripple: {
+			type: Boolean,
+			default: true
+		},
+		class: {},
+		asChild: { type: Boolean },
+		as: {},
+		value: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const toolbar = useToolbar();
+		const groupDisabled = useToolbarGroup();
+		const disabled = computed(() => toolbar.disabled.value || groupDisabled?.value || props.disabled || props.loading);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToolbarToggleItem), {
+				"as-child": "",
+				value: props.value,
+				disabled: disabled.value
+			}, {
+				default: withCtx(() => [createVNode(ToolbarControl_default, mergeProps({
+					..._ctx.$attrs,
+					...props
+				}, {
+					disabled: disabled.value,
+					size: props.size ?? unref(toolbar).size.value,
+					class: unref(cn)("aria-pressed:text-accent-text", props.class)
+				}), createSlots({ _: 2 }, [renderList(_ctx.$slots, (_, name) => {
+					return {
+						name,
+						fn: withCtx(() => [renderSlot(_ctx.$slots, name)])
+					};
+				})]), 1040, [
+					"disabled",
+					"size",
+					"class"
+				])]),
+				_: 3
+			}, 8, ["value", "disabled"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/toolbar/ToolbarSeparator.vue
+var ToolbarSeparator_default = /* @__PURE__ */ defineComponent({
+	name: "HnToolbarSeparator",
+	__name: "ToolbarSeparator",
+	props: {
+		decorative: {
+			type: Boolean,
+			default: true
+		},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const toolbar = useToolbar();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Separator), {
+				orientation: unref(toolbar).orientation.value === "horizontal" ? "vertical" : "horizontal",
+				decorative: props.decorative,
+				class: normalizeClass(unref(cn)(unref(toolbarSeparator)({ orientation: unref(toolbar).orientation.value }), props.class))
+			}, null, 8, [
+				"orientation",
+				"decorative",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
 //#region src/components/tags-input/tags-input.variants.ts
 var tagsInputHost = tv({
 	base: "relative h-auto min-h-[var(--hn-input-h)] gap-1 ps-[var(--hn-input-px)]",
@@ -11707,7 +12598,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$64 = { class: "min-w-0 truncate" };
+var _hoisted_1$67 = { class: "min-w-0 truncate" };
 //#endregion
 //#region src/components/tags-input/TagsInputChip.vue
 var TagsInputChip_default = /* @__PURE__ */ defineComponent({
@@ -11734,7 +12625,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$64, toDisplayString(props.tag), 1)]),
+					default: withCtx(() => [createElementVNode("span", _hoisted_1$67, toDisplayString(props.tag), 1)]),
 					_: 1
 				})]),
 				_: 1
@@ -11748,7 +12639,7 @@ var TagsInputChip_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/tags-input/TagsInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$63 = ["data-invalid", "data-disabled"];
+var _hoisted_1$66 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/tags-input/TagsInput.vue
 var TagsInput_default = /* @__PURE__ */ defineComponent({
@@ -11899,7 +12790,7 @@ var TagsInput_default = /* @__PURE__ */ defineComponent({
 					_: 1
 				}, 8, ["label"])], 2)) : createCommentVNode("", true)]),
 				_: 1
-			})], 10, _hoisted_1$63);
+			})], 10, _hoisted_1$66);
 		};
 	}
 });
@@ -11954,12 +12845,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$62 = [
+var _hoisted_1$65 = [
 	"data-invalid",
 	"data-disabled",
 	"aria-busy"
 ];
-var _hoisted_2$32 = { class: "min-w-0 truncate" };
+var _hoisted_2$36 = { class: "min-w-0 truncate" };
 //#endregion
 //#region src/components/multi-combobox/MultiCombobox.vue
 var MultiCombobox_default = /* @__PURE__ */ defineComponent({
@@ -12054,7 +12945,7 @@ var MultiCombobox_default = /* @__PURE__ */ defineComponent({
 							class: normalizeClass(unref(tagsInputChip)()),
 							onRemove: ($event) => unref(remove)(option.value)
 						}, {
-							default: withCtx(() => [createElementVNode("span", _hoisted_2$32, toDisplayString(option.label), 1)]),
+							default: withCtx(() => [createElementVNode("span", _hoisted_2$36, toDisplayString(option.label), 1)]),
 							_: 2
 						}, 1032, [
 							"size",
@@ -12121,7 +13012,7 @@ var MultiCombobox_default = /* @__PURE__ */ defineComponent({
 						"aria-label",
 						"disabled",
 						"class"
-					])], 2)], 10, _hoisted_1$62)]),
+					])], 2)], 10, _hoisted_1$65)]),
 					_: 1
 				}), createVNode(ComboboxList_default, {
 					options: props.options,
@@ -12805,7 +13696,7 @@ var dateFieldSegment = tv({
 });
 //#endregion
 //#region src/components/date-field/DateField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$61 = ["data-invalid", "data-disabled"];
+var _hoisted_1$64 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/date-field/DateField.vue
 var DateField_default = /* @__PURE__ */ defineComponent({
@@ -12962,7 +13853,7 @@ var DateField_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					class: normalizeClass(unref(inputAdornment)())
 				}, [renderSlot(_ctx.$slots, "trailing")], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$61);
+			], 10, _hoisted_1$64);
 		};
 	}
 });
@@ -12993,7 +13884,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$60 = ["data-invalid", "data-disabled"];
+var _hoisted_1$63 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/date-picker/DatePicker.vue
 var DatePicker_default = /* @__PURE__ */ defineComponent({
@@ -13110,7 +14001,7 @@ var DatePicker_default = /* @__PURE__ */ defineComponent({
 							_: 1
 						}, 8, ["label", "disabled"])]),
 						_: 1
-					})], 10, _hoisted_1$60)]),
+					})], 10, _hoisted_1$63)]),
 					_: 3
 				}), createVNode(unref(PopoverPortal), null, {
 					default: withCtx(() => [createVNode(unref(PopoverContent), {
@@ -13175,7 +14066,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$59 = ["data-invalid", "data-disabled"];
+var _hoisted_1$62 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/date-range-field/DateRangeField.vue
 var DateRangeField_default = /* @__PURE__ */ defineComponent({
@@ -13344,7 +14235,7 @@ var DateRangeField_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					class: normalizeClass(unref(inputAdornment)())
 				}, [renderSlot(_ctx.$slots, "trailing")], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$59);
+			], 10, _hoisted_1$62);
 		};
 	}
 });
@@ -13592,7 +14483,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$58 = ["data-invalid", "data-disabled"];
+var _hoisted_1$61 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/date-range-picker/DateRangePicker.vue
 var DateRangePicker_default = /* @__PURE__ */ defineComponent({
@@ -13710,7 +14601,7 @@ var DateRangePicker_default = /* @__PURE__ */ defineComponent({
 							_: 1
 						}, 8, ["label", "disabled"])]),
 						_: 1
-					})], 10, _hoisted_1$58)]),
+					})], 10, _hoisted_1$61)]),
 					_: 3
 				}), createVNode(unref(PopoverPortal), null, {
 					default: withCtx(() => [createVNode(unref(PopoverContent), {
@@ -13764,7 +14655,7 @@ var DateRangePicker_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/time-field/TimeField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$57 = ["data-invalid", "data-disabled"];
+var _hoisted_1$60 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/time-field/TimeField.vue
 var TimeField_default = /* @__PURE__ */ defineComponent({
@@ -13927,7 +14818,7 @@ var TimeField_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					class: normalizeClass(unref(inputAdornment)())
 				}, [renderSlot(_ctx.$slots, "trailing")], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$57);
+			], 10, _hoisted_1$60);
 		};
 	}
 });
@@ -13936,7 +14827,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$56 = ["data-invalid", "data-disabled"];
+var _hoisted_1$59 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/date-time-picker/DateTimePicker.vue
 var DateTimePicker_default = /* @__PURE__ */ defineComponent({
@@ -14069,7 +14960,7 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
 							_: 1
 						}, 8, ["label", "disabled"])]),
 						_: 1
-					})], 10, _hoisted_1$56)]),
+					})], 10, _hoisted_1$59)]),
 					_: 3
 				}), createVNode(unref(PopoverPortal), null, {
 					default: withCtx(() => [createVNode(unref(PopoverContent), {
@@ -14177,8 +15068,34 @@ function starFill(value, index) {
 	return `${Math.round(portion * 1e3) / 10}%`;
 }
 //#endregion
+//#region src/components/rating/composables/useRatingScale.ts
+function useRatingScale(model, max, stars) {
+	const count = computed(() => stars() ?? max());
+	const scaled = computed(() => count.value !== max());
+	function toScore(value) {
+		return scaled.value ? Number((value / count.value * max()).toPrecision(15)) : value;
+	}
+	return {
+		count,
+		scaled,
+		value: computed({
+			get: () => scaled.value ? Number((model.value / max() * count.value).toFixed(10)) : model.value,
+			set: (value) => {
+				model.value = toScore(value);
+			}
+		}),
+		toScore
+	};
+}
+//#endregion
 //#region src/components/rating/Rating.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$55 = ["aria-label"];
+var _hoisted_1$58 = ["aria-label"];
+var _hoisted_2$35 = [
+	"name",
+	"value",
+	"disabled",
+	"form"
+];
 //#endregion
 //#region src/components/rating/Rating.vue
 var Rating_default = /* @__PURE__ */ defineComponent({
@@ -14187,6 +15104,7 @@ var Rating_default = /* @__PURE__ */ defineComponent({
 	__name: "Rating",
 	props: /*@__PURE__*/ mergeModels({
 		max: { default: 5 },
+		stars: {},
 		step: { default: 1 },
 		clearable: {
 			type: Boolean,
@@ -14205,6 +15123,7 @@ var Rating_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const model = useModel(__props, "modelValue");
+		const { count, scaled, value, toScore } = useRatingScale(model, () => props.max, () => props.stars);
 		const t = useUiLocale();
 		const { labelledBy, invalid, disabled, describedBy } = useFieldControl({ disabled: () => props.disabled });
 		return (_ctx, _cache) => {
@@ -14212,32 +15131,32 @@ var Rating_default = /* @__PURE__ */ defineComponent({
 				"data-hn-rating": "",
 				"data-readonly": "",
 				role: "img",
-				"aria-label": unref(t).rating.label(model.value, props.max),
+				"aria-label": unref(scaled) ? unref(t).rating.score(model.value, props.max) : unref(t).rating.label(model.value, props.max),
 				class: unref(cn)(unref(ratingRoot)({ size: props.size }), props.class)
-			}), [(openBlock(true), createElementBlock(Fragment, null, renderList(props.max, (index) => {
+			}), [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(count), (index) => {
 				return openBlock(), createElementBlock("span", {
 					key: index,
 					class: normalizeClass(unref(ratingItem)())
 				}, [createVNode(unref(Star), { class: normalizeClass(unref(ratingStar)()) }, null, 8, ["class"]), createElementVNode("span", {
 					class: normalizeClass(unref(ratingFill)()),
-					style: normalizeStyle({ width: unref(starFill)(model.value, index) })
+					style: normalizeStyle({ width: unref(starFill)(unref(value), index) })
 				}, [createVNode(unref(Star), { class: normalizeClass(unref(ratingStar)({ active: true })) }, null, 8, ["class"])], 6)], 2);
-			}), 128))], 16, _hoisted_1$55)) : (openBlock(), createBlock(unref(RatingRoot), mergeProps({ key: 1 }, _ctx.$attrs, {
+			}), 128))], 16, _hoisted_1$58)) : (openBlock(), createBlock(unref(RatingRoot), mergeProps({ key: 1 }, _ctx.$attrs, {
 				"data-hn-rating": "",
 				"data-disabled": unref(disabled) ? "" : void 0,
 				"data-invalid": unref(invalid) ? "" : void 0,
 				"aria-labelledby": unref(labelledBy),
 				"aria-describedby": unref(describedBy),
 				"aria-invalid": unref(invalid) || void 0,
-				"model-value": model.value,
-				length: props.max,
+				modelValue: unref(value),
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(value) ? value.value = $event : null),
+				length: unref(count),
 				step: props.step,
 				clearable: props.clearable,
 				hoverable: "",
 				disabled: unref(disabled),
-				name: props.name,
-				class: unref(cn)(unref(ratingRoot)({ size: props.size }), props.class),
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event)
+				name: unref(scaled) ? void 0 : props.name,
+				class: unref(cn)(unref(ratingRoot)({ size: props.size }), props.class)
 			}), {
 				default: withCtx(({ items }) => [(openBlock(true), createElementBlock(Fragment, null, renderList(items, (item) => {
 					return openBlock(), createBlock(unref(RatingItem), {
@@ -14249,7 +15168,7 @@ var Rating_default = /* @__PURE__ */ defineComponent({
 							return openBlock(), createBlock(unref(RatingItemIndicator), {
 								key: step,
 								step,
-								"aria-label": unref(t).rating.star(step),
+								"aria-label": unref(scaled) ? unref(t).rating.score(unref(toScore)(step), props.max) : unref(t).rating.star(step),
 								class: normalizeClass(unref(ratingStep)())
 							}, {
 								default: withCtx(() => [createVNode(unref(Star), { class: normalizeClass(unref(ratingStar)()) }, null, 8, ["class"])]),
@@ -14262,7 +15181,14 @@ var Rating_default = /* @__PURE__ */ defineComponent({
 						}), 128))]),
 						_: 1
 					}, 8, ["item", "class"]);
-				}), 128))]),
+				}), 128)), unref(scaled) && props.name ? (openBlock(), createElementBlock("input", {
+					key: 0,
+					type: "hidden",
+					name: props.name,
+					value: model.value,
+					disabled: unref(disabled),
+					form: _ctx.$attrs.form
+				}, null, 8, _hoisted_2$35)) : createCommentVNode("", true)]),
 				_: 1
 			}, 16, [
 				"data-disabled",
@@ -14270,7 +15196,7 @@ var Rating_default = /* @__PURE__ */ defineComponent({
 				"aria-labelledby",
 				"aria-describedby",
 				"aria-invalid",
-				"model-value",
+				"modelValue",
 				"length",
 				"step",
 				"clearable",
@@ -14437,13 +15363,13 @@ function formatSize(tag, bytes) {
 }
 //#endregion
 //#region src/components/file-upload/FileUpload.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$54 = [
+var _hoisted_1$57 = [
 	"name",
 	"accept",
 	"multiple",
 	"disabled"
 ];
-var _hoisted_2$31 = [
+var _hoisted_2$34 = [
 	"id",
 	"aria-describedby",
 	"aria-invalid",
@@ -14452,7 +15378,7 @@ var _hoisted_2$31 = [
 	"aria-busy",
 	"disabled"
 ];
-var _hoisted_3$15 = ["src"];
+var _hoisted_3$17 = ["src"];
 //#endregion
 //#region src/components/file-upload/FileUpload.vue
 var FileUpload_default = /* @__PURE__ */ defineComponent({
@@ -14532,7 +15458,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$54),
+				}, null, 40, _hoisted_1$57),
 				props.variant === "area" ? (openBlock(), createElementBlock("button", mergeProps({ key: 0 }, _ctx.$attrs, {
 					type: "button",
 					"data-hn-file-upload-area": "",
@@ -14556,7 +15482,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$31)) : (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$34)) : (openBlock(), createBlock(Button_default, mergeProps({ key: 1 }, _ctx.$attrs, {
 					id: unref(fieldId),
 					"aria-describedby": unref(describedBy),
 					"aria-invalid": unref(invalid) || void 0,
@@ -14588,7 +15514,7 @@ var FileUpload_default = /* @__PURE__ */ defineComponent({
 							key: 0,
 							src: unref(urls).get(file),
 							alt: ""
-						}, null, 8, _hoisted_3$15)) : (openBlock(), createBlock(unref(File), {
+						}, null, 8, _hoisted_3$17)) : (openBlock(), createBlock(unref(File), {
 							key: 1,
 							"aria-hidden": "true"
 						}))], 2),
@@ -14951,8 +15877,8 @@ var AlertDialog_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/popconfirm/Popconfirm.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$53 = { class: "flex flex-col gap-0.5" };
-var _hoisted_2$30 = { class: "flex justify-end gap-2" };
+var _hoisted_1$56 = { class: "flex flex-col gap-0.5" };
+var _hoisted_2$33 = { class: "flex justify-end gap-2" };
 //#endregion
 //#region src/components/popconfirm/Popconfirm.vue
 var Popconfirm_default = /* @__PURE__ */ defineComponent({
@@ -15038,7 +15964,7 @@ var Popconfirm_default = /* @__PURE__ */ defineComponent({
 							class: normalizeClass(unref(cn)("hn-anim-pop z-(--hn-z-overlay) flex w-max max-w-xs min-w-56 flex-col gap-2.5 p-3 shadow-md outline-none", props.class))
 						}, {
 							default: withCtx(() => [
-								createElementVNode("div", _hoisted_1$53, [createVNode(Text_default, {
+								createElementVNode("div", _hoisted_1$56, [createVNode(Text_default, {
 									id: unref(titleId),
 									weight: "medium"
 								}, {
@@ -15054,7 +15980,7 @@ var Popconfirm_default = /* @__PURE__ */ defineComponent({
 									_: 1
 								}, 8, ["id"])) : createCommentVNode("", true)]),
 								renderSlot(_ctx.$slots, "content"),
-								createElementVNode("div", _hoisted_2$30, [createVNode(Button_default, {
+								createElementVNode("div", _hoisted_2$33, [createVNode(Button_default, {
 									size: "sm",
 									variant: "soft",
 									tone: "neutral",
@@ -15460,7 +16386,7 @@ var dropdownItem = tv({
 });
 //#endregion
 //#region src/components/context-menu/ContextMenuItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$52 = { class: "min-w-0 flex-1" };
+var _hoisted_1$55 = { class: "min-w-0 flex-1" };
 //#endregion
 //#region src/components/context-menu/ContextMenuItem.vue
 var ContextMenuItem_default = /* @__PURE__ */ defineComponent({
@@ -15486,7 +16412,7 @@ var ContextMenuItem_default = /* @__PURE__ */ defineComponent({
 			}), {
 				default: withCtx(() => [
 					renderSlot(_ctx.$slots, "icon"),
-					createElementVNode("span", _hoisted_1$52, [renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("span", _hoisted_1$55, [renderSlot(_ctx.$slots, "default")]),
 					renderSlot(_ctx.$slots, "trailing")
 				]),
 				_: 3
@@ -15500,8 +16426,8 @@ var ContextMenuItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/context-menu/ContextMenuCheckboxItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$51 = { class: "min-w-0 flex-1" };
-var _hoisted_2$29 = { class: "flex size-4 shrink-0 items-center justify-center" };
+var _hoisted_1$54 = { class: "min-w-0 flex-1" };
+var _hoisted_2$32 = { class: "flex size-4 shrink-0 items-center justify-center" };
 //#endregion
 //#region src/components/context-menu/ContextMenuCheckboxItem.vue
 var ContextMenuCheckboxItem_default = /* @__PURE__ */ defineComponent({
@@ -15533,9 +16459,9 @@ var ContextMenuCheckboxItem_default = /* @__PURE__ */ defineComponent({
 				onSelect: _cache[1] || (_cache[1] = (event) => event.preventDefault())
 			}), {
 				default: withCtx(() => [
-					createElementVNode("span", _hoisted_1$51, [renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("span", _hoisted_1$54, [renderSlot(_ctx.$slots, "default")]),
 					renderSlot(_ctx.$slots, "trailing"),
-					createElementVNode("span", _hoisted_2$29, [createVNode(unref(ContextMenuItemIndicator), null, {
+					createElementVNode("span", _hoisted_2$32, [createVNode(unref(ContextMenuItemIndicator), null, {
 						default: withCtx(() => [createVNode(unref(Check))]),
 						_: 1
 					})])
@@ -15568,7 +16494,7 @@ var ContextMenuGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/context-menu/ContextMenuSub.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$50 = { class: "min-w-0 flex-1" };
+var _hoisted_1$53 = { class: "min-w-0 flex-1" };
 //#endregion
 //#region src/components/context-menu/ContextMenuSub.vue
 var ContextMenuSub_default = /* @__PURE__ */ defineComponent({
@@ -15599,7 +16525,7 @@ var ContextMenuSub_default = /* @__PURE__ */ defineComponent({
 				}, {
 					default: withCtx(() => [
 						renderSlot(_ctx.$slots, "icon"),
-						createElementVNode("span", _hoisted_1$50, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])]),
+						createElementVNode("span", _hoisted_1$53, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])]),
 						createVNode(unref(ChevronRight), { class: "text-muted" })
 					]),
 					_: 3
@@ -15682,8 +16608,8 @@ var ContextMenuRadioGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/context-menu/ContextMenuRadioItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$49 = { class: "min-w-0 flex-1" };
-var _hoisted_2$28 = { class: "flex size-4 shrink-0 items-center justify-center" };
+var _hoisted_1$52 = { class: "min-w-0 flex-1" };
+var _hoisted_2$31 = { class: "flex size-4 shrink-0 items-center justify-center" };
 //#endregion
 //#region src/components/context-menu/ContextMenuRadioItem.vue
 var ContextMenuRadioItem_default = /* @__PURE__ */ defineComponent({
@@ -15705,7 +16631,7 @@ var ContextMenuRadioItem_default = /* @__PURE__ */ defineComponent({
 				"text-value": props.textValue,
 				class: unref(cn)(unref(dropdownItem)(), props.class)
 			}), {
-				default: withCtx(() => [createElementVNode("span", _hoisted_1$49, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", _hoisted_2$28, [createVNode(unref(ContextMenuItemIndicator), null, {
+				default: withCtx(() => [createElementVNode("span", _hoisted_1$52, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", _hoisted_2$31, [createVNode(unref(ContextMenuItemIndicator), null, {
 					default: withCtx(() => [createVNode(unref(Check), { class: "size-4" })]),
 					_: 1
 				})])]),
@@ -15826,21 +16752,21 @@ var sheetHandle = tv({
 });
 //#endregion
 //#region src/components/sheet/Sheet.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$48 = ["data-dragging"];
-var _hoisted_2$27 = ["data-disabled"];
-var _hoisted_3$14 = {
+var _hoisted_1$51 = ["data-dragging"];
+var _hoisted_2$30 = ["data-disabled"];
+var _hoisted_3$16 = {
 	key: 1,
 	class: "flex items-start justify-between gap-4 px-(--hn-panel-p)"
 };
-var _hoisted_4$13 = { class: "flex min-w-0 flex-col gap-1.5" };
-var _hoisted_5$10 = { class: "flex min-w-0 items-center gap-2" };
-var _hoisted_6$6 = {
+var _hoisted_4$15 = { class: "flex min-w-0 flex-col gap-1.5" };
+var _hoisted_5$11 = { class: "flex min-w-0 items-center gap-2" };
+var _hoisted_6$7 = {
 	key: 0,
 	class: "text-muted flex shrink-0 [&_svg]:size-5",
 	"aria-hidden": "true"
 };
-var _hoisted_7$3 = { class: "px-(--hn-panel-p) py-1" };
-var _hoisted_8$1 = {
+var _hoisted_7$4 = { class: "px-(--hn-panel-p) py-1" };
+var _hoisted_8$2 = {
 	key: 1,
 	class: "flex shrink-0 justify-end gap-(--hn-inline-gap) px-(--hn-panel-p)"
 };
@@ -15954,7 +16880,7 @@ var Sheet_default = /* @__PURE__ */ defineComponent({
 									"aria-hidden": "true",
 									"data-disabled": props.locked ? "" : void 0,
 									class: normalizeClass(unref(sheetHandle)({ header: props.header && !slots.body }))
-								}, null, 10, _hoisted_2$27)) : createCommentVNode("", true), props.header && !slots.body ? (openBlock(), createElementBlock("div", _hoisted_3$14, [createElementVNode("div", _hoisted_4$13, [createElementVNode("div", _hoisted_5$10, [slots.icon ? (openBlock(), createElementBlock("span", _hoisted_6$6, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), createVNode(unref(DialogTitle), { "as-child": "" }, {
+								}, null, 10, _hoisted_2$30)) : createCommentVNode("", true), props.header && !slots.body ? (openBlock(), createElementBlock("div", _hoisted_3$16, [createElementVNode("div", _hoisted_4$15, [createElementVNode("div", _hoisted_5$11, [slots.icon ? (openBlock(), createElementBlock("span", _hoisted_6$7, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), createVNode(unref(DialogTitle), { "as-child": "" }, {
 									default: withCtx(() => [createVNode(Heading_default, {
 										level: 2,
 										size: "lg",
@@ -15982,16 +16908,16 @@ var Sheet_default = /* @__PURE__ */ defineComponent({
 										class: "-mt-1.5 -me-1.5 shrink-0"
 									}, null, 8, ["disabled"])]),
 									_: 1
-								})) : createCommentVNode("", true)])) : createCommentVNode("", true)], 42, _hoisted_1$48)) : createCommentVNode("", true),
+								})) : createCommentVNode("", true)])) : createCommentVNode("", true)], 42, _hoisted_1$51)) : createCommentVNode("", true),
 								slots.body ? renderSlot(_ctx.$slots, "body", { close }, void 0, void 0, 2) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [_ctx.$slots.content ? (openBlock(), createBlock(ScrollArea_default, {
 									key: 0,
 									ref_key: "scrollArea",
 									ref: scrollArea,
 									class: "min-h-0 grow"
 								}, {
-									default: withCtx(() => [createElementVNode("div", _hoisted_7$3, [renderSlot(_ctx.$slots, "content", { close })])]),
+									default: withCtx(() => [createElementVNode("div", _hoisted_7$4, [renderSlot(_ctx.$slots, "content", { close })])]),
 									_: 3
-								}, 512)) : createCommentVNode("", true), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_8$1, [renderSlot(_ctx.$slots, "footer", { close })])) : createCommentVNode("", true)], 64))
+								}, 512)) : createCommentVNode("", true), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_8$2, [renderSlot(_ctx.$slots, "footer", { close })])) : createCommentVNode("", true)], 64))
 							]),
 							_: 3
 						}, 16, [
@@ -16021,7 +16947,7 @@ var panelBody = tv({
 });
 //#endregion
 //#region src/components/panel/Panel.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$47 = { class: "flex min-w-0 flex-col gap-1" };
+var _hoisted_1$50 = { class: "flex min-w-0 flex-col gap-1" };
 //#endregion
 //#region src/components/panel/Panel.vue
 var Panel_default = /* @__PURE__ */ defineComponent({
@@ -16047,7 +16973,7 @@ var Panel_default = /* @__PURE__ */ defineComponent({
 				padded: false,
 				class: normalizeClass(unref(cn)("flex flex-col", props.class))
 			}, {
-				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(panelHeader)()) }, [createElementVNode("div", _hoisted_1$47, [createElementVNode("div", { class: normalizeClass(unref(panelTitle)()) }, [
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(panelHeader)()) }, [createElementVNode("div", _hoisted_1$50, [createElementVNode("div", { class: normalizeClass(unref(panelTitle)()) }, [
 					unref(slots).icon ? (openBlock(), createElementBlock("span", {
 						key: 0,
 						class: normalizeClass(unref(panelIcon)()),
@@ -16147,7 +17073,7 @@ var progressBar = tv({
 });
 //#endregion
 //#region src/components/progress/Progress.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$46 = { key: 0 };
+var _hoisted_1$49 = { key: 0 };
 //#endregion
 //#region src/components/progress/Progress.vue
 var Progress_default = /* @__PURE__ */ defineComponent({
@@ -16183,7 +17109,7 @@ var Progress_default = /* @__PURE__ */ defineComponent({
 			}, [props.label || props.showValue && unref(text) ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(unref(progressHeader)())
-			}, [props.label ? (openBlock(), createElementBlock("span", _hoisted_1$46, toDisplayString(props.label), 1)) : createCommentVNode("", true), props.showValue && unref(text) ? (openBlock(), createElementBlock("span", {
+			}, [props.label ? (openBlock(), createElementBlock("span", _hoisted_1$49, toDisplayString(props.label), 1)) : createCommentVNode("", true), props.showValue && unref(text) ? (openBlock(), createElementBlock("span", {
 				key: 1,
 				class: normalizeClass(unref(progressValue)())
 			}, toDisplayString(unref(text)), 3)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), createVNode(unref(ProgressRoot), mergeProps(_ctx.$attrs, {
@@ -16235,7 +17161,7 @@ var ringProgressCenter = tv({ base: "text-fg absolute inset-0 flex items-center
 var ringProgressLabel = tv({ base: "text-muted text-sm" });
 //#endregion
 //#region src/components/ring-progress/RingProgress.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$45 = ["stroke-dashoffset", "stroke-linecap"];
+var _hoisted_1$48 = ["stroke-dashoffset", "stroke-linecap"];
 //#endregion
 //#region src/components/ring-progress/RingProgress.vue
 var RingProgress_default = /* @__PURE__ */ defineComponent({
@@ -16299,7 +17225,7 @@ var RingProgress_default = /* @__PURE__ */ defineComponent({
 					"stroke-dashoffset": offset.value,
 					"stroke-linecap": offset.value < 100 ? "round" : void 0,
 					class: normalizeClass(unref(ringProgressArc)({ tone: props.tone }))
-				}, null, 10, _hoisted_1$45)], 2)), unref(slots).default || props.showValue && unref(text) ? (openBlock(), createElementBlock("div", {
+				}, null, 10, _hoisted_1$48)], 2)), unref(slots).default || props.showValue && unref(text) ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(unref(ringProgressCenter)())
 				}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(unref(text)), 1)])], 2)) : createCommentVNode("", true)]),
@@ -16351,8 +17277,8 @@ function toneAt(index) {
 }
 //#endregion
 //#region src/components/meter-group/MeterGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$44 = ["aria-label"];
-var _hoisted_2$26 = [
+var _hoisted_1$47 = ["aria-label"];
+var _hoisted_2$29 = [
 	"aria-label",
 	"aria-valuenow",
 	"aria-valuemax",
@@ -16423,8 +17349,8 @@ var MeterGroup_default = /* @__PURE__ */ defineComponent({
 						"aria-valuetext": props.format ? entry.text : void 0,
 						class: normalizeClass(unref(meterSegment)({ tone: entry.tone })),
 						style: normalizeStyle({ width: entry.width })
-					}, null, 14, _hoisted_2$26);
-				}), 128))], 16, _hoisted_1$44),
+					}, null, 14, _hoisted_2$29);
+				}), 128))], 16, _hoisted_1$47),
 				props.legend ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: normalizeClass(unref(meterLegend)())
@@ -16487,7 +17413,7 @@ var emptyDescription = tv({
 var emptyActions = tv({ base: "flex flex-wrap items-center justify-center gap-2" });
 //#endregion
 //#region src/components/empty/Empty.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$43 = {
+var _hoisted_1$46 = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "flex shrink-0 justify-center"
@@ -16515,7 +17441,7 @@ var Empty_default = /* @__PURE__ */ defineComponent({
 				"data-hn-empty": "",
 				class: normalizeClass(unref(cn)(unref(empty)({ size: props.size }), props.class))
 			}, [
-				unref(slots).icon ? (openBlock(), createElementBlock("span", _hoisted_1$43, [renderSlot(_ctx.$slots, "icon")])) : props.icon ? (openBlock(), createElementBlock("span", {
+				unref(slots).icon ? (openBlock(), createElementBlock("span", _hoisted_1$46, [renderSlot(_ctx.$slots, "icon")])) : props.icon ? (openBlock(), createElementBlock("span", {
 					key: 1,
 					"aria-hidden": "true",
 					class: normalizeClass(unref(emptyIcon)({ size: props.size }))
@@ -16613,7 +17539,7 @@ var Result_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/number-format/NumberFormat.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$42 = ["title"];
+var _hoisted_1$45 = ["title"];
 //#endregion
 //#region src/components/number-format/NumberFormat.vue
 var NumberFormat_default = /* @__PURE__ */ defineComponent({
@@ -16649,7 +17575,7 @@ var NumberFormat_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("span", {
 				title: full.value,
 				class: normalizeClass(unref(cn)(props.class))
-			}, toDisplayString(text.value), 11, _hoisted_1$42);
+			}, toDisplayString(text.value), 11, _hoisted_1$45);
 		};
 	}
 });
@@ -16680,8 +17606,8 @@ var statisticDelta = tv({
 var statisticIcon = tv({ base: "bg-subtle text-muted flex size-10 shrink-0 items-center justify-center rounded-md [&_svg]:size-5" });
 //#endregion
 //#region src/components/statistic/Statistic.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$41 = { key: 2 };
-var _hoisted_2$25 = {
+var _hoisted_1$44 = { key: 2 };
+var _hoisted_2$28 = {
 	key: 2,
 	class: "text-muted"
 };
@@ -16752,7 +17678,7 @@ var Statistic_default = /* @__PURE__ */ defineComponent({
 						"format",
 						"currency",
 						"precision"
-					])) : (openBlock(), createElementBlock("span", _hoisted_1$41, toDisplayString(props.value ?? "—"), 1)),
+					])) : (openBlock(), createElementBlock("span", _hoisted_1$44, toDisplayString(props.value ?? "—"), 1)),
 					props.suffix ? (openBlock(), createElementBlock("span", {
 						key: 3,
 						class: normalizeClass(unref(statisticAffix)())
@@ -16773,7 +17699,7 @@ var Statistic_default = /* @__PURE__ */ defineComponent({
 						"aria-hidden": "true"
 					})) : createCommentVNode("", true),
 					createElementVNode("span", null, toDisplayString(deltaText.value), 1),
-					props.deltaLabel ? (openBlock(), createElementBlock("span", _hoisted_2$25, toDisplayString(props.deltaLabel), 1)) : createCommentVNode("", true)
+					props.deltaLabel ? (openBlock(), createElementBlock("span", _hoisted_2$28, toDisplayString(props.deltaLabel), 1)) : createCommentVNode("", true)
 				], 64))], 2)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "default")
 			], 2), unref(slots).icon ? (openBlock(), createElementBlock("span", {
@@ -16851,14 +17777,14 @@ function stepBetween(previous, next, count) {
 }
 //#endregion
 //#region src/components/banner/Banner.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$40 = {
+var _hoisted_1$43 = {
 	key: 0,
 	"data-hn-banner": "",
 	class: "hn-collapse w-full"
 };
-var _hoisted_2$24 = { class: "hn-collapse-body" };
-var _hoisted_3$13 = ["data-tone"];
-var _hoisted_4$12 = ["aria-live"];
+var _hoisted_2$27 = { class: "hn-collapse-body" };
+var _hoisted_3$15 = ["data-tone"];
+var _hoisted_4$14 = ["aria-live"];
 //#endregion
 //#region src/components/banner/Banner.vue
 var Banner_default = /* @__PURE__ */ defineComponent({
@@ -16922,7 +17848,7 @@ var Banner_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$40, [createElementVNode("div", _hoisted_2$24, [createElementVNode("div", {
+				default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", _hoisted_1$43, [createElementVNode("div", _hoisted_2$27, [createElementVNode("div", {
 					"data-tone": tone.value,
 					class: normalizeClass(unref(cn)(unref(banner)({ tone: tone.value }), props.class)),
 					onPointerenter: _cache[2] || (_cache[2] = ($event) => unref(autoplay).hovered.value = true),
@@ -16952,7 +17878,7 @@ var Banner_default = /* @__PURE__ */ defineComponent({
 						index: at.value
 					})], 2))]),
 					_: 3
-				}, 8, ["enter-from-class", "leave-to-class"])], 8, _hoisted_4$12)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [renderSlot(_ctx.$slots, "icon", {}, () => [props.icon ? (openBlock(), createBlock(resolveDynamicComponent(icon.value), {
+				}, 8, ["enter-from-class", "leave-to-class"])], 8, _hoisted_4$14)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [renderSlot(_ctx.$slots, "icon", {}, () => [props.icon ? (openBlock(), createBlock(resolveDynamicComponent(icon.value), {
 					key: 0,
 					class: normalizeClass(unref(bannerIcon)()),
 					"aria-hidden": "true"
@@ -16995,7 +17921,7 @@ var Banner_default = /* @__PURE__ */ defineComponent({
 					size: "sm",
 					class: "text-current",
 					onClick: close
-				})) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)], 42, _hoisted_3$13)])])) : createCommentVNode("", true)]),
+				})) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)], 42, _hoisted_3$15)])])) : createCommentVNode("", true)]),
 				_: 3
 			}, 16);
 		};
@@ -17102,7 +18028,7 @@ var MenubarMenu_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/menubar/MenubarItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$39 = { class: "min-w-0 flex-1" };
+var _hoisted_1$42 = { class: "min-w-0 flex-1" };
 //#endregion
 //#region src/components/menubar/MenubarItem.vue
 var MenubarItem_default = /* @__PURE__ */ defineComponent({
@@ -17128,7 +18054,7 @@ var MenubarItem_default = /* @__PURE__ */ defineComponent({
 			}), {
 				default: withCtx(() => [
 					renderSlot(_ctx.$slots, "icon"),
-					createElementVNode("span", _hoisted_1$39, [renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("span", _hoisted_1$42, [renderSlot(_ctx.$slots, "default")]),
 					renderSlot(_ctx.$slots, "trailing")
 				]),
 				_: 3
@@ -17142,8 +18068,8 @@ var MenubarItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/menubar/MenubarCheckboxItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$38 = { class: "min-w-0 flex-1" };
-var _hoisted_2$23 = { class: "flex size-4 shrink-0 items-center justify-center" };
+var _hoisted_1$41 = { class: "min-w-0 flex-1" };
+var _hoisted_2$26 = { class: "flex size-4 shrink-0 items-center justify-center" };
 //#endregion
 //#region src/components/menubar/MenubarCheckboxItem.vue
 var MenubarCheckboxItem_default = /* @__PURE__ */ defineComponent({
@@ -17175,9 +18101,9 @@ var MenubarCheckboxItem_default = /* @__PURE__ */ defineComponent({
 				onSelect: _cache[1] || (_cache[1] = (event) => event.preventDefault())
 			}), {
 				default: withCtx(() => [
-					createElementVNode("span", _hoisted_1$38, [renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("span", _hoisted_1$41, [renderSlot(_ctx.$slots, "default")]),
 					renderSlot(_ctx.$slots, "trailing"),
-					createElementVNode("span", _hoisted_2$23, [createVNode(unref(MenubarItemIndicator), null, {
+					createElementVNode("span", _hoisted_2$26, [createVNode(unref(MenubarItemIndicator), null, {
 						default: withCtx(() => [createVNode(unref(Check))]),
 						_: 1
 					})])
@@ -17210,7 +18136,7 @@ var MenubarGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/menubar/MenubarSub.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$37 = { class: "min-w-0 flex-1" };
+var _hoisted_1$40 = { class: "min-w-0 flex-1" };
 //#endregion
 //#region src/components/menubar/MenubarSub.vue
 var MenubarSub_default = /* @__PURE__ */ defineComponent({
@@ -17241,7 +18167,7 @@ var MenubarSub_default = /* @__PURE__ */ defineComponent({
 				}, {
 					default: withCtx(() => [
 						renderSlot(_ctx.$slots, "icon"),
-						createElementVNode("span", _hoisted_1$37, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])]),
+						createElementVNode("span", _hoisted_1$40, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])]),
 						createVNode(unref(ChevronRight), { class: "text-muted" })
 					]),
 					_: 3
@@ -17324,8 +18250,8 @@ var MenubarRadioGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/menubar/MenubarRadioItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$36 = { class: "min-w-0 flex-1" };
-var _hoisted_2$22 = { class: "flex size-4 shrink-0 items-center justify-center" };
+var _hoisted_1$39 = { class: "min-w-0 flex-1" };
+var _hoisted_2$25 = { class: "flex size-4 shrink-0 items-center justify-center" };
 //#endregion
 //#region src/components/menubar/MenubarRadioItem.vue
 var MenubarRadioItem_default = /* @__PURE__ */ defineComponent({
@@ -17347,7 +18273,7 @@ var MenubarRadioItem_default = /* @__PURE__ */ defineComponent({
 				"text-value": props.textValue,
 				class: unref(cn)(unref(dropdownItem)(), props.class)
 			}), {
-				default: withCtx(() => [createElementVNode("span", _hoisted_1$36, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", _hoisted_2$22, [createVNode(unref(MenubarItemIndicator), null, {
+				default: withCtx(() => [createElementVNode("span", _hoisted_1$39, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", _hoisted_2$25, [createVNode(unref(MenubarItemIndicator), null, {
 					default: withCtx(() => [createVNode(unref(Check), { class: "size-4" })]),
 					_: 1
 				})])]),
@@ -17539,7 +18465,7 @@ function focusFirstInvalid(root) {
 }
 //#endregion
 //#region src/components/form/Form.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$35 = ["aria-busy"];
+var _hoisted_1$38 = ["aria-busy"];
 //#endregion
 //#region src/components/form/Form.vue
 var Form_default = /* @__PURE__ */ defineComponent({
@@ -17595,7 +18521,7 @@ var Form_default = /* @__PURE__ */ defineComponent({
 				invalid: unref(form).invalid.value,
 				submitting: unref(form).submitting.value,
 				submitted: unref(form).submitted.value
-			})], 42, _hoisted_1$35);
+			})], 42, _hoisted_1$38);
 		};
 	}
 });
@@ -17656,21 +18582,21 @@ var formFieldDescription = tv({ base: "text-muted text-sm" });
 var formFieldMessage = tv({ base: "text-danger-text text-sm" });
 //#endregion
 //#region src/components/form-field/FormField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$34 = [
+var _hoisted_1$37 = [
 	"data-invalid",
 	"data-disabled",
 	"data-orientation"
 ];
-var _hoisted_2$21 = ["id", "for"];
-var _hoisted_3$12 = ["id"];
-var _hoisted_4$11 = ["id"];
-var _hoisted_5$9 = {
+var _hoisted_2$24 = ["id", "for"];
+var _hoisted_3$14 = ["id"];
+var _hoisted_4$13 = ["id"];
+var _hoisted_5$10 = {
 	key: 0,
 	"data-hn-form-field-message": "",
 	class: "hn-collapse [--hn-collapse-out:var(--hn-duration-fast)]"
 };
-var _hoisted_6$5 = { class: "hn-collapse-body" };
-var _hoisted_7$2 = ["id"];
+var _hoisted_6$6 = { class: "hn-collapse-body" };
+var _hoisted_7$3 = ["id"];
 //#endregion
 //#region src/components/form-field/FormField.vue
 var FormField_default = /* @__PURE__ */ defineComponent({
@@ -17764,11 +18690,11 @@ var FormField_default = /* @__PURE__ */ defineComponent({
 					default: withCtx(() => [createTextVNode(toDisplayString(unref(t).form.required), 1)]),
 					_: 1
 				})) : createCommentVNode("", true)
-			], 10, _hoisted_2$21)) : createCommentVNode("", true), descriptionWithLabel.value ? (openBlock(), createElementBlock("p", {
+			], 10, _hoisted_2$24)) : createCommentVNode("", true), descriptionWithLabel.value ? (openBlock(), createElementBlock("p", {
 				key: 1,
 				id: unref(descriptionId),
 				class: normalizeClass(unref(formFieldDescription)())
-			}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(props.description), 1)])], 10, _hoisted_3$12)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), createElementVNode("div", {
+			}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(props.description), 1)])], 10, _hoisted_3$14)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), createElementVNode("div", {
 				"data-hn-form-field-body": "",
 				class: normalizeClass(unref(formFieldContent)())
 			}, [
@@ -17780,21 +18706,21 @@ var FormField_default = /* @__PURE__ */ defineComponent({
 					key: 0,
 					id: unref(descriptionId),
 					class: normalizeClass(unref(formFieldDescription)())
-				}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(props.description), 1)])], 10, _hoisted_4$11)) : createCommentVNode("", true),
+				}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(props.description), 1)])], 10, _hoisted_4$13)) : createCommentVNode("", true),
 				createVNode(Transition, mergeProps({
 					"enter-from-class": "hn-collapse-closed",
 					"enter-to-class": "hn-collapse-open",
 					"leave-from-class": "hn-collapse-open",
 					"leave-to-class": "hn-collapse-closed"
 				}, toHandlers(unref(hooks))), {
-					default: withCtx(() => [message.value ? (openBlock(), createElementBlock("div", _hoisted_5$9, [createElementVNode("div", _hoisted_6$5, [createElementVNode("p", {
+					default: withCtx(() => [message.value ? (openBlock(), createElementBlock("div", _hoisted_5$10, [createElementVNode("div", _hoisted_6$6, [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$3)])])) : createCommentVNode("", true)]),
 					_: 1
 				}, 16)
-			], 2)], 2)], 46, _hoisted_1$34);
+			], 2)], 2)], 46, _hoisted_1$37);
 		};
 	}
 });
@@ -17818,8 +18744,8 @@ var formLayoutGrid = tv({
 });
 //#endregion
 //#region src/components/form-layout/FormLayout.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$33 = ["disabled", "aria-describedby"];
-var _hoisted_2$20 = ["id"];
+var _hoisted_1$36 = ["disabled", "aria-describedby"];
+var _hoisted_2$23 = ["id"];
 //#endregion
 //#region src/components/form-layout/FormLayout.vue
 var FormLayout_default = /* @__PURE__ */ defineComponent({
@@ -17864,12 +18790,12 @@ var FormLayout_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					id: unref(descriptionId),
 					class: normalizeClass(unref(formLayoutDescription)())
-				}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(props.description), 1)])], 10, _hoisted_2$20)) : createCommentVNode("", true),
+				}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(props.description), 1)])], 10, _hoisted_2$23)) : createCommentVNode("", true),
 				createElementVNode("div", { class: normalizeClass(unref(formLayoutGrid)({
 					columns: props.columns,
 					headed: headed.value || described.value
 				})) }, [renderSlot(_ctx.$slots, "default")], 2)
-			], 10, _hoisted_1$33);
+			], 10, _hoisted_1$36);
 		};
 	}
 });
@@ -18202,7 +19128,7 @@ var Code_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/blockquote/Blockquote.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$32 = {
+var _hoisted_1$35 = {
 	key: 0,
 	class: "text-faint mt-2 text-sm"
 };
@@ -18218,7 +19144,7 @@ var Blockquote_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("blockquote", { class: normalizeClass(unref(cn)("hn-blockquote", props.class)) }, [renderSlot(_ctx.$slots, "default"), props.cite ? (openBlock(), createElementBlock("footer", _hoisted_1$32, "—— " + toDisplayString(props.cite), 1)) : createCommentVNode("", true)], 2);
+			return openBlock(), createElementBlock("blockquote", { class: normalizeClass(unref(cn)("hn-blockquote", props.class)) }, [renderSlot(_ctx.$slots, "default"), props.cite ? (openBlock(), createElementBlock("footer", _hoisted_1$35, "—— " + toDisplayString(props.cite), 1)) : createCommentVNode("", true)], 2);
 		};
 	}
 });
@@ -18343,10 +19269,10 @@ 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$31 = ["data-lang"];
-var _hoisted_2$19 = ["innerHTML"];
-var _hoisted_3$11 = { key: 1 };
-var _hoisted_4$10 = { key: 2 };
+var _hoisted_1$34 = ["data-lang"];
+var _hoisted_2$22 = ["innerHTML"];
+var _hoisted_3$13 = { key: 1 };
+var _hoisted_4$12 = { key: 2 };
 //#endregion
 //#region src/components/code-block/CodeBlock.vue
 var CodeBlock_default = /* @__PURE__ */ defineComponent({
@@ -18381,14 +19307,14 @@ var CodeBlock_default = /* @__PURE__ */ defineComponent({
 				default: withCtx(() => [createElementVNode("pre", { class: normalizeClass(unref(codeBlockContent)()) }, [props.html ? (openBlock(), createElementBlock("code", {
 					key: 0,
 					innerHTML: props.html
-				}, null, 8, _hoisted_2$19)) : unref(tokens) ? (openBlock(), createElementBlock("code", _hoisted_3$11, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(tokens), (line, i) => {
+				}, null, 8, _hoisted_2$22)) : unref(tokens) ? (openBlock(), createElementBlock("code", _hoisted_3$13, [(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_4$10, toDisplayString(__props.code), 1))], 2)]),
+				}), 128))])) : (openBlock(), createElementBlock("code", _hoisted_4$12, toDisplayString(__props.code), 1))], 2)]),
 				_: 1
 			}, 8, ["label", "class"]), createElementVNode("div", { class: normalizeClass(unref(codeBlockActions)()) }, [tag.value ? (openBlock(), createElementBlock("span", {
 				key: 0,
@@ -18397,7 +19323,7 @@ var CodeBlock_default = /* @__PURE__ */ defineComponent({
 				key: 1,
 				text: props.code,
 				label: unref(t).codeblock.copy
-			}, null, 8, ["text", "label"])) : createCommentVNode("", true)], 2)], 10, _hoisted_1$31);
+			}, null, 8, ["text", "label"])) : createCommentVNode("", true)], 2)], 10, _hoisted_1$34);
 		};
 	}
 });
@@ -18515,7 +19441,7 @@ function useNow(active, intervalMs = 3e4) {
 }
 //#endregion
 //#region src/components/time/Time.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$30 = ["datetime", "title"];
+var _hoisted_1$33 = ["datetime", "title"];
 //#endregion
 //#region src/components/time/Time.vue
 var Time_default = /* @__PURE__ */ defineComponent({
@@ -18559,7 +19485,7 @@ var Time_default = /* @__PURE__ */ defineComponent({
 				datetime: date.value.toISOString(),
 				title: __props.format === "relative" ? absolute.value : void 0,
 				class: normalizeClass(unref(cn)(props.class))
-			}, toDisplayString(text.value), 11, _hoisted_1$30)) : (openBlock(), createElementBlock("span", {
+			}, toDisplayString(text.value), 11, _hoisted_1$33)) : (openBlock(), createElementBlock("span", {
 				key: 1,
 				class: normalizeClass(unref(cn)(props.class))
 			}, toDisplayString(text.value), 3));
@@ -18992,7 +19918,7 @@ var AspectRatio_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/divider/Divider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$29 = { class: "text-faint shrink-0 text-sm" };
+var _hoisted_1$32 = { class: "text-faint shrink-0 text-sm" };
 //#endregion
 //#region src/components/divider/Divider.vue
 var Divider_default = /* @__PURE__ */ defineComponent({
@@ -19018,7 +19944,7 @@ var Divider_default = /* @__PURE__ */ defineComponent({
 					decorative: "",
 					class: "bg-line h-px flex-1"
 				}),
-				createElementVNode("span", _hoisted_1$29, [renderSlot(_ctx.$slots, "default")]),
+				createElementVNode("span", _hoisted_1$32, [renderSlot(_ctx.$slots, "default")]),
 				createVNode(unref(Separator), {
 					decorative: "",
 					class: "bg-line h-px flex-1"
@@ -19278,7 +20204,7 @@ var AccordionItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/accordion/AccordionTrigger.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$28 = { class: "min-w-0 flex-1" };
+var _hoisted_1$31 = { class: "min-w-0 flex-1" };
 //#endregion
 //#region src/components/accordion/AccordionTrigger.vue
 var AccordionTrigger_default = /* @__PURE__ */ defineComponent({
@@ -19303,7 +20229,7 @@ var AccordionTrigger_default = /* @__PURE__ */ defineComponent({
 				default: withCtx(() => [createVNode(unref(AccordionTrigger), { class: normalizeClass(unref(cn)(unref(accordionTrigger)(), props.class)) }, {
 					default: withCtx(() => [
 						createVNode(Ripple_default),
-						createElementVNode("span", _hoisted_1$28, [renderSlot(_ctx.$slots, "default")]),
+						createElementVNode("span", _hoisted_1$31, [renderSlot(_ctx.$slots, "default")]),
 						props.icon ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [!slots.icon ? (openBlock(), createBlock(DisclosureIcon_default, { key: 0 })) : (openBlock(), createBlock(DisclosureIcon_default, { key: 1 }, {
 							default: withCtx(() => [renderSlot(_ctx.$slots, "icon")]),
 							_: 3
@@ -19318,7 +20244,7 @@ var AccordionTrigger_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/accordion/AccordionContent.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$27 = { class: "pb-4" };
+var _hoisted_1$30 = { class: "pb-4" };
 //#endregion
 //#region src/components/accordion/AccordionContent.vue
 var AccordionContent_default = /* @__PURE__ */ defineComponent({
@@ -19334,7 +20260,7 @@ var AccordionContent_default = /* @__PURE__ */ defineComponent({
 				ref: content,
 				class: normalizeClass(unref(cn)(unref(accordionContent)(), props.class))
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$27, [renderSlot(_ctx.$slots, "default")])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$30, [renderSlot(_ctx.$slots, "default")])]),
 				_: 3
 			}, 8, ["class"]);
 		};
@@ -19367,7 +20293,7 @@ var navLink = tv({
 var navLinkLabel = tv({ base: "hn-sidebar-label shrink-0 whitespace-nowrap" });
 //#endregion
 //#region src/components/nav-link/NavLink.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$26 = [
+var _hoisted_1$29 = [
 	"aria-hidden",
 	"inert",
 	"data-collapsed"
@@ -19420,7 +20346,7 @@ var NavLink_default = /* @__PURE__ */ defineComponent({
 						"data-collapsed": rail.value ? "" : void 0,
 						"data-hn-label": "",
 						class: normalizeClass(unref(navLinkLabel)())
-					}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$26)]),
+					}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$29)]),
 					_: 3
 				}, 16, [
 					"as",
@@ -19494,11 +20420,11 @@ var SidebarLabel_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/sidebar/Sidebar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$25 = ["data-state", "inert"];
-var _hoisted_2$18 = { class: "min-w-0 flex-1" };
-var _hoisted_3$10 = ["data-state", "inert"];
-var _hoisted_4$9 = { class: "hn-collapse-body" };
-var _hoisted_5$8 = ["aria-label"];
+var _hoisted_1$28 = ["data-state", "inert"];
+var _hoisted_2$21 = { class: "min-w-0 flex-1" };
+var _hoisted_3$12 = ["data-state", "inert"];
+var _hoisted_4$11 = { class: "hn-collapse-body" };
+var _hoisted_5$9 = ["aria-label"];
 //#endregion
 //#region src/components/sidebar/Sidebar.vue
 var Sidebar_default = /* @__PURE__ */ defineComponent({
@@ -19528,7 +20454,7 @@ var Sidebar_default = /* @__PURE__ */ defineComponent({
 				_ctx.$slots.header ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(unref(cn)(unref(sidebarRegion)({ inDrawer: inDrawer.value }), "flex items-center gap-2"))
-				}, [createElementVNode("div", _hoisted_2$18, [renderSlot(_ctx.$slots, "header", { state: state.value })]), inDrawer.value && props.closable ? (openBlock(), createBlock(CloseButton_default, {
+				}, [createElementVNode("div", _hoisted_2$21, [renderSlot(_ctx.$slots, "header", { state: state.value })]), inDrawer.value && props.closable ? (openBlock(), createBlock(CloseButton_default, {
 					key: 0,
 					class: "shrink-0",
 					onClick: _cache[0] || (_cache[0] = ($event) => unref(sidebar)?.toggle())
@@ -19537,7 +20463,7 @@ var Sidebar_default = /* @__PURE__ */ defineComponent({
 					class: "hn-collapse shrink-0",
 					"data-state": state.value === "rail" && !_ctx.$slots.icon ? "closed" : "open",
 					inert: state.value === "rail" && !_ctx.$slots.icon
-				}, [createElementVNode("div", _hoisted_4$9, [createElementVNode("div", { class: normalizeClass(unref(sidebarRegion)({ inDrawer: inDrawer.value })) }, [createElementVNode("div", { class: normalizeClass(unref(sidebarBrand)()) }, [
+				}, [createElementVNode("div", _hoisted_4$11, [createElementVNode("div", { class: normalizeClass(unref(sidebarRegion)({ inDrawer: inDrawer.value })) }, [createElementVNode("div", { class: normalizeClass(unref(sidebarBrand)()) }, [
 					_ctx.$slots.icon ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						class: normalizeClass(unref(sidebarIcon)())
@@ -19555,7 +20481,7 @@ var Sidebar_default = /* @__PURE__ */ defineComponent({
 						class: "ms-auto shrink-0",
 						onClick: _cache[1] || (_cache[1] = ($event) => unref(sidebar)?.toggle())
 					})) : createCommentVNode("", true)
-				], 2)], 2)])], 8, _hoisted_3$10)) : inDrawer.value && props.closable ? (openBlock(), createElementBlock("div", {
+				], 2)], 2)])], 8, _hoisted_3$12)) : inDrawer.value && props.closable ? (openBlock(), createElementBlock("div", {
 					key: 2,
 					class: normalizeClass(unref(cn)(unref(sidebarRegion)({ inDrawer: inDrawer.value }), "flex justify-end"))
 				}, [createVNode(CloseButton_default, { onClick: _cache[2] || (_cache[2] = ($event) => unref(sidebar)?.toggle()) })], 2)) : createCommentVNode("", true),
@@ -19565,8 +20491,8 @@ var Sidebar_default = /* @__PURE__ */ defineComponent({
 				}, {
 					default: withCtx(() => [createElementVNode("nav", {
 						"aria-label": props.label ?? unref(t).sidebar.navLabel,
-						class: normalizeClass(unref(cn)("flex flex-col gap-1 py-2", !inDrawer.value && "px-2.5"))
-					}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_5$8)]),
+						class: normalizeClass(unref(cn)("flex flex-col gap-1", inDrawer.value ? "py-2" : "px-2.5 py-2.5"))
+					}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_5$9)]),
 					_: 3
 				}),
 				_ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
@@ -19576,20 +20502,20 @@ var Sidebar_default = /* @__PURE__ */ defineComponent({
 						footer: true
 					}))
 				}, [renderSlot(_ctx.$slots, "footer", { state: state.value })], 2)) : createCommentVNode("", true)
-			], 42, _hoisted_1$25);
+			], 42, _hoisted_1$28);
 		};
 	}
 });
 //#endregion
 //#region src/components/sidebar/SidebarGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$24 = { class: "relative h-(--hn-control-h-sm)" };
-var _hoisted_2$17 = [
+var _hoisted_1$27 = { class: "relative h-(--hn-control-h-sm)" };
+var _hoisted_2$20 = [
 	"data-collapsed",
 	"aria-hidden",
 	"inert"
 ];
-var _hoisted_3$9 = ["data-collapsed"];
-var _hoisted_4$8 = { class: "flex flex-col gap-0.5 pt-1" };
+var _hoisted_3$11 = ["data-collapsed"];
+var _hoisted_4$10 = { class: "flex flex-col gap-0.5 pt-1" };
 //#endregion
 //#region src/components/sidebar/SidebarGroup.vue
 var SidebarGroup_default = /* @__PURE__ */ defineComponent({
@@ -19614,7 +20540,7 @@ var SidebarGroup_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(unref(cn)(props.class)),
 				"onUpdate:open": _cache[0] || (_cache[0] = (v) => rail.value ? void 0 : open.value = v)
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$24, [createElementVNode("div", {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$27, [createElementVNode("div", {
 					class: "hn-sidebar-label",
 					"data-collapsed": rail.value ? "" : void 0,
 					"aria-hidden": rail.value ? "true" : void 0,
@@ -19633,12 +20559,12 @@ var SidebarGroup_default = /* @__PURE__ */ defineComponent({
 						_: 1
 					}, 8, ["tabindex"])]),
 					_: 1
-				})], 8, _hoisted_2$17), createElementVNode("div", {
+				})], 8, _hoisted_2$20), createElementVNode("div", {
 					"aria-hidden": "true",
 					class: "hn-sidebar-label border-line pointer-events-none absolute inset-x-2 top-1/2 border-t",
 					"data-collapsed": rail.value ? void 0 : ""
-				}, null, 8, _hoisted_3$9)]), createVNode(CollapsibleContent_default, null, {
-					default: withCtx(() => [createElementVNode("div", _hoisted_4$8, [renderSlot(_ctx.$slots, "default")])]),
+				}, null, 8, _hoisted_3$11)]), createVNode(CollapsibleContent_default, null, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_4$10, [renderSlot(_ctx.$slots, "default")])]),
 					_: 3
 				})]),
 				_: 3
@@ -19692,19 +20618,19 @@ var drawerCard = tv({
 });
 //#endregion
 //#region src/components/drawer/Drawer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$23 = {
+var _hoisted_1$26 = {
 	key: 0,
 	class: "flex shrink-0 items-start justify-between gap-4 px-(--hn-panel-p)"
 };
-var _hoisted_2$16 = { class: "flex min-w-0 flex-col gap-1.5" };
-var _hoisted_3$8 = { class: "flex min-w-0 items-center gap-2" };
-var _hoisted_4$7 = {
+var _hoisted_2$19 = { class: "flex min-w-0 flex-col gap-1.5" };
+var _hoisted_3$10 = { class: "flex min-w-0 items-center gap-2" };
+var _hoisted_4$9 = {
 	key: 0,
 	class: "text-muted flex shrink-0 [&_svg]:size-5",
 	"aria-hidden": "true"
 };
-var _hoisted_5$7 = { class: "px-(--hn-panel-p) py-1" };
-var _hoisted_6$4 = {
+var _hoisted_5$8 = { class: "px-(--hn-panel-p) py-1" };
+var _hoisted_6$5 = {
 	key: 2,
 	class: "flex shrink-0 justify-end gap-(--hn-inline-gap) px-(--hn-panel-p)"
 };
@@ -19794,7 +20720,7 @@ var Drawer_default = /* @__PURE__ */ defineComponent({
 								default: withCtx(() => [createTextVNode(toDisplayString(props.description), 1)]),
 								_: 1
 							})) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), slots.body ? renderSlot(_ctx.$slots, "body", { close }, void 0, void 0, 1) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-								props.header ? (openBlock(), createElementBlock("div", _hoisted_1$23, [createElementVNode("div", _hoisted_2$16, [createElementVNode("div", _hoisted_3$8, [slots.icon ? (openBlock(), createElementBlock("span", _hoisted_4$7, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), createVNode(unref(DialogTitle), { "as-child": "" }, {
+								props.header ? (openBlock(), createElementBlock("div", _hoisted_1$26, [createElementVNode("div", _hoisted_2$19, [createElementVNode("div", _hoisted_3$10, [slots.icon ? (openBlock(), createElementBlock("span", _hoisted_4$9, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), createVNode(unref(DialogTitle), { "as-child": "" }, {
 									default: withCtx(() => [createVNode(Heading_default, {
 										level: 2,
 										size: "lg",
@@ -19829,10 +20755,10 @@ var Drawer_default = /* @__PURE__ */ defineComponent({
 									ref: scrollArea,
 									class: "min-h-0 grow"
 								}, {
-									default: withCtx(() => [createElementVNode("div", _hoisted_5$7, [renderSlot(_ctx.$slots, "content", { close })])]),
+									default: withCtx(() => [createElementVNode("div", _hoisted_5$8, [renderSlot(_ctx.$slots, "content", { close })])]),
 									_: 3
 								}, 512)) : 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$5, [renderSlot(_ctx.$slots, "footer", { close })])) : createCommentVNode("", true)
 							], 64))]),
 							_: 3
 						}, 16, ["data-hn-side", "class"])]),
@@ -19916,22 +20842,22 @@ function useSidebarScrollUpdates(area) {
 }
 //#endregion
 //#region src/components/app-shell/AppShell.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$22 = {
+var _hoisted_1$25 = {
 	key: 0,
 	class: "shrink-0"
 };
-var _hoisted_2$15 = { class: "flex min-h-0 flex-1" };
-var _hoisted_3$7 = {
+var _hoisted_2$18 = { class: "flex min-h-0 flex-1" };
+var _hoisted_3$9 = {
 	key: 0,
 	class: "hidden h-full shrink-0 lg:block"
 };
-var _hoisted_4$6 = { class: "flex min-h-0 min-w-0 flex-1 flex-col" };
-var _hoisted_5$6 = {
+var _hoisted_4$8 = { class: "flex min-h-0 min-w-0 flex-1 flex-col" };
+var _hoisted_5$7 = {
 	key: 0,
 	class: "border-line bg-canvas shrink-0 border-b"
 };
-var _hoisted_6$3 = { class: "flex h-14 items-center gap-3 px-4 sm:px-6" };
-var _hoisted_7$1 = { class: "min-h-0 min-w-0 flex-1" };
+var _hoisted_6$4 = { class: "flex h-14 items-center gap-3 px-4 sm:px-6" };
+var _hoisted_7$2 = { class: "min-h-0 min-w-0 flex-1" };
 //#endregion
 //#region src/components/app-shell/AppShell.vue
 var AppShell_default = /* @__PURE__ */ defineComponent({
@@ -19988,8 +20914,8 @@ var AppShell_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(TooltipProvider_default, null, {
 				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(cn)("bg-canvas text-fg flex h-screen flex-col overflow-hidden", props.class)) }, [
-					_ctx.$slots.banner ? (openBlock(), createElementBlock("div", _hoisted_1$22, [renderSlot(_ctx.$slots, "banner")])) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_2$15, [_ctx.$slots.sidebar ? (openBlock(), createElementBlock("div", _hoisted_3$7, [renderSlot(_ctx.$slots, "sidebar")])) : createCommentVNode("", true), createElementVNode("div", _hoisted_4$6, [_ctx.$slots.header ? (openBlock(), createElementBlock("header", _hoisted_5$6, [createElementVNode("div", _hoisted_6$3, [renderSlot(_ctx.$slots, "header")])])) : createCommentVNode("", true), createElementVNode("main", _hoisted_7$1, [createVNode(ScrollArea_default, {
+					_ctx.$slots.banner ? (openBlock(), createElementBlock("div", _hoisted_1$25, [renderSlot(_ctx.$slots, "banner")])) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_2$18, [_ctx.$slots.sidebar ? (openBlock(), createElementBlock("div", _hoisted_3$9, [renderSlot(_ctx.$slots, "sidebar")])) : createCommentVNode("", true), createElementVNode("div", _hoisted_4$8, [_ctx.$slots.header ? (openBlock(), createElementBlock("header", _hoisted_5$7, [createElementVNode("div", _hoisted_6$4, [renderSlot(_ctx.$slots, "header")])])) : createCommentVNode("", true), createElementVNode("main", _hoisted_7$2, [createVNode(ScrollArea_default, {
 						ref_key: "main",
 						ref: main,
 						"data-scroll-restore": props.restoreKey,
@@ -20021,8 +20947,8 @@ var AppShell_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/page/Page.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$21 = { class: "flex gap-10" };
-var _hoisted_2$14 = { class: "flex min-w-0 flex-1 flex-col gap-8" };
+var _hoisted_1$24 = { class: "flex gap-10" };
+var _hoisted_2$17 = { class: "flex min-w-0 flex-1 flex-col gap-8" };
 //#endregion
 //#region src/components/page/Page.vue
 var Page_default = /* @__PURE__ */ defineComponent({
@@ -20039,7 +20965,7 @@ var Page_default = /* @__PURE__ */ defineComponent({
 				size: props.size,
 				class: normalizeClass(unref(cn)("py-8", props.class))
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$21, [createElementVNode("div", _hoisted_2$14, [renderSlot(_ctx.$slots, "default")]), renderSlot(_ctx.$slots, "aside")])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$24, [createElementVNode("div", _hoisted_2$17, [renderSlot(_ctx.$slots, "default")]), renderSlot(_ctx.$slots, "aside")])]),
 				_: 3
 			}, 8, ["size", "class"]);
 		};
@@ -20047,9 +20973,9 @@ var Page_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/page/PageHeader.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$20 = { class: "flex flex-col items-start gap-3 md:flex-row" };
-var _hoisted_2$13 = { class: "flex min-w-0 flex-1 flex-col gap-2" };
-var _hoisted_3$6 = {
+var _hoisted_1$23 = { class: "flex flex-col items-start gap-3 md:flex-row" };
+var _hoisted_2$16 = { class: "flex min-w-0 flex-1 flex-col gap-2" };
+var _hoisted_3$8 = {
 	key: 0,
 	class: "flex w-full flex-wrap items-center gap-2 md:w-auto md:shrink-0"
 };
@@ -20067,7 +20993,7 @@ var PageHeader_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("header", { class: normalizeClass(unref(cn)("flex flex-col gap-2", props.class)) }, [createElementVNode("div", _hoisted_1$20, [createElementVNode("div", _hoisted_2$13, [
+			return openBlock(), createElementBlock("header", { class: normalizeClass(unref(cn)("flex flex-col gap-2", props.class)) }, [createElementVNode("div", _hoisted_1$23, [createElementVNode("div", _hoisted_2$16, [
 				props.eyebrow ? (openBlock(), createBlock(Text_default, {
 					key: 0,
 					as: "span",
@@ -20092,7 +21018,7 @@ var PageHeader_default = /* @__PURE__ */ defineComponent({
 					default: withCtx(() => [createTextVNode(toDisplayString(props.description), 1)]),
 					_: 1
 				})) : createCommentVNode("", true)
-			]), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_3$6, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)]), renderSlot(_ctx.$slots, "default")], 2);
+			]), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_3$8, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)]), renderSlot(_ctx.$slots, "default")], 2);
 		};
 	}
 });
@@ -20111,8 +21037,8 @@ var PageBody_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/page/PageAside.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$19 = ["aria-labelledby"];
-var _hoisted_2$12 = { class: "sticky top-8 flex flex-col gap-3" };
+var _hoisted_1$22 = ["aria-labelledby"];
+var _hoisted_2$15 = { class: "sticky top-8 flex flex-col gap-3" };
 //#endregion
 //#region src/components/page/PageAside.vue
 var PageAside_default = /* @__PURE__ */ defineComponent({
@@ -20129,7 +21055,7 @@ var PageAside_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("aside", {
 				"aria-labelledby": props.label ? unref(titleId) : void 0,
 				class: normalizeClass(unref(cn)("hidden w-56 shrink-0 xl:block", props.class))
-			}, [createElementVNode("div", _hoisted_2$12, [props.label ? (openBlock(), createBlock(Text_default, {
+			}, [createElementVNode("div", _hoisted_2$15, [props.label ? (openBlock(), createBlock(Text_default, {
 				key: 0,
 				id: unref(titleId),
 				as: "h2",
@@ -20139,13 +21065,13 @@ var PageAside_default = /* @__PURE__ */ defineComponent({
 			}, {
 				default: withCtx(() => [createTextVNode(toDisplayString(props.label), 1)]),
 				_: 1
-			}, 8, ["id"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")])], 10, _hoisted_1$19);
+			}, 8, ["id"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")])], 10, _hoisted_1$22);
 		};
 	}
 });
 //#endregion
 //#region src/components/section/Section.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$18 = ["id"];
+var _hoisted_1$21 = ["id"];
 //#endregion
 //#region src/components/section/Section.vue
 var Section_default = /* @__PURE__ */ defineComponent({
@@ -20168,7 +21094,7 @@ var Section_default = /* @__PURE__ */ defineComponent({
 			}, {
 				default: withCtx(() => [createTextVNode(toDisplayString(props.title), 1)]),
 				_: 1
-			})) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$18);
+			})) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$21);
 		};
 	}
 });
@@ -20249,15 +21175,15 @@ function useAnchor(items) {
 }
 //#endregion
 //#region src/components/anchor/Anchor.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$17 = ["aria-label"];
-var _hoisted_2$11 = { class: "border-line relative grid grid-cols-1 border-s" };
-var _hoisted_3$5 = [
+var _hoisted_1$20 = ["aria-label"];
+var _hoisted_2$14 = { class: "border-line relative grid grid-cols-1 border-s" };
+var _hoisted_3$7 = [
 	"href",
 	"aria-current",
 	"onClick"
 ];
-var _hoisted_4$5 = { class: "min-w-0 flex-1 wrap-break-word" };
-var _hoisted_5$5 = {
+var _hoisted_4$7 = { class: "min-w-0 flex-1 wrap-break-word" };
+var _hoisted_5$6 = {
 	key: 0,
 	class: "flex shrink-0 items-center empty:hidden"
 };
@@ -20279,7 +21205,7 @@ var Anchor_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("nav", {
 				"aria-label": props.label ?? unref(t).anchor.navLabel,
 				class: normalizeClass(unref(cn)(props.class))
-			}, [createElementVNode("ul", _hoisted_2$11, [createVNode(Transition, {
+			}, [createElementVNode("ul", _hoisted_2$14, [createVNode(Transition, {
 				"enter-active-class": "hn-transition-base",
 				"enter-from-class": "opacity-0",
 				"leave-active-class": "hn-transition",
@@ -20304,18 +21230,18 @@ var Anchor_default = /* @__PURE__ */ defineComponent({
 					"aria-current": unref(current) === entry.id ? "location" : void 0,
 					class: normalizeClass(unref(cn)("hn-link flex items-center gap-(--hn-control-gap) py-1 text-sm", entry.depth === 0 ? "ps-3" : "ps-6", unref(visible).has(entry.id) ? "font-medium [--hn-link-color:var(--hn-fg-default)]" : "[--hn-link-color:var(--hn-fg-muted)]")),
 					onClick: ($event) => unref(jump)($event, entry.id)
-				}, [createElementVNode("span", _hoisted_4$5, toDisplayString(entry.label), 1), _ctx.$slots.trailing ? (openBlock(), createElementBlock("span", _hoisted_5$5, [renderSlot(_ctx.$slots, "trailing", {
+				}, [createElementVNode("span", _hoisted_4$7, toDisplayString(entry.label), 1), _ctx.$slots.trailing ? (openBlock(), createElementBlock("span", _hoisted_5$6, [renderSlot(_ctx.$slots, "trailing", {
 					item: entry.item,
 					active: unref(current) === entry.id
-				})])) : createCommentVNode("", true)], 10, _hoisted_3$5)], 4);
-			}), 128))])], 10, _hoisted_1$17);
+				})])) : createCommentVNode("", true)], 10, _hoisted_3$7)], 4);
+			}), 128))])], 10, _hoisted_1$20);
 		};
 	}
 });
 //#endregion
 //#region src/components/breadcrumb/Breadcrumb.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$16 = ["aria-label"];
-var _hoisted_2$10 = { class: "flex flex-wrap items-center gap-1.5 text-sm" };
+var _hoisted_1$19 = ["aria-label"];
+var _hoisted_2$13 = { class: "flex flex-wrap items-center gap-1.5 text-sm" };
 //#endregion
 //#region src/components/breadcrumb/Breadcrumb.vue
 var Breadcrumb_default = /* @__PURE__ */ defineComponent({
@@ -20332,13 +21258,13 @@ var Breadcrumb_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("nav", {
 				"aria-label": props.label ?? unref(t).breadcrumb.navLabel,
 				class: normalizeClass(unref(cn)(props.class))
-			}, [createElementVNode("ol", _hoisted_2$10, [renderSlot(_ctx.$slots, "default")])], 10, _hoisted_1$16);
+			}, [createElementVNode("ol", _hoisted_2$13, [renderSlot(_ctx.$slots, "default")])], 10, _hoisted_1$19);
 		};
 	}
 });
 //#endregion
 //#region src/components/breadcrumb/BreadcrumbItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$15 = { class: "flex items-center" };
+var _hoisted_1$18 = { class: "flex items-center" };
 //#endregion
 //#region src/components/breadcrumb/BreadcrumbItem.vue
 var BreadcrumbItem_default = /* @__PURE__ */ defineComponent({
@@ -20357,7 +21283,7 @@ var BreadcrumbItem_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("li", _hoisted_1$15, [props.current ? (openBlock(), createElementBlock("span", mergeProps({ key: 0 }, _ctx.$attrs, {
+			return openBlock(), createElementBlock("li", _hoisted_1$18, [props.current ? (openBlock(), createElementBlock("span", mergeProps({ key: 0 }, _ctx.$attrs, {
 				"aria-current": "page",
 				class: unref(cn)("text-fg font-medium", props.class)
 			}), [renderSlot(_ctx.$slots, "default")], 16)) : (openBlock(), createBlock(unref(Primitive), mergeProps({ key: 1 }, _ctx.$attrs, {
@@ -20650,7 +21576,7 @@ var DropdownMenu_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/dropdown-menu/DropdownMenuItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$14 = { class: "min-w-0 flex-1" };
+var _hoisted_1$17 = { class: "min-w-0 flex-1" };
 //#endregion
 //#region src/components/dropdown-menu/DropdownMenuItem.vue
 var DropdownMenuItem_default = /* @__PURE__ */ defineComponent({
@@ -20676,7 +21602,7 @@ var DropdownMenuItem_default = /* @__PURE__ */ defineComponent({
 			}), {
 				default: withCtx(() => [
 					renderSlot(_ctx.$slots, "icon"),
-					createElementVNode("span", _hoisted_1$14, [renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("span", _hoisted_1$17, [renderSlot(_ctx.$slots, "default")]),
 					renderSlot(_ctx.$slots, "trailing")
 				]),
 				_: 3
@@ -20690,8 +21616,8 @@ var DropdownMenuItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/dropdown-menu/DropdownMenuCheckboxItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$13 = { class: "min-w-0 flex-1" };
-var _hoisted_2$9 = { class: "flex size-4 shrink-0 items-center justify-center" };
+var _hoisted_1$16 = { class: "min-w-0 flex-1" };
+var _hoisted_2$12 = { class: "flex size-4 shrink-0 items-center justify-center" };
 //#endregion
 //#region src/components/dropdown-menu/DropdownMenuCheckboxItem.vue
 var DropdownMenuCheckboxItem_default = /* @__PURE__ */ defineComponent({
@@ -20723,9 +21649,9 @@ var DropdownMenuCheckboxItem_default = /* @__PURE__ */ defineComponent({
 				onSelect: _cache[1] || (_cache[1] = (event) => event.preventDefault())
 			}), {
 				default: withCtx(() => [
-					createElementVNode("span", _hoisted_1$13, [renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("span", _hoisted_1$16, [renderSlot(_ctx.$slots, "default")]),
 					renderSlot(_ctx.$slots, "trailing"),
-					createElementVNode("span", _hoisted_2$9, [createVNode(unref(DropdownMenuItemIndicator), null, {
+					createElementVNode("span", _hoisted_2$12, [createVNode(unref(DropdownMenuItemIndicator), null, {
 						default: withCtx(() => [createVNode(unref(Check))]),
 						_: 1
 					})])
@@ -20758,7 +21684,7 @@ var DropdownMenuGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/dropdown-menu/DropdownMenuSub.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$12 = { class: "min-w-0 flex-1" };
+var _hoisted_1$15 = { class: "min-w-0 flex-1" };
 //#endregion
 //#region src/components/dropdown-menu/DropdownMenuSub.vue
 var DropdownMenuSub_default = /* @__PURE__ */ defineComponent({
@@ -20789,7 +21715,7 @@ var DropdownMenuSub_default = /* @__PURE__ */ defineComponent({
 				}, {
 					default: withCtx(() => [
 						renderSlot(_ctx.$slots, "icon"),
-						createElementVNode("span", _hoisted_1$12, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])]),
+						createElementVNode("span", _hoisted_1$15, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])]),
 						createVNode(unref(ChevronRight), { class: "text-muted" })
 					]),
 					_: 3
@@ -20872,8 +21798,8 @@ var DropdownMenuRadioGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/dropdown-menu/DropdownMenuRadioItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$11 = { class: "min-w-0 flex-1" };
-var _hoisted_2$8 = { class: "flex size-4 shrink-0 items-center justify-center" };
+var _hoisted_1$14 = { class: "min-w-0 flex-1" };
+var _hoisted_2$11 = { class: "flex size-4 shrink-0 items-center justify-center" };
 //#endregion
 //#region src/components/dropdown-menu/DropdownMenuRadioItem.vue
 var DropdownMenuRadioItem_default = /* @__PURE__ */ defineComponent({
@@ -20895,7 +21821,7 @@ var DropdownMenuRadioItem_default = /* @__PURE__ */ defineComponent({
 				"text-value": props.textValue,
 				class: unref(cn)(unref(dropdownItem)(), props.class)
 			}), {
-				default: withCtx(() => [createElementVNode("span", _hoisted_1$11, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", _hoisted_2$8, [createVNode(unref(DropdownMenuItemIndicator), null, {
+				default: withCtx(() => [createElementVNode("span", _hoisted_1$14, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", _hoisted_2$11, [createVNode(unref(DropdownMenuItemIndicator), null, {
 					default: withCtx(() => [createVNode(unref(Check), { class: "size-4" })]),
 					_: 1
 				})])]),
@@ -20911,19 +21837,19 @@ var DropdownMenuRadioItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/dialog/Dialog.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$10 = {
+var _hoisted_1$13 = {
 	key: 0,
 	class: "flex shrink-0 items-start justify-between gap-4 px-(--hn-panel-p)"
 };
-var _hoisted_2$7 = { class: "flex min-w-0 flex-col gap-1.5" };
-var _hoisted_3$4 = { class: "flex min-w-0 items-center gap-2" };
-var _hoisted_4$4 = {
+var _hoisted_2$10 = { class: "flex min-w-0 flex-col gap-1.5" };
+var _hoisted_3$6 = { class: "flex min-w-0 items-center gap-2" };
+var _hoisted_4$6 = {
 	key: 0,
 	class: "text-muted flex shrink-0 [&_svg]:size-5",
 	"aria-hidden": "true"
 };
-var _hoisted_5$4 = { class: "px-(--hn-panel-p) py-1" };
-var _hoisted_6$2 = {
+var _hoisted_5$5 = { class: "px-(--hn-panel-p) py-1" };
+var _hoisted_6$3 = {
 	key: 2,
 	class: "flex shrink-0 justify-end gap-(--hn-inline-gap) px-(--hn-panel-p)"
 };
@@ -21013,7 +21939,7 @@ var Dialog_default = /* @__PURE__ */ defineComponent({
 								default: withCtx(() => [createTextVNode(toDisplayString(props.description), 1)]),
 								_: 1
 							})) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), slots.body ? renderSlot(_ctx.$slots, "body", { close }, void 0, void 0, 1) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-								props.header ? (openBlock(), createElementBlock("div", _hoisted_1$10, [createElementVNode("div", _hoisted_2$7, [createElementVNode("div", _hoisted_3$4, [slots.icon ? (openBlock(), createElementBlock("span", _hoisted_4$4, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), createVNode(unref(DialogTitle), { "as-child": "" }, {
+								props.header ? (openBlock(), createElementBlock("div", _hoisted_1$13, [createElementVNode("div", _hoisted_2$10, [createElementVNode("div", _hoisted_3$6, [slots.icon ? (openBlock(), createElementBlock("span", _hoisted_4$6, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), createVNode(unref(DialogTitle), { "as-child": "" }, {
 									default: withCtx(() => [createVNode(Heading_default, {
 										level: 2,
 										size: "lg",
@@ -21048,10 +21974,10 @@ var Dialog_default = /* @__PURE__ */ defineComponent({
 									ref: scrollArea,
 									class: "min-h-0"
 								}, {
-									default: withCtx(() => [createElementVNode("div", _hoisted_5$4, [renderSlot(_ctx.$slots, "content", { close })])]),
+									default: withCtx(() => [createElementVNode("div", _hoisted_5$5, [renderSlot(_ctx.$slots, "content", { close })])]),
 									_: 3
 								}, 512)) : createCommentVNode("", true),
-								_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$2, [renderSlot(_ctx.$slots, "footer", { close })])) : createCommentVNode("", true)
+								_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$3, [renderSlot(_ctx.$slots, "footer", { close })])) : createCommentVNode("", true)
 							], 64))]),
 							_: 3
 						}, 16, ["class"])]),
@@ -21369,17 +22295,17 @@ function useToastExpand() {
 }
 //#endregion
 //#region src/components/toast/Toaster.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$9 = { class: "hn-toast-card bg-surface border-line relative rounded-lg border p-4 shadow-md" };
-var _hoisted_2$6 = {
+var _hoisted_1$12 = { class: "hn-toast-card bg-surface border-line relative rounded-lg border p-4 shadow-md" };
+var _hoisted_2$9 = {
 	key: 0,
 	class: "relative mt-0.5 size-5 shrink-0"
 };
-var _hoisted_3$3 = {
+var _hoisted_3$5 = {
 	key: 0,
 	class: "absolute inset-0 inline-flex items-center justify-center"
 };
-var _hoisted_4$3 = { class: "flex min-w-0 flex-1 flex-col gap-1 pe-6" };
-var _hoisted_5$3 = {
+var _hoisted_4$5 = { class: "flex min-w-0 flex-1 flex-col gap-1 pe-6" };
+var _hoisted_5$4 = {
 	key: 1,
 	class: "mt-1.5 flex gap-(--hn-inline-gap)"
 };
@@ -21438,7 +22364,7 @@ var Toaster_default = /* @__PURE__ */ defineComponent({
 						tabindex: unref(slotOf)(item).index === 0 ? 0 : -1,
 						"onUpdate:open": (v) => !v && unref(dismiss)(item.id)
 					}, {
-						default: withCtx(() => [createElementVNode("div", _hoisted_1$9, [item.component ? (openBlock(), createElementBlock("div", {
+						default: withCtx(() => [createElementVNode("div", _hoisted_1$12, [item.component ? (openBlock(), createElementBlock("div", {
 							key: 0,
 							ref_for: true,
 							ref: (refValue) => unref(setItemRef)(item.id, refValue),
@@ -21448,13 +22374,13 @@ var Toaster_default = /* @__PURE__ */ defineComponent({
 							ref_for: true,
 							ref: (refValue) => unref(setItemRef)(item.id, refValue),
 							class: "hn-toast-body flex w-full items-start gap-3"
-						}, [item.tone !== "neutral" ? (openBlock(), createElementBlock("div", _hoisted_2$6, [createVNode(Transition, {
+						}, [item.tone !== "neutral" ? (openBlock(), createElementBlock("div", _hoisted_2$9, [createVNode(Transition, {
 							"enter-active-class": "hn-transition-base",
 							"enter-from-class": "scale-90 opacity-0",
 							"leave-active-class": "hn-transition",
 							"leave-to-class": "scale-90 opacity-0"
 						}, {
-							default: withCtx(() => [item.tone === "loading" ? (openBlock(), createElementBlock("span", _hoisted_3$3, [createVNode(Spinner_default, {
+							default: withCtx(() => [item.tone === "loading" ? (openBlock(), createElementBlock("span", _hoisted_3$5, [createVNode(Spinner_default, {
 								size: "md",
 								class: "text-muted"
 							})])) : (openBlock(), createBlock(resolveDynamicComponent(icons[item.tone]), {
@@ -21463,7 +22389,7 @@ var Toaster_default = /* @__PURE__ */ defineComponent({
 								"aria-hidden": "true"
 							}, null, 8, ["class"]))]),
 							_: 2
-						}, 1024)])) : createCommentVNode("", true), createElementVNode("div", _hoisted_4$3, [
+						}, 1024)])) : createCommentVNode("", true), createElementVNode("div", _hoisted_4$5, [
 							createVNode(unref(ToastTitle), { class: "text-fg font-medium" }, {
 								default: withCtx(() => [createTextVNode(toDisplayString(item.message), 1)]),
 								_: 2
@@ -21475,7 +22401,7 @@ var Toaster_default = /* @__PURE__ */ defineComponent({
 								default: withCtx(() => [createTextVNode(toDisplayString(item.description), 1)]),
 								_: 2
 							}, 1024)) : createCommentVNode("", true),
-							item.action || item.cancel ? (openBlock(), createElementBlock("div", _hoisted_5$3, [item.cancel ? (openBlock(), createBlock(Button_default, {
+							item.action || item.cancel ? (openBlock(), createElementBlock("div", _hoisted_5$4, [item.cancel ? (openBlock(), createBlock(Button_default, {
 								key: 0,
 								size: "sm",
 								variant: "ghost",
@@ -21929,13 +22855,13 @@ function useReveal(host, hidden, revealOn) {
 }
 //#endregion
 //#region src/components/spoiler/Spoiler.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8 = [
+var _hoisted_1$11 = [
 	"data-hidden",
 	"role",
 	"aria-label",
 	"aria-expanded"
 ];
-var _hoisted_2$5 = { class: "hn-spoiler-inner" };
+var _hoisted_2$8 = { class: "hn-spoiler-inner" };
 //#endregion
 //#region src/components/spoiler/Spoiler.vue
 var Spoiler_default = /* @__PURE__ */ defineComponent({
@@ -21971,7 +22897,7 @@ var Spoiler_default = /* @__PURE__ */ defineComponent({
 				tabindex: "0",
 				"aria-label": label.value,
 				"aria-expanded": !hidden.value
-			}, toHandlers(unref(handlers), true)), [createElementVNode("span", _hoisted_2$5, [renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1$8);
+			}, toHandlers(unref(handlers), true)), [createElementVNode("span", _hoisted_2$8, [renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1$11);
 		};
 	}
 });
@@ -22155,20 +23081,20 @@ function DataTableSlot(props, { slots }) {
 }
 //#endregion
 //#region src/components/data-table/DataTableHead.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = {
+var _hoisted_1$10 = {
 	key: 1,
 	class: "sr-only"
 };
-var _hoisted_2$4 = {
+var _hoisted_2$7 = {
 	key: 0,
 	class: "hn-table-sort",
 	"aria-hidden": "true"
 };
-var _hoisted_3$2 = {
+var _hoisted_3$4 = {
 	key: 3,
 	class: "text-xs"
 };
-var _hoisted_4$2 = [
+var _hoisted_4$4 = [
 	"tabindex",
 	"aria-label",
 	"aria-valuenow",
@@ -22180,7 +23106,7 @@ var _hoisted_4$2 = [
 	"onPointerdown",
 	"onKeydown"
 ];
-var _hoisted_5$2 = { class: "sr-only" };
+var _hoisted_5$3 = { class: "sr-only" };
 //#endregion
 //#region src/components/data-table/DataTableHead.vue
 var DataTableHead_default = /* @__PURE__ */ defineComponent({
@@ -22221,7 +23147,7 @@ var DataTableHead_default = /* @__PURE__ */ defineComponent({
 								"disabled",
 								"aria-label",
 								"onUpdate:modelValue"
-							])) : (openBlock(), createElementBlock("span", _hoisted_1$7, toDisplayString(control === "select" ? unref(t).table.selectRow : control === "drag" ? unref(t).table.moveRow : unref(t).table.expand), 1))]),
+							])) : (openBlock(), createElementBlock("span", _hoisted_1$10, toDisplayString(control === "select" ? unref(t).table.selectRow : control === "drag" ? unref(t).table.moveRow : unref(t).table.expand), 1))]),
 							_: 2
 						}, 1032, ["rowspan", "style"]);
 					}), 128)) : createCommentVNode("", true),
@@ -22256,7 +23182,7 @@ var DataTableHead_default = /* @__PURE__ */ defineComponent({
 									onClick: ($event) => header.leaf && header.column.sortable && header.toggleSort($event.shiftKey),
 									onKeydown: ($event) => header.leaf && __props.config.reorderColumns && header.column.reorderable !== false && __props.drag.columnKeydown(header.column.key, $event)
 								}, {
-									default: withCtx(() => [createElementVNode("span", { class: normalizeClass(["min-w-0", (header.column.truncate || __props.config.resizable) && "truncate"]) }, toDisplayString(header.column.label), 3), header.leaf && header.column.sortable ? (openBlock(), createElementBlock("span", _hoisted_2$4, [header.sorting === "asc" ? (openBlock(), createBlock(unref(ArrowUp), { key: 0 })) : header.sorting === "desc" ? (openBlock(), createBlock(unref(ArrowDown), { key: 1 })) : (openBlock(), createBlock(unref(ChevronsUpDown), { key: 2 })), __props.config.multiSort && __props.models.sorting.value.length > 1 && header.sortIndex >= 0 ? (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(header.sortIndex + 1), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true)]),
+									default: withCtx(() => [createElementVNode("span", { class: normalizeClass(["min-w-0", (header.column.truncate || __props.config.resizable) && "truncate"]) }, toDisplayString(header.column.label), 3), header.leaf && header.column.sortable ? (openBlock(), createElementBlock("span", _hoisted_2$7, [header.sorting === "asc" ? (openBlock(), createBlock(unref(ArrowUp), { key: 0 })) : header.sorting === "desc" ? (openBlock(), createBlock(unref(ArrowDown), { key: 1 })) : (openBlock(), createBlock(unref(ChevronsUpDown), { key: 2 })), __props.config.multiSort && __props.models.sorting.value.length > 1 && header.sortIndex >= 0 ? (openBlock(), createElementBlock("span", _hoisted_3$4, toDisplayString(header.sortIndex + 1), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true)]),
 									_: 2
 								}, 1064, [
 									"type",
@@ -22286,7 +23212,7 @@ var DataTableHead_default = /* @__PURE__ */ defineComponent({
 								onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
 								onPointerdown: ($event) => __props.layout.resize(header.column, $event),
 								onKeydown: ($event) => __props.layout.resizeKey(header.column, $event)
-							}, null, 44, _hoisted_4$2)), [[unref(vTooltip), !__props.layout.resizing.value && __props.layout.handleVisible(header.column) ? `${unref(t).table.resizeColumn}: ${__props.layout.resizeLabel(header.column)}` : false]]) : createCommentVNode("", true)]),
+							}, null, 44, _hoisted_4$4)), [[unref(vTooltip), !__props.layout.resizing.value && __props.layout.handleVisible(header.column) ? `${unref(t).table.resizeColumn}: ${__props.layout.resizeLabel(header.column)}` : false]]) : createCommentVNode("", true)]),
 							_: 2
 						}, 1032, [
 							"data-hn-column",
@@ -22310,7 +23236,7 @@ var DataTableHead_default = /* @__PURE__ */ defineComponent({
 							top: 0
 						})
 					}, {
-						default: withCtx(() => [createElementVNode("span", _hoisted_5$2, toDisplayString(unref(t).table.edit), 1)]),
+						default: withCtx(() => [createElementVNode("span", _hoisted_5$3, toDisplayString(unref(t).table.edit), 1)]),
 						_: 1
 					}, 8, ["rowspan", "style"])) : createCommentVNode("", true)
 				]);
@@ -22320,7 +23246,7 @@ var DataTableHead_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/data-table/DataTableAction.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$6 = ["disabled", "aria-busy"];
+var _hoisted_1$9 = ["disabled", "aria-busy"];
 //#endregion
 //#region src/components/data-table/DataTableAction.vue
 var DataTableAction_default = /* @__PURE__ */ defineComponent({
@@ -22339,19 +23265,19 @@ var DataTableAction_default = /* @__PURE__ */ defineComponent({
 			}, [__props.loading ? (openBlock(), createBlock(Spinner_default, {
 				key: 0,
 				size: "sm"
-			})) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)], 8, _hoisted_1$6);
+			})) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)], 8, _hoisted_1$9);
 		};
 	}
 });
 //#endregion
 //#region src/components/data-table/DataTableSelection.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$5 = [
+var _hoisted_1$8 = [
 	"name",
 	"checked",
 	"disabled",
 	"aria-label"
 ];
-var _hoisted_2$3 = ["data-state"];
+var _hoisted_2$6 = ["data-state"];
 //#endregion
 //#region src/components/data-table/DataTableSelection.vue
 var DataTableSelection_default = /* @__PURE__ */ defineComponent({
@@ -22377,7 +23303,7 @@ var DataTableSelection_default = /* @__PURE__ */ defineComponent({
 				"aria-label": __props.label,
 				class: "peer absolute inset-0 z-10 size-full cursor-pointer opacity-0",
 				onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("change", true))
-			}, null, 40, _hoisted_1$5), createElementVNode("span", {
+			}, null, 40, _hoisted_1$8), createElementVNode("span", {
 				"aria-hidden": "true",
 				class: normalizeClass([unref(checkboxBox)({ shape: "round" }), "peer-focus-visible:outline-(--hn-focus-ring) peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2"]),
 				"data-state": __props.checked === true ? "checked" : "unchecked"
@@ -22392,7 +23318,7 @@ var DataTableSelection_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(radioDot)())
 				}, null, 2)) : createCommentVNode("", true)]),
 				_: 1
-			})], 10, _hoisted_2$3)], 2)) : (openBlock(), createBlock(Checkbox_default, {
+			})], 10, _hoisted_2$6)], 2)) : (openBlock(), createBlock(Checkbox_default, {
 				key: 1,
 				class: "mx-auto",
 				"model-value": __props.checked,
@@ -22409,8 +23335,8 @@ var DataTableSelection_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/data-table/DataTableEditor.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$4 = { class: "hn-table-editor-control" };
-var _hoisted_2$2 = ["id"];
+var _hoisted_1$7 = { class: "hn-table-editor-control" };
+var _hoisted_2$5 = ["id"];
 //#endregion
 //#region src/components/data-table/DataTableEditor.vue
 var DataTableEditor_default = /* @__PURE__ */ defineComponent({
@@ -22428,7 +23354,7 @@ var DataTableEditor_default = /* @__PURE__ */ defineComponent({
 				class: "hn-table-editor",
 				onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
 				onKeydown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
-			}, [createElementVNode("div", _hoisted_1$4, [createVNode(InputGroup_default, {
+			}, [createElementVNode("div", _hoisted_1$7, [createVNode(InputGroup_default, {
 				variant: "bare",
 				size: "sm",
 				disabled: __props.context.pending,
@@ -22490,7 +23416,7 @@ var DataTableEditor_default = /* @__PURE__ */ defineComponent({
 				id: unref(errorId),
 				role: "alert",
 				class: "hn-table-field-error"
-			}, toDisplayString(__props.context.error), 9, _hoisted_2$2)) : createCommentVNode("", true)], 32);
+			}, toDisplayString(__props.context.error), 9, _hoisted_2$5)) : createCommentVNode("", true)], 32);
 		};
 	}
 });
@@ -22511,7 +23437,7 @@ function useTableText(element, value) {
 }
 //#endregion
 //#region src/components/data-table/DataTableText.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$3 = ["tabindex"];
+var _hoisted_1$6 = ["tabindex"];
 //#endregion
 //#region src/components/data-table/DataTableText.vue
 var DataTableText_default = /* @__PURE__ */ defineComponent({
@@ -22531,7 +23457,7 @@ var DataTableText_default = /* @__PURE__ */ defineComponent({
 				ref: element,
 				class: "block truncate",
 				tabindex: unref(overflow) ? 0 : void 0
-			}, [createTextVNode(toDisplayString(__props.value), 1)], 8, _hoisted_1$3)), [[unref(vTooltip), unref(tooltip)]]) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.value), 1)], 64));
+			}, [createTextVNode(toDisplayString(__props.value), 1)], 8, _hoisted_1$6)), [[unref(vTooltip), unref(tooltip)]]) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.value), 1)], 64));
 		};
 	}
 });
@@ -22585,7 +23511,7 @@ function aggregate(rows, column, valueOf) {
 }
 //#endregion
 //#region src/components/data-table/DataTableRow.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$2 = [
+var _hoisted_1$5 = [
 	"data-index",
 	"data-editing",
 	"data-edit-error",
@@ -22595,14 +23521,14 @@ var _hoisted_1$2 = [
 	"data-hn-state-group",
 	"tabindex"
 ];
-var _hoisted_2$1 = ["id"];
-var _hoisted_3$1 = {
+var _hoisted_2$4 = ["id"];
+var _hoisted_3$3 = {
 	key: 1,
 	class: "p-3"
 };
-var _hoisted_4$1 = ["disabled", "aria-expanded"];
-var _hoisted_5$1 = { class: "text-muted" };
-var _hoisted_6$1 = {
+var _hoisted_4$3 = ["disabled", "aria-expanded"];
+var _hoisted_5$2 = { class: "text-muted" };
+var _hoisted_6$2 = {
 	key: 0,
 	class: "hn-table-editor-control justify-center"
 };
@@ -22657,7 +23583,7 @@ var DataTableRow_default = /* @__PURE__ */ defineComponent({
 					id: __props.editing.errorId,
 					role: "alert",
 					class: "hn-table-edit-message"
-				}, [createVNode(unref(CircleAlert), { "aria-hidden": "true" }), createTextVNode(" " + toDisplayString(__props.item.error), 1)], 8, _hoisted_2$1)) : (openBlock(), createElementBlock("div", _hoisted_3$1, [createVNode(unref(DataTableSlot), {
+				}, [createVNode(unref(CircleAlert), { "aria-hidden": "true" }), createTextVNode(" " + toDisplayString(__props.item.error), 1)], 8, _hoisted_2$4)) : (openBlock(), createElementBlock("div", _hoisted_3$3, [createVNode(unref(DataTableSlot), {
 					render: __props.slots.expansion,
 					context: entry.value
 				}, null, 8, ["render", "context"])]))]),
@@ -22701,8 +23627,8 @@ var DataTableRow_default = /* @__PURE__ */ defineComponent({
 								class: normalizeClass(["hn-transition-transform rtl:rotate-180", entry.value.group.expanded && "rotate-90 rtl:rotate-90"])
 							}, null, 8, ["class"]),
 							createTextVNode(" " + toDisplayString(entry.value.group.column.label) + ": " + toDisplayString(entry.value.group.value) + " ", 1),
-							createElementVNode("span", _hoisted_5$1, "(" + toDisplayString(entry.value.group.rows.length) + ")", 1)
-						], 12, _hoisted_4$1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(entry.value.group.aggregate(column.key) ?? "—"), 1)], 64))]),
+							createElementVNode("span", _hoisted_5$2, "(" + toDisplayString(entry.value.group.rows.length) + ")", 1)
+						], 12, _hoisted_4$3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(entry.value.group.aggregate(column.key) ?? "—"), 1)], 64))]),
 						_: 2
 					}, 1032, [
 						"data-state",
@@ -22830,7 +23756,7 @@ var DataTableRow_default = /* @__PURE__ */ defineComponent({
 					class: "hn-table-edit-actions",
 					style: normalizeStyle(__props.layout.controlStyle("end", 0))
 				}, {
-					default: withCtx(() => [__props.editing.isEditing(entry.value.key) ? (openBlock(), createElementBlock("div", _hoisted_6$1, [createVNode(DataTableAction_default, {
+					default: withCtx(() => [__props.editing.isEditing(entry.value.key) ? (openBlock(), createElementBlock("div", _hoisted_6$2, [createVNode(DataTableAction_default, {
 						loading: __props.editing.pending.value,
 						"aria-describedby": __props.editing.rowError(entry.value.key) ? __props.editing.errorId : void 0,
 						"aria-label": unref(t).table.save,
@@ -22867,13 +23793,13 @@ var DataTableRow_default = /* @__PURE__ */ defineComponent({
 					}, 8, ["disabled", "aria-label"]))]),
 					_: 1
 				}, 8, ["data-state", "style"])) : createCommentVNode("", true)
-			], 64))], 42, _hoisted_1$2);
+			], 64))], 42, _hoisted_1$5);
 		};
 	}
 });
 //#endregion
 //#region src/components/data-table/DataTableDragPreview.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$1 = { class: "hn-table-drag-label" };
+var _hoisted_1$4 = { class: "hn-table-drag-label" };
 //#endregion
 //#region src/components/data-table/DataTableDragPreview.vue
 var DataTableDragPreview_default = /* @__PURE__ */ defineComponent({
@@ -22931,7 +23857,7 @@ var DataTableDragPreview_default = /* @__PURE__ */ defineComponent({
 							top: `${__props.drag.dragging.value.y - __props.drag.dragging.value.offsetY}px`,
 							width: __props.drag.dragging.value.kind === "column" ? `${__props.drag.dragging.value.width}px` : void 0
 						})
-					}, [createElementVNode("div", _hoisted_1$1, toDisplayString(__props.drag.dragging.value.label), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.drag.dragging.value.samples, (sample, index) => {
+					}, [createElementVNode("div", _hoisted_1$4, toDisplayString(__props.drag.dragging.value.label), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.drag.dragging.value.samples, (sample, index) => {
 						return openBlock(), createElementBlock("div", {
 							key: index,
 							class: "hn-table-drag-cell"
@@ -24329,25 +25255,25 @@ function useTableVirtual(props, ctl, element, viewport, hasExpansion, rowError)
 }
 //#endregion
 //#region src/components/data-table/DataTable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-busy"];
-var _hoisted_2 = [
+var _hoisted_1$3 = ["aria-busy"];
+var _hoisted_2$3 = [
 	"aria-label",
 	"aria-rowcount",
 	"inert"
 ];
-var _hoisted_3 = { key: 0 };
-var _hoisted_4 = {
+var _hoisted_3$2 = { key: 0 };
+var _hoisted_4$2 = {
 	key: 0,
 	style: { "width": "72px" }
 };
-var _hoisted_5 = { key: 0 };
-var _hoisted_6 = { class: "text-muted flex min-h-32 items-center justify-center px-3 py-6 text-sm" };
-var _hoisted_7 = {
+var _hoisted_5$1 = { key: 0 };
+var _hoisted_6$1 = { class: "text-muted flex min-h-32 items-center justify-center px-3 py-6 text-sm" };
+var _hoisted_7$1 = {
 	key: 0,
 	"aria-hidden": "true"
 };
-var _hoisted_8 = ["colspan"];
-var _hoisted_9 = {
+var _hoisted_8$1 = ["colspan"];
+var _hoisted_9$1 = {
 	key: 1,
 	"aria-hidden": "true"
 };
@@ -24537,7 +25463,7 @@ var DataTable_default = /* @__PURE__ */ defineComponent({
 						"aria-rowcount": props.virtualize ? unref(virtual).entries.value.length + unref(layout).headerRows.value.length + (hasSummary.value ? 1 : 0) : void 0,
 						inert: unref(ctl).blocked.value || void 0
 					}, [
-						props.caption ? (openBlock(), createElementBlock("caption", _hoisted_3, [createElementVNode("span", null, toDisplayString(props.caption), 1)])) : createCommentVNode("", true),
+						props.caption ? (openBlock(), createElementBlock("caption", _hoisted_3$2, [createElementVNode("span", null, toDisplayString(props.caption), 1)])) : createCommentVNode("", true),
 						createElementVNode("colgroup", null, [
 							(openBlock(true), createElementBlock(Fragment, null, renderList(controls.value, (control) => {
 								return openBlock(), createElementBlock("col", {
@@ -24551,7 +25477,7 @@ var DataTable_default = /* @__PURE__ */ defineComponent({
 									style: normalizeStyle({ width: unref(layout).cellStyle(column).width })
 								}, null, 4);
 							}), 128)),
-							trailing.value ? (openBlock(), createElementBlock("col", _hoisted_4)) : createCommentVNode("", true)
+							trailing.value ? (openBlock(), createElementBlock("col", _hoisted_4$2)) : createCommentVNode("", true)
 						]),
 						createVNode(DataTableHead_default, {
 							config: props,
@@ -24569,18 +25495,18 @@ var DataTable_default = /* @__PURE__ */ defineComponent({
 							"controls",
 							"trailing"
 						]),
-						createElementVNode("tbody", null, [!unref(ctl).rows.value.length || !unref(ctl).visibleColumns.value.length && !controls.value.length ? (openBlock(), createElementBlock("tr", _hoisted_5, [createVNode(TableCell_default, { colspan: colspan.value }, {
-							default: withCtx(() => [createElementVNode("div", _hoisted_6, [props.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(unref(t).table.loading), 1)], 64)) : !unref(ctl).visibleColumns.value.length && !controls.value.length ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(unref(t).table.noColumns), 1)], 64)) : renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(props.emptyText ?? unref(t).table.empty), 1)], void 0, 2)])]),
+						createElementVNode("tbody", null, [!unref(ctl).rows.value.length || !unref(ctl).visibleColumns.value.length && !controls.value.length ? (openBlock(), createElementBlock("tr", _hoisted_5$1, [createVNode(TableCell_default, { colspan: colspan.value }, {
+							default: withCtx(() => [createElementVNode("div", _hoisted_6$1, [props.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(unref(t).table.loading), 1)], 64)) : !unref(ctl).visibleColumns.value.length && !controls.value.length ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(unref(t).table.noColumns), 1)], 64)) : renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(props.emptyText ?? unref(t).table.empty), 1)], void 0, 2)])]),
 							_: 3
 						}, 8, ["colspan"])])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-							unref(virtual).before.value ? (openBlock(), createElementBlock("tr", _hoisted_7, [createElementVNode("td", {
+							unref(virtual).before.value ? (openBlock(), createElementBlock("tr", _hoisted_7$1, [createElementVNode("td", {
 								colspan: colspan.value,
 								style: normalizeStyle({
 									height: `${unref(virtual).before.value}px`,
 									padding: 0,
 									border: 0
 								})
-							}, null, 12, _hoisted_8)])) : createCommentVNode("", true),
+							}, null, 12, _hoisted_8$1)])) : createCommentVNode("", true),
 							(openBlock(true), createElementBlock(Fragment, null, renderList(unref(virtual).visible.value, (item) => {
 								return openBlock(), createBlock(DataTableRow_default, {
 									key: item.id,
@@ -24608,7 +25534,7 @@ var DataTable_default = /* @__PURE__ */ defineComponent({
 									"measure"
 								]);
 							}), 128)),
-							unref(virtual).after.value ? (openBlock(), createElementBlock("tr", _hoisted_9, [createElementVNode("td", {
+							unref(virtual).after.value ? (openBlock(), createElementBlock("tr", _hoisted_9$1, [createElementVNode("td", {
 								colspan: colspan.value,
 								style: normalizeStyle({
 									height: `${unref(virtual).after.value}px`,
@@ -24655,7 +25581,7 @@ var DataTable_default = /* @__PURE__ */ defineComponent({
 							])]),
 							_: 1
 						}, 8, ["render", "context"])])) : createCommentVNode("", true)
-					], 12, _hoisted_2)]),
+					], 12, _hoisted_2$3)]),
 					_: 3
 				}, 8, [
 					"direction",
@@ -24720,11 +25646,491 @@ var DataTable_default = /* @__PURE__ */ defineComponent({
 					drag: unref(drag),
 					layout: unref(layout)
 				}, null, 8, ["drag", "layout"])
-			], 14, _hoisted_1);
+			], 14, _hoisted_1$3);
+		};
+	}
+});
+//#endregion
+//#region src/components/timeline/timeline.variants.ts
+var timeline = tv({
+	base: "hn-timeline text-fg m-0 grid w-full min-w-0 list-none p-0",
+	variants: { size: {
+		sm: "text-xs [--hn-timeline-gap:var(--hn-stack-gap)]",
+		md: "text-sm [--hn-timeline-gap:calc(var(--hn-stack-gap)*1.5)]",
+		lg: "text-base [--hn-timeline-gap:calc(var(--hn-stack-gap)*2)]"
+	} },
+	defaultVariants: { size: "md" }
+});
+var timelineMarker = tv({
+	base: "hn-timeline-marker flex shrink-0 items-center justify-center [&_svg]:size-[1em]",
+	variants: { tone: {
+		accent: "text-accent-text",
+		neutral: "text-muted",
+		success: "text-success-text",
+		warning: "text-warning-text",
+		danger: "text-danger-text",
+		info: "text-info-text"
+	} },
+	defaultVariants: { tone: "accent" }
+});
+//#endregion
+//#region src/components/timeline/Timeline.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = [
+	"data-orientation",
+	"data-align",
+	"data-opposite"
+];
+var _hoisted_2$2 = ["data-side"];
+var _hoisted_3$1 = {
+	key: 0,
+	class: "hn-timeline-opposite text-muted min-w-0 wrap-anywhere"
+};
+var _hoisted_4$1 = {
+	class: "hn-timeline-separator",
+	"aria-hidden": "true"
+};
+var _hoisted_5 = {
+	key: 0,
+	class: "hn-timeline-connector bg-line"
+};
+var _hoisted_6 = { class: "hn-timeline-content min-w-0 wrap-anywhere" };
+var _hoisted_7 = {
+	key: 0,
+	class: "text-muted mb-1 text-xs tabular-nums"
+};
+var _hoisted_8 = {
+	key: 1,
+	class: "font-medium"
+};
+var _hoisted_9 = {
+	key: 2,
+	class: "text-muted mt-1"
+};
+//#endregion
+//#region src/components/timeline/Timeline.vue
+var Timeline_default = /* @__PURE__ */ defineComponent({
+	name: "HnTimeline",
+	__name: "Timeline",
+	props: {
+		items: {},
+		orientation: { default: "vertical" },
+		align: { default: "start" },
+		size: {},
+		tone: {},
+		timePosition: { default: "content" },
+		reverse: {
+			type: Boolean,
+			default: false
+		},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const entries = computed(() => props.reverse ? [...props.items].reverse() : props.items);
+		function hasOpposite() {
+			return !!slots.opposite || props.timePosition === "opposite" && (!!slots.time || props.items.some((item) => item.time));
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("ol", {
+				"data-hn-timeline": "",
+				role: "list",
+				"data-orientation": props.orientation,
+				"data-align": props.align,
+				"data-opposite": hasOpposite() || void 0,
+				class: normalizeClass(unref(cn)(unref(timeline)({ size: props.size }), props.class))
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(entries.value, (item, index) => {
+				return openBlock(), createElementBlock("li", {
+					key: item.id ?? index,
+					class: "hn-timeline-item min-w-0",
+					"data-side": props.align === "end" || props.align === "alternate" && index % 2 === 1 ? "end" : "start"
+				}, [
+					hasOpposite() ? (openBlock(), createElementBlock("div", _hoisted_3$1, [renderSlot(_ctx.$slots, "opposite", {
+						item,
+						index
+					}, () => [props.timePosition === "opposite" ? renderSlot(_ctx.$slots, "time", {
+						item,
+						index
+					}, () => [item.time ? (openBlock(), createBlock(resolveDynamicComponent(item.dateTime ? "time" : "span"), {
+						key: 0,
+						datetime: item.dateTime,
+						class: "text-xs tabular-nums"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(item.time), 1)]),
+						_: 2
+					}, 1032, ["datetime"])) : createCommentVNode("", true)], void 0, 0) : createCommentVNode("", true)])])) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_4$1, [createElementVNode("span", { class: normalizeClass(unref(timelineMarker)({ tone: item.tone ?? props.tone })) }, [renderSlot(_ctx.$slots, "marker", {
+						item,
+						index
+					}, () => [_cache[0] || (_cache[0] = createElementVNode("span", { class: "bg-surface size-2.5 rounded-full border-2 border-current" }, null, -1))])], 2), index < entries.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_5)) : createCommentVNode("", true)]),
+					createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "content", {
+						item,
+						index
+					}, () => [
+						props.timePosition === "content" && (item.time || slots.time) ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "time", {
+							item,
+							index
+						}, () => [(openBlock(), createBlock(resolveDynamicComponent(item.dateTime ? "time" : "span"), { datetime: item.dateTime }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(item.time), 1)]),
+							_: 2
+						}, 1032, ["datetime"]))])])) : createCommentVNode("", true),
+						item.title || slots.title ? (openBlock(), createElementBlock("div", _hoisted_8, [renderSlot(_ctx.$slots, "title", {
+							item,
+							index
+						}, () => [createTextVNode(toDisplayString(item.title), 1)])])) : createCommentVNode("", true),
+						item.description || slots.description ? (openBlock(), createElementBlock("div", _hoisted_9, [renderSlot(_ctx.$slots, "description", {
+							item,
+							index
+						}, () => [createTextVNode(toDisplayString(item.description), 1)])])) : createCommentVNode("", true)
+					])])
+				], 8, _hoisted_2$2);
+			}), 128))], 10, _hoisted_1$2);
+		};
+	}
+});
+//#endregion
+//#region src/components/stepper/stepper.variants.ts
+var stepper = tv({
+	base: "flex w-full min-w-0 flex-col gap-(--hn-stack-gap)",
+	variants: { size: {
+		sm: "text-sm [--hn-stepper-indicator:var(--hn-control-h-sm)]",
+		md: "text-sm [--hn-stepper-indicator:var(--hn-control-h-md)]",
+		lg: "text-base [--hn-stepper-indicator:var(--hn-control-h-lg)]"
+	} },
+	defaultVariants: { size: "md" }
+});
+var stepperTrigger = tv({
+	base: ["hn-focus-ring cursor-pointer text-fg relative flex min-w-0 gap-(--hn-inline-gap) rounded-md p-1", "disabled:cursor-not-allowed disabled:opacity-50 data-disabled:cursor-not-allowed"],
+	variants: { orientation: {
+		horizontal: "w-full flex-col items-center text-center",
+		vertical: "items-start text-start"
+	} }
+});
+var stepperIndicator = tv({
+	base: "hn-transition-base flex size-(--hn-stepper-indicator) shrink-0 items-center justify-center rounded-full border text-sm font-medium tabular-nums [&_svg]:size-[1em]",
+	variants: { state: {
+		inactive: "border-line text-muted bg-surface",
+		active: "border-accent bg-accent text-accent-on",
+		completed: "border-transparent bg-accent-soft text-accent-text",
+		error: "border-danger bg-danger-soft text-danger-text"
+	} },
+	defaultVariants: { state: "inactive" }
+});
+//#endregion
+//#region src/components/stepper/StepperStep.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { class: "flex min-w-0 flex-1 flex-col justify-center gap-1 self-stretch wrap-anywhere" };
+var _hoisted_2$1 = ["id"];
+//#endregion
+//#region src/components/stepper/StepperStep.vue
+var StepperStep_default = /* @__PURE__ */ defineComponent({
+	__name: "StepperStep",
+	props: {
+		entry: {},
+		id: {},
+		panelId: {},
+		pending: { type: Boolean },
+		last: { type: Boolean },
+		orientation: {}
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const t = useUiLocale();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(StepperItem), {
+				as: "li",
+				step: __props.entry.step,
+				disabled: __props.entry.disabled,
+				completed: __props.entry.state === "completed",
+				"aria-current": void 0,
+				"data-hn-state": __props.entry.state,
+				class: "hn-stepper-item min-w-0"
+			}, {
+				default: withCtx(() => [createVNode(unref(StepperTrigger), {
+					id: `${__props.id}-trigger`,
+					"aria-labelledby": `${__props.id}-title`,
+					"aria-describedby": [__props.entry.item.description || slots.description ? `${__props.id}-description` : void 0, __props.entry.state === "error" || __props.entry.state === "completed" ? `${__props.id}-status` : void 0].filter(Boolean).join(" ") || void 0,
+					"aria-controls": __props.panelId,
+					"aria-current": __props.entry.active ? "step" : void 0,
+					"aria-disabled": props.pending || void 0,
+					"data-disabled": __props.entry.disabled || props.pending ? "" : void 0,
+					class: normalizeClass(unref(stepperTrigger)({ orientation: props.orientation })),
+					onMousedownCapture: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
+					onClick: _cache[1] || (_cache[1] = ($event) => emit("select", __props.entry.step))
+				}, {
+					default: withCtx(() => [createVNode(unref(StepperIndicator), {
+						class: normalizeClass(unref(stepperIndicator)({ state: __props.entry.state })),
+						"aria-hidden": "true"
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "indicator", normalizeProps(guardReactiveProps(__props.entry)), () => [props.pending && __props.entry.active ? (openBlock(), createBlock(Spinner_default, {
+							key: 0,
+							size: "sm"
+						})) : __props.entry.state === "error" ? (openBlock(), createBlock(unref(CircleAlert), { key: 1 })) : __props.entry.state === "completed" ? (openBlock(), createBlock(unref(Check), { key: 2 })) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createTextVNode(toDisplayString(__props.entry.step), 1)], 64))])]),
+						_: 3
+					}, 8, ["class"]), createElementVNode("span", _hoisted_1$1, [
+						createVNode(unref(StepperTitle), {
+							as: "span",
+							id: `${__props.id}-title`,
+							class: normalizeClass(["font-medium", __props.entry.state === "error" ? "text-danger-text" : void 0])
+						}, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "title", normalizeProps(guardReactiveProps(__props.entry)), () => [createTextVNode(toDisplayString(__props.entry.item.title), 1)])]),
+							_: 3
+						}, 8, ["id", "class"]),
+						__props.entry.item.description || slots.description ? (openBlock(), createBlock(unref(StepperDescription), {
+							key: 0,
+							as: "span",
+							id: `${__props.id}-description`,
+							class: "text-muted text-xs"
+						}, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "description", normalizeProps(guardReactiveProps(__props.entry)), () => [createTextVNode(toDisplayString(__props.entry.item.description), 1)])]),
+							_: 3
+						}, 8, ["id"])) : createCommentVNode("", true),
+						__props.entry.state === "error" || __props.entry.state === "completed" ? (openBlock(), createElementBlock("span", {
+							key: 1,
+							id: `${__props.id}-status`,
+							class: "sr-only"
+						}, toDisplayString(__props.entry.state === "error" ? unref(t).stepper.error : unref(t).stepper.completed), 9, _hoisted_2$1)) : createCommentVNode("", true)
+					])]),
+					_: 3
+				}, 8, [
+					"id",
+					"aria-labelledby",
+					"aria-describedby",
+					"aria-controls",
+					"aria-current",
+					"aria-disabled",
+					"data-disabled",
+					"class"
+				]), !props.last ? (openBlock(), createBlock(unref(StepperSeparator), {
+					key: 0,
+					class: normalizeClass(["hn-stepper-separator hn-transition-base", __props.entry.state === "completed" ? "bg-accent" : "bg-line"])
+				}, null, 8, ["class"])) : createCommentVNode("", true)]),
+				_: 3
+			}, 8, [
+				"step",
+				"disabled",
+				"completed",
+				"data-hn-state"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/stepper/composables/useStepper.ts
+function useStepper(props, update, onError) {
+	const model = useVModel(props, "modelValue", (_, value) => update(value), {
+		defaultValue: props.defaultValue ?? 1,
+		passive: props.modelValue === void 0
+	});
+	const pending = ref(false);
+	const total = computed(() => props.items.length);
+	const step = computed(() => total.value ? Math.min(total.value, Math.max(1, Math.floor(Number.isFinite(model.value) ? model.value : 1))) : 0);
+	let version = 0;
+	function invalidate() {
+		version++;
+		pending.value = false;
+	}
+	watch([
+		model,
+		() => JSON.stringify(props.items.map((item) => [item.title, !!item.disabled])),
+		() => props.disabled,
+		() => props.linear,
+		() => props.beforeChange
+	], invalidate, { flush: "sync" });
+	onScopeDispose(invalidate);
+	function available(target) {
+		return Number.isInteger(target) && target >= 1 && target <= total.value && !props.disabled && !props.items[target - 1]?.disabled && (props.linear === false || target <= step.value + 1);
+	}
+	const canNext = computed(() => !pending.value && step.value > 0 && available(step.value + 1));
+	const canPrev = computed(() => !pending.value && available(step.value - 1));
+	async function goTo(target) {
+		if (pending.value || !available(target) || target === step.value) return false;
+		const ticket = ++version;
+		const from = step.value;
+		try {
+			if (props.beforeChange) {
+				pending.value = true;
+				if (await props.beforeChange(target, from) === false) return false;
+			}
+			if (ticket !== version || from !== step.value || !available(target)) return false;
+			pending.value = false;
+			model.value = target;
+			return true;
+		} catch (error) {
+			if (ticket === version) onError(error);
+			return false;
+		} finally {
+			if (ticket === version) pending.value = false;
+		}
+	}
+	const next = () => goTo(step.value + 1);
+	const prev = () => goTo(step.value - 1);
+	return {
+		step,
+		pending,
+		entries: computed(() => props.items.map((item, index) => ({
+			item,
+			index,
+			step: index + 1,
+			active: step.value === index + 1,
+			pending: pending.value && step.value === index + 1,
+			disabled: !available(index + 1),
+			state: item.error ? "error" : item.completed || index + 1 < step.value ? "completed" : index + 1 === step.value ? "active" : "inactive"
+		}))),
+		navigation: computed(() => ({
+			step: step.value,
+			item: props.items[step.value - 1],
+			total: total.value,
+			pending: pending.value,
+			canNext: canNext.value,
+			canPrev: canPrev.value,
+			next,
+			prev,
+			goTo
+		})),
+		next,
+		prev,
+		goTo,
+		canNext,
+		canPrev
+	};
+}
+//#endregion
+//#region src/components/stepper/Stepper.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["dir", "aria-busy"];
+var _hoisted_2 = ["data-orientation"];
+var _hoisted_3 = [
+	"id",
+	"role",
+	"aria-labelledby"
+];
+var _hoisted_4 = {
+	key: 1,
+	class: "sr-only",
+	role: "status",
+	"aria-live": "polite",
+	"aria-atomic": "true"
+};
+//#endregion
+//#region src/components/stepper/Stepper.vue
+var Stepper_default = /* @__PURE__ */ defineComponent({
+	name: "HnStepper",
+	__name: "Stepper",
+	props: {
+		items: {},
+		modelValue: {},
+		defaultValue: { default: 1 },
+		orientation: { default: "horizontal" },
+		size: {},
+		linear: {
+			type: Boolean,
+			default: true
+		},
+		disabled: { type: Boolean },
+		beforeChange: {},
+		label: {},
+		dir: {},
+		class: {}
+	},
+	emits: ["update:modelValue", "error"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const t = useUiLocale();
+		const id = useId();
+		const { root, direction, rootDirection } = useDirection$1(() => props.dir);
+		const { step, pending, entries, navigation, next, prev, goTo, canNext, canPrev } = useStepper(props, (value) => emit("update:modelValue", value), (error) => emit("error", error));
+		__expose({
+			step,
+			pending,
+			next,
+			prev,
+			goTo,
+			canNext,
+			canPrev
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "root",
+				ref: root,
+				"data-hn-stepper": "",
+				dir: unref(rootDirection),
+				class: normalizeClass(unref(cn)(unref(stepper)({ size: props.size }), props.class)),
+				"aria-busy": unref(pending) || void 0
+			}, [
+				createVNode(unref(StepperRoot), {
+					"model-value": unref(step),
+					orientation: props.orientation,
+					dir: unref(direction),
+					linear: props.linear,
+					"aria-label": props.label ?? unref(t).stepper.label,
+					class: "min-w-0 [&>[role=status]]:hidden",
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = (value) => value !== void 0 && unref(goTo)(value))
+				}, {
+					default: withCtx(() => [createElementVNode("ol", {
+						role: "list",
+						class: "hn-stepper-list m-0 grid min-w-0 list-none p-0",
+						"data-orientation": props.orientation
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(entries), (entry) => {
+						return openBlock(), createBlock(StepperStep_default, {
+							id: `${unref(id)}-${entry.step}`,
+							key: entry.step,
+							entry,
+							orientation: props.orientation,
+							pending: unref(pending),
+							last: entry.step === unref(entries).length,
+							"panel-id": slots.default ? `${unref(id)}-panel` : void 0,
+							onSelect: unref(goTo)
+						}, createSlots({ _: 2 }, [
+							slots.indicator ? {
+								name: "indicator",
+								fn: withCtx((scope) => [renderSlot(_ctx.$slots, "indicator", mergeProps({ ref_for: true }, scope))]),
+								key: "0"
+							} : void 0,
+							slots.title ? {
+								name: "title",
+								fn: withCtx((scope) => [renderSlot(_ctx.$slots, "title", mergeProps({ ref_for: true }, scope))]),
+								key: "1"
+							} : void 0,
+							slots.description ? {
+								name: "description",
+								fn: withCtx((scope) => [renderSlot(_ctx.$slots, "description", mergeProps({ ref_for: true }, scope))]),
+								key: "2"
+							} : void 0
+						]), 1032, [
+							"id",
+							"entry",
+							"orientation",
+							"pending",
+							"last",
+							"panel-id",
+							"onSelect"
+						]);
+					}), 128))], 8, _hoisted_2)]),
+					_: 3
+				}, 8, [
+					"model-value",
+					"orientation",
+					"dir",
+					"linear",
+					"aria-label"
+				]),
+				slots.default ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					id: `${unref(id)}-panel`,
+					role: unref(step) ? "region" : void 0,
+					"aria-labelledby": unref(step) ? `${unref(id)}-${unref(step)}-title` : void 0,
+					class: "min-w-0"
+				}, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(navigation))))], 8, _hoisted_3)) : createCommentVNode("", true),
+				unref(entries).length ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(unref(t).stepper.progress(unref(step), unref(entries).length)), 1)) : createCommentVNode("", true)
+			], 10, _hoisted_1);
 		};
 	}
 });
 //#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, DataTable_default as DataTable, 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, Pagination_default as Pagination, PaginationContent_default as PaginationContent, PaginationInfo_default as PaginationInfo, PaginationJump_default as PaginationJump, PaginationSize_default as PaginationSize, 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, SidebarLabel_default as SidebarLabel, 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, Tree_default as Tree, TreeSelect_default as TreeSelect, VisuallyHidden_default as VisuallyHidden, atopOff, cn, createScrollRestorer, cssEase, enUS, firstPaintRestoreScript, provideImageResolver, provideUiLocale, readScrollRecord, toast, tokenize, tokensToHtml, tv, useImageResolver, useUiLocale, vTooltip, 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, DataTable_default as DataTable, 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, NavigationMenu_default as NavigationMenu, NavigationMenuContent_default as NavigationMenuContent, NavigationMenuItem_default as NavigationMenuItem, NavigationMenuLink_default as NavigationMenuLink, NavigationMenuTrigger_default as NavigationMenuTrigger, NumberFormat_default as NumberFormat, NumberInput_default as NumberInput, Page_default as Page, PageAside_default as PageAside, PageBody_default as PageBody, PageHeader_default as PageHeader, Pagination_default as Pagination, PaginationContent_default as PaginationContent, PaginationInfo_default as PaginationInfo, PaginationJump_default as PaginationJump, PaginationSize_default as PaginationSize, 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, SidebarLabel_default as SidebarLabel, 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, Stepper_default as Stepper, 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, Timeline_default as Timeline, Toaster_default as Toaster, Toggle_default as Toggle, Toolbar_default as Toolbar, ToolbarButton_default as ToolbarButton, ToolbarLink_default as ToolbarLink, ToolbarSeparator_default as ToolbarSeparator, ToolbarToggleGroup_default as ToolbarToggleGroup, ToolbarToggleItem_default as ToolbarToggleItem, Tooltip_default as Tooltip, TooltipProvider_default as TooltipProvider, Tree_default as Tree, TreeSelect_default as TreeSelect, VisuallyHidden_default as VisuallyHidden, atopOff, cn, createScrollRestorer, cssEase, enUS, firstPaintRestoreScript, provideImageResolver, provideUiLocale, readScrollRecord, toast, tokenize, tokensToHtml, tv, useImageResolver, useUiLocale, vTooltip, writeScrollRecord, zhCN };
 
 //# sourceMappingURL=index.js.map