@typlog/ui 0.13.0 → 0.14.0

package/components.js

@@ -1,8 +1,9 @@
-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, injectPaginationRootContext, PaginationEllipsis, PaginationRoot, PaginationList, PaginationFirst, PaginationPrev, PaginationListItem, PaginationNext, PaginationLast, 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 { defineComponent, toRefs, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, renderSlot, markRaw, createElementBlock, createElementVNode, computed, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, normalizeStyle, normalizeProps, guardReactiveProps, useAttrs, ref, shallowReactive, onMounted, onBeforeUnmount, useId, watch, nextTick, Fragment, createSlots, useTemplateRef, useModel, withDirectives, isRef, vModelDynamic, mergeModels, vModelText, renderList, withModifiers, vModelRadio, effectScope, createStaticVNode, resolveDynamicComponent } from "vue";
+import { TooltipProvider, Primitive, createContext, 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, DialogRoot, DialogTitle, DialogDescription, SwitchRoot, SwitchThumb, CheckboxRoot, CheckboxIndicator, Toggle, ToggleGroupRoot, ToggleGroupItem, PinInputRoot, PinInputInput, 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 as useId$1, AccordionItem, AccordionContent, AccordionTrigger, CollapsibleRoot, CollapsibleTrigger, CollapsibleContent, injectPaginationRootContext, PaginationEllipsis, PaginationRoot, PaginationList, PaginationFirst, PaginationPrev, PaginationListItem, PaginationNext, PaginationLast, ToastRoot, ToastTitle, ToastDescription, ToastAction, ToastProvider, ToastPortal, ToastViewport, ProgressRoot, ProgressIndicator } from "reka-ui";
+import { AlertDialogAction, AlertDialogCancel, AlertDialogRoot, AlertDialogTrigger, CheckboxGroupRoot, ComboboxGroup, DialogClose as DialogClose2, DialogRoot as DialogRoot2, 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$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -53,13 +54,13 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$A = {
+const _hoisted_1$B = {
   viewBox: "0 0 24 24",
   width: "1em",
   height: "1em"
 };
 function render$e(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$A, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$B, [..._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"
@@ -113,7 +114,7 @@ function kebabize(str) {
 function _kebabReplace(str, ofs) {
   return (ofs ? "-" : "") + str.toLowerCase();
 }
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
     alt: {},
@@ -173,7 +174,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   __name: "Badge",
   props: {
     variant: { default: "soft" },
@@ -203,7 +204,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   __name: "Card",
   props: {
     variant: { default: "surface" },
@@ -230,7 +231,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   __name: "Button",
   props: {
     variant: { default: "solid" },
@@ -263,7 +264,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "IconButton",
   props: {
     variant: { default: "solid" },
@@ -296,23 +297,21 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$z = {
+const _hoisted_1$A = {
   viewBox: "0 0 15 15",
   width: "1em",
   height: "1em"
 };
 function render$d(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$z, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$A, [..._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"
+      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)
   ])]);
 }
 const CrossIcon = markRaw({ name: "radix-icons-cross-2", render: render$d });
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   __name: "CloseButton",
   props: {
     variant: { default: "ghost" },
@@ -345,7 +344,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   __name: "ScrollArea",
   props: {
     size: { default: "1" },
@@ -408,7 +407,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   __name: "ThemeWrapper",
   props: {
     accentColor: {},
@@ -434,8 +433,8 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$y = ["textContent"];
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+const _hoisted_1$z = ["textContent"];
+const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -468,20 +467,16 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     positionStrategy: {},
     updatePositionStrategy: {}
   },
-  emits: ["update:open"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     const props = __props;
-    const emits = __emit;
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TooltipRoot), {
-        open: props.open,
         "default-open": props.defaultOpen,
         "delay-duration": props.delayDuration,
         "disable-hoverable-content": props.disableHoverableContent,
         "disable-closing-trigger": props.disableClosingTrigger,
         disabled: props.disabled,
-        "ignore-non-keyboard-focus": props.ignoreNonKeyboardFocus,
-        "onUpdate:open": _cache[0] || (_cache[0] = ($event) => emits("update:open", $event))
+        "ignore-non-keyboard-focus": props.ignoreNonKeyboardFocus
       }, {
         default: withCtx(() => [
           createVNode(unref(TooltipTrigger), mergeProps({
@@ -495,7 +490,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
           }, 16, ["as", "as-child"]),
           createVNode(unref(TooltipPortal), null, {
             default: withCtx(() => [
-              createVNode(_sfc_main$$, null, {
+              createVNode(_sfc_main$1i, null, {
                 default: withCtx(() => [
                   createVNode(unref(TooltipContent), {
                     class: "ui-Tooltip",
@@ -518,7 +513,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
                         createElementVNode("p", {
                           class: "ui-TooltipText",
                           textContent: toDisplayString(props.content)
-                        }, null, 8, _hoisted_1$y)
+                        }, null, 8, _hoisted_1$z)
                       ]),
                       createVNode(unref(TooltipArrow), { class: "ui-TooltipArrow" })
                     ]),
@@ -532,11 +527,11 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
           })
         ]),
         _: 3
-      }, 8, ["open", "default-open", "delay-duration", "disable-hoverable-content", "disable-closing-trigger", "disabled", "ignore-non-keyboard-focus"]);
+      }, 8, ["default-open", "delay-duration", "disable-hoverable-content", "disable-closing-trigger", "disabled", "ignore-non-keyboard-focus"]);
     };
   }
 });
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   __name: "DialogCloseButton",
   props: {
     tooltip: { default: "Close" },
@@ -553,7 +548,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     const props = __props;
     const forwarded = useForwardPropsWithout(props, ["tooltip"]);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$_, {
+      return openBlock(), createBlock(_sfc_main$1h, {
         content: props.tooltip,
         "as-child": ""
       }, {
@@ -563,7 +558,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
             "as-child": ""
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$12, normalizeProps(guardReactiveProps(unref(forwarded))), {
+              createVNode(_sfc_main$1l, normalizeProps(guardReactiveProps(unref(forwarded))), {
                 default: withCtx(() => [
                   createVNode(unref(CrossIcon))
                 ]),
@@ -578,7 +573,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "DialogTitle",
   props: {
     asChild: { type: Boolean },
@@ -601,7 +596,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   __name: "DialogDescription",
   props: {
     asChild: { type: Boolean },
@@ -624,9 +619,9 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$x = { class: "ui-DialogWrapper" };
+const _hoisted_1$y = { class: "ui-DialogWrapper" };
 const _hoisted_2$8 = { class: "ui-DialogContainer" };
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -646,11 +641,11 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DialogPortal), null, {
         default: withCtx(() => [
-          createVNode(_sfc_main$$, null, {
+          createVNode(_sfc_main$1i, null, {
             default: withCtx(() => [
               createVNode(unref(DialogOverlay), { class: "ui-DialogOverlay" }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1$x, [
+                  createElementVNode("div", _hoisted_1$y, [
                     createElementVNode("div", _hoisted_2$8, [
                       createVNode(unref(DialogContent), mergeProps({
                         class: ["ui-DialogPopup", `r-size-${props.size}`]
@@ -677,9 +672,9 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$w = { class: "ui-DialogWrapper" };
+const _hoisted_1$x = { class: "ui-DialogWrapper" };
 const _hoisted_2$7 = { class: "ui-DialogContainer" };
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -698,11 +693,11 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(AlertDialogPortal), null, {
         default: withCtx(() => [
-          createVNode(_sfc_main$$, null, {
+          createVNode(_sfc_main$1i, null, {
             default: withCtx(() => [
               createVNode(unref(AlertDialogOverlay), { class: "ui-DialogOverlay" }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1$w, [
+                  createElementVNode("div", _hoisted_1$x, [
                     createElementVNode("div", _hoisted_2$7, [
                       createVNode(unref(AlertDialogContent), mergeProps({ class: "ui-DialogPopup ui-AlertPopup r-size-3" }, {
                         ..._ctx.$attrs,
@@ -727,9 +722,9 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$v = { class: "ui-MenuViewport" };
+const _hoisted_1$w = { class: "ui-MenuViewport" };
 const [injectDropdownMenuContentContext, provideDropdownMenuContentContext] = createContext("ui:DropdownMenuContent");
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -741,6 +736,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     highContrast: { type: Boolean },
     forceMount: { type: Boolean },
     loop: { type: Boolean },
+    memoDependencies: {},
     side: {},
     sideOffset: { default: 4 },
     sideFlip: { type: Boolean },
@@ -751,6 +747,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     collisionBoundary: {},
     collisionPadding: { default: 10 },
     arrowPadding: {},
+    hideShiftedArrow: { type: Boolean },
     sticky: {},
     hideWhenDetached: { type: Boolean },
     positionStrategy: {},
@@ -779,7 +776,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DropdownMenuPortal), null, {
         default: withCtx(() => [
-          createVNode(_sfc_main$$, {
+          createVNode(_sfc_main$1i, {
             "accent-color": props.color
           }, {
             default: withCtx(() => [
@@ -791,9 +788,9 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
                 class: ["ui-PopperContent ui-MenuContent", unref(resetClass)]
               }), {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$10, { type: "auto" }, {
+                  createVNode(_sfc_main$1j, { type: "auto" }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_1$v, [
+                      createElementVNode("div", _hoisted_1$w, [
                         renderSlot(_ctx.$slots, "default")
                       ])
                     ]),
@@ -811,8 +808,8 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$u = ["textContent"];
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _hoisted_1$v = ["textContent"];
+const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuItem",
   props: {
     color: {},
@@ -841,7 +838,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
             key: 0,
             class: "ui-MenuShortcut",
             textContent: toDisplayString(props.shortcut)
-          }, null, 8, _hoisted_1$u)) : createCommentVNode("", true)
+          }, null, 8, _hoisted_1$v)) : createCommentVNode("", true)
         ]),
         _: 3
       }, 16, ["data-accent-color", "data-high-contrast"]);
@@ -855,16 +852,16 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$S = {};
-const _hoisted_1$t = {
+const _sfc_main$19 = {};
+const _hoisted_1$u = {
   class: "ui-DropdownMenuSeparator",
   "aria-hidden": "true"
 };
 function _sfc_render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$t);
+  return openBlock(), createElementBlock("div", _hoisted_1$u);
 }
-const DropdownMenuSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$2]]);
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const DropdownMenuSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$2]]);
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -872,6 +869,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
   props: {
     size: { default: "1" },
     forceMount: { type: Boolean },
+    memoDependencies: {},
     side: { default: "bottom" },
     sideOffset: { default: 4 },
     sideFlip: { type: Boolean },
@@ -882,6 +880,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     collisionBoundary: {},
     collisionPadding: {},
     arrowPadding: {},
+    hideShiftedArrow: { type: Boolean },
     sticky: {},
     hideWhenDetached: { type: Boolean },
     positionStrategy: {},
@@ -889,6 +888,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     disableUpdateOnLayoutShift: { type: Boolean },
     prioritizePosition: { type: Boolean },
     reference: {},
+    dir: {},
     asChild: { type: Boolean },
     as: {},
     disableOutsidePointerEvents: { type: Boolean }
@@ -901,7 +901,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(PopoverPortal), null, {
         default: withCtx(() => [
-          createVNode(_sfc_main$$, null, {
+          createVNode(_sfc_main$1i, null, {
             default: withCtx(() => [
               createVNode(unref(PopoverContent), mergeProps({ ..._ctx.$attrs, ...unref(forwarded) }, {
                 class: ["ui-PopoverPopup ui-PopperContent", `r-size-${props.size}`]
@@ -920,7 +920,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   __name: "NavigationMenuRoot",
   props: {
     modelValue: {},
@@ -953,7 +953,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   }
 });
 const [injectNavigationMenuListContext, provideNavigationMenuListContext] = createContext("ui:NavigationMenuList");
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   __name: "NavigationMenuList",
   props: {
     color: {},
@@ -985,7 +985,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "NavigationMenuLink",
   props: {
     color: {},
@@ -1019,23 +1019,21 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$s = {
+const _hoisted_1$t = {
   viewBox: "0 0 15 15",
   width: "1em",
   height: "1em"
 };
 function render$c(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$s, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$t, [..._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"
+      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)
   ])]);
 }
 const CaretDownIcon = markRaw({ name: "radix-icons-caret-down", render: render$c });
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   __name: "NavigationMenuTrigger",
   props: {
     color: {},
@@ -1080,7 +1078,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   __name: "NavigationMenuContent",
   props: {
     forceMount: { type: Boolean },
@@ -1103,7 +1101,885 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const [injectSidebarProviderContext, provideSidebarProviderContext] = createContext("ui:SidebarProvider");
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+  __name: "SidebarProvider",
+  props: {
+    as: { default: "div" }
+  },
+  setup(__props) {
+    const props = __props;
+    const isMobile = ref(false);
+    const sidebars = shallowReactive({});
+    function register(side, controller) {
+      const existing = sidebars[side];
+      if (existing && existing !== controller) {
+        console.warn(`[Typlog UI] SidebarProvider accepts at most one Sidebar for side="${side}".`);
+        return false;
+      }
+      sidebars[side] = controller;
+      return true;
+    }
+    function unregister(side, controller) {
+      if (sidebars[side] === controller)
+        delete sidebars[side];
+    }
+    function requestOpen(side, controller) {
+      const other = sidebars[side === "left" ? "right" : "left"];
+      if (other && other !== controller && other.open.value)
+        other.setOpen(false);
+    }
+    provideSidebarProviderContext({ isMobile, sidebars, register, unregister, requestOpen });
+    let mediaQuery;
+    function updateMobile(event) {
+      isMobile.value = event.matches;
+    }
+    onMounted(() => {
+      mediaQuery = window.matchMedia("(max-width: 1023.98px)");
+      updateMobile(mediaQuery);
+      mediaQuery.addEventListener("change", updateMobile);
+    });
+    onBeforeUnmount(() => {
+      mediaQuery?.removeEventListener("change", updateMobile);
+    });
+    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);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        class: "ui-SidebarProvider",
+        as: props.as,
+        "data-mobile": isMobile.value,
+        "data-padded": hasPadding.value,
+        "data-inset": hasInset.value
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", { isMobile: isMobile.value })
+        ]),
+        _: 3
+      }, 8, ["as", "data-mobile", "data-padded", "data-inset"]);
+    };
+  }
+});
+const _hoisted_1$s = ["data-collapsed"];
+const [injectSidebarContext, provideSidebarContext] = createContext("ui:Sidebar");
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "Sidebar",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: false },
+    collapsed: { type: Boolean, default: void 0 },
+    defaultCollapsed: { type: Boolean, default: false },
+    side: { default: "left" },
+    variant: { default: "default" },
+    collapsible: { default: "offcanvas" },
+    width: { default: "16rem" },
+    collapsedWidth: { default: "3.5rem" },
+    mobileWidth: { default: "18rem" },
+    mobileTitle: { default: "Navigation" },
+    mobileDescription: { default: "Site navigation" },
+    forceMount: { type: Boolean },
+    disableOutsidePointerEvents: { type: Boolean, default: void 0 },
+    asChild: { type: Boolean },
+    as: { default: "aside" }
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus", "update:open", "update:collapsed"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const provider = injectSidebarProviderContext();
+    const internalOpen = ref(props.defaultOpen);
+    const internalCollapsed = ref(props.defaultCollapsed);
+    const isMobile = provider.isMobile;
+    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 (props.open === void 0)
+          internalOpen.value = value;
+        emits("update:open", value);
+      }
+    });
+    const collapsed = computed({
+      get: () => props.collapsed ?? internalCollapsed.value,
+      set: (value) => {
+        if (props.collapsed === void 0)
+          internalCollapsed.value = value;
+        emits("update:collapsed", value);
+      }
+    });
+    function toggleCollapsed() {
+      if (collapsible.value !== "none")
+        collapsed.value = !collapsed.value;
+    }
+    function toggle() {
+      if (isMobile.value)
+        open.value = !open.value;
+      else
+        toggleCollapsed();
+    }
+    function setOpen(value) {
+      open.value = value;
+    }
+    function shouldRestoreFocus() {
+      const other = provider.sidebars[side.value === "left" ? "right" : "left"];
+      return !other?.open.value;
+    }
+    const controller = {
+      side,
+      open,
+      collapsed,
+      collapsible,
+      variant,
+      panelId,
+      lastTrigger,
+      setOpen,
+      toggle
+    };
+    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);
+    }, { immediate: true });
+    provideSidebarContext({
+      open,
+      collapsed,
+      isMobile,
+      side,
+      variant,
+      collapsible,
+      panelId,
+      lastTrigger,
+      toggle,
+      toggleCollapsed,
+      shouldRestoreFocus
+    });
+    const sidebarProps = [
+      "open",
+      "defaultOpen",
+      "collapsed",
+      "defaultCollapsed",
+      "side",
+      "variant",
+      "collapsible",
+      "width",
+      "collapsedWidth",
+      "mobileWidth",
+      "mobileTitle",
+      "mobileDescription"
+    ];
+    const forwardedDialogProps = useForwardPropsWithout(props, sidebarProps);
+    const resetClass = buildPropsClass(props, ["side", "variant", "collapsible"]);
+    const mobileClass = computed(() => [
+      `r-side-${props.side}`,
+      `r-variant-${props.variant}`
+    ]);
+    const sidebarStyle = computed(() => ({
+      "--sidebar-width": props.width,
+      "--sidebar-collapsed-width": props.collapsedWidth,
+      "--sidebar-mobile-width": props.mobileWidth
+    }));
+    function closeAutoFocus(event) {
+      emits("closeAutoFocus", event);
+      if (event.defaultPrevented)
+        return;
+      if (!shouldRestoreFocus()) {
+        event.preventDefault();
+        return;
+      }
+      const trigger = lastTrigger.value;
+      if (trigger?.isConnected) {
+        event.preventDefault();
+        nextTick(() => trigger.focus());
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogRoot), {
+        open: open.value,
+        "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$s)) : (openBlock(), createBlock(unref(DialogPortal), { key: 1 }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$1i, null, {
+                default: withCtx(() => [
+                  createVNode(unref(DialogOverlay), {
+                    class: "ui-SidebarOverlay",
+                    "force-mount": props.forceMount
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(DialogContent), mergeProps({ ..._ctx.$attrs, ...unref(forwardedDialogProps) }, {
+                        id: panelId,
+                        class: ["ui-SidebarPanel r-mobile", mobileClass.value],
+                        style: sidebarStyle.value,
+                        onCloseAutoFocus: closeAutoFocus,
+                        onEscapeKeyDown: _cache[0] || (_cache[0] = ($event) => emits("escapeKeyDown", $event)),
+                        onFocusOutside: _cache[1] || (_cache[1] = ($event) => emits("focusOutside", $event)),
+                        onInteractOutside: _cache[2] || (_cache[2] = ($event) => emits("interactOutside", $event)),
+                        onOpenAutoFocus: _cache[3] || (_cache[3] = ($event) => emits("openAutoFocus", $event)),
+                        onPointerDownOutside: _cache[4] || (_cache[4] = ($event) => emits("pointerDownOutside", $event))
+                      }), {
+                        default: withCtx(() => [
+                          renderSlot(_ctx.$slots, "default", {
+                            open: open.value,
+                            collapsed: collapsed.value,
+                            isMobile: unref(isMobile),
+                            toggle
+                          }),
+                          createVNode(unref(DialogTitle), { class: "ui-SidebarVisuallyHidden" }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(props.mobileTitle), 1)
+                            ]),
+                            _: 1
+                          }),
+                          createVNode(unref(DialogDescription), { class: "ui-SidebarVisuallyHidden" }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(props.mobileDescription), 1)
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 3
+                      }, 16, ["class", "style"])
+                    ]),
+                    _: 3
+                  }, 8, ["force-mount"])
+                ]),
+                _: 3
+              })
+            ]),
+            _: 3
+          }))
+        ]),
+        _: 3
+      }, 8, ["open"]);
+    };
+  }
+});
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+  __name: "SidebarHeader",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "header" }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        class: "ui-SidebarHeader",
+        as: props.as,
+        "as-child": props.asChild
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as", "as-child"]);
+    };
+  }
+});
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+  __name: "SidebarBody",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "div" }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        class: "ui-SidebarBody",
+        as: props.as,
+        "as-child": props.asChild
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as", "as-child"]);
+    };
+  }
+});
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+  __name: "SidebarFooter",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "footer" }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        class: "ui-SidebarFooter",
+        as: props.as,
+        "as-child": props.asChild
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as", "as-child"]);
+    };
+  }
+});
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+  __name: "SidebarTrigger",
+  props: {
+    target: { default: "left" },
+    label: {},
+    disabled: { type: Boolean, default: false },
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(__props) {
+    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 accessibleLabel = computed(() => {
+      if (props.label)
+        return props.label;
+      if (provider.isMobile.value)
+        return `${target.value?.open.value ? "Close" : "Open"} ${props.target} sidebar`;
+      return `${target.value?.collapsed.value ? "Expand" : "Collapse"} ${props.target} sidebar`;
+    });
+    function toggle(event) {
+      if (isDisabled.value || !target.value)
+        return;
+      target.value.lastTrigger.value = event.currentTarget;
+      target.value.toggle();
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        class: "ui-SidebarTrigger",
+        as: props.as,
+        "as-child": props.asChild,
+        type: props.as === "button" ? "button" : void 0,
+        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,
+        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",
+              icon: props.target === "right" ? "lucide:panel-right" : "lucide:panel-left",
+              "aria-hidden": "true"
+            }, null, 8, ["icon"])
+          ])
+        ]),
+        _: 3
+      }, 8, ["as", "as-child", "type", "disabled", "data-disabled", "aria-disabled", "data-mobile", "data-collapsible", "data-target", "aria-label", "aria-controls", "aria-expanded", "aria-haspopup"]);
+    };
+  }
+});
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+  __name: "SidebarRail",
+  props: {
+    label: {},
+    disabled: { type: Boolean, default: false },
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(__props) {
+    const props = __props;
+    const context = injectSidebarContext();
+    const isDisabled = computed(() => props.disabled || context.collapsible.value === "none");
+    const accessibleLabel = computed(() => props.label ?? `${context.collapsed.value ? "Expand" : "Collapse"} ${context.side.value} sidebar`);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        class: "ui-SidebarRail",
+        as: props.as,
+        "as-child": props.asChild,
+        type: props.as === "button" ? "button" : void 0,
+        disabled: isDisabled.value && props.as === "button" ? true : void 0,
+        "data-disabled": isDisabled.value ? true : void 0,
+        "aria-disabled": isDisabled.value ? true : void 0,
+        "aria-label": accessibleLabel.value,
+        "aria-controls": unref(context).panelId,
+        "aria-expanded": !unref(context).collapsed.value,
+        onClick: _cache[0] || (_cache[0] = ($event) => !isDisabled.value && unref(context).toggleCollapsed())
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {
+            collapsed: unref(context).collapsed.value
+          })
+        ]),
+        _: 3
+      }, 8, ["as", "as-child", "type", "disabled", "data-disabled", "aria-disabled", "aria-label", "aria-controls", "aria-expanded"]);
+    };
+  }
+});
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
+  __name: "SidebarInset",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "main" }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        class: "ui-SidebarInset",
+        as: props.as,
+        "as-child": props.asChild
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as", "as-child"]);
+    };
+  }
+});
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
+  __name: "SidebarGroup",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "div" }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        class: "ui-SidebarGroup",
+        as: props.as,
+        "as-child": props.asChild
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as", "as-child"]);
+    };
+  }
+});
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
+  __name: "SidebarGroupLabel",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "div" }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        class: "ui-SidebarGroupLabel",
+        as: props.as,
+        "as-child": props.asChild
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as", "as-child"]);
+    };
+  }
+});
+const [injectSidebarMenuContext, provideSidebarMenuContext] = createContext("ui:SidebarMenu");
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenu",
+  props: {
+    size: { default: "2" },
+    color: {},
+    asChild: { type: Boolean },
+    as: { default: "ul" }
+  },
+  setup(__props) {
+    const props = __props;
+    const forwarded = useForwardPropsWithout(props, ["size", "color"]);
+    const resetClass = buildPropsClass(props, ["size"]);
+    const { size, color } = toRefs(props);
+    provideSidebarMenuContext({ size, color });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), mergeProps(unref(forwarded), {
+        class: ["ui-SidebarMenu", unref(resetClass)],
+        "data-accent-color": props.color
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class", "data-accent-color"]);
+    };
+  }
+});
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenuItem",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "li" }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        class: "ui-SidebarMenuItem",
+        as: props.as,
+        "as-child": props.asChild
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as", "as-child"]);
+    };
+  }
+});
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenuButtonContent",
+  props: {
+    icon: {},
+    text: {},
+    trailingIcon: {},
+    isSub: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const part = computed(() => props.isSub ? "ui-SidebarMenuSubButton" : "ui-SidebarMenuButton");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        _ctx.$slots.icon || props.icon ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(`${part.value}Icon`)
+        }, [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            createVNode(unref(Icon), {
+              class: normalizeClass(`${part.value}IconGraphic`),
+              icon: props.icon,
+              "aria-hidden": "true"
+            }, null, 8, ["class", "icon"])
+          ])
+        ], 2)) : createCommentVNode("", true),
+        _ctx.$slots.text || _ctx.$slots.default || props.text ? (openBlock(), createElementBlock("span", {
+          key: 1,
+          class: normalizeClass(`${part.value}Text`)
+        }, [
+          renderSlot(_ctx.$slots, "text", {}, () => [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode(toDisplayString(props.text), 1)
+            ])
+          ])
+        ], 2)) : createCommentVNode("", true),
+        _ctx.$slots.trailing || props.trailingIcon ? (openBlock(), createElementBlock("span", {
+          key: 2,
+          class: normalizeClass(`${part.value}Trailing`)
+        }, [
+          renderSlot(_ctx.$slots, "trailing", {}, () => [
+            createVNode(unref(Icon), {
+              class: normalizeClass(`${part.value}TrailingIcon`),
+              icon: props.trailingIcon,
+              "aria-hidden": "true"
+            }, null, 8, ["class", "icon"])
+          ])
+        ], 2)) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "SidebarMenuButton",
+  props: {
+    icon: {},
+    text: {},
+    trailingIcon: {},
+    active: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    tooltip: { type: [String, Boolean] },
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(__props) {
+    const props = __props;
+    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 tooltipSide = computed(() => context.side.value === "left" ? "right" : "left");
+    function preventDisabled(event) {
+      if (!props.disabled)
+        return;
+      event.preventDefault();
+      event.stopImmediatePropagation();
+    }
+    return (_ctx, _cache) => {
+      return showTooltip.value ? (openBlock(), createBlock(_sfc_main$1h, {
+        key: 0,
+        "as-child": "",
+        content: tooltip.value,
+        side: tooltipSide.value,
+        "side-offset": 8
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(Primitive), mergeProps(_ctx.$attrs, {
+            class: "ui-SidebarMenuButton",
+            as: props.as,
+            "as-child": props.asChild,
+            type: props.as === "button" && !props.asChild ? "button" : void 0,
+            disabled: props.disabled && props.as === "button" && !props.asChild ? true : void 0,
+            "data-active": props.active ? true : void 0,
+            "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(_sfc_main$S, {
+                key: 1,
+                icon: props.icon,
+                text: props.text,
+                "trailing-icon": props.trailingIcon
+              }, createSlots({ _: 2 }, [
+                _ctx.$slots.icon ? {
+                  name: "icon",
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, "icon")
+                  ]),
+                  key: "0"
+                } : void 0,
+                _ctx.$slots.text ? {
+                  name: "text",
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, "text")
+                  ]),
+                  key: "1"
+                } : void 0,
+                _ctx.$slots.default ? {
+                  name: "default",
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, "default")
+                  ]),
+                  key: "2"
+                } : void 0,
+                _ctx.$slots.trailing ? {
+                  name: "trailing",
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, "trailing")
+                  ]),
+                  key: "3"
+                } : void 0
+              ]), 1032, ["icon", "text", "trailing-icon"]))
+            ]),
+            _: 3
+          }, 16, ["as", "as-child", "type", "disabled", "data-active", "data-disabled", "aria-disabled"])
+        ]),
+        _: 3
+      }, 8, ["content", "side"])) : (openBlock(), createBlock(unref(Primitive), mergeProps({ key: 1 }, _ctx.$attrs, {
+        class: "ui-SidebarMenuButton",
+        as: props.as,
+        "as-child": props.asChild,
+        type: props.as === "button" && !props.asChild ? "button" : void 0,
+        disabled: props.disabled && props.as === "button" && !props.asChild ? true : void 0,
+        "data-active": props.active ? true : void 0,
+        "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(_sfc_main$S, {
+            key: 1,
+            icon: props.icon,
+            text: props.text,
+            "trailing-icon": props.trailingIcon
+          }, createSlots({ _: 2 }, [
+            _ctx.$slots.icon ? {
+              name: "icon",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "icon")
+              ]),
+              key: "0"
+            } : void 0,
+            _ctx.$slots.text ? {
+              name: "text",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "text")
+              ]),
+              key: "1"
+            } : void 0,
+            _ctx.$slots.default ? {
+              name: "default",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "default")
+              ]),
+              key: "2"
+            } : void 0,
+            _ctx.$slots.trailing ? {
+              name: "trailing",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "trailing")
+              ]),
+              key: "3"
+            } : void 0
+          ]), 1032, ["icon", "text", "trailing-icon"]))
+        ]),
+        _: 3
+      }, 16, ["as", "as-child", "type", "disabled", "data-active", "data-disabled", "aria-disabled"]));
+    };
+  }
+});
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenuSub",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "ul" }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        class: "ui-SidebarMenuSub",
+        as: props.as,
+        "as-child": props.asChild
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as", "as-child"]);
+    };
+  }
+});
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenuSubItem",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "li" }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        class: "ui-SidebarMenuSubItem",
+        as: props.as,
+        "as-child": props.asChild
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as", "as-child"]);
+    };
+  }
+});
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "SidebarMenuSubButton",
+  props: {
+    icon: {},
+    text: {},
+    trailingIcon: {},
+    active: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(__props) {
+    const props = __props;
+    injectSidebarMenuContext();
+    function preventDisabled(event) {
+      if (!props.disabled)
+        return;
+      event.preventDefault();
+      event.stopImmediatePropagation();
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), mergeProps(_ctx.$attrs, {
+        class: "ui-SidebarMenuSubButton",
+        as: props.as,
+        "as-child": props.asChild,
+        type: props.as === "button" && !props.asChild ? "button" : void 0,
+        disabled: props.disabled && props.as === "button" && !props.asChild ? true : void 0,
+        "data-active": props.active ? true : void 0,
+        "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(_sfc_main$S, {
+            key: 1,
+            "is-sub": "",
+            icon: props.icon,
+            text: props.text,
+            "trailing-icon": props.trailingIcon
+          }, createSlots({ _: 2 }, [
+            _ctx.$slots.icon ? {
+              name: "icon",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "icon")
+              ]),
+              key: "0"
+            } : void 0,
+            _ctx.$slots.text ? {
+              name: "text",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "text")
+              ]),
+              key: "1"
+            } : void 0,
+            _ctx.$slots.default ? {
+              name: "default",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "default")
+              ]),
+              key: "2"
+            } : void 0,
+            _ctx.$slots.trailing ? {
+              name: "trailing",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "trailing")
+              ]),
+              key: "3"
+            } : void 0
+          ]), 1032, ["icon", "text", "trailing-icon"]))
+        ]),
+        _: 3
+      }, 16, ["as", "as-child", "type", "disabled", "data-active", "data-disabled", "aria-disabled"]);
+    };
+  }
+});
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "Switch",
   props: {
     color: {},
@@ -1111,11 +1987,13 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     size: { default: "2" },
     highContrast: { type: Boolean },
     radius: {},
-    defaultValue: { type: Boolean },
-    modelValue: { type: [Boolean, null] },
+    defaultValue: {},
+    modelValue: {},
     disabled: { type: Boolean },
     id: {},
     value: {},
+    trueValue: {},
+    falseValue: {},
     asChild: { type: Boolean },
     as: {},
     name: {},
@@ -1165,18 +2043,20 @@ 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$M = /* @__PURE__ */ defineComponent({
   __name: "Checkbox",
   props: {
     color: {},
     variant: { default: "surface" },
     size: { default: "2" },
     highContrast: { type: Boolean },
-    defaultValue: { type: [Boolean, String] },
-    modelValue: { type: [Boolean, String, null] },
+    defaultValue: {},
+    modelValue: {},
     disabled: { type: Boolean },
     value: {},
     id: {},
+    trueValue: {},
+    falseValue: {},
     asChild: { type: Boolean },
     as: {},
     name: {},
@@ -1211,7 +2091,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "Toggle",
   props: {
     variant: { default: "soft" },
@@ -1247,7 +2127,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "ToggleGroupRoot",
   props: {
     variant: { default: "solid" },
@@ -1288,7 +2168,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "ToggleGroupItem",
   props: {
     value: {},
@@ -1322,7 +2202,7 @@ const _hoisted_5 = {
   class: "ui-TextFieldSlot",
   "data-side": "right"
 };
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1407,7 +2287,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$p = ["data-accent-color", "data-radius"];
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1446,7 +2326,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$o = ["id"];
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "ColorField",
   props: /* @__PURE__ */ mergeModels({
     id: {},
@@ -1491,6 +2371,76 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
+  __name: "PinInputRoot",
+  props: {
+    size: { default: "2" },
+    variant: { default: "surface" },
+    color: {},
+    radius: {},
+    modelValue: {},
+    defaultValue: {},
+    placeholder: {},
+    mask: { type: Boolean },
+    otp: { type: Boolean },
+    type: {},
+    dir: {},
+    disabled: { type: Boolean },
+    id: {},
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue", "complete"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const asPinInputValue = (value) => value;
+    const forwarded = useForwardPropsEmitsWithout(
+      props,
+      emits,
+      ["size", "variant", "color", "radius"]
+    );
+    const resetClass = buildPropsClass(props, ["size", "variant"]);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(PinInputRoot), mergeProps(unref(forwarded), {
+        class: ["ui-PinInputRoot", unref(resetClass)],
+        "data-accent-color": props.color,
+        "data-radius": props.radius
+      }), {
+        default: withCtx(({ modelValue }) => [
+          renderSlot(_ctx.$slots, "default", {
+            modelValue: asPinInputValue(modelValue)
+          })
+        ]),
+        _: 3
+      }, 16, ["class", "data-accent-color", "data-radius"]);
+    };
+  }
+});
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
+  __name: "PinInputInput",
+  props: {
+    index: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { default: "input" }
+  },
+  setup(__props) {
+    const props = __props;
+    const forwarded = useForwardProps(props);
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(PinInputInput), mergeProps({ class: "ui-PinInputInput" }, unref(forwarded)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
 const [injectSelectRootContext, provideSelectRootContext] = createContext("ui:SelectRoot");
 const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "SelectRoot",
@@ -1502,6 +2452,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     defaultOpen: { type: Boolean },
     defaultValue: {},
     modelValue: {},
+    nullableValue: {},
     by: {},
     dir: {},
     multiple: { type: Boolean },
@@ -1541,6 +2492,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     forceMount: { type: Boolean },
     position: {},
     bodyLock: { type: Boolean },
+    memoDependencies: {},
     side: {},
     sideOffset: {},
     sideFlip: { type: Boolean },
@@ -1551,6 +2503,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     collisionBoundary: {},
     collisionPadding: {},
     arrowPadding: {},
+    hideShiftedArrow: { type: Boolean },
     sticky: {},
     hideWhenDetached: { type: Boolean },
     positionStrategy: {},
@@ -1558,8 +2511,10 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     disableUpdateOnLayoutShift: { type: Boolean },
     prioritizePosition: { type: Boolean },
     reference: {},
+    dir: {},
     asChild: { type: Boolean },
-    as: {}
+    as: {},
+    disableOutsidePointerEvents: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
@@ -1579,7 +2534,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(SelectPortal), null, {
         default: withCtx(() => [
-          createVNode(_sfc_main$$, {
+          createVNode(_sfc_main$1i, {
             "accent-color": unref(context).color.value
           }, {
             default: withCtx(() => [
@@ -1645,9 +2600,7 @@ function render$b(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$n, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M3.135 6.158a.5.5 0 0 1 .707-.023L7.5 9.565l3.658-3.43a.5.5 0 0 1 .684.73l-4 3.75a.5.5 0 0 1-.684 0l-4-3.75a.5.5 0 0 1-.023-.707",
-      "clip-rule": "evenodd"
+      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)
   ])]);
 }
@@ -1684,12 +2637,11 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(({ selectedLabel, modelValue }) => [
                 selectedLabel.length ? renderSlot(_ctx.$slots, "default", {
-                  key: 0,
                   selectedLabel,
                   modelValue
                 }, () => [
                   createTextVNode(toDisplayString(selectedLabel.join(", ")), 1)
-                ]) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                ], void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                   createTextVNode(toDisplayString(props.placeholder), 1)
                 ], 64))
               ]),
@@ -1712,9 +2664,7 @@ function render$a(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$l, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M11.467 3.727c.289.189.37.576.181.865l-4.25 6.5a.625.625 0 0 1-.944.12l-2.75-2.5a.625.625 0 0 1 .841-.925l2.208 2.007l3.849-5.886a.625.625 0 0 1 .865-.181",
-      "clip-rule": "evenodd"
+      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)
   ])]);
 }
@@ -1797,6 +2747,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     openOnFocus: { type: Boolean },
     openOnClick: { type: Boolean },
     ignoreFilter: { type: Boolean },
+    resetModelValueOnClear: { type: Boolean },
     modelValue: {},
     defaultValue: {},
     multiple: { type: Boolean, default: false },
@@ -1900,8 +2851,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     }, { deep: true });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ComboboxAnchor), {
-        class: normalizeClass(["ui-ComboboxField", `r-variant-${_ctx.variant}`]),
-        "data-radius": _ctx.radius,
+        class: normalizeClass(["ui-ComboboxField", `r-variant-${__props.variant}`]),
+        "data-radius": __props.radius,
         "data-multiple": unref(context).multiple.value || void 0
       }, {
         default: withCtx(() => [
@@ -1965,6 +2916,8 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     forceMount: { type: Boolean },
     position: { default: "popper" },
     bodyLock: { type: Boolean },
+    hideWhenEmpty: { type: Boolean },
+    memoDependencies: {},
     side: {},
     sideOffset: { default: 5 },
     sideFlip: { type: Boolean },
@@ -1975,6 +2928,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     collisionBoundary: {},
     collisionPadding: {},
     arrowPadding: {},
+    hideShiftedArrow: { type: Boolean },
     sticky: {},
     hideWhenDetached: { type: Boolean },
     positionStrategy: {},
@@ -1982,6 +2936,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     disableUpdateOnLayoutShift: { type: Boolean },
     prioritizePosition: { type: Boolean },
     reference: {},
+    dir: {},
     asChild: { type: Boolean },
     as: {},
     disableOutsidePointerEvents: { type: Boolean }
@@ -2003,7 +2958,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ComboboxPortal), null, {
         default: withCtx(() => [
-          createVNode(_sfc_main$$, {
+          createVNode(_sfc_main$1i, {
             "accent-color": unref(context).color.value
           }, {
             default: withCtx(() => [
@@ -2516,7 +3471,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const id = useId(null, "accordion-item");
+    const id = useId$1(null, "accordion-item");
     const forwarded = computed(() => {
       const refProps = useForwardProps(props);
       if (!refProps.value.value) {
@@ -2569,9 +3524,7 @@ function render$9(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$f, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M6.158 3.135a.5.5 0 0 1 .707.023l3.75 4a.5.5 0 0 1 0 .684l-3.75 4a.5.5 0 1 1-.73-.684L9.566 7.5l-3.43-3.658a.5.5 0 0 1 .023-.707",
-      "clip-rule": "evenodd"
+      d: "M6.159 11.865a.5.5 0 0 0 .707-.023l3.75-4a.5.5 0 0 0 0-.684l-3.75-4l-.077-.066a.5.5 0 0 0-.715.67l.061.08L9.565 7.5l-3.43 3.658a.5.5 0 0 0 .024.707"
     }, null, -1)
   ])]);
 }
@@ -2589,11 +3542,11 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        _ctx.variant == "chevron" ? (openBlock(), createBlock(unref(NextIcon), {
+        __props.variant == "chevron" ? (openBlock(), createBlock(unref(NextIcon), {
           key: 0,
           class: "ui-AccordionIndicator-chevron"
         })) : createCommentVNode("", true),
-        _ctx.variant == "plus" ? (openBlock(), createElementBlock("div", _hoisted_2$2, [..._cache[0] || (_cache[0] = [
+        __props.variant == "plus" ? (openBlock(), createElementBlock("div", _hoisted_2$2, [..._cache[0] || (_cache[0] = [
           createElementVNode("span", { class: "ui-AccordionIndicator-plus-1" }, null, -1),
           createElementVNode("span", { class: "ui-AccordionIndicator-plus-2" }, null, -1)
         ])])) : createCommentVNode("", true)
@@ -2661,8 +3614,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(CollapsibleRoot), mergeProps({
         class: ["ui-CollapsibleRoot", unref(resetClass)]
       }, unref(forwarded), {
-        "data-accent-color": _ctx.color,
-        "data-radius": _ctx.radius
+        "data-accent-color": __props.color,
+        "data-radius": __props.radius
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
@@ -2692,18 +3645,29 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const props = __props;
     const forwarded = useForwardPropsWithout(props, ["indicator"]);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(CollapsibleTrigger), mergeProps({ class: "ui-CollapsibleTrigger" }, unref(forwarded)), {
+      return props.asChild ? (openBlock(), createBlock(unref(CollapsibleTrigger), mergeProps({
+        key: 0,
+        class: "ui-CollapsibleTrigger"
+      }, unref(forwarded)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16)) : (openBlock(), createBlock(unref(CollapsibleTrigger), mergeProps({
+        key: 1,
+        class: "ui-CollapsibleTrigger"
+      }, unref(forwarded)), {
         default: withCtx(() => [
           createElementVNode("span", _hoisted_1$c, [
             renderSlot(_ctx.$slots, "default")
           ]),
-          _ctx.indicator !== "none" ? (openBlock(), createBlock(_sfc_main$b, {
+          __props.indicator !== "none" ? (openBlock(), createBlock(_sfc_main$b, {
             key: 0,
-            "data-side": _ctx.indicator
+            "data-side": __props.indicator
           }, null, 8, ["data-side"])) : createCommentVNode("", true)
         ]),
         _: 3
-      }, 16);
+      }, 16));
     };
   }
 });
@@ -2736,9 +3700,7 @@ function render$8(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$b, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M6.854 3.854a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L3.207 7.5zm6 0a.5.5 0 0 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L9.207 7.5z",
-      "clip-rule": "evenodd"
+      d: "M6.225 3.082a.5.5 0 0 1 .693.694l-.065.078L3.207 7.5l3.646 3.647l.065.078a.5.5 0 0 1-.693.693l-.079-.064l-4-4a.5.5 0 0 1 0-.707l4-4zm6 0a.5.5 0 0 1 .693.694l-.064.078L9.207 7.5l3.646 3.647l.065.078a.5.5 0 0 1-.693.693l-.079-.064l-4-4a.5.5 0 0 1 0-.707l4-4z"
     }, null, -1)
   ])]);
 }
@@ -2752,9 +3714,7 @@ function render$7(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$a, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M2.146 11.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 1 0-.708.708L5.793 7.5zm6 0a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 1 0-.708.708L11.793 7.5z",
-      "clip-rule": "evenodd"
+      d: "M2.147 3.147a.5.5 0 0 1 .629-.065l.078.065l4 4a.5.5 0 0 1 0 .707l-4 4l-.078.064a.5.5 0 0 1-.694-.693l.065-.078L5.793 7.5L2.147 3.854l-.065-.078a.5.5 0 0 1 .065-.63m6 0a.5.5 0 0 1 .629-.065l.078.065l4 4a.5.5 0 0 1 0 .707l-4 4l-.078.064a.5.5 0 0 1-.694-.693l.065-.078L11.793 7.5L8.147 3.854l-.065-.078a.5.5 0 0 1 .065-.63"
     }, null, -1)
   ])]);
 }
@@ -2768,9 +3728,7 @@ function render$6(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$9, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M8.842 3.135a.5.5 0 0 1 .023.707L5.435 7.5l3.43 3.658a.5.5 0 0 1-.73.684l-3.75-4a.5.5 0 0 1 0-.684l3.75-4a.5.5 0 0 1 .707-.023",
-      "clip-rule": "evenodd"
+      d: "M8.212 3.092a.5.5 0 0 1 .715.67l-.062.08L5.435 7.5l3.43 3.658l.062.08a.501.501 0 0 1-.715.67l-.077-.066l-3.75-4a.5.5 0 0 1 0-.684l3.75-4z"
     }, null, -1)
   ])]);
 }
