@typlog/ui 0.15.0 → 0.16.0

package/{components.js → index.js}

@@ -1,6 +1,6 @@
 import { n as useForwardPropsEmitsWithout, r as useForwardPropsWithout, t as buildPropsClass } from "./util-lkbchXvM.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineComponent, effectScope, guardReactiveProps, isRef, markRaw, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, shallowReactive, toDisplayString, toRef, toRefs, unref, useAttrs, useId, useModel, useTemplateRef, vModelDynamic, vModelRadio, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
-import { AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTrigger, AvatarFallback, AvatarImage, AvatarRoot, CheckboxGroupRoot as CheckboxGroup, CheckboxIndicator, CheckboxRoot, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, ComboboxAnchor, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxPortal, ComboboxRoot, ComboboxTrigger, ComboboxViewport, DialogClose, DialogClose as DialogClose$1, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogRoot as DialogRoot$1, DialogTitle, DialogTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger, EditableArea, EditableInput, EditablePreview, EditableRoot, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, PaginationEllipsis, PaginationFirst, PaginationLast, PaginationList, PaginationListItem, PaginationNext, PaginationPrev, PaginationRoot, PinInputInput, PinInputRoot, PopoverClose, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, Primitive, ProgressIndicator, ProgressRoot, RadioGroupItem, RadioGroupRoot, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, SelectContent, SelectGroup, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectPortal, SelectRoot, SelectTrigger, SelectValue, SelectViewport, SwitchRoot, SwitchThumb, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger, ToastAction, ToastDescription, ToastPortal, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Toggle, ToggleGroupItem, ToggleGroupRoot, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TreeItem, TreeRoot, TreeVirtualizer, createContext, injectComboboxRootContext, injectDialogRootContext, injectPaginationRootContext, injectTreeRootContext, useForwardExpose, useForwardProps, useForwardPropsEmits, useId as useId$1 } from "reka-ui";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineComponent, effectScope, getCurrentInstance, guardReactiveProps, isRef, markRaw, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, shallowReactive, toDisplayString, toRef, toRefs, unref, useAttrs, useId, useModel, useTemplateRef, vModelDynamic, vModelRadio, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTrigger, AvatarFallback, AvatarImage, AvatarRoot, CheckboxGroupRoot, CheckboxIndicator, CheckboxRoot, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, ComboboxAnchor, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxPortal, ComboboxRoot, ComboboxTrigger, ComboboxViewport, DialogClose, DialogClose as DialogClose$1, DialogContent, DialogOverlay, DialogPortal, DialogRoot, DialogTrigger, DrawerClose, DrawerClose as DrawerClose$1, DrawerContent, DrawerDescription, DrawerHandle, DrawerIndent, DrawerIndentBackground, DrawerOverlay, DrawerPortal, DrawerProvider, DrawerRoot, DrawerSwipeArea, DrawerTitle, DrawerTrigger, DrawerViewport, DropdownMenuContent, DropdownMenuItem, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger, EditableArea, EditableInput, EditablePreview, EditableRoot, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, PaginationEllipsis, PaginationFirst, PaginationLast, PaginationList, PaginationListItem, PaginationNext, PaginationPrev, PaginationRoot, PinInputInput, PinInputRoot, PopoverClose, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, Primitive, ProgressIndicator, ProgressRoot, RadioGroupItem, RadioGroupRoot, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, SelectContent, SelectGroup, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectPortal, SelectRoot, SelectTrigger, SelectValue, SelectViewport, SwitchRoot, SwitchThumb, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger, ToastAction, ToastDescription, ToastPortal, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Toggle, ToggleGroupItem, ToggleGroupRoot, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TreeItem, TreeRoot, TreeVirtualizer, createContext, injectComboboxRootContext, injectDialogRootContext, injectDrawerRootContext, injectPaginationRootContext, injectTreeRootContext, useForwardExpose, useForwardProps, useForwardPropsEmits, useId as useId$1 } from "reka-ui";
 import { Icon } from "@iconify/vue";
 //#region src/components/provider/ThemeProvider.vue?vue&type=script&setup=true&lang.ts
 var [injectThemeContext, provideThemeContext] = createContext("ThemeProvider");
@@ -36,7 +36,7 @@ var ThemeProvider_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(TooltipProvider), null, {
 				default: withCtx(() => [createVNode(unref(Primitive), mergeProps({
-					class: "ui-root",
+					class: "ui-root ui-theme",
 					"data-accent-color": unref(accentColor),
 					"data-gray-color": unref(grayColor),
 					"data-radius": unref(radius),
@@ -65,13 +65,13 @@ var ThemeProvider_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region ~icons/ri/user-line
-var _hoisted_1$38 = {
+var _hoisted_1$39 = {
 	viewBox: "0 0 24 24",
 	width: "1em",
 	height: "1em"
 };
 function render$15(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$38, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+	return openBlock(), createElementBlock("svg", _hoisted_1$39, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
 		fill: "currentColor",
 		d: "M4 22a8 8 0 1 1 16 0h-2a6 6 0 0 0-12 0zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6s6 2.685 6 6s-2.685 6-6 6m0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4"
 	}, null, -1)])]);
@@ -305,13 +305,13 @@ var IconButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region ~icons/radix-icons/cross-2
-var _hoisted_1$37 = {
+var _hoisted_1$38 = {
 	viewBox: "0 0 15 15",
 	width: "1em",
 	height: "1em"
 };
 function render$14(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$37, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+	return openBlock(), createElementBlock("svg", _hoisted_1$38, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
 		fill: "currentColor",
 		d: "M10.969 3.219a.574.574 0 1 1 .812.812L8.313 7.5l3.468 3.469l.074.09a.575.575 0 0 1-.796.796l-.09-.074L7.5 8.312l-3.469 3.47a.574.574 0 1 1-.812-.813L6.688 7.5l-3.47-3.469l-.073-.09a.575.575 0 0 1 .796-.797l.09.075L7.5 6.687z"
 	}, null, -1)])]);
@@ -736,7 +736,7 @@ var TreeRoot_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/tree/TreeItemIndicator.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$36 = [
+var _hoisted_1$37 = [
 	"data-expanded",
 	"data-has-children",
 	"data-disabled"
@@ -772,13 +772,13 @@ var TreeItemIndicator_default = /* @__PURE__ */ defineComponent({
 				class: "ui-TreeItemIndicatorGraphic",
 				icon: "lucide:chevron-right",
 				"aria-hidden": "true"
-			})])], 8, _hoisted_1$36);
+			})])], 8, _hoisted_1$37);
 		};
 	}
 });
 //#endregion
 //#region src/components/tree/TreeItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$35 = { class: "ui-TreeItemRow" };
