@typlog/ui 0.12.1 → 0.12.3

package/components.js

@@ -1,9 +1,12 @@
-import { defineComponent, toRefs, createBlock, openBlock, unref, withCtx, createVNode, renderSlot, markRaw, createElementBlock, createElementVNode, computed, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, mergeProps, mergeModels, useTemplateRef, useModel, withDirectives, isRef, vModelDynamic, vModelText, onMounted, normalizeStyle, normalizeProps, guardReactiveProps, Fragment, ref, watch, renderList, withModifiers, vModelRadio, effectScope, createStaticVNode, resolveDynamicComponent } from "vue";
-import { createContext, TooltipProvider, Primitive, useForwardProps, useEmitAsProps, AvatarRoot, AvatarImage, AvatarFallback, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, injectDialogRootContext, useForwardExpose, DialogPortal, DialogOverlay, DialogContent, useForwardPropsEmits, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, DropdownMenuPortal, DropdownMenuContent, DropdownMenuItem, PopoverPortal, PopoverContent, SwitchRoot, SwitchThumb, CheckboxRoot, CheckboxIndicator, Toggle, ToggleGroupRoot, ToggleGroupItem, SelectRoot, SelectPortal, SelectContent, SelectViewport, SelectTrigger, SelectValue, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, ComboboxRoot, injectComboboxRootContext as injectComboboxRootContext$1, ComboboxAnchor, ComboboxInput, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxViewport, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxEmpty, RadioGroupRoot, RadioGroupItem, TabsList, TabsIndicator, TabsTrigger, EditableRoot, EditableArea, EditablePreview, EditableInput, AccordionRoot, useId, AccordionItem, AccordionContent, AccordionTrigger, CollapsibleRoot, CollapsibleTrigger, CollapsibleContent, ToastRoot, ToastTitle, ToastDescription, ToastAction, ToastProvider, ToastPortal, ToastViewport, TooltipRoot, TooltipTrigger, TooltipPortal, TooltipContent, TooltipArrow, ProgressRoot, ProgressIndicator } from "reka-ui";
-import { AlertDialogAction, AlertDialogCancel, AlertDialogRoot, AlertDialogTrigger, CheckboxGroupRoot, ComboboxGroup, DialogClose, DialogRoot, DialogTrigger, DropdownMenuRoot, DropdownMenuTrigger, PopoverClose, PopoverRoot, PopoverTrigger, SelectGroup, TabsContent, TabsRoot } from "reka-ui";
+import { defineComponent, toRefs, createBlock, openBlock, unref, withCtx, createVNode, mergeProps, renderSlot, markRaw, createElementBlock, createElementVNode, computed, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, normalizeStyle, normalizeProps, guardReactiveProps, useAttrs, mergeModels, useTemplateRef, useModel, withDirectives, isRef, vModelDynamic, vModelText, onMounted, Fragment, ref, watch, renderList, withModifiers, vModelRadio, effectScope, createStaticVNode, resolveDynamicComponent } from "vue";
+import { createContext, TooltipProvider, Primitive, useForwardProps, useEmitAsProps, AvatarRoot, AvatarImage, AvatarFallback, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, TooltipRoot, TooltipTrigger, TooltipPortal, TooltipContent, TooltipArrow, DialogClose, injectDialogRootContext, useForwardExpose, DialogPortal, DialogOverlay, DialogContent, useForwardPropsEmits, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, DropdownMenuPortal, DropdownMenuContent, DropdownMenuItem, PopoverPortal, PopoverContent, NavigationMenuRoot, NavigationMenuViewport, NavigationMenuList, NavigationMenuIndicator, NavigationMenuLink, NavigationMenuTrigger, NavigationMenuContent, SwitchRoot, SwitchThumb, CheckboxRoot, CheckboxIndicator, Toggle, ToggleGroupRoot, ToggleGroupItem, SelectRoot, SelectPortal, SelectContent, SelectViewport, SelectTrigger, SelectValue, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, ComboboxRoot, injectComboboxRootContext as injectComboboxRootContext$1, ComboboxAnchor, ComboboxInput, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxViewport, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxEmpty, RadioGroupRoot, RadioGroupItem, TabsList, TabsIndicator, TabsTrigger, EditableRoot, EditableArea, EditablePreview, EditableInput, AccordionRoot, useId, AccordionItem, AccordionContent, AccordionTrigger, CollapsibleRoot, CollapsibleTrigger, CollapsibleContent, ToastRoot, ToastTitle, ToastDescription, ToastAction, ToastProvider, ToastPortal, ToastViewport, ProgressRoot, ProgressIndicator } from "reka-ui";
+import { AlertDialogAction, AlertDialogCancel, AlertDialogRoot, AlertDialogTrigger, CheckboxGroupRoot, ComboboxGroup, DialogClose as DialogClose2, DialogRoot, DialogTrigger, DropdownMenuRoot, DropdownMenuTrigger, NavigationMenuItem, PopoverClose, PopoverRoot, PopoverTrigger, SelectGroup, TabsContent, TabsRoot } from "reka-ui";
 import { Icon } from "@iconify/vue";
 const [injectThemeContext, provideThemeContext] = createContext("ThemeProvider");
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
   __name: "ThemeProvider",
   props: {
     accentColor: { default: "indigo" },
@@ -29,7 +32,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TooltipProvider), null, {
         default: withCtx(() => [
-          createVNode(unref(Primitive), {
+          createVNode(unref(Primitive), mergeProps({
             class: "ui-root",
             "data-accent-color": unref(accentColor),
             "data-gray-color": unref(grayColor),
@@ -39,32 +42,32 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
             "data-has-background": unref(hasBackground),
             as: props.as,
             "as-child": props.asChild
-          }, {
+          }, _ctx.$attrs), {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          }, 8, ["data-accent-color", "data-gray-color", "data-radius", "data-scaling", "data-panel-background", "data-has-background", "as", "as-child"])
+          }, 16, ["data-accent-color", "data-gray-color", "data-radius", "data-scaling", "data-panel-background", "data-has-background", "as", "as-child"])
         ]),
         _: 3
       });
     };
   }
 });
-const _hoisted_1$v = {
+const _hoisted_1$w = {
   viewBox: "0 0 24 24",
   width: "1em",
   height: "1em"
 };
-function render$9(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$v, _cache[0] || (_cache[0] = [
+function render$a(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$w, _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)
   ]));
 }