@@ -2784,9 +3742,7 @@ function render$5(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$8, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M3.625 7.5a1.125 1.125 0 1 1-2.25 0a1.125 1.125 0 0 1 2.25 0m5 0a1.125 1.125 0 1 1-2.25 0a1.125 1.125 0 0 1 2.25 0M12.5 8.625a1.125 1.125 0 1 0 0-2.25a1.125 1.125 0 0 0 0 2.25",
-      "clip-rule": "evenodd"
+      d: "M2.5 6.375a1.125 1.125 0 1 1 0 2.25a1.125 1.125 0 0 1 0-2.25m5 0a1.125 1.125 0 1 1 0 2.25a1.125 1.125 0 0 1 0-2.25m5 0a1.125 1.125 0 1 1 0 2.25a1.125 1.125 0 0 1 0-2.25"
     }, null, -1)
   ])]);
 }
@@ -2817,15 +3773,15 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         class: "ui-PaginationEllipsis ui-Button",
         as: "button",
         type: "button",
-        "aria-label": ellipsisPage.value,
-        value: `Page ${ellipsisPage.value}`,
+        value: ellipsisPage.value,
+        "aria-label": `Page ${ellipsisPage.value}`,
         onClick: withModifiers(onSelect, ["prevent"])
       }, {
         default: withCtx(() => [
           createVNode(unref(EllipsisIcon))
         ]),
         _: 1
-      }, 8, ["aria-label", "value"]);
+      }, 8, ["value", "aria-label"]);
     };
   }
 });