+var _hoisted_1$36 = { class: "ui-TreeItemRow" };
 var _hoisted_2$8 = { class: "ui-TreeItemTarget" };
 var _hoisted_3$2 = {
 	key: 0,
@@ -792,7 +792,6 @@ var _hoisted_5$1 = {
 //#endregion
 //#region src/components/tree/TreeItem.vue
 var TreeItem_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
 	__name: "TreeItem",
 	props: {
 		hasChildren: {
@@ -830,17 +829,14 @@ var TreeItem_default = /* @__PURE__ */ defineComponent({
 			};
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(TreeItem), mergeProps({
-				..._ctx.$attrs,
-				...unref(forwarded)
-			}, {
+			return openBlock(), createBlock(unref(TreeItem), mergeProps(unref(forwarded), {
 				value: props.value,
 				level: props.level,
 				class: ["ui-TreeItem", unref(context).highContrast.value ? "r-high-contrast" : void 0],
 				"data-accent-color": unref(context).color.value,
 				style: { "--tree-item-level": props.level }
 			}), {
-				default: withCtx((state) => [createElementVNode("div", _hoisted_1$35, [
+				default: withCtx((state) => [createElementVNode("div", _hoisted_1$36, [
 					createVNode(TreeItemIndicator_default, {
 						class: "ui-TreeItemIndicator",
 						expanded: state.isExpanded,
@@ -891,7 +887,7 @@ var ThemeWrapper_default = /* @__PURE__ */ defineComponent({
 		const theme = injectThemeContext();
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Primitive), {
-				class: "ui-root",
+				class: "ui-theme",
 				"data-accent-color": props.accentColor || unref(theme).accentColor.value,
 				"data-gray-color": unref(theme).grayColor.value,
 				"data-radius": props.radius || unref(theme).radius.value,
@@ -911,7 +907,7 @@ var ThemeWrapper_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/tooltip/Tooltip.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$34 = ["textContent"];
+var _hoisted_1$35 = ["textContent"];
 //#endregion
 //#region src/components/tooltip/Tooltip.vue
 var Tooltip_default = /* @__PURE__ */ defineComponent({
@@ -986,7 +982,7 @@ var Tooltip_default = /* @__PURE__ */ defineComponent({
 							default: withCtx(() => [renderSlot(_ctx.$slots, "content", {}, () => [createElementVNode("p", {
 								class: "ui-TooltipText",
 								textContent: toDisplayString(props.content)
-							}, null, 8, _hoisted_1$34)]), createVNode(unref(TooltipArrow), { class: "ui-TooltipArrow" })]),
+							}, null, 8, _hoisted_1$35)]), createVNode(unref(TooltipArrow), { class: "ui-TooltipArrow" })]),
 							_: 3
 						}, 8, [
 							"align",
@@ -1157,7 +1153,7 @@ var DialogPopup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/dialog/AlertDialogPopup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$33 = { class: "ui-DialogWrapper" };
+var _hoisted_1$34 = { class: "ui-DialogWrapper" };
 var _hoisted_2$7 = { class: "ui-DialogContainer" };
 //#endregion
 //#region src/components/dialog/AlertDialogPopup.vue
@@ -1184,7 +1180,7 @@ var AlertDialogPopup_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createBlock(unref(AlertDialogPortal), null, {
 				default: withCtx(() => [createVNode(ThemeWrapper_default, null, {
 					default: withCtx(() => [createVNode(unref(AlertDialogOverlay), { class: "ui-DialogOverlay" }, {
-						default: withCtx(() => [createElementVNode("div", _hoisted_1$33, [createElementVNode("div", _hoisted_2$7, [createVNode(unref(AlertDialogContent), mergeProps({ class: "ui-DialogPopup ui-AlertPopup r-size-3" }, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_1$34, [createElementVNode("div", _hoisted_2$7, [createVNode(unref(AlertDialogContent), mergeProps({ class: "ui-DialogPopup ui-AlertPopup r-size-3" }, {
 							..._ctx.$attrs,
 							...unref(forwarded)
 						}), {
@@ -1201,8 +1197,200 @@ var AlertDialogPopup_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/components/drawer/DrawerCloseButton.vue
+var DrawerCloseButton_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerCloseButton",
+	props: {
+		tooltip: { default: "Close" },
+		variant: { default: "ghost" },
+		color: { default: "gray" },
+		radius: {},
+		size: { default: "2" },
+		highContrast: {
+			type: Boolean,
+			default: false
+		},
+		disabled: { type: Boolean },
+		as: { default: "button" },
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const forwarded = useForwardPropsWithout(props, ["tooltip"]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Tooltip_default, {
+				content: props.tooltip,
+				"as-child": ""
+			}, {
+				default: withCtx(() => [createVNode(unref(DrawerClose$1), {
+					class: "ui-DrawerCloseButton",
+					"as-child": ""
+				}, {
+					default: withCtx(() => [createVNode(IconButton_default, normalizeProps(guardReactiveProps(unref(forwarded))), {
+						default: withCtx(() => [createVNode(unref(cross_2_default))]),
+						_: 1
+					}, 16)]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["content"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/DrawerDescription.vue
+var DrawerDescription_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerDescription",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "p" }
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = injectDrawerRootContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
+				id: unref(rootContext).descriptionId,
+				class: "ui-DrawerDescription"
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["id"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/DrawerHandle.vue
+var DrawerHandle_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerHandle",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DrawerHandle), mergeProps(props, { class: "ui-DrawerHandle" }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/DrawerPopup.vue
+var DrawerPopup_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "DrawerPopup",
+	props: {
+		size: { default: "2" },
+		showHandle: {
+			type: Boolean,
+			default: true
+		},
+		ui: {},
+		forceMount: { type: Boolean },
+		initialFocus: { type: [Boolean, null] },
+		finalFocus: { type: [Boolean, null] },
+		disableOutsidePointerEvents: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const forwarded = useForwardPropsEmitsWithout(props, __emit, [
+			"size",
+			"showHandle",
+			"ui",
+			"class"
+		]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DrawerPortal), null, {
+				default: withCtx(() => [createVNode(ThemeWrapper_default, null, {
+					default: withCtx(() => [createVNode(unref(DrawerViewport), { class: normalizeClass(["ui-DrawerViewport", props.ui?.viewport]) }, {
+						default: withCtx(() => [createVNode(unref(DrawerOverlay), { class: normalizeClass(["ui-DrawerOverlay", props.ui?.overlay]) }, null, 8, ["class"]), createVNode(unref(DrawerContent), mergeProps({ class: ["ui-DrawerPopup ui-DrawerMotion", [`r-size-${props.size}`, props.ui?.content]] }, {
+							..._ctx.$attrs,
+							...unref(forwarded)
+						}), {
+							default: withCtx(() => [props.showHandle ? (openBlock(), createBlock(DrawerHandle_default, {
+								key: 0,
+								class: normalizeClass(props.ui?.handle)
+							}, null, 8, ["class"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]),
+							_: 3
+						}, 16, ["class"])]),
+						_: 3
+					}, 8, ["class"])]),
+					_: 3
+				})]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/DrawerRoot.vue
+var DrawerRoot_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerRoot",
+	props: {
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		modal: { type: [Boolean, String] },
+		swipeDirection: {},
+		snapPoints: {},
+		snapPoint: {},
+		defaultSnapPoint: {},
+		snapToSequentialPoints: { type: Boolean }
+	},
+	emits: [
+		"update:open",
+		"update:openComplete",
+		"update:snapPoint"
+	],
+	setup(__props, { emit: __emit }) {
+		const forwarded = useForwardPropsEmitsWithout(__props, __emit, []);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DrawerRoot), normalizeProps(guardReactiveProps(unref(forwarded))), {
+				default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/DrawerTitle.vue
+var DrawerTitle_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerTitle",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "h2" }
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = injectDrawerRootContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
+				id: unref(rootContext).titleId,
+				class: "ui-DrawerTitle"
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["id"]);
+		};
+	}
+});
+//#endregion
 //#region src/components/dropdown/DropdownMenuContent.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$32 = { class: "ui-MenuViewport" };
+var _hoisted_1$33 = { class: "ui-MenuViewport" };
 var [injectDropdownMenuContentContext, provideDropdownMenuContentContext] = createContext("ui:DropdownMenuContent");
 //#endregion
 //#region src/components/dropdown/DropdownMenuContent.vue
@@ -1279,7 +1467,7 @@ var DropdownMenuContent_default = /* @__PURE__ */ defineComponent({
 						class: ["ui-PopperContent ui-MenuContent", unref(resetClass)]
 					}), {
 						default: withCtx(() => [createVNode(ScrollArea_default, { type: "auto" }, {
-							default: withCtx(() => [createElementVNode("div", _hoisted_1$32, [renderSlot(_ctx.$slots, "default")])]),
+							default: withCtx(() => [createElementVNode("div", _hoisted_1$33, [renderSlot(_ctx.$slots, "default")])]),
 							_: 3
 						})]),
 						_: 3
@@ -1293,7 +1481,7 @@ var DropdownMenuContent_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/dropdown/DropdownMenuItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$31 = ["textContent"];
+var _hoisted_1$32 = ["textContent"];
 //#endregion
 //#region src/components/dropdown/DropdownMenuItem.vue
 var DropdownMenuItem_default = /* @__PURE__ */ defineComponent({
@@ -1322,7 +1510,7 @@ var DropdownMenuItem_default = /* @__PURE__ */ defineComponent({
 					key: 0,
 					class: "ui-MenuShortcut",
 					textContent: toDisplayString(props.shortcut)
-				}, null, 8, _hoisted_1$31)) : createCommentVNode("", true)]),
+				}, null, 8, _hoisted_1$32)) : createCommentVNode("", true)]),
 				_: 3
 			}, 16, ["data-accent-color", "data-high-contrast"]);
 		};
@@ -1338,12 +1526,12 @@ var _plugin_vue_export_helper_default = (sfc, props) => {
 //#endregion
 //#region src/components/dropdown/DropdownMenuSeparator.vue
 var _sfc_main$2 = {};
-var _hoisted_1$30 = {
+var _hoisted_1$31 = {
 	class: "ui-DropdownMenuSeparator",
 	"aria-hidden": "true"
 };
 function _sfc_render$2(_ctx, _cache) {
-	return openBlock(), createElementBlock("div", _hoisted_1$30);
+	return openBlock(), createElementBlock("div", _hoisted_1$31);
 }
 var DropdownMenuSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main$2, [["render", _sfc_render$2]]);
 //#endregion
@@ -1514,13 +1702,13 @@ var NavigationMenuLink_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region ~icons/radix-icons/caret-down
-var _hoisted_1$29 = {
+var _hoisted_1$30 = {
 	viewBox: "0 0 15 15",
 	width: "1em",
 	height: "1em"
 };
 function render$13(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$29, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+	return openBlock(), createElementBlock("svg", _hoisted_1$30, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
 		fill: "currentColor",
 		d: "M7.5 9.95a.45.45 0 0 0 .319-.132l3-3a.45.45 0 0 0-.637-.637L7.5 8.863L4.82 6.181l-.07-.057a.451.451 0 0 0-.625.624l.058.07l3 3a.45.45 0 0 0 .318.132"
 	}, null, -1)])]);
@@ -1609,10 +1797,13 @@ var [injectSidebarProviderContext, provideSidebarProviderContext] = createContex
 //#region src/components/sidebar/SidebarProvider.vue
 var SidebarProvider_default = /* @__PURE__ */ defineComponent({
 	__name: "SidebarProvider",
-	props: { as: { default: "div" } },
+	props: {
+		as: { default: "div" },
+		breakpoint: { default: 1024 }
+	},
 	setup(__props) {
 		const props = __props;
-		const isMobile = ref(false);
+		const isNarrowViewport = ref(false);
 		const sidebars = shallowReactive({});
 		function register(side, controller) {
 			const existing = sidebars[side];
@@ -1631,23 +1822,29 @@ var SidebarProvider_default = /* @__PURE__ */ defineComponent({
 			if (other && other !== controller && other.open.value) other.setOpen(false);
 		}
 		provideSidebarProviderContext({
-			isMobile,
+			isNarrowViewport,
 			sidebars,
 			register,
 			unregister,
 			requestOpen
 		});
 		let mediaQuery;
-		function updateMobile(event) {
-			isMobile.value = event.matches;
+		function updateNarrowViewport(event) {
+			isNarrowViewport.value = event.matches;
 		}
-		onMounted(() => {
-			mediaQuery = window.matchMedia("(max-width: 1023.98px)");
-			updateMobile(mediaQuery);
-			mediaQuery.addEventListener("change", updateMobile);
+		function setupMediaQuery() {
+			mediaQuery?.removeEventListener("change", updateNarrowViewport);
+			mediaQuery = window.matchMedia(`(max-width: ${props.breakpoint - .02}px)`);
+			updateNarrowViewport(mediaQuery);
+			mediaQuery.addEventListener("change", updateNarrowViewport);
+		}
+		onMounted(setupMediaQuery);
+		watch(() => props.breakpoint, () => {
+			if (mediaQuery) setupMediaQuery();
 		});
 		onBeforeUnmount(() => {
-			mediaQuery?.removeEventListener("change", updateMobile);
+			mediaQuery?.removeEventListener("change", updateNarrowViewport);
+			mediaQuery = void 0;
 		});
 		const hasInset = computed(() => sidebars.left?.variant.value === "inset" || sidebars.right?.variant.value === "inset");
 		const hasPadding = computed(() => sidebars.left?.variant.value === "floating" || sidebars.right?.variant.value === "floating" || hasInset.value);
@@ -1655,24 +1852,24 @@ var SidebarProvider_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createBlock(unref(Primitive), {
 				class: "ui-SidebarProvider",
 				as: props.as,
-				"data-mobile": isMobile.value,
 				"data-padded": hasPadding.value,
-				"data-inset": hasInset.value
+				"data-inset": hasInset.value,
+				"data-mobile": isNarrowViewport.value
 			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { isMobile: isMobile.value })]),
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 8, [
 				"as",
-				"data-mobile",
 				"data-padded",
-				"data-inset"
+				"data-inset",
+				"data-mobile"
 			]);
 		};
 	}
 });
 //#endregion
 //#region src/components/sidebar/Sidebar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$28 = ["data-collapsed"];
+var _hoisted_1$29 = ["data-collapsed"];
 var [injectSidebarContext, provideSidebarContext] = createContext("ui:Sidebar");
 //#endregion
 //#region src/components/sidebar/Sidebar.vue
@@ -1705,6 +1902,8 @@ var Sidebar_default = /* @__PURE__ */ defineComponent({
 		mobileTitle: { default: "Navigation" },
 		mobileDescription: { default: "Site navigation" },
 		forceMount: { type: Boolean },
+		initialFocus: { type: [Boolean, null] },
+		finalFocus: { type: [Boolean, null] },
 		disableOutsidePointerEvents: {
 			type: Boolean,
 			default: void 0
@@ -1728,14 +1927,14 @@ var Sidebar_default = /* @__PURE__ */ defineComponent({
 		const provider = injectSidebarProviderContext();
 		const internalOpen = ref(props.defaultOpen);
 		const internalCollapsed = ref(props.defaultCollapsed);
-		const isMobile = provider.isMobile;
+		const isNarrowViewport = provider.isNarrowViewport;
 		const lastTrigger = ref(null);
 		const panelId = `ui-sidebar-${useId()}`;
 		const { side, variant, collapsible } = toRefs(props);
 		const open = computed({
 			get: () => props.open ?? internalOpen.value,
 			set: (value) => {
-				if (value && isMobile.value) provider.requestOpen(side.value, controller);
+				if (value && isNarrowViewport.value) provider.requestOpen(side.value, controller);
 				if (props.open === void 0) internalOpen.value = value;
 				emits("update:open", value);
 			}
@@ -1747,11 +1946,12 @@ var Sidebar_default = /* @__PURE__ */ defineComponent({
 				emits("update:collapsed", value);
 			}
 		});
+		const isVisuallyCollapsed = computed(() => !isNarrowViewport.value && collapsed.value);
 		function toggleCollapsed() {
 			if (collapsible.value !== "none") collapsed.value = !collapsed.value;
 		}
 		function toggle() {
-			if (isMobile.value) open.value = !open.value;
+			if (isNarrowViewport.value) open.value = !open.value;
 			else toggleCollapsed();
 		}
 		function setOpen(value) {
@@ -1774,13 +1974,13 @@ var Sidebar_default = /* @__PURE__ */ defineComponent({
 		watch(side, (value, _oldValue, onCleanup) => {
 			if (provider.register(value, controller)) onCleanup(() => provider.unregister(value, controller));
 		}, { immediate: true });
-		watch([open, isMobile], ([isOpen, mobile]) => {
-			if (isOpen && mobile) provider.requestOpen(side.value, controller);
+		watch([open, isNarrowViewport], ([isOpen, narrowViewport]) => {
+			if (isOpen && narrowViewport) provider.requestOpen(side.value, controller);
 		}, { immediate: true });
 		provideSidebarContext({
 			open,
 			collapsed,
-			isMobile,
+			isNarrowViewport,
 			side,
 			variant,
 			collapsible,
@@ -1790,7 +1990,7 @@ var Sidebar_default = /* @__PURE__ */ defineComponent({
 			toggleCollapsed,
 			shouldRestoreFocus
 		});
-		const forwardedDialogProps = useForwardPropsWithout(props, [
+		const forwarded = useForwardPropsWithout(props, [
 			"open",
 			"defaultOpen",
 			"collapsed",
@@ -1804,7 +2004,7 @@ var Sidebar_default = /* @__PURE__ */ defineComponent({
 			"mobileTitle",
 			"mobileDescription"
 		]);
-		const resetClass = buildPropsClass(props, [
+		const desktopClass = buildPropsClass(props, [
 			"side",
 			"variant",
 			"collapsible"
@@ -1829,40 +2029,41 @@ var Sidebar_default = /* @__PURE__ */ defineComponent({
 			}
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DialogRoot$1), {
+			return !unref(isNarrowViewport) ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(["ui-Sidebar", unref(desktopClass)]),
+				style: normalizeStyle(sidebarStyle.value),
+				"data-collapsed": collapsed.value
+			}, [createVNode(unref(Primitive), mergeProps(_ctx.$attrs, {
+				id: panelId,
+				as: props.as,
+				"as-child": props.asChild,
+				class: "ui-SidebarPanel r-desktop"
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+					open: open.value,
+					collapsed: isVisuallyCollapsed.value,
+					toggle
+				})]),
+				_: 3
+			}, 16, ["as", "as-child"])], 14, _hoisted_1$29)) : (openBlock(), createBlock(unref(DrawerRoot), {
+				key: 1,
 				open: open.value,
+				"swipe-direction": unref(side),
 				"onUpdate:open": setOpen
 			}, {
-				default: withCtx(() => [!unref(isMobile) ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					class: normalizeClass(["ui-Sidebar", unref(resetClass)]),
-					style: normalizeStyle(sidebarStyle.value),
-					"data-collapsed": collapsed.value
-				}, [createVNode(unref(Primitive), mergeProps(_ctx.$attrs, {
-					id: panelId,
-					as: props.as,
-					"as-child": props.asChild,
-					class: "ui-SidebarPanel r-desktop"
-				}), {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
-						open: open.value,
-						collapsed: collapsed.value,
-						isMobile: unref(isMobile),
-						toggle
-					})]),
-					_: 3
-				}, 16, ["as", "as-child"])], 14, _hoisted_1$28)) : (openBlock(), createBlock(unref(DialogPortal), { key: 1 }, {
+				default: withCtx(() => [createVNode(unref(DrawerPortal), null, {
 					default: withCtx(() => [createVNode(ThemeWrapper_default, null, {
-						default: withCtx(() => [createVNode(unref(DialogOverlay), {
-							class: "ui-SidebarOverlay",
-							"force-mount": props.forceMount
-						}, {
-							default: withCtx(() => [createVNode(unref(DialogContent), mergeProps({
+						default: withCtx(() => [createVNode(unref(DrawerViewport), { class: "ui-SidebarViewport" }, {
+							default: withCtx(() => [createVNode(unref(DrawerOverlay), {
+								class: "ui-SidebarOverlay",
+								"force-mount": props.forceMount
+							}, null, 8, ["force-mount"]), createVNode(unref(DrawerContent), mergeProps({
 								..._ctx.$attrs,
-								...unref(forwardedDialogProps)
+								...unref(forwarded)
 							}, {
 								id: panelId,
-								class: ["ui-SidebarPanel r-mobile", mobileClass.value],
+								class: ["ui-SidebarPanel ui-DrawerMotion r-mobile", mobileClass.value],
 								style: sidebarStyle.value,
 								onCloseAutoFocus: closeAutoFocus,
 								onEscapeKeyDown: _cache[0] || (_cache[0] = ($event) => emits("escapeKeyDown", $event)),
@@ -1874,15 +2075,14 @@ var Sidebar_default = /* @__PURE__ */ defineComponent({
 								default: withCtx(() => [
 									renderSlot(_ctx.$slots, "default", {
 										open: open.value,
-										collapsed: collapsed.value,
-										isMobile: unref(isMobile),
+										collapsed: isVisuallyCollapsed.value,
 										toggle
 									}),
-									createVNode(unref(DialogTitle), { class: "ui-SidebarVisuallyHidden" }, {
+									createVNode(unref(DrawerTitle), { class: "ui-SidebarVisuallyHidden" }, {
 										default: withCtx(() => [createTextVNode(toDisplayString(props.mobileTitle), 1)]),
 										_: 1
 									}),
-									createVNode(unref(DialogDescription), { class: "ui-SidebarVisuallyHidden" }, {
+									createVNode(unref(DrawerDescription), { class: "ui-SidebarVisuallyHidden" }, {
 										default: withCtx(() => [createTextVNode(toDisplayString(props.mobileDescription), 1)]),
 										_: 1
 									})
@@ -1890,13 +2090,13 @@ var Sidebar_default = /* @__PURE__ */ defineComponent({
 								_: 3
 							}, 16, ["class", "style"])]),
 							_: 3
-						}, 8, ["force-mount"])]),
+						})]),
 						_: 3
 					})]),
 					_: 3
-				}))]),
+				})]),
 				_: 3
-			}, 8, ["open"]);
+			}, 8, ["open", "swipe-direction"]));
 		};
 	}
 });
@@ -1984,10 +2184,10 @@ var SidebarTrigger_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const provider = injectSidebarProviderContext();
 		const target = computed(() => provider.sidebars[props.target]);
-		const isDisabled = computed(() => props.disabled || !target.value || !provider.isMobile.value && target.value.collapsible.value === "none");
+		const isDisabled = computed(() => props.disabled || !target.value || !provider.isNarrowViewport.value && target.value.collapsible.value === "none");
 		const accessibleLabel = computed(() => {
 			if (props.label) return props.label;
-			if (provider.isMobile.value) return `${target.value?.open.value ? "Close" : "Open"} ${props.target} sidebar`;
+			if (provider.isNarrowViewport.value) return `${target.value?.open.value ? "Close" : "Open"} ${props.target} sidebar`;
 			return `${target.value?.collapsed.value ? "Expand" : "Collapse"} ${props.target} sidebar`;
 		});
 		function toggle(event) {
@@ -2004,19 +2204,17 @@ var SidebarTrigger_default = /* @__PURE__ */ defineComponent({
 				disabled: isDisabled.value && props.as === "button" ? true : void 0,
 				"data-disabled": isDisabled.value ? true : void 0,
 				"aria-disabled": isDisabled.value ? true : void 0,
-				"data-mobile": unref(provider).isMobile.value,
 				"data-collapsible": target.value?.collapsible.value,
 				"data-target": props.target,
 				"aria-label": accessibleLabel.value,
 				"aria-controls": target.value?.panelId,
-				"aria-expanded": unref(provider).isMobile.value ? target.value?.open.value ?? false : !(target.value?.collapsed.value ?? true),
-				"aria-haspopup": unref(provider).isMobile.value ? "dialog" : void 0,
+				"aria-expanded": unref(provider).isNarrowViewport.value ? target.value?.open.value ?? false : !(target.value?.collapsed.value ?? true),
+				"aria-haspopup": unref(provider).isNarrowViewport.value ? "dialog" : void 0,
 				onClick: toggle
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
 					open: target.value?.open.value ?? false,
 					collapsed: target.value?.collapsed.value ?? false,
-					isMobile: unref(provider).isMobile.value,
 					target: props.target
 				}, () => [createVNode(unref(Icon), {
 					class: "ui-SidebarTriggerIcon",
@@ -2031,7 +2229,6 @@ var SidebarTrigger_default = /* @__PURE__ */ defineComponent({
 				"disabled",
 				"data-disabled",
 				"aria-disabled",
-				"data-mobile",
 				"data-collapsible",
 				"data-target",
 				"aria-label",
@@ -2279,7 +2476,7 @@ var SidebarMenuButton_default = /* @__PURE__ */ defineComponent({
 		const context = injectSidebarContext();
 		injectSidebarMenuContext();
 		const tooltip = computed(() => props.tooltip === false ? void 0 : props.tooltip ?? props.text);
-		const showTooltip = computed(() => Boolean(tooltip.value) && !props.disabled && !context.isMobile.value && context.collapsible.value === "icon" && context.collapsed.value);
+		const showTooltip = computed(() => Boolean(tooltip.value) && !props.disabled && !context.isNarrowViewport.value && context.collapsible.value === "icon" && context.collapsed.value);
 		const tooltipSide = computed(() => context.side.value === "left" ? "right" : "left");
 		function preventDisabled(event) {
 			if (!props.disabled) return;
@@ -2449,7 +2646,6 @@ var SidebarMenuSubItem_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/sidebar/SidebarMenuSubButton.vue
 var SidebarMenuSubButton_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
 	__name: "SidebarMenuSubButton",
 	props: {
 		icon: {},
@@ -2475,7 +2671,7 @@ var SidebarMenuSubButton_default = /* @__PURE__ */ defineComponent({
 			event.stopImmediatePropagation();
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), mergeProps(_ctx.$attrs, {
+			return openBlock(), createBlock(unref(Primitive), {
 				class: "ui-SidebarMenuSubButton",
 				as: props.as,
 				"as-child": props.asChild,
@@ -2485,7 +2681,7 @@ var SidebarMenuSubButton_default = /* @__PURE__ */ defineComponent({
 				"data-disabled": props.disabled ? true : void 0,
 				"aria-disabled": props.disabled ? true : void 0,
 				onClick: preventDisabled
-			}), {
+			}, {
 				default: withCtx(() => [props.asChild ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : (openBlock(), createBlock(SidebarMenuButtonContent_default, {
 					key: 1,
 					"is-sub": "",
@@ -2519,7 +2715,7 @@ var SidebarMenuSubButton_default = /* @__PURE__ */ defineComponent({
 					"trailing-icon"
 				]))]),
 				_: 3
-			}, 16, [
+			}, 8, [
 				"as",
 				"as-child",
 				"type",
@@ -2590,7 +2786,7 @@ var Switch_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/checkbox/Checkbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$27 = {
+var _hoisted_1$28 = {
 	width: "9",
 	height: "9",
 	viewBox: "0 0 9 9",
@@ -2654,7 +2850,7 @@ var Checkbox_default = /* @__PURE__ */ defineComponent({
 					class: "ui-CheckboxIndicator",
 					"as-child": ""
 				}, {
-					default: withCtx(() => [(openBlock(), createElementBlock("svg", _hoisted_1$27, [state === "indeterminate" ? (openBlock(), createElementBlock("path", _hoisted_2$6)) : (openBlock(), createElementBlock("path", _hoisted_3$1))]))]),
+					default: withCtx(() => [(openBlock(), createElementBlock("svg", _hoisted_1$28, [state === "indeterminate" ? (openBlock(), createElementBlock("path", _hoisted_2$6)) : (openBlock(), createElementBlock("path", _hoisted_3$1))]))]),
 					_: 2
 				}, 1024)]),
 				_: 1
@@ -2663,6 +2859,319 @@ var Checkbox_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region ../../node_modules/.pnpm/@vueuse+shared@14.4.0_vue@3.5.42_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js
+/**
+* Keep states in the global scope to be reusable across Vue instances.
+*
+* @see https://vueuse.org/createGlobalState
+* @param stateFactory A factory function to create the state
+*
+* @__NO_SIDE_EFFECTS__
+*/
+function createGlobalState(stateFactory) {
+	let initialized = false;
+	let state;
+	const scope = effectScope(true);
+	return ((...args) => {
+		if (!initialized) {
+			state = scope.run(() => stateFactory(...args));
+			initialized = true;
+		}
+		return state;
+	});
+}
+var isClient = typeof window !== "undefined" && typeof document !== "undefined";
+typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+var isDef = (val) => typeof val !== "undefined";
+isClient && window.document;
+isClient && window.navigator;
+isClient && window.location;
+function cloneFnJSON(source) {
+	return JSON.parse(JSON.stringify(source));
+}
+Number.POSITIVE_INFINITY;
+/**
+* Shorthand for v-model binding, props + emit -> ref
+*
+* @see https://vueuse.org/useVModel
+* @param props
+* @param key (default 'modelValue')
+* @param emit
+* @param options
+*
+* @__NO_SIDE_EFFECTS__
+*/
+function useVModel(props, key, emit, options = {}) {
+	var _vm$$emit, _vm$proxy;
+	const { clone = false, passive = false, eventName, deep = false, defaultValue, shouldEmit } = options;
+	const vm = getCurrentInstance();
+	const _emit = emit || (vm === null || vm === void 0 ? void 0 : vm.emit) || (vm === null || vm === void 0 || (_vm$$emit = vm.$emit) === null || _vm$$emit === void 0 ? void 0 : _vm$$emit.bind(vm)) || (vm === null || vm === void 0 || (_vm$proxy = vm.proxy) === null || _vm$proxy === void 0 || (_vm$proxy = _vm$proxy.$emit) === null || _vm$proxy === void 0 ? void 0 : _vm$proxy.bind(vm === null || vm === void 0 ? void 0 : vm.proxy));
+	let event = eventName;
+	if (!key) key = "modelValue";
+	event = event || `update:${key.toString()}`;
+	const cloneFn = (val) => !clone ? val : typeof clone === "function" ? clone(val) : cloneFnJSON(val);
+	const getValue = () => isDef(props[key]) ? cloneFn(props[key]) : defaultValue;
+	const triggerEmit = (value) => {
+		if (shouldEmit) {
+			if (shouldEmit(value)) _emit(event, value);
+		} else _emit(event, value);
+	};
+	if (passive) {
+		const proxy = ref(getValue());
+		let isUpdating = false;
+		watch(() => props[key], (v) => {
+			if (!isUpdating) {
+				isUpdating = true;
+				proxy.value = cloneFn(v);
+				nextTick(() => isUpdating = false);
+			}
+		});
+		watch(proxy, (v) => {
+			if (!isUpdating && (v !== props[key] || deep)) triggerEmit(v);
+		}, { deep });
+		return proxy;
+	} else return computed({
+		get() {
+			return getValue();
+		},
+		set(value) {
+			triggerEmit(value);
+		}
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/ohash@2.0.12/node_modules/ohash/dist/_chunks/is-equal.mjs
+function serialize(input) {
+	if (typeof input === "string") return `'${input}'`;
+	return new Serializer().serialize(input);
+}
+var asciiOrder = " _-,;:!?.'\"()[]{}@*/\\&#%`^+<=>|~$0123456789abcdefghijklmnopqrstuvwxyz";
+var asciiWeights = /*@__PURE__*/ (function() {
+	const weights = /* @__PURE__ */ new Uint8Array(128);
+	for (let i = 0; i < 69; i++) weights[asciiOrder.charCodeAt(i)] = i + 1;
+	for (let code = 65; code <= 90; code++) weights[code] = weights[code + 32];
+	return weights;
+})();
+function compareStrings(a, b) {
+	if (a === b) return 0;
+	const length = Math.min(a.length, b.length);
+	let tieBreaker = 0;
+	for (let i = 0; i < length; i++) {
+		const codeA = a.charCodeAt(i);
+		const codeB = b.charCodeAt(i);
+		if (codeA === codeB) continue;
+		const weightA = codeA < 128 && asciiWeights[codeA] ? asciiWeights[codeA] : codeA + 128;
+		const weightB = codeB < 128 && asciiWeights[codeB] ? asciiWeights[codeB] : codeB + 128;
+		if (weightA !== weightB) return weightA < weightB ? -1 : 1;
+		if (tieBreaker === 0) tieBreaker = codeA > codeB ? -1 : 1;
+	}
+	if (a.length !== b.length) return a.length < b.length ? -1 : 1;
+	return tieBreaker;
+}
+var Serializer = /*@__PURE__*/ (function() {
+	class Serializer {
+		#context = /* @__PURE__ */ new Map();
+		compare(a, b) {
+			const typeA = typeof a;
+			const typeB = typeof b;
+			if (typeA === "string" && typeB === "string") return compareStrings(a, b);
+			if (typeA === "number" && typeB === "number") return a - b;
+			return compareStrings(this.serialize(a, true), this.serialize(b, true));
+		}
+		serialize(value, noQuotes) {
+			if (value === null) return "null";
+			switch (typeof value) {
+				case "string": return noQuotes ? value : `'${value}'`;
+				case "bigint": return `${value}n`;
+				case "object": return this.$object(value);
+				case "function": return this.$function(value);
+			}
+			return String(value);
+		}
+		serializeObject(object) {
+			const objString = Object.prototype.toString.call(object);
+			if (objString !== "[object Object]") return this.serializeBuiltInType(objString.length < 10 ? `unknown:${objString}` : objString.slice(8, -1), object);
+			const constructor = object.constructor;
+			const objName = constructor === Object || constructor === void 0 ? "" : constructor.name;
+			if (objName !== "" && globalThis[objName] === constructor) return this.serializeBuiltInType(objName, object);
+			if ("toJSON" in object && typeof object.toJSON === "function") {
+				const json = object.toJSON();
+				return objName + (json !== null && typeof json === "object" ? this.$object(json) : `(${this.serialize(json)})`);
+			}
+			const keys = Object.keys(object).sort(compareStrings);
+			let content = `${objName}{`;
+			for (let i = 0; i < keys.length; i++) {
+				const key = keys[i];
+				content += `${key}:${this.serialize(object[key])}`;
+				if (i < keys.length - 1) content += ",";
+			}
+			return content + "}";
+		}
+		serializeBuiltInType(type, object) {
+			const handler = this["$" + type];
+			if (handler) return handler.call(this, object);
+			if (typeof object.entries === "function") return this.serializeObjectEntries(type, object.entries());
+			throw new Error(`Cannot serialize ${type}`);
+		}
+		serializeObjectEntries(type, entries) {
+			const sortedEntries = Array.from(entries).sort((a, b) => this.compare(a[0], b[0]));
+			let content = `${type}{`;
+			for (let i = 0; i < sortedEntries.length; i++) {
+				const [key, value] = sortedEntries[i];
+				content += `${this.serialize(key, true)}:${this.serialize(value)}`;
+				if (i < sortedEntries.length - 1) content += ",";
+			}
+			return content + "}";
+		}
+		$object(object) {
+			let content = this.#context.get(object);
+			if (content === void 0) {
+				this.#context.set(object, `#${this.#context.size}`);
+				content = this.serializeObject(object);
+				this.#context.set(object, content);
+			}
+			return content;
+		}
+		$function(fn) {
+			const fnStr = Function.prototype.toString.call(fn);
+			if (fnStr.slice(-15) === "[native code] }") return `${fn.name || ""}()[native]`;
+			return `${fn.name}(${fn.length})${fnStr.replace(/\s*\n\s*/g, "")}`;
+		}
+		$Array(arr) {
+			let content = "[";
+			for (let i = 0; i < arr.length; i++) {
+				content += this.serialize(arr[i]);
+				if (i < arr.length - 1) content += ",";
+			}
+			return content + "]";
+		}
+		$Date(date) {
+			try {
+				return `Date(${date.toISOString()})`;
+			} catch {
+				return `Date(null)`;
+			}
+		}
+		$ArrayBuffer(arr) {
+			return `ArrayBuffer[${new Uint8Array(arr).join(",")}]`;
+		}
+		$Set(set) {
+			return `Set${this.$Array(Array.from(set).sort((a, b) => this.compare(a, b)))}`;
+		}
+		$Map(map) {
+			return this.serializeObjectEntries("Map", map.entries());
+		}
+	}
+	for (const type of [
+		"Error",
+		"RegExp",
+		"URL"
+	]) Serializer.prototype["$" + type] = function(val) {
+		return `${type}(${val})`;
+	};
+	for (const type of [
+		"Int8Array",
+		"Uint8Array",
+		"Uint8ClampedArray",
+		"Int16Array",
+		"Uint16Array",
+		"Int32Array",
+		"Uint32Array",
+		"Float32Array",
+		"Float64Array"
+	]) Serializer.prototype["$" + type] = function(arr) {
+		return `${type}[${arr.join(",")}]`;
+	};
+	for (const type of ["BigInt64Array", "BigUint64Array"]) Serializer.prototype["$" + type] = function(arr) {
+		return `${type}[${arr.join("n,")}${arr.length > 0 ? "n" : ""}]`;
+	};
+	return Serializer;
+})();
+function isEqual(object1, object2) {
+	if (object1 === object2) return true;
+	if (serialize(object1) === serialize(object2)) return true;
+	return false;
+}
+//#endregion
+//#region src/components/checkbox/CheckboxGroup.vue
+var CheckboxGroup_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "CheckboxGroup",
+	props: {
+		as: { default: "div" },
+		contentAs: { default: "div" },
+		allValues: {},
+		defaultValue: {},
+		modelValue: {},
+		rovingFocus: { type: Boolean },
+		disabled: { type: Boolean },
+		dir: {},
+		orientation: {},
+		loop: { type: Boolean },
+		name: {},
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const modelValue = useVModel(props, "modelValue", __emit, {
+			defaultValue: props.defaultValue ?? [],
+			passive: props.modelValue === void 0
+		});
+		const forwarded = useForwardPropsWithout(props, [
+			"allValues",
+			"as",
+			"contentAs",
+			"defaultValue",
+			"modelValue"
+		]);
+		const { forwardRef } = useForwardExpose();
+		function includesValue(values, value) {
+			return values.some((item) => isEqual(item, value));
+		}
+		const groupValues = computed(() => {
+			return (props.allValues ?? []).reduce((values, value) => {
+				if (!includesValue(values, value)) values.push(value);
+				return values;
+			}, []);
+		});
+		const selectAllState = computed(() => {
+			if (groupValues.value.length === 0) return false;
+			const selected = groupValues.value.filter((value) => includesValue(modelValue.value, value)).length;
+			if (selected === 0) return false;
+			if (selected === groupValues.value.length) return true;
+			return "indeterminate";
+		});
+		function updateSelectAll(checked) {
+			const otherValues = modelValue.value.filter((value) => !includesValue(groupValues.value, value));
+			modelValue.value = checked === true ? [...otherValues, ...groupValues.value] : otherValues;
+		}
+		const checkboxProps = computed(() => ({
+			modelValue: selectAllState.value,
+			disabled: props.disabled,
+			"onUpdate:modelValue": updateSelectAll
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(_ctx.$attrs, {
+				ref: unref(forwardRef),
+				class: "ui-CheckboxGroup",
+				as: props.as
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "select-all", { checkboxProps: checkboxProps.value }), createVNode(unref(CheckboxGroupRoot), mergeProps(unref(forwarded), {
+					class: "ui-CheckboxGroupContent",
+					as: props.contentAs,
+					"model-value": unref(modelValue),
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
+				}), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, ["as", "model-value"])]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
 //#region src/components/toggle/Toggle.vue
 var Toggle_default = /* @__PURE__ */ defineComponent({
 	__name: "Toggle",
@@ -2789,7 +3298,7 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/inputs/TextField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$26 = ["data-radius", "data-accent-color"];
+var _hoisted_1$27 = ["data-radius", "data-accent-color"];
 var _hoisted_2$5 = ["id", "type"];
 var _hoisted_3 = ["id", "type"];
 var _hoisted_4 = {
@@ -2828,14 +3337,25 @@ var TextField_default = /* @__PURE__ */ defineComponent({
 			if (target.closest("input, button, a")) return;
 			const input = inputRef.value;
 			if (!input) return;
+			input.focus();
+			if (![
+				"text",
+				"search",
+				"tel",
+				"url",
+				"password"
+			].includes(props.type)) return;
 			const cursorPosition = target.closest("[data-side=right]") ? input.value.length : 0;
 			requestAnimationFrame(() => {
 				input.setSelectionRange(cursorPosition, cursorPosition);
-				input.focus();
 			});
 		};
 		const [modelValue, modifiers] = useModel(__props, "modelValue", { set(value) {
-			if (modifiers.number) return Number(value);
+			if (modifiers.number) {
+				if (value === "") return "";
+				const number = parseFloat(value);
+				return Number.isNaN(number) ? value : number;
+			}
 			if (modifiers.trim) return value.trim();
 			return value;
 		} });
@@ -2871,13 +3391,13 @@ var TextField_default = /* @__PURE__ */ defineComponent({
 				}, _ctx.$attrs, { class: "ui-TextFieldInput" }), null, 16, _hoisted_3)), [[vModelDynamic, unref(modelValue)]]),
 				_ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "left")])) : createCommentVNode("", true),
 				_ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "right")])) : createCommentVNode("", true)
-			], 42, _hoisted_1$26);
+			], 42, _hoisted_1$27);
 		};
 	}
 });
 //#endregion
 //#region src/components/inputs/TextArea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$25 = ["data-accent-color", "data-radius"];
+var _hoisted_1$26 = ["data-accent-color", "data-radius"];
 //#endregion
 //#region src/components/inputs/TextArea.vue
 var TextArea_default = /* @__PURE__ */ defineComponent({
@@ -2909,13 +3429,13 @@ var TextArea_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(["ui-TextArea", unref(resetClass)]),
 				"data-accent-color": props.color,
 				"data-radius": props.radius
-			}, [withDirectives(createElementVNode("textarea", mergeProps({ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event) }, _ctx.$attrs, { class: "ui-TextAreaInput" }), null, 16), [[vModelText, modelValue.value]])], 10, _hoisted_1$25);
+			}, [withDirectives(createElementVNode("textarea", mergeProps({ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event) }, _ctx.$attrs, { class: "ui-TextAreaInput" }), null, 16), [[vModelText, modelValue.value]])], 10, _hoisted_1$26);
 		};
 	}
 });
 //#endregion
 //#region src/components/inputs/ColorField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$24 = ["id"];
+var _hoisted_1$25 = ["id"];
 //#endregion
 //#region src/components/inputs/ColorField.vue
 var ColorField_default = /* @__PURE__ */ defineComponent({
@@ -2951,7 +3471,7 @@ var ColorField_default = /* @__PURE__ */ defineComponent({
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
 					class: "ui-ColorFieldInput",
 					type: "color"
-				}, null, 8, _hoisted_1$24), [[vModelText, modelValue.value]])]),
+				}, null, 8, _hoisted_1$25), [[vModelText, modelValue.value]])]),
 				_: 1
 			}, 8, [
 				"as",
@@ -3172,13 +3692,13 @@ var SelectContent_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region ~icons/radix-icons/chevron-down
-var _hoisted_1$23 = {
+var _hoisted_1$24 = {
 	viewBox: "0 0 15 15",
 	width: "1em",
 	height: "1em"
 };
 function render$12(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$23, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+	return openBlock(), createElementBlock("svg", _hoisted_1$24, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
 		fill: "currentColor",
 		d: "M11.158 6.135a.5.5 0 0 1 .684.73l-4 3.75a.5.5 0 0 1-.684 0l-4-3.75l-.066-.077a.5.5 0 0 1 .67-.715l.08.062L7.5 9.564z"
 	}, null, -1)])]);
@@ -3189,7 +3709,7 @@ var chevron_down_default = markRaw({
 });
 //#endregion
 //#region src/components/select/SelectTrigger.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$22 = { class: "ui-SelectTriggerInner" };
+var _hoisted_1$23 = { class: "ui-SelectTriggerInner" };
 //#endregion
 //#region src/components/select/SelectTrigger.vue
 var SelectTrigger_default = /* @__PURE__ */ defineComponent({
@@ -3216,7 +3736,7 @@ var SelectTrigger_default = /* @__PURE__ */ defineComponent({
 				"data-accent-color": unref(context).color.value,
 				"data-radius": props.radius
 			}, {
-				default: withCtx(() => [createElementVNode("span", _hoisted_1$22, [createVNode(unref(SelectValue), { placeholder: props.placeholder }, {
+				default: withCtx(() => [createElementVNode("span", _hoisted_1$23, [createVNode(unref(SelectValue), { placeholder: props.placeholder }, {
 					default: withCtx(({ selectedLabel, modelValue }) => [selectedLabel.length ? renderSlot(_ctx.$slots, "default", {
 						selectedLabel,
 						modelValue
@@ -3235,13 +3755,13 @@ var SelectTrigger_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region ~icons/radix-icons/check
-var _hoisted_1$21 = {
+var _hoisted_1$22 = {
 	viewBox: "0 0 15 15",
 	width: "1em",
 	height: "1em"
 };
 function render$11(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$21, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+	return openBlock(), createElementBlock("svg", _hoisted_1$22, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
 		fill: "currentColor",
 		d: "M10.602 3.908a.626.626 0 0 1 1.046.684l-4.25 6.5a.626.626 0 0 1-.944.12l-2.75-2.5l-.084-.094a.626.626 0 0 1 .823-.906l.103.075l2.207 2.006z"
 	}, null, -1)])]);
@@ -3301,12 +3821,12 @@ var SelectLabel_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/select/SelectSeparator.vue
 var _sfc_main$1 = {};
-var _hoisted_1$20 = {
+var _hoisted_1$21 = {
 	class: "ui-SelectSeparator",
 	"aria-hidden": "true"
 };
 function _sfc_render$1(_ctx, _cache) {
-	return openBlock(), createElementBlock("div", _hoisted_1$20);
+	return openBlock(), createElementBlock("div", _hoisted_1$21);
 }
 var SelectSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main$1, [["render", _sfc_render$1]]);
 //#endregion
@@ -3377,7 +3897,7 @@ var ComboboxRoot_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/combobox/ComboboxInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$19 = ["aria-current", "value"];
+var _hoisted_1$20 = ["aria-current", "value"];
 var _hoisted_2$4 = ["onClick"];
 //#endregion
 //#region src/components/combobox/ComboboxInput.vue
@@ -3453,7 +3973,7 @@ var ComboboxInput_default = /* @__PURE__ */ defineComponent({
 						tabindex: "-1",
 						class: normalizeClass(props.ui?.remove),
 						onClick: withModifiers(($event) => onDeleteIndex(index), ["prevent"])
-					}, [createVNode(unref(cross_2_default))], 10, _hoisted_2$4)], 10, _hoisted_1$19);
+					}, [createVNode(unref(cross_2_default))], 10, _hoisted_2$4)], 10, _hoisted_1$20);
 				}), 128)), createVNode(unref(ComboboxInput), mergeProps({
 					..._ctx.$attrs,
 					...unref(forwarded),
@@ -3639,7 +4159,7 @@ var ComboboxEmpty_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/radio/Radio.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$18 = ["data-accent-color"];
+var _hoisted_1$19 = ["data-accent-color"];
 //#endregion
 //#region src/components/radio/Radio.vue
 var Radio_default = /* @__PURE__ */ defineComponent({
@@ -3672,7 +4192,7 @@ var Radio_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(["ui-RadioBase ui-Radio", unref(resetClass)]),
 				type: "radio",
 				"data-accent-color": props.color
-			}, null, 10, _hoisted_1$18)), [[vModelRadio, unref(modelValue)]]);
+			}, null, 10, _hoisted_1$19)), [[vModelRadio, unref(modelValue)]]);
 		};
 	}
 });
@@ -3724,7 +4244,7 @@ var RadioGroupRoot_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/radio/RadioGroupItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$17 = { class: "ui-RadioGroupItem" };
+var _hoisted_1$18 = { class: "ui-RadioGroupItem" };
 //#endregion
 //#region src/components/radio/RadioGroupItem.vue
 var RadioGroupItem_default = /* @__PURE__ */ defineComponent({
@@ -3756,7 +4276,7 @@ var RadioGroupItem_default = /* @__PURE__ */ defineComponent({
 			"highContrast"
 		]);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("label", _hoisted_1$17, [createVNode(unref(RadioGroupItem), mergeProps({
+			return openBlock(), createElementBlock("label", _hoisted_1$18, [createVNode(unref(RadioGroupItem), mergeProps({
 				class: ["ui-RadioBase ui-RadioGroupItemIndicator", unref(resetClass)],
 				"data-accent-color": props.color
 			}, unref(forwarded)), null, 16, ["class", "data-accent-color"]), renderSlot(_ctx.$slots, "default")]);
@@ -3942,7 +4462,7 @@ var TabsList_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/tabs/TabsTrigger.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$16 = { class: "ui-TabTriggerInner" };
+var _hoisted_1$17 = { class: "ui-TabTriggerInner" };
 var _hoisted_2$3 = { class: "ui-TabTriggerInnerHidden" };
 //#endregion
 //#region src/components/tabs/TabsTrigger.vue
@@ -3958,7 +4478,7 @@ var TabsTrigger_default = /* @__PURE__ */ defineComponent({
 		const forwarded = useForwardProps(__props);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(TabsTrigger), mergeProps(unref(forwarded), { class: "ui-TabTrigger" }), {
-				default: withCtx(() => [createElementVNode("span", _hoisted_1$16, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", _hoisted_2$3, [renderSlot(_ctx.$slots, "default")])]),
+				default: withCtx(() => [createElementVNode("span", _hoisted_1$17, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", _hoisted_2$3, [renderSlot(_ctx.$slots, "default")])]),
 				_: 3
 			}, 16);
 		};
@@ -4019,6 +4539,405 @@ var Editable_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/components/form/context.ts
+var [injectFieldContext, provideFieldContext] = createContext("ui:FieldRoot");
+var [injectFormContext, provideFormContext] = createContext("ui:FormRoot");
+function normalizeErrors(value) {
+	if (!value) return [];
+	return Array.isArray(value) ? value.filter(Boolean) : [value];
+}
+//#endregion
+//#region src/components/form/FormRoot.vue
+var FormRoot_default = /* @__PURE__ */ defineComponent({
+	__name: "FormRoot",
+	props: { errors: {} },
+	emits: [
+		"submit",
+		"reset",
+		"invalid"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const fields = /* @__PURE__ */ new Set();
+		const localErrors = ref({});
+		const clearedErrors = ref(/* @__PURE__ */ new Set());
+		const externalErrors = toRef(props, "errors");
+		const mergedErrors = computed(() => {
+			const result = { ...localErrors.value };
+			for (const [name, value] of Object.entries(externalErrors.value || {})) if (!clearedErrors.value.has(name)) result[name] = value;
+			return result;
+		});
+		watch(externalErrors, () => clearedErrors.value = /* @__PURE__ */ new Set());
+		const context = provideFormContext({
+			errors: mergedErrors,
+			registerField: (field) => fields.add(field),
+			unregisterField: (field) => fields.delete(field),
+			clearError: (name) => {
+				if (!name) {
+					localErrors.value = {};
+					clearedErrors.value = new Set(Object.keys(externalErrors.value || {}));
+					return;
+				}
+				if (name in localErrors.value) {
+					const next = { ...localErrors.value };
+					delete next[name];
+					localErrors.value = next;
+				}
+				if (name in (externalErrors.value || {})) clearedErrors.value = new Set(clearedErrors.value).add(name);
+			},
+			validate: async () => {
+				return (await Promise.all(Array.from(fields, (field) => field.validate()))).every(Boolean);
+			}
+		});
+		const onSubmit = async (event) => {
+			event.preventDefault();
+			if (!await context.validate()) {
+				await nextTick();
+				(Array.from(fields).find((field) => field.invalid.value)?.control.value)?.focus();
+				return;
+			}
+			emits("submit", event);
+		};
+		const onReset = (event) => {
+			emits("reset", event);
+			fields.forEach((field) => field.reset());
+			nextTick(() => {
+				localErrors.value = {};
+				clearedErrors.value = /* @__PURE__ */ new Set();
+			});
+		};
+		const onInvalid = (event) => {
+			const target = event.target;
+			if (target instanceof HTMLElement) Array.from(fields).find((item) => item.control.value === target || item.controlId.value === target.id || target.closest("[data-field-control]") === item.control.value)?.syncValidity(target, true);
+			emits("invalid", event);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("form", {
+				class: "ui-FormRoot",
+				onSubmit,
+				onReset,
+				onInvalidCapture: onInvalid
+			}, [renderSlot(_ctx.$slots, "default")], 32);
+		};
+	}
+});
+//#endregion
+//#region src/components/form/FieldRoot.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$16 = [
+	"data-invalid",
+	"data-focused",
+	"data-touched",
+	"data-dirty",
+	"data-disabled",
+	"data-required"
+];
+//#endregion
+//#region src/components/form/FieldRoot.vue
+var FieldRoot_default = /* @__PURE__ */ defineComponent({
+	__name: "FieldRoot",
+	props: {
+		name: {},
+		id: {},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		validate: {},
+		errors: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const form = injectFormContext(null);
+		const uid = useId().replace(/:/g, "");
+		const name = toRef(props, "name");
+		const required = toRef(props, "required");
+		const disabled = toRef(props, "disabled");
+		const control = ref();
+		const descriptionPresent = ref(false);
+		const validity = ref();
+		const focused = ref(false);
+		const touched = ref(false);
+		const dirty = ref(false);
+		const nativeValidityVisible = ref(false);
+		const initialValue = ref();
+		const localErrors = ref(normalizeErrors(props.errors));
+		const controlId = computed(() => props.id || `ui-field-${uid}`);
+		const descriptionId = computed(() => `${controlId.value}-description`);
+		const errorId = computed(() => `${controlId.value}-error`);
+		const serverErrors = computed(() => normalizeErrors(name.value ? form?.errors.value[name.value] : void 0));
+		const fieldErrors = computed(() => {
+			const nativeError = nativeValidityVisible.value && validity.value?.valid === false ? "validationMessage" in (control.value || {}) ? control.value.validationMessage : void 0 : void 0;
+			return [
+				...serverErrors.value,
+				...localErrors.value,
+				...normalizeErrors(nativeError)
+			];
+		});
+		const invalid = computed(() => fieldErrors.value.length > 0);
+		const describedBy = computed(() => {
+			const ids = [];
+			if (descriptionPresent.value) ids.push(descriptionId.value);
+			if (fieldErrors.value.length) ids.push(errorId.value);
+			return ids.length ? ids.join(" ") : void 0;
+		});
+		const syncValidity = (element = control.value, reveal = false) => {
+			if (reveal) nativeValidityVisible.value = true;
+			validity.value = element && "validity" in element ? element.validity : void 0;
+		};
+		const setControl = (element) => {
+			control.value = element;
+			if (element && "value" in element && initialValue.value === void 0) initialValue.value = element.value;
+			syncValidity(element);
+		};
+		const setDescriptionPresent = (present) => {
+			descriptionPresent.value = present;
+		};
+		const valueOf = () => {
+			return control.value?.value;
+		};
+		const validate = async () => {
+			syncValidity(void 0, true);
+			let nextErrors = [];
+			if (props.validate) nextErrors = normalizeErrors(await props.validate(valueOf()));
+			localErrors.value = nextErrors;
+			return !invalid.value;
+		};
+		const reset = () => {
+			const element = control.value;
+			if (element && initialValue.value !== void 0 && "value" in element) {
+				const input = element;
+				input.value = initialValue.value;
+				element.dispatchEvent(new Event("input", { bubbles: true }));
+			}
+			validity.value = void 0;
+			nativeValidityVisible.value = false;
+			focused.value = false;
+			touched.value = false;
+			dirty.value = false;
+			localErrors.value = normalizeErrors(props.errors);
+			syncValidity();
+		};
+		watch(() => props.errors, (value) => {
+			localErrors.value = normalizeErrors(value);
+		});
+		const fieldContext = {
+			name,
+			controlId,
+			descriptionId,
+			descriptionPresent,
+			errorId,
+			describedBy,
+			errors: fieldErrors,
+			invalid,
+			required,
+			disabled,
+			validity,
+			control,
+			setControl,
+			setDescriptionPresent,
+			markFocused: (value) => {
+				focused.value = value;
+			},
+			markTouched: () => {
+				touched.value = true;
+			},
+			markDirty: () => {
+				dirty.value = true;
+				localErrors.value = [];
+				nativeValidityVisible.value = false;
+				form?.clearError(name.value);
+			},
+			validate,
+			syncValidity,
+			reset
+		};
+		provideFieldContext(fieldContext);
+		onMounted(() => form?.registerField(fieldContext));
+		onBeforeUnmount(() => {
+			form?.unregisterField(fieldContext);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "ui-FieldRoot",
+				"data-invalid": invalid.value || void 0,
+				"data-focused": focused.value || void 0,
+				"data-touched": touched.value || void 0,
+				"data-dirty": dirty.value || void 0,
+				"data-disabled": disabled.value || void 0,
+				"data-required": required.value || void 0
+			}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1$16);
+		};
+	}
+});
+//#endregion
+//#region src/components/form/FieldLabel.vue
+var FieldLabel_default = /* @__PURE__ */ defineComponent({
+	__name: "FieldLabel",
+	props: {
+		as: { default: "label" },
+		asChild: { type: Boolean },
+		for: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const field = injectFieldContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), {
+				class: "ui-FieldLabel",
+				as: props.as,
+				"as-child": props.asChild,
+				for: props.for || unref(field).controlId.value
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"for"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/form/FieldControl.vue
+var FieldControl_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "FieldControl",
+	props: {
+		as: { default: "input" },
+		asChild: { type: Boolean },
+		id: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const attrs = useAttrs();
+		const field = injectFieldContext();
+		const primitiveRef = ref();
+		const controlAttrs = computed(() => {
+			const result = { ...attrs };
+			const generatedDescribedBy = field.describedBy.value;
+			const describedBy = [attrs["aria-describedby"], generatedDescribedBy].filter(Boolean).join(" ");
+			result.id = props.id || field.controlId.value;
+			if (field.name.value && !result.name) result.name = field.name.value;
+			if (field.required.value) result.required = true;
+			if (field.disabled.value) result.disabled = true;
+			if (describedBy) result["aria-describedby"] = describedBy;
+			if (field.invalid.value) result["aria-invalid"] = "true";
+			if (field.required.value) result["aria-required"] = "true";
+			result["data-field-control"] = true;
+			return result;
+		});
+		const findControl = () => {
+			const root = primitiveRef.value?.$el;
+			if (!root) return void 0;
+			if (root.matches?.("[data-field-control], input, textarea, select, button")) return root;
+			return root.querySelector("[data-field-control], input, textarea, select, button") || root;
+		};
+		const onInput = () => {
+			field.markDirty();
+			field.syncValidity(findControl());
+		};
+		const onChange = () => {
+			field.markDirty();
+			field.syncValidity(findControl());
+		};
+		const onFocus = () => field.markFocused(true);
+		const onBlur = async () => {
+			field.markFocused(false);
+			field.markTouched();
+			await field.validate();
+		};
+		onMounted(() => nextTick(() => field.setControl(findControl())));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(controlAttrs.value, {
+				ref_key: "primitiveRef",
+				ref: primitiveRef,
+				as: props.as,
+				"as-child": props.asChild,
+				onInput,
+				onChange,
+				onFocus,
+				onBlur
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as", "as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/form/FieldDescription.vue
+var FieldDescription_default = /* @__PURE__ */ defineComponent({
+	__name: "FieldDescription",
+	props: {
+		as: { default: "p" },
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const field = injectFieldContext();
+		onMounted(() => field.setDescriptionPresent(true));
+		onBeforeUnmount(() => field.setDescriptionPresent(false));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), {
+				id: unref(field).descriptionId.value,
+				class: "ui-FieldDescription",
+				as: props.as,
+				"as-child": props.asChild
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"id",
+				"as",
+				"as-child"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/form/FieldError.vue
+var FieldError_default = /* @__PURE__ */ defineComponent({
+	__name: "FieldError",
+	props: {
+		as: { default: "p" },
+		asChild: { type: Boolean },
+		match: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const field = injectFieldContext();
+		const errors = computed(() => {
+			if (props.match && field.validity.value?.[props.match] !== true) return [];
+			return field.errors.value;
+		});
+		return (_ctx, _cache) => {
+			return errors.value.length ? (openBlock(), createBlock(unref(Primitive), {
+				key: 0,
+				id: unref(field).errorId.value,
+				class: "ui-FieldError",
+				as: props.as,
+				"as-child": props.asChild,
+				"data-invalid": true
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { errors: errors.value }, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(errors.value, (error) => {
+					return openBlock(), createElementBlock("span", { key: error }, toDisplayString(error), 1);
+				}), 128))])]),
+				_: 3
+			}, 8, [
+				"id",
+				"as",
+				"as-child"
+			])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
 //#region src/components/accordion/AccordionRoot.vue?vue&type=script&setup=true&lang.ts
 var [injectAccordionRootContext, provideAccordionRootContext] = createContext("ui:AccordionRoot");
 //#endregion
@@ -4493,29 +5412,6 @@ var Pagination_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/@vueuse+shared@14.4.0_vue@3.5.42_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js
-/**
-* Keep states in the global scope to be reusable across Vue instances.
-*
-* @see https://vueuse.org/createGlobalState
-* @param stateFactory A factory function to create the state
-*
-* @__NO_SIDE_EFFECTS__
-*/
-function createGlobalState(stateFactory) {
-	let initialized = false;
-	let state;
-	const scope = effectScope(true);
-	return ((...args) => {
-		if (!initialized) {
-			state = scope.run(() => stateFactory(...args));
-			initialized = true;
-		}
-		return state;
-	});
-}
-typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
-//#endregion
 //#region src/components/toast/manager.ts
 var count = 0;
 var useToastManager = createGlobalState(() => {
@@ -4594,7 +5490,7 @@ var useToastManager = createGlobalState(() => {
 					...msg,
 					category: "error"
 				});
-			}
+			} else remove(id);
 		});
 		return id;
 	};
@@ -4717,13 +5613,17 @@ var ToastItem_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const toastRef = useTemplateRef("toastRef");
+		const layoutRef = useTemplateRef("layoutRef");
 		const paused = ref(false);
 		const manager = useToastManager();
+		let resizeObserver;
 		const styleVars = computed(() => {
 			const offsetY = manager.messages.value.slice(0, props.index).map((item) => item.height || 60).reduce((sum, num) => sum + num, 0);
+			const frontHeight = manager.messages.value[0]?.height || 60;
 			return {
 				"--toast-index": props.index,
-				"--toast-offset-y": offsetY + "px"
+				"--toast-offset-y": offsetY + "px",
+				"--toast-front-height": frontHeight + "px"
 			};
 		});
 		const categoryIcon = computed(() => {
@@ -4747,7 +5647,25 @@ var ToastItem_default = /* @__PURE__ */ defineComponent({
 		};
 		onMounted(() => {
 			const el = toastRef.value.$el;
-			manager.update(props.message.id, { height: el.clientHeight });
+			const layout = layoutRef.value;
+			let height;
+			const updateHeight = () => {
+				const borderHeight = el.offsetHeight - el.clientHeight;
+				const nextHeight = layout.offsetHeight + borderHeight;
+				if (nextHeight !== height) {
+					height = nextHeight;
+					manager.update(props.message.id, { height: nextHeight });
+				}
+			};
+			updateHeight();
+			if (typeof ResizeObserver !== "undefined") {
+				resizeObserver = new ResizeObserver(updateHeight);
+				resizeObserver.observe(layout);
+			}
+		});
+		onBeforeUnmount(() => {
+			resizeObserver?.disconnect();
+			resizeObserver = void 0;
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(ToastRoot), {
@@ -4763,7 +5681,11 @@ var ToastItem_default = /* @__PURE__ */ defineComponent({
 				onPause,
 				onResume
 			}, {
-				default: withCtx(() => [
+				default: withCtx(() => [createElementVNode("div", {
+					ref_key: "layoutRef",
+					ref: layoutRef,
+					class: "ui-ToastLayout"
+				}, [
 					__props.message.category ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						class: "ui-ToastIcon",
@@ -4802,7 +5724,7 @@ var ToastItem_default = /* @__PURE__ */ defineComponent({
 						])]),
 						_: 1
 					}, 8, ["alt-text", "onClick"])) : createCommentVNode("", true)
-				]),
+				], 512)]),
 				_: 1
 			}, 8, [
 				"duration",
@@ -4819,6 +5741,7 @@ var ToastProvider_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "ToastProvider",
 	props: {
+		breakpoint: { default: 640 },
 		size: { default: "1" },
 		position: { default: "bottom-right" },
 		label: {},
@@ -4829,8 +5752,31 @@ var ToastProvider_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const props = __props;
-		const forwarded = useForwardPropsWithout(props, ["position", "size"]);
+		const forwarded = useForwardPropsWithout(props, [
+			"breakpoint",
+			"position",
+			"size"
+		]);
 		const { messages } = useToastManager();
+		const isNarrowViewport = ref(false);
+		let mediaQuery;
+		function updateNarrowViewport(event) {
+			isNarrowViewport.value = event.matches;
+		}
+		function setupMediaQuery() {
+			mediaQuery?.removeEventListener("change", updateNarrowViewport);
+			mediaQuery = window.matchMedia(`(max-width: ${props.breakpoint - .02}px)`);
+			updateNarrowViewport(mediaQuery);
+			mediaQuery.addEventListener("change", updateNarrowViewport);
+		}
+		onMounted(setupMediaQuery);
+		watch(() => props.breakpoint, () => {
+			if (mediaQuery) setupMediaQuery();
+		});
+		onBeforeUnmount(() => {
+			mediaQuery?.removeEventListener("change", updateNarrowViewport);
+			mediaQuery = void 0;
+		});
 		const yPosition = computed(() => {
 			return props.position.split("-")[0];
 		});
@@ -4839,6 +5785,7 @@ var ToastProvider_default = /* @__PURE__ */ defineComponent({
 		});
 		const swipeDirection = computed(() => {
 			if (props.swipeDirection) return props.swipeDirection;
+			if (isNarrowViewport.value && yPosition.value !== "center") return yPosition.value === "top" ? "up" : "down";
 			if (xPosition.value !== "center") return xPosition.value;
 			return yPosition.value === "top" ? "up" : "down";
 		});
@@ -4872,11 +5819,13 @@ var ToastProvider_default = /* @__PURE__ */ defineComponent({
 							default: withCtx(() => [createVNode(unref(ToastViewport), mergeProps({ class: "ui-ToastViewport" }, _ctx.$attrs, {
 								class: `r-size-${__props.size}`,
 								"data-x-position": xPosition.value,
-								"data-y-position": yPosition.value
+								"data-y-position": yPosition.value,
+								"data-mobile": isNarrowViewport.value
 							}), null, 16, [
 								"class",
 								"data-x-position",
-								"data-y-position"
+								"data-y-position",
+								"data-mobile"
 							])]),
 							_: 1
 						})]),
@@ -5043,4 +5992,4 @@ var SavingIndicator_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { AccordionContent_default as AccordionContent, AccordionIndicator_default as AccordionIndicator, AccordionItem_default as AccordionItem, AccordionRoot_default as AccordionRoot, AccordionTrigger_default as AccordionTrigger, AlertDialogAction, AlertDialogCancel, DialogCloseButton_default as AlertDialogCancelButton, DialogCloseButton_default as DialogCloseButton, DialogDescription_default as AlertDialogDescription, DialogDescription_default as DialogDescription, AlertDialogPopup_default as AlertDialogPopup, AlertDialogRoot, DialogTitle_default as AlertDialogTitle, DialogTitle_default as DialogTitle, AlertDialogTrigger, Avatar_default as Avatar, Badge_default as Badge, Button_default as Button, Card_default as Card, Checkbox_default as Checkbox, CheckboxGroup, CloseButton_default as CloseButton, CollapsibleContent_default as CollapsibleContent, CollapsibleIndicator_default as CollapsibleIndicator, CollapsibleRoot_default as CollapsibleRoot, CollapsibleTrigger_default as CollapsibleTrigger, ColorField_default as ColorField, ComboboxContent_default as ComboboxContent, ComboboxEmpty_default as ComboboxEmpty, ComboboxGroup, ComboboxInput_default as ComboboxInput, ComboboxItem_default as ComboboxItem, ComboboxLabel_default as ComboboxLabel, ComboboxRoot_default as ComboboxRoot, DialogClose, DialogPopup_default as DialogPopup, DialogRoot, DialogTrigger, DropdownMenuContent_default as DropdownMenuContent, DropdownMenuItem_default as DropdownMenuItem, DropdownMenuRoot, DropdownMenuSeparator_default as DropdownMenuSeparator, DropdownMenuTrigger, Editable_default as Editable, Empty_default as Empty, EmptyContent_default as EmptyContent, EmptyDescription_default as EmptyDescription, EmptyHeader_default as EmptyHeader, EmptyMedia_default as EmptyMedia, EmptyTitle_default as EmptyTitle, IconButton_default as IconButton, NavigationMenuContent_default as NavigationMenuContent, NavigationMenuItem, NavigationMenuLink_default as NavigationMenuLink, NavigationMenuList_default as NavigationMenuList, NavigationMenuRoot_default as NavigationMenuRoot, NavigationMenuTrigger_default as NavigationMenuTrigger, Pagination_default as Pagination, PinInputInput_default as PinInputInput, PinInputRoot_default as PinInputRoot, PopoverClose, PopoverPopup_default as PopoverPopup, PopoverRoot, PopoverTrigger, Quota_default as Quota, Radio_default as Radio, RadioCardsItem_default as RadioCardsItem, RadioCardsRoot_default as RadioCardsRoot, RadioGroupItem_default as RadioGroupItem, RadioGroupRoot_default as RadioGroupRoot, RadioTabsItem_default as RadioTabsItem, RadioTabsRoot_default as RadioTabsRoot, SavingIndicator_default as SavingIndicator, ScrollArea_default as ScrollArea, SelectContent_default as SelectContent, SelectGroup, SelectItem_default as SelectItem, SelectLabel_default as SelectLabel, SelectRoot_default as SelectRoot, SelectSeparator_default as SelectSeparator, SelectTrigger_default as SelectTrigger, Separator_default as Separator, Sidebar_default as Sidebar, SidebarBody_default as SidebarBody, SidebarFooter_default as SidebarFooter, SidebarGroup_default as SidebarGroup, SidebarGroupLabel_default as SidebarGroupLabel, SidebarHeader_default as SidebarHeader, SidebarInset_default as SidebarInset, SidebarMenu_default as SidebarMenu, SidebarMenuButton_default as SidebarMenuButton, SidebarMenuItem_default as SidebarMenuItem, SidebarMenuSub_default as SidebarMenuSub, SidebarMenuSubButton_default as SidebarMenuSubButton, SidebarMenuSubItem_default as SidebarMenuSubItem, SidebarProvider_default as SidebarProvider, SidebarRail_default as SidebarRail, SidebarTrigger_default as SidebarTrigger, Skeleton_default as Skeleton, Spinner_default as Spinner, SpinnerIcon_default as SpinnerIcon, Switch_default as Switch, Table_default as Table, TabsContent, TabsList_default as TabsList, TabsRoot, TabsTrigger_default as TabsTrigger, TextArea_default as TextArea, TextField_default as TextField, ThemeProvider_default as ThemeProvider, ToastProvider_default as ToastProvider, Toggle_default as Toggle, ToggleGroupItem_default as ToggleGroupItem, ToggleGroupRoot_default as ToggleGroupRoot, Tooltip_default as Tooltip, TreeItem_default as TreeItem, TreeItemIndicator_default as TreeItemIndicator, TreeRoot_default as TreeRoot, buildPropsClass, injectEmptyContext, injectThemeContext, provideEmptyContext, provideThemeContext, toast, useForwardPropsEmitsWithout, useForwardPropsWithout };
+export { AccordionContent_default as AccordionContent, AccordionIndicator_default as AccordionIndicator, AccordionItem_default as AccordionItem, AccordionRoot_default as AccordionRoot, AccordionTrigger_default as AccordionTrigger, AlertDialogAction, AlertDialogCancel, DialogCloseButton_default as AlertDialogCancelButton, DialogCloseButton_default as DialogCloseButton, DialogDescription_default as AlertDialogDescription, DialogDescription_default as DialogDescription, AlertDialogPopup_default as AlertDialogPopup, AlertDialogRoot, DialogTitle_default as AlertDialogTitle, DialogTitle_default as DialogTitle, AlertDialogTrigger, Avatar_default as Avatar, Badge_default as Badge, Button_default as Button, Card_default as Card, Checkbox_default as Checkbox, CheckboxGroup_default as CheckboxGroup, CloseButton_default as CloseButton, CollapsibleContent_default as CollapsibleContent, CollapsibleIndicator_default as CollapsibleIndicator, CollapsibleRoot_default as CollapsibleRoot, CollapsibleTrigger_default as CollapsibleTrigger, ColorField_default as ColorField, ComboboxContent_default as ComboboxContent, ComboboxEmpty_default as ComboboxEmpty, ComboboxGroup, ComboboxInput_default as ComboboxInput, ComboboxItem_default as ComboboxItem, ComboboxLabel_default as ComboboxLabel, ComboboxRoot_default as ComboboxRoot, DialogClose, DialogPopup_default as DialogPopup, DialogRoot, DialogTrigger, DrawerClose, DrawerCloseButton_default as DrawerCloseButton, DrawerDescription_default as DrawerDescription, DrawerHandle_default as DrawerHandle, DrawerIndent, DrawerIndentBackground, DrawerPopup_default as DrawerPopup, DrawerProvider, DrawerRoot_default as DrawerRoot, DrawerSwipeArea, DrawerTitle_default as DrawerTitle, DrawerTrigger, DropdownMenuContent_default as DropdownMenuContent, DropdownMenuItem_default as DropdownMenuItem, DropdownMenuRoot, DropdownMenuSeparator_default as DropdownMenuSeparator, DropdownMenuTrigger, Editable_default as Editable, Empty_default as Empty, EmptyContent_default as EmptyContent, EmptyDescription_default as EmptyDescription, EmptyHeader_default as EmptyHeader, EmptyMedia_default as EmptyMedia, EmptyTitle_default as EmptyTitle, FieldControl_default as FieldControl, FieldDescription_default as FieldDescription, FieldError_default as FieldError, FieldLabel_default as FieldLabel, FieldRoot_default as FieldRoot, FormRoot_default as FormRoot, IconButton_default as IconButton, NavigationMenuContent_default as NavigationMenuContent, NavigationMenuItem, NavigationMenuLink_default as NavigationMenuLink, NavigationMenuList_default as NavigationMenuList, NavigationMenuRoot_default as NavigationMenuRoot, NavigationMenuTrigger_default as NavigationMenuTrigger, Pagination_default as Pagination, PinInputInput_default as PinInputInput, PinInputRoot_default as PinInputRoot, PopoverClose, PopoverPopup_default as PopoverPopup, PopoverRoot, PopoverTrigger, Quota_default as Quota, Radio_default as Radio, RadioCardsItem_default as RadioCardsItem, RadioCardsRoot_default as RadioCardsRoot, RadioGroupItem_default as RadioGroupItem, RadioGroupRoot_default as RadioGroupRoot, RadioTabsItem_default as RadioTabsItem, RadioTabsRoot_default as RadioTabsRoot, SavingIndicator_default as SavingIndicator, ScrollArea_default as ScrollArea, SelectContent_default as SelectContent, SelectGroup, SelectItem_default as SelectItem, SelectLabel_default as SelectLabel, SelectRoot_default as SelectRoot, SelectSeparator_default as SelectSeparator, SelectTrigger_default as SelectTrigger, Separator_default as Separator, Sidebar_default as Sidebar, SidebarBody_default as SidebarBody, SidebarFooter_default as SidebarFooter, SidebarGroup_default as SidebarGroup, SidebarGroupLabel_default as SidebarGroupLabel, SidebarHeader_default as SidebarHeader, SidebarInset_default as SidebarInset, SidebarMenu_default as SidebarMenu, SidebarMenuButton_default as SidebarMenuButton, SidebarMenuItem_default as SidebarMenuItem, SidebarMenuSub_default as SidebarMenuSub, SidebarMenuSubButton_default as SidebarMenuSubButton, SidebarMenuSubItem_default as SidebarMenuSubItem, SidebarProvider_default as SidebarProvider, SidebarRail_default as SidebarRail, SidebarTrigger_default as SidebarTrigger, Skeleton_default as Skeleton, Spinner_default as Spinner, SpinnerIcon_default as SpinnerIcon, Switch_default as Switch, Table_default as Table, TabsContent, TabsList_default as TabsList, TabsRoot, TabsTrigger_default as TabsTrigger, TextArea_default as TextArea, TextField_default as TextField, ThemeProvider_default as ThemeProvider, ToastProvider_default as ToastProvider, Toggle_default as Toggle, ToggleGroupItem_default as ToggleGroupItem, ToggleGroupRoot_default as ToggleGroupRoot, Tooltip_default as Tooltip, TreeItem_default as TreeItem, TreeItemIndicator_default as TreeItemIndicator, TreeRoot_default as TreeRoot, buildPropsClass, injectEmptyContext, injectThemeContext, provideEmptyContext, provideThemeContext, toast, useForwardPropsEmitsWithout, useForwardPropsWithout };