-const UserIcon = markRaw({ name: "ri-user-line", render: render$9 });
+const UserIcon = markRaw({ name: "ri-user-line", render: render$a });
 function useForwardPropsWithout(props, exclude) {
   const parsedProps = useForwardProps(props);
   return computed(() => ({
@@ -111,7 +114,7 @@ function kebabize(str) {
 function _kebabReplace(str, ofs) {
   return (ofs ? "-" : "") + str.toLowerCase();
 }
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
     alt: {},
@@ -171,7 +174,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   __name: "Badge",
   props: {
     variant: { default: "soft" },
@@ -201,7 +204,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   __name: "Card",
   props: {
     variant: { default: "surface" },
@@ -228,7 +231,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "Button",
   props: {
     variant: { default: "solid" },
@@ -261,7 +264,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   __name: "IconButton",
   props: {
     variant: { default: "solid" },
@@ -294,7 +297,56 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _hoisted_1$v = {
+  viewBox: "0 0 15 15",
+  width: "1em",
+  height: "1em"
+};
+function render$9(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$v, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "currentColor",
+      "fill-rule": "evenodd",
+      d: "M11.782 4.032a.575.575 0 1 0-.813-.814L7.5 6.687L4.032 3.218a.575.575 0 0 0-.814.814L6.687 7.5l-3.469 3.468a.575.575 0 0 0 .814.814L7.5 8.313l3.469 3.469a.575.575 0 0 0 .813-.814L8.313 7.5z",
+      "clip-rule": "evenodd"
+    }, null, -1)
+  ]));
+}
+const CrossIcon = markRaw({ name: "radix-icons-cross-2", render: render$9 });
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+  __name: "CloseButton",
+  props: {
+    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 resetClass = buildPropsClass(props, ["size", "variant", "highContrast"]);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        class: normalizeClass(["ui-Button ui-CloseButton", unref(resetClass)]),
+        "as-child": props.asChild,
+        as: props.as,
+        "data-accent-color": props.color,
+        "data-radius": props.radius,
+        "data-disabled": props.disabled ? true : void 0,
+        disabled: props.disabled && props.as === "button" ? true : void 0
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(CrossIcon))
+        ]),
+        _: 1
+      }, 8, ["class", "as-child", "as", "data-accent-color", "data-radius", "data-disabled", "disabled"]);
+    };
+  }
+});
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "ScrollArea",
   props: {
     size: { default: "1" },
@@ -358,7 +410,159 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+  __name: "ThemeWrapper",
+  props: {
+    accentColor: {},
+    radius: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const theme = injectThemeContext();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        class: "ui-root",
+        "data-accent-color": props.accentColor || unref(theme).accentColor.value,
+        "data-gray-color": unref(theme).grayColor.value,
+        "data-radius": props.radius || unref(theme).radius.value,
+        "data-scaling": unref(theme).scaling.value,
+        "as-child": ""
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["data-accent-color", "data-gray-color", "data-radius", "data-scaling"]);
+    };
+  }
+});
+const _hoisted_1$u = ["textContent"];
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "Tooltip",
+  props: {
+    content: {},
+    maxWidth: { default: "360px" },
+    color: { default: "gray" },
+    forceMount: { type: Boolean },
+    ariaLabel: {},
+    asChild: { type: Boolean },
+    as: {},
+    side: { default: "top" },
+    sideOffset: { default: 4 },
+    align: {},
+    alignOffset: {},
+    avoidCollisions: { type: Boolean, default: true },
+    collisionBoundary: {},
+    collisionPadding: { default: 10 },
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(TooltipRoot), null, {
+        default: withCtx(() => [
+          createVNode(unref(TooltipTrigger), mergeProps({
+            as: props.as,
+            "as-child": props.asChild
+          }, _ctx.$attrs), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["as", "as-child"]),
+          createVNode(unref(TooltipPortal), null, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$_, null, {
+                default: withCtx(() => [
+                  createVNode(unref(TooltipContent), {
+                    class: "ui-Tooltip",
+                    align: props.align,
+                    "align-offset": props.alignOffset,
+                    "aria-label": props.ariaLabel,
+                    "arrow-padding": props.arrowPadding,
+                    "avoid-collisions": props.avoidCollisions,
+                    "collision-boundary": props.collisionBoundary,
+                    "collision-padding": props.collisionPadding,
+                    "hide-when-detached": props.hideWhenDetached,
+                    side: props.side,
+                    "side-offset": props.sideOffset,
+                    sticky: props.sticky,
+                    "data-accent-color": props.color,
+                    style: normalizeStyle({ maxWidth: props.maxWidth })
+                  }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "content", {}, () => [
+                        createElementVNode("p", {
+                          class: "ui-TooltipText",
+                          textContent: toDisplayString(props.content)
+                        }, null, 8, _hoisted_1$u)
+                      ]),
+                      createVNode(unref(TooltipArrow), { class: "ui-TooltipArrow" })
+                    ]),
+                    _: 3
+                  }, 8, ["align", "align-offset", "aria-label", "arrow-padding", "avoid-collisions", "collision-boundary", "collision-padding", "hide-when-detached", "side", "side-offset", "sticky", "data-accent-color", "style"])
+                ]),
+                _: 3
+              })
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+  __name: "DialogCloseButton",
+  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(_sfc_main$Z, {
+        content: props.tooltip,
+        "as-child": ""
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(DialogClose), {
+            class: "ui-DialogCloseButton",
+            "as-child": ""
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$11, normalizeProps(guardReactiveProps(unref(forwarded))), {
+                default: withCtx(() => [
+                  createVNode(unref(CrossIcon))
+                ]),
+                _: 1
+              }, 16)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["content"]);
+    };
+  }
+});
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "DialogTitle",
   props: {
     asChild: { type: Boolean },
@@ -381,7 +585,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "DialogDescription",
   props: {
     asChild: { type: Boolean },
@@ -404,35 +608,9 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
-  __name: "ThemeWrapper",
-  props: {
-    accentColor: {},
-    radius: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const theme = injectThemeContext();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        class: "ui-root",
-        "data-accent-color": props.accentColor || unref(theme).accentColor.value,
-        "data-gray-color": unref(theme).grayColor.value,
-        "data-radius": props.radius || unref(theme).radius.value,
-        "data-scaling": unref(theme).scaling.value,
-        "as-child": ""
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["data-accent-color", "data-gray-color", "data-radius", "data-scaling"]);
-    };
-  }
-});
-const _hoisted_1$u = { class: "ui-DialogWrapper" };
+const _hoisted_1$t = { class: "ui-DialogWrapper" };
 const _hoisted_2$8 = { class: "ui-DialogContainer" };
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -452,11 +630,11 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DialogPortal), null, {
         default: withCtx(() => [
-          createVNode(_sfc_main$S, null, {
+          createVNode(_sfc_main$_, null, {
             default: withCtx(() => [
               createVNode(unref(DialogOverlay), { class: "ui-DialogOverlay" }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1$u, [
+                  createElementVNode("div", _hoisted_1$t, [
                     createElementVNode("div", _hoisted_2$8, [
                       createVNode(unref(DialogContent), mergeProps({
                         class: ["ui-DialogPopup", `r-size-${props.size}`]
@@ -483,9 +661,9 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$t = { class: "ui-DialogWrapper" };
+const _hoisted_1$s = { class: "ui-DialogWrapper" };
 const _hoisted_2$7 = { class: "ui-DialogContainer" };
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -504,11 +682,11 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(AlertDialogPortal), null, {
         default: withCtx(() => [
-          createVNode(_sfc_main$S, null, {
+          createVNode(_sfc_main$_, null, {
             default: withCtx(() => [
               createVNode(unref(AlertDialogOverlay), { class: "ui-DialogOverlay" }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1$t, [
+                  createElementVNode("div", _hoisted_1$s, [
                     createElementVNode("div", _hoisted_2$7, [
                       createVNode(unref(AlertDialogContent), mergeProps({ class: "ui-DialogPopup ui-AlertPopup r-size-3" }, {
                         ..._ctx.$attrs,
@@ -533,9 +711,9 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$s = { class: "ui-MenuViewport" };
+const _hoisted_1$r = { class: "ui-MenuViewport" };
 const [injectDropdownMenuContentContext, provideDropdownMenuContentContext] = createContext("ui:DropdownMenuContent");
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -585,7 +763,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DropdownMenuPortal), null, {
         default: withCtx(() => [
-          createVNode(_sfc_main$S, {
+          createVNode(_sfc_main$_, {
             "accent-color": props.color
           }, {
             default: withCtx(() => [
@@ -597,9 +775,9 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
                 class: ["ui-PopperContent ui-MenuContent", unref(resetClass)]
               }), {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$V, { type: "auto" }, {
+                  createVNode(_sfc_main$$, { type: "auto" }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_1$s, [
+                      createElementVNode("div", _hoisted_1$r, [
                         renderSlot(_ctx.$slots, "default")
                       ])
                     ]),
@@ -617,8 +795,8 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$r = ["textContent"];
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _hoisted_1$q = ["textContent"];
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuItem",
   props: {
     color: {},
@@ -638,7 +816,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DropdownMenuItem), mergeProps({
         class: "ui-MenuItem",
-        "data-accent-color": props.color,
+        "data-accent-color": props.color || unref(rootContext).color.value,
         "data-variant": unref(rootContext).variant.value,
         "data-high-contrast": unref(rootContext).highContrast?.value || void 0
       }, unref(forwarded)), {
@@ -648,7 +826,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
             key: 0,
             class: "ui-MenuShortcut",
             textContent: toDisplayString(props.shortcut)
-          }, null, 8, _hoisted_1$r)) : createCommentVNode("", true)
+          }, null, 8, _hoisted_1$q)) : createCommentVNode("", true)
         ]),
         _: 3
       }, 16, ["data-accent-color", "data-variant", "data-high-contrast"]);
@@ -662,72 +840,255 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$N = {};
-const _hoisted_1$q = {
+const _sfc_main$R = {};
+const _hoisted_1$p = {
   class: "ui-DropdownMenuSeparator",
   "aria-hidden": "true"
 };
 function _sfc_render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$q);
+  return openBlock(), createElementBlock("div", _hoisted_1$p);
 }
-const DropdownMenuSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$2]]);
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const DropdownMenuSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$2]]);
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
   __name: "PopoverPopup",
   props: {
-    size: { default: "1" },
+    size: { default: "1" },
+    forceMount: { type: Boolean },
+    side: { default: "bottom" },
+    sideOffset: { default: 4 },
+    sideFlip: { type: Boolean },
+    align: { default: "start" },
+    alignOffset: {},
+    alignFlip: { type: Boolean },
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean },
+    prioritizePosition: { type: Boolean },
+    reference: {},
+    asChild: { type: Boolean },
+    as: {},
+    disableOutsidePointerEvents: { type: Boolean }
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const forwarded = useForwardPropsEmitsWithout(props, emits, ["to", "size"]);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(PopoverPortal), null, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$_, null, {
+            default: withCtx(() => [
+              createVNode(unref(PopoverContent), mergeProps({ ..._ctx.$attrs, ...unref(forwarded) }, {
+                class: ["ui-PopoverPopup ui-PopperContent", `r-size-${props.size}`]
+              }), {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default")
+                ]),
+                _: 3
+              }, 16, ["class"])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
+  __name: "NavigationMenuRoot",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    dir: {},
+    orientation: {},
+    delayDuration: {},
+    skipDelayDuration: {},
+    disableClickTrigger: { type: Boolean },
+    disableHoverTrigger: { type: Boolean },
+    disablePointerLeaveClose: { type: Boolean },
+    unmountOnHide: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const forwarded = useForwardPropsEmits(props, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NavigationMenuRoot), mergeProps(unref(forwarded), { class: "ui-NavigationMenuRoot" }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default"),
+          createVNode(unref(NavigationMenuViewport), { class: "ui-NavigationMenuViewport" })
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const [injectNavigationMenuListContext, provideNavigationMenuListContext] = createContext("ui:NavigationMenuList");
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
+  __name: "NavigationMenuList",
+  props: {
+    color: {},
+    size: { default: "2" },
+    radius: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const forwarded = useForwardPropsWithout(props, ["color", "size", "radius"]);
+    const resetClass = buildPropsClass(props, ["size"]);
+    const { color, radius, size } = toRefs(props);
+    provideNavigationMenuListContext({
+      color,
+      radius,
+      size
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NavigationMenuList), mergeProps(unref(forwarded), {
+        class: ["ui-NavigationMenuList", unref(resetClass)]
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default"),
+          createVNode(unref(NavigationMenuIndicator), { class: "ui-NavigationMenuIndicator" })
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
+  __name: "NavigationMenuLink",
+  props: {
+    color: {},
+    size: { default: "2" },
+    radius: {},
+    active: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const ctx = injectNavigationMenuListContext(null);
+    const forwarded = useForwardPropsEmitsWithout(props, emits, ["color", "size", "radius"]);
+    const resetClass = computed(() => {
+      const size = props.size || ctx?.size.value || "2";
+      return `r-size-${size}`;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NavigationMenuLink), mergeProps({ class: "ui-NavigationMenuLink" }, unref(forwarded), {
+        class: resetClass.value,
+        "data-accent-color": props.color || unref(ctx)?.color.value,
+        "data-radius": props.radius || unref(ctx)?.radius.value
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class", "data-accent-color", "data-radius"]);
+    };
+  }
+});
+const _hoisted_1$o = {
+  viewBox: "0 0 15 15",
+  width: "1em",
+  height: "1em"
+};
+function render$8(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$o, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "currentColor",
+      "fill-rule": "evenodd",
+      d: "M4.182 6.182a.45.45 0 0 1 .636 0L7.5 8.864l2.682-2.682a.45.45 0 0 1 .636.636l-3 3a.45.45 0 0 1-.636 0l-3-3a.45.45 0 0 1 0-.636",
+      "clip-rule": "evenodd"
+    }, null, -1)
+  ]));
+}
+const CaretDownIcon = markRaw({ name: "radix-icons-caret-down", render: render$8 });
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
+  __name: "NavigationMenuTrigger",
+  props: {
+    color: {},
+    size: {},
+    radius: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const ctx = injectNavigationMenuListContext(null);
+    const forwarded = useForwardPropsWithout(props, ["color", "size", "radius"]);
+    const attrs = useAttrs();
+    const defaultAs = computed(() => {
+      if (props.as) {
+        return props.as;
+      }
+      if (attrs.href) {
+        return "a";
+      } else {
+        return forwarded.value.as;
+      }
+    });
+    const resetClass = computed(() => {
+      const size = props.size || ctx?.size.value || "2";
+      return `r-size-${size}`;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NavigationMenuTrigger), mergeProps({ class: "ui-NavigationMenuTrigger" }, unref(forwarded), {
+        as: defaultAs.value,
+        class: resetClass.value,
+        "data-accent-color": props.color || unref(ctx)?.color.value,
+        "data-radius": props.radius || unref(ctx)?.radius.value
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default"),
+          createVNode(unref(CaretDownIcon), { class: "ui-NavigationMenuTriggerArrow" })
+        ]),
+        _: 3
+      }, 16, ["as", "class", "data-accent-color", "data-radius"]);
+    };
+  }
+});
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
+  __name: "NavigationMenuContent",
+  props: {
     forceMount: { type: Boolean },
-    side: { default: "bottom" },
-    sideOffset: { default: 4 },
-    sideFlip: { type: Boolean },
-    align: { default: "start" },
-    alignOffset: {},
-    alignFlip: { type: Boolean },
-    avoidCollisions: { type: Boolean },
-    collisionBoundary: {},
-    collisionPadding: {},
-    arrowPadding: {},
-    sticky: {},
-    hideWhenDetached: { type: Boolean },
-    positionStrategy: {},
-    updatePositionStrategy: {},
-    disableUpdateOnLayoutShift: { type: Boolean },
-    prioritizePosition: { type: Boolean },
-    reference: {},
+    disableOutsidePointerEvents: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
-    disableOutsidePointerEvents: { type: Boolean }
+    as: {}
   },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const forwarded = useForwardPropsEmitsWithout(props, emits, ["to", "size"]);
+    const forwarded = useForwardPropsEmits(props, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(PopoverPortal), null, {
+      return openBlock(), createBlock(unref(NavigationMenuContent), mergeProps(unref(forwarded), { class: "ui-NavigationMenuContent" }), {
         default: withCtx(() => [
-          createVNode(_sfc_main$S, null, {
-            default: withCtx(() => [
-              createVNode(unref(PopoverContent), mergeProps({ ..._ctx.$attrs, ...unref(forwarded) }, {
-                class: ["ui-PopoverPopup ui-PopperContent", `r-size-${props.size}`]
-              }), {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "default")
-                ]),
-                _: 3
-              }, 16, ["class"])
-            ]),
-            _: 3
-          })
+          renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      });
+      }, 16);
     };
   }
 });
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "Switch",
   props: {
     color: {},
@@ -765,7 +1126,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$p = {
+const _hoisted_1$n = {
   width: "9",
   height: "9",
   viewBox: "0 0 9 9",
@@ -784,7 +1145,7 @@ const _hoisted_3$2 = {
   clipRule: "evenodd",
   d: "M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z"
 };
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "Checkbox",
   props: {
     color: {},
@@ -818,7 +1179,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
             "as-child": ""
           }, {
             default: withCtx(() => [
-              (openBlock(), createElementBlock("svg", _hoisted_1$p, [
+              (openBlock(), createElementBlock("svg", _hoisted_1$n, [
                 state === "indeterminate" ? (openBlock(), createElementBlock("path", _hoisted_2$6)) : (openBlock(), createElementBlock("path", _hoisted_3$2))
               ]))
             ]),
@@ -830,7 +1191,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "Toggle",
   props: {
     variant: { default: "soft" },
@@ -866,7 +1227,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "ToggleGroupRoot",
   props: {
     variant: { default: "solid" },
@@ -907,7 +1268,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "ToggleGroupItem",
   props: {
     value: {},
@@ -928,7 +1289,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$o = ["data-radius", "data-accent-color"];
+const _hoisted_1$m = ["data-radius", "data-accent-color"];
 const _hoisted_2$5 = ["id", "type"];
 const _hoisted_3$1 = ["id", "type"];
 const _hoisted_4 = {
@@ -941,7 +1302,7 @@ const _hoisted_5 = {
   class: "ui-TextFieldSlot",
   "data-side": "right"
 };
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1021,12 +1382,12 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_5, [
           renderSlot(_ctx.$slots, "right")
         ])) : createCommentVNode("", true)
-      ], 42, _hoisted_1$o);
+      ], 42, _hoisted_1$m);
     };
   }
 });
-const _hoisted_1$n = ["data-accent-color", "data-radius"];
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _hoisted_1$l = ["data-accent-color", "data-radius"];
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1060,12 +1421,12 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
         }, _ctx.$attrs, { class: "ui-TextAreaInput" }), null, 16), [
           [vModelText, modelValue.value]
         ])
-      ], 10, _hoisted_1$n);
+      ], 10, _hoisted_1$l);
     };
   }
 });
-const _hoisted_1$m = ["id"];
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _hoisted_1$k = ["id"];
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "ColorField",
   props: /* @__PURE__ */ mergeModels({
     id: {},
@@ -1101,7 +1462,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
             class: "ui-ColorFieldInput",
             type: "color"
-          }, null, 8, _hoisted_1$m), [
+          }, null, 8, _hoisted_1$k), [
             [vModelText, modelValue.value]
           ])
         ]),
@@ -1111,7 +1472,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 const [injectSelectRootContext, provideSelectRootContext] = createContext("ui:SelectRoot");
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "SelectRoot",
   props: {
     size: { default: "2" },
@@ -1150,7 +1511,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1198,7 +1559,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(SelectPortal), null, {
         default: withCtx(() => [
-          createVNode(_sfc_main$S, {
+          createVNode(_sfc_main$_, {
             "accent-color": unref(context).color.value
           }, {
             default: withCtx(() => [
@@ -1256,13 +1617,13 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$l = {
+const _hoisted_1$j = {
   viewBox: "0 0 15 15",
   width: "1em",
   height: "1em"
 };
-function render$8(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$l, _cache[0] || (_cache[0] = [
+function render$7(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$j, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -1271,9 +1632,9 @@ function render$8(_ctx, _cache) {
     }, null, -1)
   ]));
 }
-const ChevronDownIcon = markRaw({ name: "radix-icons-chevron-down", render: render$8 });
-const _hoisted_1$k = { class: "ui-SelectTriggerInner" };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const ChevronDownIcon = markRaw({ name: "radix-icons-chevron-down", render: render$7 });
+const _hoisted_1$i = { class: "ui-SelectTriggerInner" };
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "SelectTrigger",
   props: {
     variant: { default: "surface" },
@@ -1298,7 +1659,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         "data-radius": props.radius
       }, {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$k, [
+          createElementVNode("span", _hoisted_1$i, [
             createVNode(unref(SelectValue), {
               placeholder: props.placeholder
             }, {
@@ -1323,13 +1684,13 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$j = {
+const _hoisted_1$h = {
   viewBox: "0 0 15 15",
   width: "1em",
   height: "1em"
 };
-function render$7(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$j, _cache[0] || (_cache[0] = [
+function render$6(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$h, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -1338,8 +1699,8 @@ function render$7(_ctx, _cache) {
     }, null, -1)
   ]));
 }
-const CheckIcon$1 = markRaw({ name: "radix-icons-check", render: render$7 });
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const CheckIcon$1 = markRaw({ name: "radix-icons-check", render: render$6 });
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "SelectItem",
   props: {
     value: {},
@@ -1373,7 +1734,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "SelectLabel",
   props: {
     for: {},
@@ -1394,17 +1755,17 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$y = {};
-const _hoisted_1$i = {
+const _sfc_main$x = {};
+const _hoisted_1$g = {
   class: "ui-SelectSeparator",
   "aria-hidden": "true"
 };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$i);
+  return openBlock(), createElementBlock("div", _hoisted_1$g);
 }
-const SelectSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$1]]);
+const SelectSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$1]]);
 const [injectComboboxRootContext, provideComboboxRootContext] = createContext("ui:ComboboxRoot");
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "ComboboxRoot",
   props: {
     size: { default: "2" },
@@ -1453,29 +1814,13 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$h = {
-  viewBox: "0 0 15 15",
-  width: "1em",
-  height: "1em"
-};
-function render$6(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$h, _cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M11.782 4.032a.575.575 0 1 0-.813-.814L7.5 6.687L4.032 3.218a.575.575 0 0 0-.814.814L6.687 7.5l-3.469 3.468a.575.575 0 0 0 .814.814L7.5 8.313l3.469 3.469a.575.575 0 0 0 .813-.814L8.313 7.5z",
-      "clip-rule": "evenodd"
-    }, null, -1)
-  ]));
-}
-const CrossIcon = markRaw({ name: "radix-icons-cross-2", render: render$6 });
-const _hoisted_1$g = {
+const _hoisted_1$f = {
   key: 0,
   class: "ui-ComboboxValues"
 };
 const _hoisted_2$4 = ["aria-current", "value"];
 const _hoisted_3 = ["onClick"];
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1541,7 +1886,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         "data-multiple": unref(context).multiple.value || void 0
       }, {
         default: withCtx(() => [
-          unref(context).multiple.value ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
+          unref(context).multiple.value ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(values.value, (item, index) => {
               return openBlock(), createElementBlock("div", {
                 key: displayValue(item),
@@ -1591,7 +1936,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1639,7 +1984,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ComboboxPortal), null, {
         default: withCtx(() => [
-          createVNode(_sfc_main$S, {
+          createVNode(_sfc_main$_, {
             "accent-color": unref(context).color.value
           }, {
             default: withCtx(() => [
@@ -1699,7 +2044,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "ComboboxItem",
   props: {
     textValue: {},
@@ -1727,7 +2072,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "ComboboxLabel",
   props: {
     for: {},
@@ -1748,7 +2093,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "ComboboxEmpty",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -1761,8 +2106,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$f = ["data-accent-color"];
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _hoisted_1$e = ["data-accent-color"];
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "Radio",
   props: /* @__PURE__ */ mergeModels({
     variant: { default: "surface" },
@@ -1796,13 +2141,13 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["ui-RadioBase ui-Radio", unref(resetClass)]),
         type: "radio",
         "data-accent-color": props.color
-      }, null, 10, _hoisted_1$f)), [
+      }, null, 10, _hoisted_1$e)), [
         [vModelRadio, unref(modelValue)]
       ]);
     };
   }
 });
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "RadioGroupRoot",
   props: {
     variant: { default: "surface" },
@@ -1839,8 +2184,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$e = { class: "ui-RadioGroupItem" };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _hoisted_1$d = { class: "ui-RadioGroupItem" };
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "RadioGroupItem",
   props: {
     color: {},
@@ -1860,7 +2205,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     const forwarded = useForwardPropsWithout(props, ["color", "size", "variant", "highContrast"]);
     const resetClass = buildPropsClass(props, ["size", "variant", "highContrast"]);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", _hoisted_1$e, [
+      return openBlock(), createElementBlock("label", _hoisted_1$d, [
         createVNode(unref(RadioGroupItem), mergeProps({
           class: ["ui-RadioBase ui-RadioGroupItemIndicator", unref(resetClass)],
           "data-accent-color": props.color
@@ -1870,7 +2215,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "RadioCardsRoot",
   props: {
     variant: { default: "surface" },
@@ -1907,7 +2252,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "RadioCardsItem",
   props: {
     id: {},
@@ -1932,7 +2277,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "RadioTabsRoot",
   props: {
     variant: { default: "classic" },
@@ -1970,7 +2315,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "RadioTabsItem",
   props: {
     id: {},
@@ -1994,7 +2339,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "TabsList",
   props: {
     size: { default: "2" },
@@ -2008,7 +2353,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     const resetClass = buildPropsClass(props, ["variant", "size", "highContrast"]);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TabsList), {
-        class: normalizeClass(["ui-TabList", unref(resetClass)]),
+        class: normalizeClass(["ui-TabsList", unref(resetClass)]),
         "data-radius": props.radius,
         "data-accent-color": props.color
       }, {
@@ -2021,9 +2366,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$d = { class: "ui-TabTriggerInner" };
+const _hoisted_1$c = { class: "ui-TabTriggerInner" };
 const _hoisted_2$3 = { class: "ui-TabTriggerInnerHidden" };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "TabsTrigger",
   props: {
     value: {},
@@ -2037,7 +2382,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TabsTrigger), mergeProps(unref(forwarded), { class: "ui-TabTrigger" }), {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$d, [
+          createElementVNode("span", _hoisted_1$c, [
             renderSlot(_ctx.$slots, "default")
           ]),
           createElementVNode("span", _hoisted_2$3, [
@@ -2049,7 +2394,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2102,7 +2447,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 const [injectAccordionRootContext, provideAccordionRootContext] = createContext("ui:AccordionRoot");
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "AccordionRoot",
   props: {
     size: { default: "1" },
@@ -2142,7 +2487,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "AccordionItem",
   props: {
     value: {},
@@ -2172,7 +2517,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2197,13 +2542,13 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$c = {
+const _hoisted_1$b = {
   viewBox: "0 0 15 15",
   width: "1em",
   height: "1em"
 };
 function render$5(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$c, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$b, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -2213,19 +2558,19 @@ function render$5(_ctx, _cache) {
   ]));
 }
 const ChevronIcon = markRaw({ name: "radix-icons-chevron-right", render: render$5 });
-const _hoisted_1$b = { class: "ui-AccordionIndicator" };
+const _hoisted_1$a = { class: "ui-AccordionIndicator" };
 const _hoisted_2$2 = {
   key: 1,
   class: "ui-AccordionIndicator-plus"
 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "AccordionIndicator",
   props: {
     variant: { default: "chevron" }
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
         _ctx.variant == "chevron" ? (openBlock(), createBlock(unref(ChevronIcon), {
           key: 0,
           class: "ui-AccordionIndicator-chevron"
@@ -2238,8 +2583,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$a = { class: "ui-AccordionTriggerText" };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _hoisted_1$9 = { class: "ui-AccordionTriggerText" };
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "AccordionTrigger",
   props: {
     indicatorSide: {},
@@ -2260,10 +2605,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(AccordionTrigger), mergeProps({ class: "ui-AccordionTrigger" }, unref(forwarded)), {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$a, [
+          createElementVNode("div", _hoisted_1$9, [
             renderSlot(_ctx.$slots, "default")
           ]),
-          indicatorIcon.value !== "none" ? (openBlock(), createBlock(_sfc_main$e, {
+          indicatorIcon.value !== "none" ? (openBlock(), createBlock(_sfc_main$d, {
             key: 0,
             "data-side": indicatorSide.value,
             variant: indicatorIcon.value
@@ -2274,7 +2619,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "CollapsibleRoot",
   props: {
     color: {},
@@ -2309,7 +2654,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "CollapsibleIndicator",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -2317,8 +2662,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "ui-CollapsibleTriggerText" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = { class: "ui-CollapsibleTriggerText" };
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "CollapsibleTrigger",
   props: {
     indicator: { default: "right" },
@@ -2331,10 +2676,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(CollapsibleTrigger), mergeProps({ class: "ui-CollapsibleTrigger" }, unref(forwarded)), {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$9, [
+          createElementVNode("span", _hoisted_1$8, [
             renderSlot(_ctx.$slots, "default")
           ]),
-          _ctx.indicator !== "none" ? (openBlock(), createBlock(_sfc_main$b, {
+          _ctx.indicator !== "none" ? (openBlock(), createBlock(_sfc_main$a, {
             key: 0,
             "data-side": _ctx.indicator
           }, null, 8, ["data-side"])) : createCommentVNode("", true)
@@ -2344,10 +2689,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "CollapsibleContent",
   props: {
     forceMount: { type: Boolean },
@@ -2360,16 +2702,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(CollapsibleContent), mergeProps(unref(forwardedProps), { class: "ui-CollapsibleContent" }), {
         default: withCtx(() => [
-          createElementVNode("div", mergeProps({ class: "ui-CollapsibleContentInner" }, _ctx.$attrs), [
-            renderSlot(_ctx.$slots, "default")
-          ], 16)
+          renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
       }, 16);
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "Pagination",
   props: /* @__PURE__ */ mergeModels({
     total: {},
@@ -2444,7 +2784,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["ui-Pagination", unref(resetClass)])
       }, [
-        pagination.value.prev ? (openBlock(), createBlock(_sfc_main$W, mergeProps({ key: 0 }, buttonProps.value, {
+        pagination.value.prev ? (openBlock(), createBlock(_sfc_main$11, mergeProps({ key: 0 }, buttonProps.value, {
           "aria-label": "Previous",
           onClick: _cache[0] || (_cache[0] = withModifiers(($event) => selectPage(pagination.value.prev), ["prevent"]))
         }), {
@@ -2457,7 +2797,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 16)) : createCommentVNode("", true),
-        createVNode(_sfc_main$X, mergeProps(buttonProps.value, {
+        createVNode(_sfc_main$12, mergeProps(buttonProps.value, {
           disabled: page.value === 1,
           "aria-current": "page",
           onClick: _cache[1] || (_cache[1] = withModifiers(($event) => selectPage(1), ["prevent"]))
@@ -2469,7 +2809,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 16, ["disabled"]),
-        pagination.value.hasLeftEdge ? (openBlock(), createBlock(_sfc_main$W, mergeProps({ key: 1 }, buttonProps.value, {
+        pagination.value.hasLeftEdge ? (openBlock(), createBlock(_sfc_main$11, mergeProps({ key: 1 }, buttonProps.value, {
           onClick: withModifiers(selectLeft, ["prevent"])
         }), {
           default: withCtx(() => [
@@ -2482,7 +2822,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           _: 3
         }, 16)) : createCommentVNode("", true),
         (openBlock(true), createElementBlock(Fragment, null, renderList(pagination.value.pageList, (p) => {
-          return openBlock(), createBlock(_sfc_main$X, mergeProps({ key: p }, { ref_for: true }, buttonProps.value, {
+          return openBlock(), createBlock(_sfc_main$12, mergeProps({ key: p }, { ref_for: true }, buttonProps.value, {
             disabled: p === page.value,
             "aria-current": "page",
             onClick: withModifiers(($event) => selectPage(p), ["prevent"])
@@ -2495,7 +2835,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             _: 2
           }, 1040, ["disabled", "onClick"]);
         }), 128)),
-        pagination.value.hasRightEdge ? (openBlock(), createBlock(_sfc_main$W, mergeProps({ key: 2 }, buttonProps.value, {
+        pagination.value.hasRightEdge ? (openBlock(), createBlock(_sfc_main$11, mergeProps({ key: 2 }, buttonProps.value, {
           onClick: withModifiers(selectRight, ["prevent"])
         }), {
           default: withCtx(() => [
@@ -2507,7 +2847,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 16)) : createCommentVNode("", true),
-        pagination.value.totalPages > 1 ? (openBlock(), createBlock(_sfc_main$X, mergeProps({ key: 3 }, buttonProps.value, {
+        pagination.value.totalPages > 1 ? (openBlock(), createBlock(_sfc_main$12, mergeProps({ key: 3 }, buttonProps.value, {
           disabled: pagination.value.totalPages === page.value,
           "aria-current": "page",
           onClick: _cache[2] || (_cache[2] = withModifiers(($event) => selectPage(pagination.value.totalPages), ["prevent"]))
@@ -2521,7 +2861,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 16, ["disabled"])) : createCommentVNode("", true),
-        pagination.value.next ? (openBlock(), createBlock(_sfc_main$W, mergeProps({ key: 4 }, buttonProps.value, {
+        pagination.value.next ? (openBlock(), createBlock(_sfc_main$11, mergeProps({ key: 4 }, buttonProps.value, {
           "aria-label": "Next",
           onClick: _cache[3] || (_cache[3] = withModifiers(($event) => selectPage(pagination.value.next), ["prevent"]))
         }), {
@@ -2538,6 +2878,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+// @__NO_SIDE_EFFECTS__
 function createGlobalState(stateFactory) {
   let initialized = false;
   let state;
@@ -2552,7 +2893,7 @@ function createGlobalState(stateFactory) {
 }
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
 let count = 0;
-const useToastManager = createGlobalState(() => {
+const useToastManager = /* @__PURE__ */ createGlobalState(() => {
   const messages = ref([]);
   const add = (msg, category) => {
     const id = count++;
@@ -2625,21 +2966,21 @@ const useToastManager = createGlobalState(() => {
     promise
   };
 });
-const _sfc_main$7 = {};
-const _hoisted_1$8 = { class: "ui-SpinnerIcon" };
+const _sfc_main$6 = {};
+const _hoisted_1$7 = { class: "ui-SpinnerIcon" };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("span", _hoisted_1$8, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("span", _hoisted_1$7, _cache[0] || (_cache[0] = [
     createStaticVNode('<span class="ui-SpinnerLeaf"></span><span class="ui-SpinnerLeaf"></span><span class="ui-SpinnerLeaf"></span><span class="ui-SpinnerLeaf"></span><span class="ui-SpinnerLeaf"></span><span class="ui-SpinnerLeaf"></span><span class="ui-SpinnerLeaf"></span><span class="ui-SpinnerLeaf"></span>', 8)
   ]));
 }
-const SpinnerIcon = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]);
-const _hoisted_1$7 = {
+const SpinnerIcon = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]);
+const _hoisted_1$6 = {
   viewBox: "0 0 24 24",
   width: "1em",
   height: "1em"
 };
 function render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$7, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$6, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-12.5a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m2 5.5h-1v-4.5h-3v2h1V15h-1v2h4z"
@@ -2647,13 +2988,13 @@ function render$4(_ctx, _cache) {
   ]));
 }
 const InfoIcon = markRaw({ name: "ri-information-2-fill", render: render$4 });
-const _hoisted_1$6 = {
+const _hoisted_1$5 = {
   viewBox: "0 0 24 24",
   width: "1em",
   height: "1em"
 };
 function render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$6, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$5, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10m5.457-12.543L11 15.914l-4.207-4.207l1.414-1.414L11 13.086l5.043-5.043z"
@@ -2661,13 +3002,13 @@ function render$3(_ctx, _cache) {
   ]));
 }
 const SuccessIcon = markRaw({ name: "ri-checkbox-circle-fill", render: render$3 });
-const _hoisted_1$5 = {
+const _hoisted_1$4 = {
   viewBox: "0 0 24 24",
   width: "1em",
   height: "1em"
 };
 function render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$5, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$4, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       d: "m12.866 3l9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0M11 16v2h2v-2zm0-7v5h2V9z"
@@ -2675,13 +3016,13 @@ function render$2(_ctx, _cache) {
   ]));
 }
 const WarningIcon = markRaw({ name: "ri-alert-fill", render: render$2 });
-const _hoisted_1$4 = {
+const _hoisted_1$3 = {
   viewBox: "0 0 24 24",
   width: "1em",
   height: "1em"
 };
 function render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$4, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$3, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m-1-7v2h2v-2zm0-8v6h2V7z"
@@ -2689,7 +3030,7 @@ function render$1(_ctx, _cache) {
   ]));
 }
 const ErrorIcon = markRaw({ name: "ri-error-warning-fill", render: render$1 });
-const _hoisted_1$3 = ["data-accent-color"];
+const _hoisted_1$2 = ["data-accent-color"];
 const _hoisted_2$1 = { class: "ui-ToastContent" };
 const CATEGORY_ICONS = {
   loading: SpinnerIcon,
@@ -2705,7 +3046,7 @@ const CATEGORY_COLORS = {
   warning: "orange",
   error: "red"
 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "ToastItem",
   props: {
     yPosition: {},
@@ -2775,7 +3116,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             "data-accent-color": categoryColor.value
           }, [
             (openBlock(), createBlock(resolveDynamicComponent(categoryIcon.value)))
-          ], 8, _hoisted_1$3)) : createCommentVNode("", true),
+          ], 8, _hoisted_1$2)) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_2$1, [
             createVNode(unref(ToastTitle), { class: "ui-ToastTitle" }, {
               default: withCtx(() => [
@@ -2801,7 +3142,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             onClick: _ctx.message.action.onClick
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$X, {
+              createVNode(_sfc_main$12, {
                 variant: _ctx.message.action.variant || "soft",
                 radius: _ctx.message.action.radius,
                 size: _ctx.message.action.size || "1",
@@ -2821,7 +3162,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2860,7 +3201,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               message: msg,
               index
             }, () => [
-              (openBlock(), createBlock(_sfc_main$6, {
+              (openBlock(), createBlock(_sfc_main$5, {
                 key: msg.id,
                 message: msg,
                 index,
@@ -2871,7 +3212,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           }), 128)),
           createVNode(unref(ToastPortal), null, {
             default: withCtx(() => [
-              createVNode(_sfc_main$S, null, {
+              createVNode(_sfc_main$_, null, {
                 default: withCtx(() => [
                   createVNode(unref(ToastViewport), mergeProps({ class: "ui-ToastViewport" }, _ctx.$attrs, {
                     class: `r-size-${_ctx.size}`,
@@ -2903,9 +3244,9 @@ const toast = Object.assign(
     promise: toastManager.promise
   }
 );
-const _hoisted_1$2 = ["data-size", "data-variant"];
+const _hoisted_1$1 = ["data-size", "data-variant"];
 const _hoisted_2 = ["data-layout"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "Table",
   props: {
     size: { default: "2" },
@@ -2920,7 +3261,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         "data-size": props.size,
         "data-variant": props.variant
       }, [
-        createVNode(_sfc_main$V, null, {
+        createVNode(_sfc_main$$, null, {
           default: withCtx(() => [
             createElementVNode("table", {
               class: "ui-TableContent",
@@ -2931,11 +3272,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         })
-      ], 8, _hoisted_1$2);
+      ], 8, _hoisted_1$1);
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "Separator",
   props: {
     as: { default: "span" },
@@ -2956,90 +3297,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = ["textContent"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "Tooltip",
-  props: {
-    content: {},
-    maxWidth: { default: "360px" },
-    color: { default: "gray" },
-    forceMount: { type: Boolean },
-    ariaLabel: {},
-    asChild: { type: Boolean },
-    as: {},
-    side: { default: "top" },
-    sideOffset: { default: 4 },
-    align: {},
-    alignOffset: {},
-    avoidCollisions: { type: Boolean, default: true },
-    collisionBoundary: {},
-    collisionPadding: { default: 10 },
-    arrowPadding: {},
-    sticky: {},
-    hideWhenDetached: { type: Boolean },
-    positionStrategy: {},
-    updatePositionStrategy: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(TooltipRoot), null, {
-        default: withCtx(() => [
-          createVNode(unref(TooltipTrigger), mergeProps({
-            as: props.as,
-            "as-child": props.asChild
-          }, _ctx.$attrs), {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          }, 16, ["as", "as-child"]),
-          createVNode(unref(TooltipPortal), null, {
-            default: withCtx(() => [
-              createVNode(_sfc_main$S, null, {
-                default: withCtx(() => [
-                  createVNode(unref(TooltipContent), {
-                    class: "ui-Tooltip",
-                    align: props.align,
-                    "align-offset": props.alignOffset,
-                    "aria-label": props.ariaLabel,
-                    "arrow-padding": props.arrowPadding,
-                    "avoid-collisions": props.avoidCollisions,
-                    "collision-boundary": props.collisionBoundary,
-                    "collision-padding": props.collisionPadding,
-                    "hide-when-detached": props.hideWhenDetached,
-                    side: props.side,
-                    "side-offset": props.sideOffset,
-                    sticky: props.sticky,
-                    "data-accent-color": props.color,
-                    style: normalizeStyle({ maxWidth: props.maxWidth })
-                  }, {
-                    default: withCtx(() => [
-                      renderSlot(_ctx.$slots, "content", {}, () => [
-                        createElementVNode("p", {
-                          class: "ui-TooltipText",
-                          textContent: toDisplayString(props.content)
-                        }, null, 8, _hoisted_1$1)
-                      ]),
-                      createVNode(unref(TooltipArrow), { class: "ui-TooltipArrow" })
-                    ]),
-                    _: 3
-                  }, 8, ["align", "align-offset", "aria-label", "arrow-padding", "avoid-collisions", "collision-boundary", "collision-padding", "hide-when-detached", "side", "side-offset", "sticky", "data-accent-color", "style"])
-                ]),
-                _: 3
-              })
-            ]),
-            _: 3
-          })
-        ]),
-        _: 3
-      });
-    };
-  }
-});
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "Quota",
   props: {
@@ -3127,87 +3384,96 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  _sfc_main$f as AccordionContent,
-  _sfc_main$e as AccordionIndicator,
-  _sfc_main$g as AccordionItem,
-  _sfc_main$h as AccordionRoot,
-  _sfc_main$d as AccordionTrigger,
+  _sfc_main$e as AccordionContent,
+  _sfc_main$d as AccordionIndicator,
+  _sfc_main$f as AccordionItem,
+  _sfc_main$g as AccordionRoot,
+  _sfc_main$c as AccordionTrigger,
   AlertDialogAction,
   AlertDialogCancel,
-  _sfc_main$T as AlertDialogDescription,
-  _sfc_main$Q as AlertDialogPopup,
+  _sfc_main$Y as AlertDialogCancelButton,
+  _sfc_main$W as AlertDialogDescription,
+  _sfc_main$U as AlertDialogPopup,
   AlertDialogRoot,
-  _sfc_main$U as AlertDialogTitle,
+  _sfc_main$X as AlertDialogTitle,
   AlertDialogTrigger,
-  _sfc_main$_ as Avatar,
-  _sfc_main$Z as Badge,
-  _sfc_main$X as Button,
-  _sfc_main$Y as Card,
-  _sfc_main$K as Checkbox,
+  _sfc_main$15 as Avatar,
+  _sfc_main$14 as Badge,
+  _sfc_main$12 as Button,
+  _sfc_main$13 as Card,
+  _sfc_main$J as Checkbox,
   CheckboxGroupRoot as CheckboxGroup,
-  _sfc_main$9 as CollapsibleContent,
-  _sfc_main$b as CollapsibleIndicator,
-  _sfc_main$c as CollapsibleRoot,
-  _sfc_main$a as CollapsibleTrigger,
-  _sfc_main$E as ColorField,
-  _sfc_main$v as ComboboxContent,
-  _sfc_main$s as ComboboxEmpty,
+  _sfc_main$10 as CloseButton,
+  _sfc_main$8 as CollapsibleContent,
+  _sfc_main$a as CollapsibleIndicator,
+  _sfc_main$b as CollapsibleRoot,
+  _sfc_main$9 as CollapsibleTrigger,
+  _sfc_main$D as ColorField,
+  _sfc_main$u as ComboboxContent,
+  _sfc_main$r as ComboboxEmpty,
   ComboboxGroup,
-  _sfc_main$w as ComboboxInput,
-  _sfc_main$u as ComboboxItem,
-  _sfc_main$t as ComboboxLabel,
-  _sfc_main$x as ComboboxRoot,
-  DialogClose,
-  _sfc_main$T as DialogDescription,
-  _sfc_main$R as DialogPopup,
+  _sfc_main$v as ComboboxInput,
+  _sfc_main$t as ComboboxItem,
+  _sfc_main$s as ComboboxLabel,
+  _sfc_main$w as ComboboxRoot,
+  DialogClose2 as DialogClose,
+  _sfc_main$Y as DialogCloseButton,
+  _sfc_main$W as DialogDescription,
+  _sfc_main$V as DialogPopup,
   DialogRoot,
-  _sfc_main$U as DialogTitle,
+  _sfc_main$X as DialogTitle,
   DialogTrigger,
-  _sfc_main$P as DropdownMenuContent,
-  _sfc_main$O as DropdownMenuItem,
+  _sfc_main$T as DropdownMenuContent,
+  _sfc_main$S as DropdownMenuItem,
   DropdownMenuRoot,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-  _sfc_main$i as Editable,
-  _sfc_main$W as IconButton,
-  _sfc_main$8 as Pagination,
+  _sfc_main$h as Editable,
+  _sfc_main$11 as IconButton,
+  _sfc_main$L as NavigationMenuContent,
+  NavigationMenuItem,
+  _sfc_main$N as NavigationMenuLink,
+  _sfc_main$O as NavigationMenuList,
+  _sfc_main$P as NavigationMenuRoot,
+  _sfc_main$M as NavigationMenuTrigger,
+  _sfc_main$7 as Pagination,
   PopoverClose,
-  _sfc_main$M as PopoverPopup,
+  _sfc_main$Q as PopoverPopup,
   PopoverRoot,
   PopoverTrigger,
   _sfc_main$1 as Quota,
-  _sfc_main$r as Radio,
-  _sfc_main$n as RadioCardsItem,
-  _sfc_main$o as RadioCardsRoot,
-  _sfc_main$p as RadioGroupItem,
-  _sfc_main$q as RadioGroupRoot,
-  _sfc_main$l as RadioTabsItem,
-  _sfc_main$m as RadioTabsRoot,
+  _sfc_main$q as Radio,
+  _sfc_main$m as RadioCardsItem,
+  _sfc_main$n as RadioCardsRoot,
+  _sfc_main$o as RadioGroupItem,
+  _sfc_main$p as RadioGroupRoot,
+  _sfc_main$k as RadioTabsItem,
+  _sfc_main$l as RadioTabsRoot,
   _sfc_main as SavingIndicator,
-  _sfc_main$V as ScrollArea,
-  _sfc_main$C as SelectContent,
+  _sfc_main$$ as ScrollArea,
+  _sfc_main$B as SelectContent,
   SelectGroup,
-  _sfc_main$A as SelectItem,
-  _sfc_main$z as SelectLabel,
-  _sfc_main$D as SelectRoot,
+  _sfc_main$z as SelectItem,
+  _sfc_main$y as SelectLabel,
+  _sfc_main$C as SelectRoot,
   SelectSeparator,
-  _sfc_main$B as SelectTrigger,
-  _sfc_main$3 as Separator,
+  _sfc_main$A as SelectTrigger,
+  _sfc_main$2 as Separator,
   SpinnerIcon,
-  _sfc_main$L as Switch,
-  _sfc_main$4 as Table,
+  _sfc_main$K as Switch,
+  _sfc_main$3 as Table,
   TabsContent,
-  _sfc_main$k as TabsList,
+  _sfc_main$j as TabsList,
   TabsRoot,
-  _sfc_main$j as TabsTrigger,
-  _sfc_main$F as TextArea,
-  _sfc_main$G as TextField,
-  _sfc_main$$ as ThemeProvider,
-  _sfc_main$5 as ToastProvider,
-  _sfc_main$J as Toggle,
-  _sfc_main$H as ToggleGroupItem,
-  _sfc_main$I as ToggleGroupRoot,
-  _sfc_main$2 as Tooltip,
+  _sfc_main$i as TabsTrigger,
+  _sfc_main$E as TextArea,
+  _sfc_main$F as TextField,
+  _sfc_main$16 as ThemeProvider,
+  _sfc_main$4 as ToastProvider,
+  _sfc_main$I as Toggle,
+  _sfc_main$G as ToggleGroupItem,
+  _sfc_main$H as ToggleGroupRoot,
+  _sfc_main$Z as Tooltip,
   buildPropsClass,
   injectThemeContext,
   provideThemeContext,