@@ -2865,7 +3821,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(PaginationRoot), mergeProps(unref(forwarded), {
         class: ["ui-PaginationRoot", unref(resetClass)],
-        "data-accent-color": _ctx.color
+        "data-accent-color": __props.color
       }), {
         default: withCtx(() => [
           createVNode(unref(PaginationList), { class: "ui-PaginationList" }, {
@@ -2940,13 +3896,13 @@ function createGlobalState(stateFactory) {
   let initialized = false;
   let state;
   const scope = effectScope(true);
-  return (...args) => {
+  return ((...args) => {
     if (!initialized) {
       state = scope.run(() => stateFactory(...args));
       initialized = true;
     }
     return state;
-  };
+  });
 }
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
 let count = 0;
@@ -3156,18 +4112,18 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(ToastRoot), {
         ref_key: "toastRef",
         ref: toastRef,
-        key: _ctx.message.id,
+        key: __props.message.id,
         class: "ui-ToastItem",
-        duration: _ctx.message.duration,
+        duration: __props.message.duration,
         "data-expanded": paused.value,
-        "data-visible": _ctx.index < 3,
+        "data-visible": __props.index < 3,
         style: normalizeStyle(styleVars.value),
         "onUpdate:open": onOpenChange,
         onPause,
         onResume
       }, {
         default: withCtx(() => [
-          _ctx.message.category ? (openBlock(), createElementBlock("div", {
+          __props.message.category ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "ui-ToastIcon",
             "data-accent-color": categoryColor.value
@@ -3177,36 +4133,36 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_2$1, [
             createVNode(unref(ToastTitle), { class: "ui-ToastTitle" }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.message.title), 1)
+                createTextVNode(toDisplayString(__props.message.title), 1)
               ]),
               _: 1
             }),
-            _ctx.message.description ? (openBlock(), createBlock(unref(ToastDescription), {
+            __props.message.description ? (openBlock(), createBlock(unref(ToastDescription), {
               key: 0,
               class: "ui-ToastDescription"
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.message.description), 1)
+                createTextVNode(toDisplayString(__props.message.description), 1)
               ]),
               _: 1
             })) : createCommentVNode("", true)
           ]),
-          _ctx.message.action ? (openBlock(), createBlock(unref(ToastAction), {
+          __props.message.action ? (openBlock(), createBlock(unref(ToastAction), {
             key: 1,
             class: "ui-ToastAction",
-            "alt-text": _ctx.message.action.altText || _ctx.message.action.label,
+            "alt-text": __props.message.action.altText || __props.message.action.label,
             "as-child": "",
-            onClick: _ctx.message.action.onClick
+            onClick: __props.message.action.onClick
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$13, {
-                variant: _ctx.message.action.variant || "soft",
-                radius: _ctx.message.action.radius,
-                size: _ctx.message.action.size || "1",
-                color: _ctx.message.action.color
+              createVNode(_sfc_main$1m, {
+                variant: __props.message.action.variant || "soft",
+                radius: __props.message.action.radius,
+                size: __props.message.action.size || "1",
+                color: __props.message.action.color
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.message.action.label), 1)
+                  createTextVNode(toDisplayString(__props.message.action.label), 1)
                 ]),
                 _: 1
               }, 8, ["variant", "radius", "size", "color"])
@@ -3229,6 +4185,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     position: { default: "bottom-right" },
     label: {},
     duration: {},
+    disableSwipe: { type: Boolean },
     swipeDirection: {},
     swipeThreshold: {}
   },
@@ -3272,10 +4229,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           }), 128)),
           createVNode(unref(ToastPortal), null, {
             default: withCtx(() => [
-              createVNode(_sfc_main$$, null, {
+              createVNode(_sfc_main$1i, null, {
                 default: withCtx(() => [
                   createVNode(unref(ToastViewport), mergeProps({ class: "ui-ToastViewport" }, _ctx.$attrs, {
-                    class: `r-size-${_ctx.size}`,
+                    class: `r-size-${__props.size}`,
                     "data-x-position": xPosition.value,
                     "data-y-position": yPosition.value
                   }), null, 16, ["class", "data-x-position", "data-y-position"])
@@ -3321,7 +4278,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         "data-size": props.size,
         "data-variant": props.variant
       }, [
-        createVNode(_sfc_main$10, null, {
+        createVNode(_sfc_main$1j, null, {
           default: withCtx(() => [
             createElementVNode("table", {
               class: "ui-TableContent",
@@ -3430,11 +4387,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Primitive), {
-        class: normalizeClass(["ui-SavingIndicator", `r-size-${_ctx.size}`]),
+        class: normalizeClass(["ui-SavingIndicator", `r-size-${__props.size}`]),
         "data-status": props.status
       }, {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", { status: _ctx.status }, () => [
+          renderSlot(_ctx.$slots, "default", { status: __props.status }, () => [
             props.status === "saving" ? (openBlock(), createBlock(SpinnerIcon, { key: 0 })) : props.status === "saved" ? (openBlock(), createBlock(unref(CheckIcon), { key: 1 })) : createCommentVNode("", true)
           ])
         ]),
@@ -3451,24 +4408,24 @@ export {
   _sfc_main$d as AccordionTrigger,
   AlertDialogAction,
   AlertDialogCancel,
-  _sfc_main$Z as AlertDialogCancelButton,
-  _sfc_main$X as AlertDialogDescription,
-  _sfc_main$V as AlertDialogPopup,
+  _sfc_main$1g as AlertDialogCancelButton,
+  _sfc_main$1e as AlertDialogDescription,
+  _sfc_main$1c as AlertDialogPopup,
   AlertDialogRoot,
-  _sfc_main$Y as AlertDialogTitle,
+  _sfc_main$1f as AlertDialogTitle,
   AlertDialogTrigger,
-  _sfc_main$16 as Avatar,
-  _sfc_main$15 as Badge,
-  _sfc_main$13 as Button,
-  _sfc_main$14 as Card,
-  _sfc_main$K as Checkbox,
+  _sfc_main$1p as Avatar,
+  _sfc_main$1o as Badge,
+  _sfc_main$1m as Button,
+  _sfc_main$1n as Card,
+  _sfc_main$M as Checkbox,
   CheckboxGroupRoot as CheckboxGroup,
-  _sfc_main$11 as CloseButton,
+  _sfc_main$1k as CloseButton,
   _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$G as ColorField,
   _sfc_main$v as ComboboxContent,
   _sfc_main$s as ComboboxEmpty,
   ComboboxGroup,
@@ -3477,28 +4434,30 @@ export {
   _sfc_main$t as ComboboxLabel,
   _sfc_main$x as ComboboxRoot,
   DialogClose2 as DialogClose,
-  _sfc_main$Z as DialogCloseButton,
-  _sfc_main$X as DialogDescription,
-  _sfc_main$W as DialogPopup,
-  DialogRoot,
-  _sfc_main$Y as DialogTitle,
+  _sfc_main$1g as DialogCloseButton,
+  _sfc_main$1e as DialogDescription,
+  _sfc_main$1d as DialogPopup,
+  DialogRoot2 as DialogRoot,
+  _sfc_main$1f as DialogTitle,
   DialogTrigger,
-  _sfc_main$U as DropdownMenuContent,
-  _sfc_main$T as DropdownMenuItem,
+  _sfc_main$1b as DropdownMenuContent,
+  _sfc_main$1a as DropdownMenuItem,
   DropdownMenuRoot,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
   _sfc_main$i as Editable,
-  _sfc_main$12 as IconButton,
-  _sfc_main$M as NavigationMenuContent,
+  _sfc_main$1l as IconButton,
+  _sfc_main$13 as NavigationMenuContent,
   NavigationMenuItem,
-  _sfc_main$O as NavigationMenuLink,
-  _sfc_main$P as NavigationMenuList,
-  _sfc_main$Q as NavigationMenuRoot,
-  _sfc_main$N as NavigationMenuTrigger,
+  _sfc_main$15 as NavigationMenuLink,
+  _sfc_main$16 as NavigationMenuList,
+  _sfc_main$17 as NavigationMenuRoot,
+  _sfc_main$14 as NavigationMenuTrigger,
   _sfc_main$7 as Pagination,
+  _sfc_main$E as PinInputInput,
+  _sfc_main$F as PinInputRoot,
   PopoverClose,
-  _sfc_main$R as PopoverPopup,
+  _sfc_main$18 as PopoverPopup,
   PopoverRoot,
   PopoverTrigger,
   _sfc_main$1 as Quota,
@@ -3510,7 +4469,7 @@ export {
   _sfc_main$l as RadioTabsItem,
   _sfc_main$m as RadioTabsRoot,
   _sfc_main as SavingIndicator,
-  _sfc_main$10 as ScrollArea,
+  _sfc_main$1j as ScrollArea,
   _sfc_main$C as SelectContent,
   SelectGroup,
   _sfc_main$A as SelectItem,
@@ -3519,21 +4478,37 @@ export {
   SelectSeparator,
   _sfc_main$B as SelectTrigger,
   _sfc_main$2 as Separator,
+  _sfc_main$11 as Sidebar,
+  _sfc_main$$ as SidebarBody,
+  _sfc_main$_ as SidebarFooter,
+  _sfc_main$W as SidebarGroup,
+  _sfc_main$V as SidebarGroupLabel,
+  _sfc_main$10 as SidebarHeader,
+  _sfc_main$X as SidebarInset,
+  _sfc_main$U as SidebarMenu,
+  _sfc_main$R as SidebarMenuButton,
+  _sfc_main$T as SidebarMenuItem,
+  _sfc_main$Q as SidebarMenuSub,
+  _sfc_main$O as SidebarMenuSubButton,
+  _sfc_main$P as SidebarMenuSubItem,
+  _sfc_main$12 as SidebarProvider,
+  _sfc_main$Y as SidebarRail,
+  _sfc_main$Z as SidebarTrigger,
   SpinnerIcon,
-  _sfc_main$L as Switch,
+  _sfc_main$N as Switch,
   _sfc_main$3 as Table,
   TabsContent,
   _sfc_main$k as TabsList,
   TabsRoot,
   _sfc_main$j as TabsTrigger,
-  _sfc_main$F as TextArea,
-  _sfc_main$G as TextField,
-  _sfc_main$17 as ThemeProvider,
+  _sfc_main$H as TextArea,
+  _sfc_main$I as TextField,
+  _sfc_main$1q as ThemeProvider,
   _sfc_main$4 as ToastProvider,
-  _sfc_main$J as Toggle,
-  _sfc_main$H as ToggleGroupItem,
-  _sfc_main$I as ToggleGroupRoot,
-  _sfc_main$_ as Tooltip,
+  _sfc_main$L as Toggle,
+  _sfc_main$J as ToggleGroupItem,
+  _sfc_main$K as ToggleGroupRoot,
+  _sfc_main$1h as Tooltip,
   buildPropsClass,
   injectThemeContext,
   provideThemeContext,