@typlog/ui 0.5.4 → 0.7.0

package/dist/index.js

@@ -1,45 +1,45 @@
-import { computed as v, defineComponent as p, openBlock as d, createBlock as f, unref as a, normalizeClass as w, withCtx as r, createVNode as u, createTextVNode as te, toDisplayString as M, renderSlot as h, mergeProps as g, createElementVNode as x, createCommentVNode as R, createElementBlock as B, toRefs as G, withDirectives as F, isRef as A, vModelRadio as he, ref as q, onMounted as ae, onBeforeUnmount as oe, vModelDynamic as _e, vModelText as K, normalizeProps as ge, guardReactiveProps as ve, watch as ye, Fragment as Ce, renderList as be, withModifiers as Be, normalizeStyle as xe } from "vue";
-import { useForwardProps as $, useEmitAsProps as se, AvatarRoot as $e, AvatarImage as we, AvatarFallback as Se, Primitive as I, ScrollAreaRoot as N, ScrollAreaViewport as Q, ScrollAreaScrollbar as j, ScrollAreaThumb as E, ScrollAreaCorner as Ve, AlertDialogPortal as ze, AlertDialogOverlay as Te, AlertDialogContent as ke, DialogPortal as Re, DialogOverlay as De, DialogContent as Ae, DialogTitle as Ie, DialogClose as Pe, PopoverPortal as Oe, PopoverContent as Fe, useForwardExpose as S, DropdownMenuPortal as Me, DropdownMenuContent as Ge, createContext as L, DropdownMenuItem as Le, SwitchRoot as He, SwitchThumb as We, RadioGroupRoot as le, RadioGroupItem as ne, CheckboxRoot as je, CheckboxIndicator as Ee, Toggle as qe, ToggleGroupRoot as Ue, ToggleGroupItem as Ke, SelectRoot as Ne, SelectPortal as Qe, SelectContent as Je, SelectViewport as Ze, SelectTrigger as Xe, SelectValue as Ye, SelectIcon as et, SelectItem as tt, SelectItemIndicator as at, SelectItemText as ot, SelectLabel as st, ComboboxRoot as lt, injectComboboxRootContext as nt, useForwardPropsEmits as re, ComboboxAnchor as rt, ComboboxInput as Z, ComboboxTrigger as it, ComboboxPortal as dt, ComboboxContent as ct, ComboboxViewport as ut, ComboboxItem as pt, ComboboxItemIndicator as ft, ComboboxLabel as mt, TooltipProvider as ht, TooltipRoot as _t, TooltipTrigger as gt, TooltipPortal as vt, TooltipContent as yt, TooltipArrow as Ct, TabsList as bt, TabsTrigger as Bt, ProgressRoot as xt, ProgressIndicator as $t } from "reka-ui";
-import { AlertDialogAction as ho, AlertDialogCancel as _o, AlertDialogDescription as go, AlertDialogRoot as vo, AlertDialogTitle as yo, AlertDialogTrigger as Co, ComboboxEmpty as bo, ComboboxGroup as Bo, DialogClose as xo, DialogDescription as $o, DialogRoot as wo, DialogTitle as So, DialogTrigger as Vo, DropdownMenuRoot as zo, DropdownMenuTrigger as To, PopoverClose as ko, PopoverRoot as Ro, PopoverTrigger as Do, RadioGroupItem as Ao, SelectGroup as Io, TabsContent as Po, TabsRoot as Oo } from "reka-ui";
-import { Icon as T } from "@iconify/vue";
-import { Icon as Mo } from "@iconify/vue";
-import { useVModel as P } from "@vueuse/core";
-function D(s, e, t) {
-  const o = $(s), l = se(e);
-  return v(() => ({
-    ...ie(o.value, t),
+import { computed as y, defineComponent as f, createBlock as p, openBlock as d, unref as a, normalizeClass as w, withCtx as r, createVNode as c, createTextVNode as H, toDisplayString as A, renderSlot as g, createElementBlock as b, mergeProps as v, createElementVNode as x, createCommentVNode as T, toRefs as W, ref as J, onMounted as de, onBeforeUnmount as ue, withDirectives as Z, isRef as j, vModelDynamic as xe, vModelText as ce, normalizeProps as we, guardReactiveProps as ze, watch as Se, Fragment as pe, renderList as fe, withModifiers as P, vModelRadio as Ve, normalizeStyle as Te } from "vue";
+import { useForwardProps as S, useEmitAsProps as me, AvatarRoot as ke, AvatarImage as Re, AvatarFallback as Pe, Primitive as M, ScrollAreaRoot as ae, ScrollAreaViewport as oe, ScrollAreaScrollbar as N, ScrollAreaThumb as Q, ScrollAreaCorner as De, AlertDialogPortal as Ae, AlertDialogOverlay as Ie, AlertDialogContent as Oe, DialogPortal as Me, DialogOverlay as Fe, DialogContent as Le, DialogTitle as Ge, DialogClose as He, useForwardExpose as R, createContext as q, DropdownMenuPortal as Ee, DropdownMenuContent as We, DropdownMenuItem as je, PopoverPortal as qe, PopoverContent as Ue, SwitchRoot as Ke, SwitchThumb as Ne, CheckboxRoot as Qe, CheckboxIndicator as Je, Toggle as Ze, ToggleGroupRoot as Xe, ToggleGroupItem as Ye, SelectRoot as et, SelectPortal as tt, SelectContent as at, SelectViewport as ot, SelectTrigger as st, SelectValue as lt, SelectIcon as nt, SelectItem as rt, SelectItemIndicator as it, SelectItemText as dt, SelectLabel as ut, ComboboxRoot as ct, injectComboboxRootContext as pt, useForwardPropsEmits as he, ComboboxAnchor as ft, ComboboxInput as le, ComboboxTrigger as mt, ComboboxPortal as ht, ComboboxContent as _t, ComboboxViewport as gt, ComboboxItem as vt, ComboboxItemIndicator as yt, ComboboxLabel as Ct, RadioGroupRoot as _e, RadioGroupItem as ge, TabsList as bt, TabsTrigger as Bt, CollapsibleTrigger as $t, TooltipProvider as xt, TooltipRoot as wt, TooltipTrigger as zt, TooltipPortal as St, TooltipContent as Vt, TooltipArrow as Tt, ProgressRoot as kt, ProgressIndicator as Rt } from "reka-ui";
+import { AlertDialogAction as $o, AlertDialogCancel as xo, AlertDialogDescription as wo, AlertDialogRoot as zo, AlertDialogTitle as So, AlertDialogTrigger as Vo, CollapsibleContent as To, CollapsibleRoot as ko, CollapsibleTrigger as Ro, ComboboxEmpty as Po, ComboboxGroup as Do, DialogClose as Ao, DialogDescription as Io, DialogRoot as Oo, DialogTitle as Mo, DialogTrigger as Fo, DropdownMenuRoot as Lo, DropdownMenuTrigger as Go, PopoverClose as Ho, PopoverRoot as Eo, PopoverTrigger as Wo, RadioGroupItem as jo, SelectGroup as qo, TabsContent as Uo, TabsRoot as Ko } from "reka-ui";
+import { Icon as z } from "@iconify/vue";
+import { Icon as Qo } from "@iconify/vue";
+import { useVModel as I } from "@vueuse/core";
+function O(s, t, e) {
+  const o = S(s), l = me(t);
+  return y(() => ({
+    ...ve(o.value, e),
     ...l
   }));
 }
-function O(s, e, t) {
-  const o = $(s), l = se(e), i = v(() => ({
-    ...ie(o.value, t),
+function F(s, t, e) {
+  const o = S(s), l = me(t), u = y(() => ({
+    ...ve(o.value, e),
     ...l
-  })), n = v(() => V(o.value, t));
-  return [i, n];
+  })), n = y(() => k(o.value, e));
+  return [u, n];
 }
-function ie(s, e) {
-  const t = {};
+function ve(s, t) {
+  const e = {};
   return Object.keys(s).forEach((o) => {
-    e.indexOf(o) === -1 && (t[o] = s[o]);
-  }), t;
+    t.indexOf(o) === -1 && (e[o] = s[o]);
+  }), e;
 }
-const V = (s, e) => {
-  const t = [];
-  return e.forEach((o) => {
+const k = (s, t) => {
+  const e = [];
+  return t.forEach((o) => {
     if (o !== "color" && o !== "radius") {
       const l = s[o];
-      l === !0 ? t.push(`r-${X(o)}`) : l && t.push(`r-${X(o)}-${l}`);
+      l === !0 ? e.push(`r-${ne(o)}`) : l && e.push(`r-${ne(o)}-${l}`);
     }
-  }), t;
+  }), e;
 };
-function X(s) {
-  return s.replace(/[A-Z]+(?![a-z])|[A-Z]/g, wt);
+function ne(s) {
+  return s.replace(/[A-Z]+(?![a-z])|[A-Z]/g, Pt);
 }
-function wt(s, e) {
-  return (e ? "-" : "") + s.toLowerCase();
+function Pt(s, t) {
+  return (t ? "-" : "") + s.toLowerCase();
 }
-const ba = /* @__PURE__ */ p({
+const Sa = /* @__PURE__ */ f({
   __name: "Avatar",
   props: {
     src: {},
@@ -51,22 +51,22 @@ const ba = /* @__PURE__ */ p({
     color: {}
   },
   setup(s) {
-    const e = s, t = v(() => V(e, ["size", "variant"])), o = v(() => e.fallback ? e.fallback : e.alt.split(/\s+/).map((l) => l[0]).slice(0, 2).join(""));
-    return (l, i) => (d(), f(a($e), {
-      class: w(["ui-Avatar", t.value]),
-      "data-accent-color": e.color,
-      "data-radius": e.radius
+    const t = s, e = y(() => k(t, ["size", "variant"])), o = y(() => t.fallback ? t.fallback : t.alt.split(/\s+/).map((l) => l[0]).slice(0, 2).join(""));
+    return (l, u) => (d(), p(a(ke), {
+      class: w(["ui-Avatar", e.value]),
+      "data-accent-color": t.color,
+      "data-radius": t.radius
     }, {
       default: r(() => [
-        u(a(we), {
-          alt: e.alt,
-          src: e.src || ""
+        c(a(Re), {
+          alt: t.alt,
+          src: t.src || ""
         }, null, 8, ["alt", "src"]),
-        u(a(Se), {
+        c(a(Pe), {
           class: w(`r-count-${o.value.length}`)
         }, {
           default: r(() => [
-            te(M(o.value), 1)
+            H(A(o.value), 1)
           ]),
           _: 1
         }, 8, ["class"])
@@ -74,7 +74,7 @@ const ba = /* @__PURE__ */ p({
       _: 1
     }, 8, ["class", "data-accent-color", "data-radius"]));
   }
-}), Ba = /* @__PURE__ */ p({
+}), Va = /* @__PURE__ */ f({
   __name: "Badge",
   props: {
     variant: { default: "soft" },
@@ -86,113 +86,129 @@ const ba = /* @__PURE__ */ p({
     as: { default: "span" }
   },
   setup(s) {
-    const e = s, t = v(() => V(e, ["size", "variant", "highContrast"]));
-    return (o, l) => (d(), f(a(I), {
-      class: w(["ui-Badge", t.value]),
-      as: e.as,
-      "as-child": e.asChild,
-      "data-accent-color": e.color,
-      "data-radius": e.radius
+    const t = s, e = y(() => k(t, ["size", "variant", "highContrast"]));
+    return (o, l) => (d(), p(a(M), {
+      class: w(["ui-Badge", e.value]),
+      as: t.as,
+      "as-child": t.asChild,
+      "data-accent-color": t.color,
+      "data-radius": t.radius
     }, {
       default: r(() => [
-        h(o.$slots, "default")
+        g(o.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "as", "as-child", "data-accent-color", "data-radius"]));
   }
-}), de = /* @__PURE__ */ p({
-  __name: "Button",
+}), Dt = ["data-side", "data-clip"], At = /* @__PURE__ */ f({
+  __name: "Inset",
   props: {
-    color: {},
+    side: { default: "all" },
+    clip: { default: "border-box" }
+  },
+  setup(s) {
+    const t = s;
+    return (e, o) => (d(), b("div", {
+      class: "ui-Inset",
+      "data-side": t.side,
+      "data-clip": t.clip
+    }, [
+      g(e.$slots, "default")
+    ], 8, Dt));
+  }
+}), It = /* @__PURE__ */ f({
+  __name: "Card",
+  props: {
+    variant: { default: "surface" },
     radius: {},
-    variant: { default: "solid" },
-    size: { default: "2" },
-    highContrast: { type: Boolean, default: !1 },
-    disabled: { type: Boolean },
+    size: { default: "1" },
     asChild: { type: Boolean },
-    as: { default: "button" }
+    as: { default: "div" }
   },
   setup(s) {
-    const e = s, t = v(() => V(e, ["size", "variant", "highContrast"]));
-    return (o, l) => (d(), f(a(I), {
-      class: w(["ui-Button", t.value]),
-      "as-child": e.asChild,
-      as: e.as,
-      "data-accent-color": e.color,
-      "data-radius": e.radius,
-      "data-disabled": e.disabled ? !0 : void 0
+    const t = s, e = y(() => k(t, ["size", "variant"]));
+    return (o, l) => (d(), p(a(M), {
+      class: w(["ui-Card", e.value]),
+      "as-child": t.asChild,
+      as: t.as,
+      "data-radius": t.radius
     }, {
       default: r(() => [
-        h(o.$slots, "default")
+        g(o.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class", "as-child", "as", "data-accent-color", "data-radius", "data-disabled"]));
+    }, 8, ["class", "as-child", "as", "data-radius"]));
   }
-}), xa = /* @__PURE__ */ p({
-  __name: "IconButton",
+}), Ta = /* @__PURE__ */ f({
+  __name: "CardHead",
   props: {
     color: {},
-    radius: {},
-    variant: {},
-    size: {},
-    highContrast: { type: Boolean },
-    disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: { default: "div" }
   },
   setup(s) {
-    const t = $(s);
-    return (o, l) => (d(), f(de, g({ class: "ui-IconButton" }, a(t)), {
+    const t = s;
+    return (e, o) => (d(), p(a(M), {
+      as: t.as,
+      class: "ui-CardHead",
+      "data-accent-color": t.color
+    }, {
       default: r(() => [
-        h(o.$slots, "default")
+        g(e.$slots, "default")
       ]),
       _: 3
-    }, 16));
+    }, 8, ["as", "data-accent-color"]));
   }
-}), St = /* @__PURE__ */ p({
-  __name: "Card",
+}), E = /* @__PURE__ */ f({
+  __name: "Button",
   props: {
-    variant: { default: "surface" },
+    color: {},
     radius: {},
-    size: { default: "1" },
+    variant: { default: "solid" },
+    size: { default: "2" },
+    highContrast: { type: Boolean, default: !1 },
+    disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: { default: "div" }
+    as: { default: "button" }
   },
   setup(s) {
-    const e = s, t = v(() => V(e, ["size", "variant"]));
-    return (o, l) => (d(), f(a(I), {
-      class: w(["ui-Card", t.value]),
-      "as-child": e.asChild,
-      as: e.as,
-      "data-radius": e.radius
+    const t = s, e = y(() => k(t, ["size", "variant", "highContrast"]));
+    return (o, l) => (d(), p(a(M), {
+      class: w(["ui-Button", e.value]),
+      "as-child": t.asChild,
+      as: t.as,
+      "data-accent-color": t.color,
+      "data-radius": t.radius,
+      "data-disabled": t.disabled ? !0 : void 0
     }, {
       default: r(() => [
-        h(o.$slots, "default")
+        g(o.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class", "as-child", "as", "data-radius"]));
+    }, 8, ["class", "as-child", "as", "data-accent-color", "data-radius", "data-disabled"]));
   }
-}), $a = /* @__PURE__ */ p({
-  __name: "CardHead",
+}), G = /* @__PURE__ */ f({
+  __name: "IconButton",
   props: {
     color: {},
+    radius: {},
+    variant: {},
+    size: {},
+    highContrast: { type: Boolean },
+    disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: { default: "div" }
+    as: {}
   },
   setup(s) {
-    const e = s;
-    return (t, o) => (d(), f(a(I), {
-      as: e.as,
-      class: "ui-CardHead",
-      "data-accent-color": e.color
-    }, {
+    const e = S(s);
+    return (o, l) => (d(), p(E, v({ class: "ui-IconButton" }, a(e)), {
       default: r(() => [
-        h(t.$slots, "default")
+        g(o.$slots, "default")
       ]),
       _: 3
-    }, 8, ["as", "data-accent-color"]));
+    }, 16));
   }
-}), ce = /* @__PURE__ */ p({
+}), ye = /* @__PURE__ */ f({
   __name: "ScrollArea",
   props: {
     size: { default: "1" },
@@ -205,112 +221,54 @@ const ba = /* @__PURE__ */ p({
     as: {}
   },
   setup(s) {
-    const e = s;
-    return (t, o) => (d(), f(a(N), {
+    const t = s;
+    return (e, o) => (d(), p(a(ae), {
       class: "ui-ScrollArea",
-      "as-child": e.asChild,
-      dir: e.dir,
-      "scroll-hide-delay": e.scrollHideDelay,
-      type: e.type,
-      "data-radius": e.radius
+      "as-child": t.asChild,
+      dir: t.dir,
+      "scroll-hide-delay": t.scrollHideDelay,
+      type: t.type,
+      "data-radius": t.radius
     }, {
       default: r(() => [
-        u(a(Q), { class: "ui-ScrollAreaViewport" }, {
+        c(a(oe), { class: "ui-ScrollAreaViewport" }, {
           default: r(() => [
-            h(t.$slots, "default")
+            g(e.$slots, "default")
           ]),
           _: 3
         }),
         o[0] || (o[0] = x("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
-        e.scrollbars !== "horizontal" ? (d(), f(a(j), {
+        t.scrollbars !== "horizontal" ? (d(), p(a(N), {
           key: 0,
           class: "ui-ScrollAreaScrollbar",
-          "data-size": e.size,
+          "data-size": t.size,
           orientation: "vertical"
         }, {
           default: r(() => [
-            u(a(E), { class: "ui-ScrollAreaThumb" })
+            c(a(Q), { class: "ui-ScrollAreaThumb" })
           ]),
           _: 1
-        }, 8, ["data-size"])) : R("", !0),
-        e.scrollbars !== "vertical" ? (d(), f(a(j), {
+        }, 8, ["data-size"])) : T("", !0),
+        t.scrollbars !== "vertical" ? (d(), p(a(N), {
           key: 1,
           class: "ui-ScrollAreaScrollbar",
-          "data-size": e.size,
+          "data-size": t.size,
           orientation: "horizontal"
         }, {
           default: r(() => [
-            u(a(E), { class: "ui-ScrollAreaThumb" })
+            c(a(Q), { class: "ui-ScrollAreaThumb" })
           ]),
           _: 1
-        }, 8, ["data-size"])) : R("", !0),
-        e.scrollbars === "both" ? (d(), f(a(Ve), {
+        }, 8, ["data-size"])) : T("", !0),
+        t.scrollbars === "both" ? (d(), p(a(De), {
           key: 2,
           "class-name": "ui-ScrollAreaCorner"
-        })) : R("", !0)
+        })) : T("", !0)
       ]),
       _: 3
     }, 8, ["as-child", "dir", "scroll-hide-delay", "type", "data-radius"]));
   }
-}), wa = /* @__PURE__ */ p({
-  __name: "Separator",
-  props: {
-    as: { default: "span" },
-    orientation: { default: "horizontal" },
-    size: {},
-    color: { default: "gray" }
-  },
-  setup(s) {
-    const e = s;
-    return (t, o) => (d(), f(a(I), {
-      as: e.as,
-      class: w(["ui-Separator", `r-size-${e.size}`]),
-      role: "separator",
-      "data-accent-color": e.color,
-      "aria-orientation": e.orientation
-    }, null, 8, ["as", "class", "data-accent-color", "aria-orientation"]));
-  }
-}), Vt = ["data-side", "data-clip"], zt = /* @__PURE__ */ p({
-  __name: "Inset",
-  props: {
-    side: { default: "all" },
-    clip: { default: "border-box" }
-  },
-  setup(s) {
-    const e = s;
-    return (t, o) => (d(), B("div", {
-      class: "ui-Inset",
-      "data-side": e.side,
-      "data-clip": e.clip
-    }, [
-      h(t.$slots, "default")
-    ], 8, Vt));
-  }
-}), Tt = /* @__PURE__ */ p({
-  __name: "Spinner",
-  setup(s) {
-    return (e, t) => (d(), f(a(T), {
-      class: "ui-Spinner",
-      icon: "lucide:loader-circle"
-    }));
-  }
-}), Sa = /* @__PURE__ */ p({
-  __name: "SavingIndicator",
-  props: {
-    status: {}
-  },
-  setup(s) {
-    const e = s;
-    return (t, o) => e.status === "saving" ? (d(), f(Tt, {
-      key: 0,
-      class: "ui-SavingIndicator _saving"
-    })) : e.status === "saved" ? (d(), f(a(T), {
-      key: 1,
-      class: "ui-SavingIndicator _saved",
-      icon: "lucide:check-circle-2"
-    })) : R("", !0);
-  }
-}), kt = { class: "ui-DialogScroll" }, Rt = ["data-align"], Va = /* @__PURE__ */ p({
+}), Ot = { class: "ui-DialogScroll" }, Mt = ["data-align"], ka = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "AlertDialogContent",
   props: {
@@ -331,8 +289,8 @@ const ba = /* @__PURE__ */ p({
     as: {}
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(s, { emit: e }) {
-    const t = s, l = D(t, e, [
+  setup(s, { emit: t }) {
+    const e = s, l = O(e, t, [
       "to",
       "align",
       "class",
@@ -344,39 +302,39 @@ const ba = /* @__PURE__ */ p({
       "minHeight",
       "maxHeight"
     ]);
-    return (i, n) => (d(), f(a(ze), {
-      to: t.to
+    return (u, n) => (d(), p(a(Ae), {
+      to: e.to
     }, {
       default: r(() => [
-        u(a(Te), { class: "ui-DialogOverlay" }, {
+        c(a(Ie), { class: "ui-DialogOverlay" }, {
           default: r(() => [
-            x("div", kt, [
+            x("div", Ot, [
               x("div", {
                 class: "ui-DialogScrollPadding",
-                "data-align": t.align
+                "data-align": e.align
               }, [
-                u(a(ke), g({
-                  class: ["ui-DialogContent", t.class],
-                  "data-size": t.size
+                c(a(Oe), v({
+                  class: ["ui-DialogContent", e.class],
+                  "data-size": e.size
                 }, {
-                  ...i.$attrs,
+                  ...u.$attrs,
                   ...a(l)
                 }, {
                   style: {
-                    width: t.width,
-                    height: t.height,
-                    minWidth: t.minWidth,
-                    maxWidth: t.maxWidth,
-                    minHeight: t.minHeight,
-                    maxHeight: t.maxHeight
+                    width: e.width,
+                    height: e.height,
+                    minWidth: e.minWidth,
+                    maxWidth: e.maxWidth,
+                    minHeight: e.minHeight,
+                    maxHeight: e.maxHeight
                   }
                 }), {
                   default: r(() => [
-                    h(i.$slots, "default")
+                    g(u.$slots, "default")
                   ]),
                   _: 3
                 }, 16, ["class", "data-size", "style"])
-              ], 8, Rt)
+              ], 8, Mt)
             ])
           ]),
           _: 3
@@ -385,7 +343,7 @@ const ba = /* @__PURE__ */ p({
       _: 3
     }, 8, ["to"]));
   }
-}), Dt = { class: "ui-DialogScroll" }, At = ["data-align"], za = /* @__PURE__ */ p({
+}), Ft = { class: "ui-DialogScroll" }, Lt = ["data-align"], Ra = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "DialogContent",
   props: {
@@ -406,8 +364,8 @@ const ba = /* @__PURE__ */ p({
     as: {}
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(s, { emit: e }) {
-    const t = s, l = D(t, e, [
+  setup(s, { emit: t }) {
+    const e = s, l = O(e, t, [
       "to",
       "align",
       "class",
@@ -419,39 +377,39 @@ const ba = /* @__PURE__ */ p({
       "minHeight",
       "maxHeight"
     ]);
-    return (i, n) => (d(), f(a(Re), {
-      to: t.to
+    return (u, n) => (d(), p(a(Me), {
+      to: e.to
     }, {
       default: r(() => [
-        u(a(De), { class: "ui-DialogOverlay" }, {
+        c(a(Fe), { class: "ui-DialogOverlay" }, {
           default: r(() => [
-            x("div", Dt, [
+            x("div", Ft, [
               x("div", {
                 class: "ui-DialogScrollPadding",
-                "data-align": t.align
+                "data-align": e.align
               }, [
-                u(a(Ae), g({
-                  class: ["ui-DialogContent", t.class],
-                  "data-size": t.size
+                c(a(Le), v({
+                  class: ["ui-DialogContent", e.class],
+                  "data-size": e.size
                 }, {
-                  ...i.$attrs,
+                  ...u.$attrs,
                   ...a(l)
                 }, {
                   style: {
-                    width: t.width,
-                    height: t.height,
-                    minWidth: t.minWidth,
-                    maxWidth: t.maxWidth,
-                    minHeight: t.minHeight,
-                    maxHeight: t.maxHeight
+                    width: e.width,
+                    height: e.height,
+                    minWidth: e.minWidth,
+                    maxWidth: e.maxWidth,
+                    minHeight: e.minHeight,
+                    maxHeight: e.maxHeight
                   }
                 }), {
                   default: r(() => [
-                    h(i.$slots, "default")
+                    g(u.$slots, "default")
                   ]),
                   _: 3
                 }, 16, ["class", "data-size", "style"])
-              ], 8, At)
+              ], 8, Lt)
             ])
           ]),
           _: 3
@@ -460,33 +418,35 @@ const ba = /* @__PURE__ */ p({
       _: 3
     }, 8, ["to"]));
   }
-}), Ta = /* @__PURE__ */ p({
+}), Pa = /* @__PURE__ */ f({
   __name: "DialogHead",
   props: {
     title: {}
   },
   setup(s) {
-    const e = s;
-    return (t, o) => (d(), f(zt, {
+    const t = s;
+    return (e, o) => (d(), p(At, {
       class: "ui-DialogHead",
       side: "x"
     }, {
       default: r(() => [
-        u(a(Ie), { class: "font-semibold" }, {
+        c(a(Ge), { class: "font-semibold" }, {
           default: r(() => [
-            te(M(e.title), 1)
+            H(A(t.title), 1)
           ]),
           _: 1
         }),
-        u(de, {
-          as: a(Pe),
+        c(E, {
+          as: a(He),
+          type: "button",
           variant: "ghost",
           color: "gray",
           radius: "full",
-          style: { "--button-ghost-padding-x": "var(--space-1)" }
+          style: { "--button-ghost-padding-x": "var(--space-1)" },
+          "aria-label": "Close"
         }, {
           default: r(() => [
-            u(a(T), { icon: "lucide:x" })
+            c(a(z), { icon: "lucide:x" })
           ]),
           _: 1
         }, 8, ["as"])
@@ -494,54 +454,7 @@ const ba = /* @__PURE__ */ p({
       _: 1
     }));
   }
-}), ka = /* @__PURE__ */ p({
-  inheritAttrs: !1,
-  __name: "PopoverContent",
-  props: {
-    to: {},
-    size: { default: "2" },
-    forceMount: { type: Boolean },
-    trapFocus: { type: Boolean },
-    side: {},
-    sideOffset: {},
-    align: {},
-    alignOffset: {},
-    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(s, { emit: e }) {
-    const t = s, l = D(t, e, ["to", "size"]);
-    return (i, n) => (d(), f(a(Oe), {
-      to: t.to
-    }, {
-      default: r(() => [
-        u(a(Fe), g({ ...i.$attrs, ...a(l) }, {
-          "data-size": t.size,
-          class: "ui-PopoverContent"
-        }), {
-          default: r(() => [
-            h(i.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["data-size"])
-      ]),
-      _: 3
-    }, 8, ["to"]));
-  }
-}), It = { class: "ui-MenuViewport" }, [Pt, Ot] = L("ui_DropdownMenuContent"), Ra = /* @__PURE__ */ p({
+}), Gt = { class: "ui-MenuViewport" }, [Ht, Et] = q("ui_DropdownMenuContent"), Da = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "DropdownMenuContent",
   props: {
@@ -571,32 +484,32 @@ const ba = /* @__PURE__ */ p({
     as: {}
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(s, { emit: e }) {
-    const t = s, l = D(t, e, [
+  setup(s, { emit: t }) {
+    const e = s, l = O(e, t, [
       "to",
       "size",
       "variant",
       "color",
       "highContrast"
-    ]), { forwardRef: i } = S(), { size: n, variant: c, color: m, highContrast: y } = G(t);
-    return Ot({ size: n, variant: c, color: m, highContrast: y }), (b, C) => (d(), f(a(Me), {
-      to: t.to
+    ]), { forwardRef: u } = R(), { size: n, variant: i, color: m, highContrast: C } = W(e);
+    return Et({ size: n, variant: i, color: m, highContrast: C }), (B, _) => (d(), p(a(Ee), {
+      to: e.to
     }, {
       default: r(() => [
-        u(a(Ge), g({
-          ...b.$attrs,
+        c(a(We), v({
+          ...B.$attrs,
           ...a(l)
         }, {
-          ref: a(i),
+          ref: a(u),
           class: "ui-PopperContent ui-MenuContent",
-          "data-accent-color": t.color,
-          "data-size": t.size
+          "data-accent-color": e.color,
+          "data-size": e.size
         }), {
           default: r(() => [
-            u(ce, { type: "auto" }, {
+            c(ye, { type: "auto" }, {
               default: r(() => [
-                x("div", It, [
-                  h(b.$slots, "default")
+                x("div", Gt, [
+                  g(B.$slots, "default")
                 ])
               ]),
               _: 3
@@ -608,7 +521,7 @@ const ba = /* @__PURE__ */ p({
       _: 3
     }, 8, ["to"]));
   }
-}), Ft = ["textContent"], Da = /* @__PURE__ */ p({
+}), Wt = ["textContent"], Aa = /* @__PURE__ */ f({
   __name: "DropdownMenuItem",
   props: {
     color: {},
@@ -619,32 +532,78 @@ const ba = /* @__PURE__ */ p({
     as: {}
   },
   emits: ["select"],
-  setup(s, { emit: e }) {
-    const t = s, l = D(t, e, ["color", "shortcut"]);
-    S();
-    const i = Pt();
-    return (n, c) => {
+  setup(s, { emit: t }) {
+    const e = s, l = O(e, t, ["color", "shortcut"]);
+    R();
+    const u = Ht();
+    return (n, i) => {
       var m;
-      return d(), f(a(Le), g({
+      return d(), p(a(je), v({
         class: "ui-MenuItem",
-        "data-accent-color": t.color,
-        "data-size": a(i).size.value,
-        "data-variant": a(i).variant.value,
-        "data-high-contrast": ((m = a(i).highContrast) == null ? void 0 : m.value) || void 0
+        "data-accent-color": e.color,
+        "data-size": a(u).size.value,
+        "data-variant": a(u).variant.value,
+        "data-high-contrast": ((m = a(u).highContrast) == null ? void 0 : m.value) || void 0
       }, a(l)), {
         default: r(() => [
-          h(n.$slots, "default"),
-          t.shortcut ? (d(), B("div", {
+          g(n.$slots, "default"),
+          e.shortcut ? (d(), b("div", {
             key: 0,
             class: "ui-MenuShortcut",
-            textContent: M(t.shortcut)
-          }, null, 8, Ft)) : R("", !0)
+            textContent: A(e.shortcut)
+          }, null, 8, Wt)) : T("", !0)
         ]),
         _: 3
       }, 16, ["data-accent-color", "data-size", "data-variant", "data-high-contrast"]);
     };
   }
-}), Aa = /* @__PURE__ */ p({
+}), Ia = /* @__PURE__ */ f({
+  inheritAttrs: !1,
+  __name: "PopoverContent",
+  props: {
+    to: {},
+    size: { default: "2" },
+    forceMount: { type: Boolean },
+    side: {},
+    sideOffset: {},
+    align: {},
+    alignOffset: {},
+    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(s, { emit: t }) {
+    const e = s, l = O(e, t, ["to", "size"]);
+    return (u, n) => (d(), p(a(qe), {
+      to: e.to
+    }, {
+      default: r(() => [
+        c(a(Ue), v({ ...u.$attrs, ...a(l) }, {
+          "data-size": e.size,
+          class: "ui-PopoverContent"
+        }), {
+          default: r(() => [
+            g(u.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["data-size"])
+      ]),
+      _: 3
+    }, 8, ["to"]));
+  }
+}), Oa = /* @__PURE__ */ f({
   __name: "Switch",
   props: {
     color: {},
@@ -663,203 +622,82 @@ const ba = /* @__PURE__ */ p({
     required: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(s, { emit: e }) {
-    const t = e, o = s, [l, i] = O(o, t, [
+  setup(s, { emit: t }) {
+    const e = t, o = s, [l, u] = F(o, e, [
       "color",
       "size",
       "variant",
       "highContrast",
       "radius"
     ]);
-    return (n, c) => (d(), f(a(He), g(a(l), {
-      class: ["ui-Switch", a(i)],
+    return (n, i) => (d(), p(a(Ke), v(a(l), {
+      class: ["ui-Switch", a(u)],
       "data-accent-color": o.color,
       "data-radius": o.radius
     }), {
       default: r(() => [
-        u(a(We), { class: "ui-SwitchThumb" })
+        c(a(Ne), { class: "ui-SwitchThumb" })
       ]),
       _: 1
     }, 16, ["class", "data-accent-color", "data-radius"]));
   }
-}), Mt = ["data-accent-color"], Ia = /* @__PURE__ */ p({
-  __name: "Radio",
+}), jt = {
+  key: 0,
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, qt = {
+  key: 0,
+  d: "M5 12h14"
+}, Ut = {
+  key: 1,
+  d: "M20 6 9 17l-5-5"
+}, Ce = /* @__PURE__ */ f({
+  __name: "Checkbox",
   props: {
-    modelValue: {},
     color: {},
-    size: { default: "2" },
     variant: { default: "surface" },
-    highContrast: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(s, { emit: e }) {
-    const t = s, l = P(t, "modelValue", e, {
-      defaultValue: t.modelValue,
-      passive: t.modelValue === void 0
-    }), i = v(() => V(t, ["size", "variant", "highContrast"]));
-    return (n, c) => F((d(), B("input", {
-      "onUpdate:modelValue": c[0] || (c[0] = (m) => A(l) ? l.value = m : null),
-      class: w(["ui-Radio", i.value]),
-      type: "radio",
-      "data-accent-color": t.color
-    }, null, 10, Mt)), [
-      [he, a(l)]
-    ]);
-  }
-}), [ue, Gt] = L("ui_RadioGroupRoot"), Pa = /* @__PURE__ */ p({
-  __name: "RadioGroupRoot",
-  props: {
-    color: {},
     size: { default: "2" },
-    variant: { default: "surface" },
     highContrast: { type: Boolean },
-    modelValue: {},
-    defaultValue: {},
+    defaultValue: { type: [Boolean, String] },
+    modelValue: { type: [Boolean, String, null] },
     disabled: { type: Boolean },
-    orientation: {},
-    dir: {},
-    loop: { type: Boolean },
+    value: {},
+    id: {},
     asChild: { type: Boolean },
     as: {},
     name: {},
     required: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(s, { emit: e }) {
-    const t = e, o = s, l = D(o, t, ["color", "size", "variant", "highContrast"]), { size: i, variant: n, color: c, highContrast: m } = G(o);
-    return Gt({ size: i, variant: n, color: c, highContrast: m }), (y, b) => (d(), f(a(le), g({ class: "ui-RadioGroupRoot" }, a(l)), {
+  setup(s, { emit: t }) {
+    const e = t, o = s, [l, u] = F(o, e, ["color", "size", "variant", "highContrast"]);
+    return (n, i) => (d(), p(a(Qe), v(a(l), {
+      class: ["ui-Checkbox", a(u)],
+      "data-accent-color": o.color
+    }), {
       default: r(() => [
-        h(y.$slots, "default")
+        c(a(Je), {
+          class: "ui-CheckboxIndicator",
+          "as-child": ""
+        }, {
+          default: r(() => [
+            a(l).checked !== !1 ? (d(), b("svg", jt, [
+              a(l).checked === "indeterminate" ? (d(), b("path", qt)) : (d(), b("path", Ut))
+            ])) : T("", !0)
+          ]),
+          _: 1
+        })
       ]),
-      _: 3
-    }, 16));
+      _: 1
+    }, 16, ["class", "data-accent-color"]));
   }
-}), Lt = { class: "ui-RadioGroupItem" }, Oa = /* @__PURE__ */ p({
-  __name: "RadioGroupItem",
-  props: {
-    id: {},
-    value: {},
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean }
-  },
-  setup(s) {
-    const t = $(s), o = ue(), l = v(() => {
-      var n;
-      const i = [
-        `r-size-${o.size.value}`,
-        `r-variant-${o.variant.value}`
-      ];
-      return (n = o.highContrast) != null && n.value && i.push("r-high-contrast"), i;
-    });
-    return (i, n) => {
-      var c;
-      return d(), B("label", Lt, [
-        u(a(ne), g({
-          class: ["ui-Radio", l.value],
-          "data-accent-color": (c = a(o).color) == null ? void 0 : c.value
-        }, a(t)), null, 16, ["class", "data-accent-color"]),
-        h(i.$slots, "default")
-      ]);
-    };
-  }
-}), Fa = /* @__PURE__ */ p({
-  __name: "RadioCardsItem",
-  props: {
-    id: {},
-    value: {},
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean }
-  },
-  setup(s) {
-    const t = $(s);
-    S();
-    const o = ue();
-    return (l, i) => {
-      var n, c;
-      return d(), f(a(ne), g({
-        class: "ui-RadioCardsItem",
-        "data-accent-color": (n = a(o).color) == null ? void 0 : n.value,
-        "data-size": a(o).size.value,
-        "data-variant": a(o).variant.value,
-        "data-high-contrast": (c = a(o).highContrast) == null ? void 0 : c.value
-      }, { ...a(t), asChild: !1 }), {
-        default: r(() => [
-          u(St, {
-            "as-child": a(t).asChild
-          }, {
-            default: r(() => [
-              h(l.$slots, "default")
-            ]),
-            _: 3
-          }, 8, ["as-child"])
-        ]),
-        _: 3
-      }, 16, ["data-accent-color", "data-size", "data-variant", "data-high-contrast"]);
-    };
-  }
-}), Ht = {
-  key: 0,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": "4",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-}, Wt = {
-  key: 0,
-  d: "M5 12h14"
-}, jt = {
-  key: 1,
-  d: "M20 6 9 17l-5-5"
-}, pe = /* @__PURE__ */ p({
-  __name: "Checkbox",
-  props: {
-    color: {},
-    variant: { default: "surface" },
-    size: { default: "2" },
-    highContrast: { type: Boolean },
-    defaultValue: { type: [Boolean, String] },
-    modelValue: { type: [Boolean, String, null] },
-    disabled: { type: Boolean },
-    value: {},
-    id: {},
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(s, { emit: e }) {
-    const t = e, o = s, [l, i] = O(o, t, ["color", "size", "variant", "highContrast"]);
-    return (n, c) => (d(), f(a(je), g(a(l), {
-      class: ["ui-Checkbox", a(i)],
-      "data-accent-color": o.color
-    }), {
-      default: r(() => [
-        u(a(Ee), {
-          class: "ui-CheckboxIndicator",
-          "as-child": ""
-        }, {
-          default: r(() => [
-            a(l).checked !== !1 ? (d(), B("svg", Ht, [
-              a(l).checked === "indeterminate" ? (d(), B("path", Wt)) : (d(), B("path", jt))
-            ])) : R("", !0)
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 16, ["class", "data-accent-color"]));
-  }
-}), [fe, Et] = L("ui_CheckboxGroupRoot"), Ma = /* @__PURE__ */ p({
-  __name: "CheckboxGroupRoot",
+}), [be, Kt] = q("ui_CheckboxGroupRoot"), Ma = /* @__PURE__ */ f({
+  __name: "CheckboxGroupRoot",
   props: {
     modelValue: {},
     defaultValue: {},
@@ -869,48 +707,48 @@ const ba = /* @__PURE__ */ p({
     as: {}
   },
   emits: ["update:modelValue"],
-  setup(s, { emit: e }) {
-    const t = s, o = e, { disabled: l, name: i } = G(t), n = q([]), c = P(t, "modelValue", o, {
-      defaultValue: t.defaultValue,
-      passive: t.modelValue === void 0
-    }), m = v(() => c.value || []), y = v(() => {
-      var C, _;
-      return n.value.length ? ((C = c.value) == null ? void 0 : C.length) === n.value.length ? !0 : (_ = c.value) != null && _.length ? "indeterminate" : !1 : !1;
-    }), b = (C) => {
-      var k, z;
-      const _ = (k = c.value) == null ? void 0 : k.indexOf(C);
-      _ !== -1 && _ !== void 0 && ((z = c.value) == null || z.splice(_, 1));
+  setup(s, { emit: t }) {
+    const e = s, o = t, { disabled: l, name: u } = W(e), n = J([]), i = I(e, "modelValue", o, {
+      defaultValue: e.defaultValue,
+      passive: e.modelValue === void 0
+    }), m = y(() => i.value || []), C = y(() => {
+      var _, h;
+      return n.value.length ? ((_ = i.value) == null ? void 0 : _.length) === n.value.length ? !0 : (h = i.value) != null && h.length ? "indeterminate" : !1 : !1;
+    }), B = (_) => {
+      var $, V;
+      const h = ($ = i.value) == null ? void 0 : $.indexOf(_);
+      h !== -1 && h !== void 0 && ((V = i.value) == null || V.splice(h, 1));
     };
-    return Et({
+    return Kt({
       selected: m,
-      checked: y,
-      addModelValue: (C) => {
-        var _, k;
-        ((_ = c.value) == null ? void 0 : _.indexOf(C)) === -1 && ((k = c.value) == null || k.push(C));
+      checked: C,
+      addModelValue: (_) => {
+        var h, $;
+        ((h = i.value) == null ? void 0 : h.indexOf(_)) === -1 && (($ = i.value) == null || $.push(_));
       },
-      removeModelValue: b,
-      toggleModelValue: (C) => {
-        C ? c.value = [...n.value] : c.value = [];
+      removeModelValue: B,
+      toggleModelValue: (_) => {
+        _ ? i.value = [...n.value] : i.value = [];
       },
-      initAllValue: (C) => {
-        n.value.push(C);
+      initAllValue: (_) => {
+        n.value.push(_);
       },
-      removeAllValue: (C) => {
-        n.value.splice(n.value.indexOf(C), 1), b(C);
+      removeAllValue: (_) => {
+        n.value.splice(n.value.indexOf(_), 1), B(_);
       },
       disabled: l,
-      name: i == null ? void 0 : i.value
-    }), (C, _) => (d(), f(a(I), {
-      as: t.as,
-      "as-child": t.asChild
+      name: u == null ? void 0 : u.value
+    }), (_, h) => (d(), p(a(M), {
+      as: e.as,
+      "as-child": e.asChild
     }, {
       default: r(() => [
-        h(C.$slots, "default")
+        g(_.$slots, "default")
       ]),
       _: 3
     }, 8, ["as", "as-child"]));
   }
-}), Ga = /* @__PURE__ */ p({
+}), Fa = /* @__PURE__ */ f({
   __name: "CheckboxGroupItem",
   props: {
     value: {},
@@ -928,26 +766,26 @@ const ba = /* @__PURE__ */ p({
     required: { type: Boolean }
   },
   setup(s) {
-    const e = s, t = $(e);
-    S();
-    const o = fe(), l = v(() => {
-      var c;
-      return ((c = o.disabled) == null ? void 0 : c.value) || e.disabled;
-    }), i = v(() => o.selected.value.indexOf(e.value) !== -1), n = (c) => {
-      c ? o.addModelValue(e.value) : o.removeModelValue(e.value);
+    const t = s, e = S(t);
+    R();
+    const o = be(), l = y(() => {
+      var i;
+      return ((i = o.disabled) == null ? void 0 : i.value) || t.disabled;
+    }), u = y(() => o.selected.value.indexOf(t.value) !== -1), n = (i) => {
+      i ? o.addModelValue(t.value) : o.removeModelValue(t.value);
     };
-    return ae(() => {
-      o.initAllValue(e.value);
-    }), oe(() => {
-      o.removeAllValue(e.value);
-    }), (c, m) => (d(), f(pe, g({
-      ...a(t),
-      name: e.name || a(o).name,
-      checked: i.value,
+    return de(() => {
+      o.initAllValue(t.value);
+    }), ue(() => {
+      o.removeAllValue(t.value);
+    }), (i, m) => (d(), p(Ce, v({
+      ...a(e),
+      name: t.name || a(o).name,
+      checked: u.value,
       disabled: l.value
     }, { "onUpdate:checked": n }), null, 16));
   }
-}), La = /* @__PURE__ */ p({
+}), La = /* @__PURE__ */ f({
   __name: "CheckboxGroupControl",
   props: {
     color: {},
@@ -965,154 +803,22 @@ const ba = /* @__PURE__ */ p({
     required: { type: Boolean }
   },
   setup(s) {
-    const e = s, t = $(e);
-    S();
-    const o = fe(), l = v(() => {
+    const t = s, e = S(t);
+    R();
+    const o = be(), l = y(() => {
       var n;
-      return ((n = o.disabled) == null ? void 0 : n.value) || e.disabled;
-    }), i = v(() => o.checked.value);
-    return (n, c) => (d(), f(pe, g({
-      ...a(t),
-      name: e.name || a(o).name,
-      checked: i.value,
+      return ((n = o.disabled) == null ? void 0 : n.value) || t.disabled;
+    }), u = y(() => o.checked.value);
+    return (n, i) => (d(), p(Ce, v({
+      ...a(e),
+      name: t.name || a(o).name,
+      checked: u.value,
       disabled: l.value
     }, {
       "onUpdate:checked": a(o).toggleModelValue
     }), null, 16, ["onUpdate:checked"]));
   }
-}), qt = ["data-radius", "data-accent-color"], Ut = ["id", "type"], Kt = {
-  key: 0,
-  class: "ui-TextFieldSlot",
-  "data-side": "left"
-}, Nt = {
-  key: 1,
-  class: "ui-TextFieldSlot",
-  "data-side": "right"
-}, Ha = /* @__PURE__ */ p({
-  inheritAttrs: !1,
-  __name: "TextField",
-  props: {
-    id: {},
-    class: {},
-    modelValue: {},
-    size: { default: "2" },
-    variant: { default: "surface" },
-    color: {},
-    radius: {},
-    type: { default: "text" }
-  },
-  emits: ["update:modelValue"],
-  setup(s, { emit: e }) {
-    const t = s, o = q(), l = (m) => {
-      const y = m.target;
-      if (y.closest("input, button, a")) return;
-      const b = o.value;
-      if (!b) return;
-      const _ = y.closest("[data-side=right]") ? b.value.length : 0;
-      requestAnimationFrame(() => {
-        b.setSelectionRange(_, _), b.focus();
-      });
-    }, n = P(t, "modelValue", e, {
-      defaultValue: t.modelValue,
-      passive: t.modelValue === void 0
-    }), c = v(() => {
-      const m = V(t, ["size", "variant"]);
-      return t.class && m.push(t.class), m;
-    });
-    return (m, y) => (d(), B("div", {
-      class: w(["ui-TextField", c.value]),
-      "data-radius": t.radius,
-      "data-accent-color": t.color,
-      onPointerdown: l
-    }, [
-      F(x("input", g({
-        id: t.id,
-        ref_key: "inputRef",
-        ref: o,
-        "onUpdate:modelValue": y[0] || (y[0] = (b) => A(n) ? n.value = b : null),
-        type: t.type
-      }, m.$attrs, { class: "ui-TextFieldInput" }), null, 16, Ut), [
-        [_e, a(n)]
-      ]),
-      m.$slots.left ? (d(), B("div", Kt, [
-        h(m.$slots, "left")
-      ])) : R("", !0),
-      m.$slots.right ? (d(), B("div", Nt, [
-        h(m.$slots, "right")
-      ])) : R("", !0)
-    ], 42, qt));
-  }
-}), Qt = ["data-accent-color"], Wa = /* @__PURE__ */ p({
-  inheritAttrs: !1,
-  __name: "TextArea",
-  props: {
-    class: {},
-    modelValue: {},
-    size: { default: "2" },
-    variant: { default: "surface" },
-    resize: {},
-    color: {},
-    radius: {}
-  },
-  emits: ["update:modelValue"],
-  setup(s, { emit: e }) {
-    const t = s, l = P(t, "modelValue", e, {
-      defaultValue: t.modelValue,
-      passive: t.modelValue === void 0
-    }), i = v(() => {
-      const n = V(t, ["size", "variant", "resize"]);
-      return t.class && n.push(t.class), n;
-    });
-    return (n, c) => (d(), B("div", {
-      class: w(["ui-TextArea", i.value]),
-      "data-accent-color": t.color
-    }, [
-      F(x("textarea", g({
-        "onUpdate:modelValue": c[0] || (c[0] = (m) => A(l) ? l.value = m : null)
-      }, n.$attrs, { class: "ui-TextAreaInput" }), null, 16), [
-        [K, a(l)]
-      ])
-    ], 10, Qt));
-  }
-}), Jt = ["data-accent-color"], Zt = ["id"], ja = /* @__PURE__ */ p({
-  __name: "ColorField",
-  props: {
-    id: {},
-    modelValue: {},
-    size: { default: "2" },
-    variant: { default: "surface" },
-    color: {},
-    radius: {}
-  },
-  emits: ["update:modelValue"],
-  setup(s, { emit: e }) {
-    const t = s, l = P(t, "modelValue", e, {
-      defaultValue: t.modelValue || "#000000",
-      passive: t.modelValue === void 0
-    }), i = v(() => V(t, ["size", "variant"]));
-    return (n, c) => (d(), B("div", {
-      class: w(["ui-TextField ui-ColorField", i.value]),
-      "data-accent-color": t.color
-    }, [
-      F(x("input", {
-        id: t.id,
-        "onUpdate:modelValue": c[0] || (c[0] = (m) => A(l) ? l.value = m : null),
-        class: "ui-ColorFieldInput",
-        type: "color"
-      }, null, 8, Zt), [
-        [K, a(l)]
-      ]),
-      F(x("input", {
-        "onUpdate:modelValue": c[1] || (c[1] = (m) => A(l) ? l.value = m : null),
-        class: "ui-TextFieldInput",
-        type: "text",
-        pattern: "^#[0-9a-f]{6}$"
-      }, null, 512), [
-        [K, a(l)]
-      ])
-    ], 10, Jt));
-  }
-}), Ea = /* @__PURE__ */ p({
+}), Ga = /* @__PURE__ */ f({
   __name: "Toggle",
   props: {
     color: {},
@@ -1129,26 +835,26 @@ const ba = /* @__PURE__ */ p({
     required: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(s, { emit: e }) {
-    const t = e, o = s, [l, i] = O(o, t, [
+  setup(s, { emit: t }) {
+    const e = t, o = s, [l, u] = F(o, e, [
       "color",
       "size",
       "variant",
       "highContrast",
       "radius"
     ]);
-    return (n, c) => (d(), f(a(qe), g(a(l), {
-      class: ["ui-Toggle", a(i)],
+    return (n, i) => (d(), p(a(Ze), v(a(l), {
+      class: ["ui-Toggle", a(u)],
       "data-accent-color": o.color,
       "data-radius": o.radius
     }), {
       default: r(() => [
-        h(n.$slots, "default")
+        g(n.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "data-accent-color", "data-radius"]));
   }
-}), qa = /* @__PURE__ */ p({
+}), Ha = /* @__PURE__ */ f({
   __name: "ToggleGroupRoot",
   props: {
     color: {},
@@ -1170,26 +876,26 @@ const ba = /* @__PURE__ */ p({
     defaultValue: {}
   },
   emits: ["update:modelValue"],
-  setup(s, { emit: e }) {
-    const t = e, o = s, [l, i] = O(o, t, [
+  setup(s, { emit: t }) {
+    const e = t, o = s, [l, u] = F(o, e, [
       "color",
       "size",
       "variant",
       "highContrast",
       "radius"
     ]);
-    return (n, c) => (d(), f(a(Ue), g(a(l), {
-      class: ["ui-ToggleGroupRoot", a(i)],
+    return (n, i) => (d(), p(a(Xe), v(a(l), {
+      class: ["ui-ToggleGroupRoot", a(u)],
       "data-accent-color": o.color,
       "data-radius": o.radius
     }), {
       default: r(() => [
-        h(n.$slots, "default")
+        g(n.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "data-accent-color", "data-radius"]));
   }
-}), Ua = /* @__PURE__ */ p({
+}), Ea = /* @__PURE__ */ f({
   __name: "ToggleGroupItem",
   props: {
     value: {},
@@ -1200,15 +906,138 @@ const ba = /* @__PURE__ */ p({
     as: {}
   },
   setup(s) {
-    const t = $(s);
-    return (o, l) => (d(), f(a(Ke), g(a(t), { class: "ui-ToggleGroupItem" }), {
+    const e = S(s);
+    return (o, l) => (d(), p(a(Ye), v(a(e), { class: "ui-ToggleGroupItem" }), {
       default: r(() => [
-        h(o.$slots, "default")
+        g(o.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), [me, Xt] = L("ui_SelectRoot"), Ka = /* @__PURE__ */ p({
+}), Nt = ["data-radius", "data-accent-color"], Qt = ["id", "type"], Jt = {
+  key: 0,
+  class: "ui-TextFieldSlot",
+  "data-side": "left"
+}, Zt = {
+  key: 1,
+  class: "ui-TextFieldSlot",
+  "data-side": "right"
+}, Wa = /* @__PURE__ */ f({
+  inheritAttrs: !1,
+  __name: "TextField",
+  props: {
+    id: {},
+    class: {},
+    modelValue: {},
+    size: { default: "2" },
+    variant: { default: "surface" },
+    color: {},
+    radius: {},
+    type: { default: "text" }
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: t }) {
+    const e = s, o = J(), l = (m) => {
+      const C = m.target;
+      if (C.closest("input, button, a")) return;
+      const B = o.value;
+      if (!B) return;
+      const h = C.closest("[data-side=right]") ? B.value.length : 0;
+      requestAnimationFrame(() => {
+        B.setSelectionRange(h, h), B.focus();
+      });
+    }, n = I(e, "modelValue", t, {
+      defaultValue: e.modelValue,
+      passive: e.modelValue === void 0
+    }), i = y(() => {
+      const m = k(e, ["size", "variant"]);
+      return e.class && m.push(e.class), m;
+    });
+    return (m, C) => (d(), b("div", {
+      class: w(["ui-TextField", i.value]),
+      "data-radius": e.radius,
+      "data-accent-color": e.color,
+      onPointerdown: l
+    }, [
+      Z(x("input", v({
+        id: e.id,
+        ref_key: "inputRef",
+        ref: o,
+        "onUpdate:modelValue": C[0] || (C[0] = (B) => j(n) ? n.value = B : null),
+        type: e.type
+      }, m.$attrs, { class: "ui-TextFieldInput" }), null, 16, Qt), [
+        [xe, a(n)]
+      ]),
+      m.$slots.left ? (d(), b("div", Jt, [
+        g(m.$slots, "left")
+      ])) : T("", !0),
+      m.$slots.right ? (d(), b("div", Zt, [
+        g(m.$slots, "right")
+      ])) : T("", !0)
+    ], 42, Nt));
+  }
+}), Xt = ["data-accent-color"], ja = /* @__PURE__ */ f({
+  inheritAttrs: !1,
+  __name: "TextArea",
+  props: {
+    class: {},
+    modelValue: {},
+    size: { default: "2" },
+    variant: { default: "surface" },
+    resize: {},
+    color: {},
+    radius: {}
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: t }) {
+    const e = s, l = I(e, "modelValue", t, {
+      defaultValue: e.modelValue,
+      passive: e.modelValue === void 0
+    }), u = y(() => {
+      const n = k(e, ["size", "variant", "resize"]);
+      return e.class && n.push(e.class), n;
+    });
+    return (n, i) => (d(), b("div", {
+      class: w(["ui-TextArea", u.value]),
+      "data-accent-color": e.color
+    }, [
+      Z(x("textarea", v({
+        "onUpdate:modelValue": i[0] || (i[0] = (m) => j(l) ? l.value = m : null)
+      }, n.$attrs, { class: "ui-TextAreaInput" }), null, 16), [
+        [ce, a(l)]
+      ])
+    ], 10, Xt));
+  }
+}), Yt = ["data-radius"], ea = ["id"], qa = /* @__PURE__ */ f({
+  __name: "ColorField",
+  props: {
+    id: {},
+    modelValue: {},
+    variant: { default: "solid" },
+    size: { default: "2" },
+    radius: {}
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: t }) {
+    const e = s, l = I(e, "modelValue", t, {
+      defaultValue: e.modelValue || "#000000",
+      passive: e.modelValue === void 0
+    }), u = y(() => k(e, ["size", "variant"]));
+    return (n, i) => (d(), b("div", {
+      class: w(["ui-ColorField", u.value]),
+      "data-radius": e.radius
+    }, [
+      Z(x("input", {
+        id: e.id,
+        "onUpdate:modelValue": i[0] || (i[0] = (m) => j(l) ? l.value = m : null),
+        class: "ui-ColorFieldInput",
+        type: "color"
+      }, null, 8, ea), [
+        [ce, a(l)]
+      ])
+    ], 10, Yt));
+  }
+}), [Be, ta] = q("ui_SelectRoot"), Ua = /* @__PURE__ */ f({
   __name: "SelectRoot",
   props: {
     size: { default: "2" },
@@ -1227,20 +1056,20 @@ const ba = /* @__PURE__ */ p({
     required: { type: Boolean }
   },
   emits: ["update:modelValue", "update:open"],
-  setup(s, { emit: e }) {
-    const t = s, o = e, { size: l, color: i, highContrast: n } = G(t), c = D(t, o, ["size", "color", "highContrast"]);
-    return Xt({
+  setup(s, { emit: t }) {
+    const e = s, o = t, { size: l, color: u, highContrast: n } = W(e), i = O(e, o, ["size", "color", "highContrast"]);
+    return ta({
       size: l,
-      color: i,
+      color: u,
       highContrast: n
-    }), (m, y) => (d(), f(a(Ne), ge(ve(a(c))), {
+    }), (m, C) => (d(), p(a(et), we(ze(a(i))), {
       default: r(() => [
-        h(m.$slots, "default")
+        g(m.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Na = /* @__PURE__ */ p({
+}), Ka = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "SelectContent",
   props: {
@@ -1268,48 +1097,48 @@ const ba = /* @__PURE__ */ p({
     as: {}
   },
   setup(s) {
-    const e = s, t = $(e), { forwardRef: o } = S(), l = me(), i = v(() => {
-      const n = ["r-size-" + l.size.value, "r-variant-" + e.variant];
-      return l.highContrast.value && n.push("r-high-contrast"), e.position === "popper" && n.push("ui-PopperContent"), n;
+    const t = s, e = S(t), { forwardRef: o } = R(), l = Be(), u = y(() => {
+      const n = ["r-size-" + l.size.value, "r-variant-" + t.variant];
+      return l.highContrast.value && n.push("r-high-contrast"), t.position === "popper" && n.push("ui-PopperContent"), n;
     });
-    return (n, c) => (d(), f(a(Qe), {
-      to: e.to
+    return (n, i) => (d(), p(a(tt), {
+      to: t.to
     }, {
       default: r(() => [
-        u(a(Je), g({ ref: a(o) }, {
+        c(a(at), v({ ref: a(o) }, {
           ...n.$attrs,
-          ...a(t),
+          ...a(e),
           to: void 0,
           variant: void 0
         }, {
-          class: ["ui-SelectContent", i.value],
+          class: ["ui-SelectContent", u.value],
           "data-accent-color": a(l).color.value
         }), {
           default: r(() => [
-            u(a(N), {
+            c(a(ae), {
               type: "auto",
               class: "ui-ScrollArea"
             }, {
               default: r(() => [
-                u(a(Ze), {
+                c(a(ot), {
                   class: "ui-SelectViewport",
                   "as-child": ""
                 }, {
                   default: r(() => [
-                    u(a(Q), { class: "ui-ScrollAreaViewport" }, {
+                    c(a(oe), { class: "ui-ScrollAreaViewport" }, {
                       default: r(() => [
-                        h(n.$slots, "default")
+                        g(n.$slots, "default")
                       ]),
                       _: 3
                     }),
-                    c[0] || (c[0] = x("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
-                    u(a(j), {
+                    i[0] || (i[0] = x("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
+                    c(a(N), {
                       class: "ui-ScrollAreaScrollbar",
                       "data-size": 1,
                       orientation: "vertical"
                     }, {
                       default: r(() => [
-                        u(a(E), { class: "ui-ScrollAreaThumb" })
+                        c(a(Q), { class: "ui-ScrollAreaThumb" })
                       ]),
                       _: 1
                     })
@@ -1326,7 +1155,7 @@ const ba = /* @__PURE__ */ p({
       _: 3
     }, 8, ["to"]));
   }
-}), Yt = { class: "ui-SelectTriggerInner" }, Qa = /* @__PURE__ */ p({
+}), aa = { class: "ui-SelectTriggerInner" }, Na = /* @__PURE__ */ f({
   __name: "SelectTrigger",
   props: {
     variant: { default: "surface" },
@@ -1338,22 +1167,22 @@ const ba = /* @__PURE__ */ p({
     as: {}
   },
   setup(s) {
-    const e = s, t = me(), o = v(() => [`r-variant-${e.variant}`, `r-size-${t.size.value}`]);
-    return (l, i) => (d(), f(a(Xe), {
+    const t = s, e = Be(), o = y(() => [`r-variant-${t.variant}`, `r-size-${e.size.value}`]);
+    return (l, u) => (d(), p(a(st), {
       class: w(["ui-SelectTrigger", o.value]),
-      disabled: e.disabled,
-      "data-accent-color": a(t).color,
-      "data-radius": e.radius
+      disabled: t.disabled,
+      "data-accent-color": a(e).color,
+      "data-radius": t.radius
     }, {
       default: r(() => [
-        x("span", Yt, [
-          u(a(Ye), {
-            placeholder: e.placeholder
+        x("span", aa, [
+          c(a(lt), {
+            placeholder: t.placeholder
           }, null, 8, ["placeholder"])
         ]),
-        u(a(et), { "as-child": "" }, {
+        c(a(nt), { "as-child": "" }, {
           default: r(() => [
-            u(a(T), {
+            c(a(z), {
               class: "ui-SelectIcon",
               icon: "radix-icons:chevron-down"
             })
@@ -1364,7 +1193,7 @@ const ba = /* @__PURE__ */ p({
       _: 1
     }, 8, ["class", "disabled", "data-accent-color", "data-radius"]));
   }
-}), Ja = /* @__PURE__ */ p({
+}), Qa = /* @__PURE__ */ f({
   __name: "SelectItem",
   props: {
     value: {},
@@ -1374,18 +1203,18 @@ const ba = /* @__PURE__ */ p({
     as: {}
   },
   setup(s) {
-    const t = $(s);
-    return S(), (o, l) => (d(), f(a(tt), g({ class: "ui-SelectItem" }, a(t)), {
+    const e = S(s);
+    return R(), (o, l) => (d(), p(a(rt), v({ class: "ui-SelectItem" }, a(e)), {
       default: r(() => [
-        u(a(at), { class: "ui-SelectItemIndicator" }, {
+        c(a(it), { class: "ui-SelectItemIndicator" }, {
           default: r(() => [
-            u(a(T), { icon: "radix-icons:check" })
+            c(a(z), { icon: "radix-icons:check" })
           ]),
           _: 1
         }),
-        u(a(ot), null, {
+        c(a(dt), null, {
           default: r(() => [
-            h(o.$slots, "default")
+            g(o.$slots, "default")
           ]),
           _: 3
         })
@@ -1393,7 +1222,7 @@ const ba = /* @__PURE__ */ p({
       _: 3
     }, 16));
   }
-}), Za = /* @__PURE__ */ p({
+}), Ja = /* @__PURE__ */ f({
   __name: "SelectLabel",
   props: {
     for: {},
@@ -1401,27 +1230,27 @@ const ba = /* @__PURE__ */ p({
     as: {}
   },
   setup(s) {
-    const t = $(s);
-    return S(), (o, l) => (d(), f(a(st), g({ class: "ui-SelectLabel" }, a(t)), {
+    const e = S(s);
+    return R(), (o, l) => (d(), p(a(ut), v({ class: "ui-SelectLabel" }, a(e)), {
       default: r(() => [
-        h(o.$slots, "default")
+        g(o.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), ea = (s, e) => {
-  const t = s.__vccOpts || s;
-  for (const [o, l] of e)
-    t[o] = l;
-  return t;
-}, ta = {}, aa = {
+}), oa = (s, t) => {
+  const e = s.__vccOpts || s;
+  for (const [o, l] of t)
+    e[o] = l;
+  return e;
+}, sa = {}, la = {
   class: "ui-SelectSeparator",
   "aria-hidden": "true"
 };
-function oa(s, e) {
-  return d(), B("div", aa);
+function na(s, t) {
+  return d(), b("div", la);
 }
-const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = L("ui_ComboboxRoot"), Ya = /* @__PURE__ */ p({
+const Za = /* @__PURE__ */ oa(sa, [["render", na]]), [ra, ia] = q("ui_ComboboxRoot"), Xa = /* @__PURE__ */ f({
   __name: "ComboboxRoot",
   props: {
     size: { default: "2" },
@@ -1430,6 +1259,7 @@ const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = L("ui_ComboboxRo
     open: { type: Boolean },
     defaultOpen: { type: Boolean },
     resetSearchTermOnBlur: { type: Boolean },
+    resetSearchTermOnSelect: { type: Boolean },
     ignoreFilter: { type: Boolean },
     modelValue: {},
     defaultValue: {},
@@ -1444,25 +1274,25 @@ const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = L("ui_ComboboxRo
     required: { type: Boolean }
   },
   emits: ["update:modelValue", "highlight", "update:open"],
-  setup(s, { emit: e }) {
-    const t = s, o = e, { size: l, color: i, highContrast: n } = G(t), [c, m] = O(t, o, ["size", "color", "highContrast"]);
-    return la({
+  setup(s, { emit: t }) {
+    const e = s, o = t, { size: l, color: u, highContrast: n } = W(e), [i, m] = F(e, o, ["size", "color", "highContrast"]);
+    return ia({
       size: l,
-      color: i,
+      color: u,
       highContrast: n
-    }), (y, b) => (d(), f(a(lt), g({
+    }), (C, B) => (d(), p(a(ct), v({
       class: ["ui-ComboboxRoot", a(m)]
-    }, a(c)), {
+    }, a(i)), {
       default: r(() => [
-        h(y.$slots, "default")
+        g(C.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), na = {
+}), da = {
   key: 0,
   class: "ui-ComboboxValues"
-}, ra = ["aria-current", "value"], ia = ["onClick"], eo = /* @__PURE__ */ p({
+}, ua = ["aria-current", "value"], ca = ["onClick"], Ya = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "ComboboxInput",
   props: {
@@ -1477,65 +1307,65 @@ const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = L("ui_ComboboxRo
     as: {}
   },
   emits: ["update:modelValue"],
-  setup(s, { emit: e }) {
-    const t = nt(), o = s, l = e, i = re(o, l), n = P(o, "modelValue", l, {
-      passive: !0
-    }), c = q(-1), m = v(() => t.modelValue.value), y = (_) => typeof _ == "object" ? JSON.stringify(_) : _.toString(), b = (_) => {
-      c.value = _, t.modelValue.value.splice(_, 1), c.value = -1;
-    }, C = (_) => {
-      !n.value && (_.key === "Delete" || _.key === "Backspace") && (c.value !== -1 ? b(c.value) : (c.value = m.value.length - 1, setTimeout(() => {
-        c.value = -1;
+  setup(s, { emit: t }) {
+    const e = pt(), o = s, l = t, u = he(o, l), n = I(o, "modelValue", l, {
+      passive: o.modelValue === void 0
+    }), i = J(-1), m = y(() => e.modelValue.value), C = (h) => typeof h == "object" ? JSON.stringify(h) : h.toString(), B = (h) => {
+      i.value = h, e.modelValue.value.splice(h, 1), i.value = -1;
+    }, _ = (h) => {
+      !n.value && (h.key === "Delete" || h.key === "Backspace") && (i.value !== -1 ? B(i.value) : (i.value = m.value.length - 1, setTimeout(() => {
+        i.value = -1;
       }, 500)));
     };
-    return ye(m, () => {
-      n.value = "", t.filterState.search = "";
-    }, { deep: !0 }), (_, k) => (d(), f(a(rt), {
-      class: w(["ui-ComboboxField", `r-variant-${_.variant}`]),
-      "data-radius": _.radius,
-      "data-multiple": a(t).multiple.value || void 0
+    return Se(m, () => {
+      n.value = "", e.filterState.search = "";
+    }, { deep: !0 }), (h, $) => (d(), p(a(ft), {
+      class: w(["ui-ComboboxField", `r-variant-${h.variant}`]),
+      "data-radius": h.radius,
+      "data-multiple": a(e).multiple.value || void 0
     }, {
       default: r(() => [
-        a(t).multiple.value ? (d(), B("div", na, [
-          (d(!0), B(Ce, null, be(m.value, (z, J) => (d(), B("div", {
+        a(e).multiple.value ? (d(), b("div", da, [
+          (d(!0), b(pe, null, fe(m.value, (V, D) => (d(), b("div", {
+            key: C(V),
             class: "ui-ComboboxValuesItem",
-            "aria-current": J === c.value,
-            key: y(z),
-            value: z
+            "aria-current": D === i.value,
+            value: V
           }, [
-            h(_.$slots, "item", { value: z }, () => [
-              x("span", null, M(y(z)), 1)
+            g(h.$slots, "item", { value: V }, () => [
+              x("span", null, A(C(V)), 1)
             ]),
             x("button", {
               type: "button",
               tabindex: "-1",
-              onClick: Be((_a) => b(J), ["prevent"])
+              onClick: P((L) => B(D), ["prevent"])
             }, [
-              u(a(T), { icon: "lucide:x" })
-            ], 8, ia)
-          ], 8, ra))), 128)),
-          u(a(Z), g({
-            ..._.$attrs,
-            ...a(i),
+              c(a(z), { icon: "lucide:x" })
+            ], 8, ca)
+          ], 8, ua))), 128)),
+          c(a(le), v({
+            ...h.$attrs,
+            ...a(u),
             variant: void 0,
             radius: void 0
           }, {
             modelValue: a(n),
-            "onUpdate:modelValue": k[0] || (k[0] = (z) => A(n) ? n.value = z : null),
+            "onUpdate:modelValue": $[0] || ($[0] = (V) => j(n) ? n.value = V : null),
             class: "ui-ComboboxInput",
-            onKeydown: C
+            onKeydown: _
           }), null, 16, ["modelValue"])
-        ])) : (d(), f(a(Z), g({
+        ])) : (d(), p(a(le), v({
           key: 1,
           class: "ui-ComboboxInput"
         }, {
-          ..._.$attrs,
-          ...a(i),
+          ...h.$attrs,
+          ...a(u),
           variant: void 0,
           radius: void 0
         }), null, 16)),
-        u(a(it), { class: "ui-ComboboxTrigger" }, {
+        c(a(mt), { class: "ui-ComboboxTrigger" }, {
           default: r(() => [
-            u(a(T), { icon: "radix-icons:chevron-down" })
+            c(a(z), { icon: "radix-icons:chevron-down" })
           ]),
           _: 1
         })
@@ -1543,7 +1373,7 @@ const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = L("ui_ComboboxRo
       _: 3
     }, 8, ["class", "data-radius", "data-multiple"]));
   }
-}), to = /* @__PURE__ */ p({
+}), eo = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "ComboboxContent",
   props: {
@@ -1572,53 +1402,53 @@ const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = L("ui_ComboboxRo
     disableOutsidePointerEvents: { type: Boolean }
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
-  setup(s, { emit: e }) {
-    const { forwardRef: t } = S(), o = s, i = re(o, e), n = sa(), c = v(() => {
+  setup(s, { emit: t }) {
+    const { forwardRef: e } = R(), o = s, u = he(o, t), n = ra(), i = y(() => {
       const m = ["r-size-" + n.size.value, "r-variant-" + o.variant];
       return n.highContrast.value && m.push("r-high-contrast"), m;
     });
-    return (m, y) => (d(), f(a(dt), {
+    return (m, C) => (d(), p(a(ht), {
       to: o.to
     }, {
       default: r(() => [
-        u(a(ct), g({ ref: a(t) }, {
+        c(a(_t), v({ ref: a(e) }, {
           ...m.$attrs,
-          ...a(i),
+          ...a(u),
           position: "popper",
           to: void 0,
           variant: void 0
         }, {
-          class: ["ui-ComboboxContent", c.value],
+          class: ["ui-ComboboxContent", i.value],
           "data-accent-color": a(n).color.value
         }), {
           default: r(() => [
-            u(a(N), {
+            c(a(ae), {
               type: "auto",
               class: "ui-ScrollArea"
             }, {
               default: r(() => [
-                u(a(ut), {
+                c(a(gt), {
                   class: "ui-ComboboxViewport",
                   "as-child": ""
                 }, {
                   default: r(() => [
-                    u(a(Q), { class: "ui-ScrollAreaViewport" }, {
+                    c(a(oe), { class: "ui-ScrollAreaViewport" }, {
                       default: r(() => [
-                        h(m.$slots, "default")
+                        g(m.$slots, "default")
                       ]),
                       _: 3
                     })
                   ]),
                   _: 3
                 }),
-                y[0] || (y[0] = x("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
-                u(a(j), {
+                C[0] || (C[0] = x("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
+                c(a(N), {
                   class: "ui-ScrollAreaScrollbar",
                   "data-size": 1,
                   orientation: "vertical"
                 }, {
                   default: r(() => [
-                    u(a(E), { class: "ui-ScrollAreaThumb" })
+                    c(a(Q), { class: "ui-ScrollAreaThumb" })
                   ]),
                   _: 1
                 })
@@ -1632,7 +1462,7 @@ const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = L("ui_ComboboxRo
       _: 3
     }, 8, ["to"]));
   }
-}), ao = /* @__PURE__ */ p({
+}), to = /* @__PURE__ */ f({
   __name: "ComboboxItem",
   props: {
     textValue: {},
@@ -1642,21 +1472,21 @@ const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = L("ui_ComboboxRo
     as: {}
   },
   setup(s) {
-    const t = $(s);
-    return (o, l) => (d(), f(a(pt), g({ class: "ui-ComboboxItem" }, a(t)), {
+    const e = S(s);
+    return (o, l) => (d(), p(a(vt), v({ class: "ui-ComboboxItem" }, a(e)), {
       default: r(() => [
-        u(a(ft), { class: "ui-ComboboxItemIndicator" }, {
+        c(a(yt), { class: "ui-ComboboxItemIndicator" }, {
           default: r(() => [
-            u(a(T), { icon: "radix-icons:check" })
+            c(a(z), { icon: "radix-icons:check" })
           ]),
           _: 1
         }),
-        h(o.$slots, "default")
+        g(o.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), oo = /* @__PURE__ */ p({
+}), ao = /* @__PURE__ */ f({
   __name: "ComboboxLabel",
   props: {
     for: {},
@@ -1664,54 +1494,430 @@ const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = L("ui_ComboboxRo
     as: {}
   },
   setup(s) {
-    const t = $(s);
-    return S(), (o, l) => (d(), f(a(mt), g({ class: "ui-ComboboxLabel" }, a(t)), {
+    const e = S(s);
+    return R(), (o, l) => (d(), p(a(Ct), v({ class: "ui-ComboboxLabel" }, a(e)), {
       default: r(() => [
-        h(o.$slots, "default")
+        g(o.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), da = ["data-size", "data-variant"], ca = ["data-layout"], so = /* @__PURE__ */ p({
-  __name: "Table",
+}), pa = ["data-accent-color"], oo = /* @__PURE__ */ f({
+  __name: "Radio",
   props: {
+    modelValue: {},
+    color: {},
     size: { default: "2" },
-    variant: { default: "ghost" },
-    layout: {}
+    variant: { default: "surface" },
+    highContrast: { type: Boolean }
   },
-  setup(s) {
-    const e = s;
-    return (t, o) => (d(), B("div", {
-      class: "ui-Table",
-      "data-size": e.size,
-      "data-variant": e.variant
-    }, [
-      u(ce, null, {
-        default: r(() => [
-          x("table", {
-            class: "ui-TableContent",
-            "data-layout": e.layout
-          }, [
-            h(t.$slots, "default")
-          ], 8, ca)
-        ]),
-        _: 3
-      })
-    ], 8, da));
+  emits: ["update:modelValue"],
+  setup(s, { emit: t }) {
+    const e = s, l = I(e, "modelValue", t, {
+      defaultValue: e.modelValue,
+      passive: e.modelValue === void 0
+    }), u = y(() => k(e, ["size", "variant", "highContrast"]));
+    return (n, i) => Z((d(), b("input", {
+      "onUpdate:modelValue": i[0] || (i[0] = (m) => j(l) ? l.value = m : null),
+      class: w(["ui-Radio", u.value]),
+      type: "radio",
+      "data-accent-color": e.color
+    }, null, 10, pa)), [
+      [Ve, a(l)]
+    ]);
   }
-}), ua = ["textContent"], lo = /* @__PURE__ */ p({
-  __name: "Tooltip",
+}), [$e, fa] = q("ui_RadioGroupRoot"), so = /* @__PURE__ */ f({
+  __name: "RadioGroupRoot",
   props: {
-    to: {},
-    content: {},
-    delayDuration: {},
-    skipDelayDuration: {},
-    disableHoverableContent: { type: Boolean },
-    disableClosingTrigger: { type: Boolean },
-    disabled: { type: Boolean },
-    ignoreNonKeyboardFocus: { type: Boolean },
-    forceMount: { type: Boolean },
-    ariaLabel: {},
+    color: {},
+    size: { default: "2" },
+    variant: { default: "surface" },
+    highContrast: { type: Boolean },
+    modelValue: {},
+    defaultValue: {},
+    disabled: { type: Boolean },
+    orientation: {},
+    dir: {},
+    loop: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: t }) {
+    const e = t, o = s, l = O(o, e, ["color", "size", "variant", "highContrast"]), { size: u, variant: n, color: i, highContrast: m } = W(o);
+    return fa({ size: u, variant: n, color: i, highContrast: m }), (C, B) => (d(), p(a(_e), v({ class: "ui-RadioGroupRoot" }, a(l)), {
+      default: r(() => [
+        g(C.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), ma = { class: "ui-RadioGroupItem" }, lo = /* @__PURE__ */ f({
+  __name: "RadioGroupItem",
+  props: {
+    id: {},
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean }
+  },
+  setup(s) {
+    const e = S(s), o = $e(), l = y(() => {
+      var n;
+      const u = [
+        `r-size-${o.size.value}`,
+        `r-variant-${o.variant.value}`
+      ];
+      return (n = o.highContrast) != null && n.value && u.push("r-high-contrast"), u;
+    });
+    return (u, n) => {
+      var i;
+      return d(), b("label", ma, [
+        c(a(ge), v({
+          class: ["ui-Radio", l.value],
+          "data-accent-color": (i = a(o).color) == null ? void 0 : i.value
+        }, a(e)), null, 16, ["class", "data-accent-color"]),
+        g(u.$slots, "default")
+      ]);
+    };
+  }
+}), no = /* @__PURE__ */ f({
+  __name: "RadioCardsItem",
+  props: {
+    id: {},
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean }
+  },
+  setup(s) {
+    const e = S(s);
+    R();
+    const o = $e();
+    return (l, u) => {
+      var n, i;
+      return d(), p(a(ge), v({
+        class: "ui-RadioCardsItem",
+        "data-accent-color": (n = a(o).color) == null ? void 0 : n.value,
+        "data-size": a(o).size.value,
+        "data-variant": a(o).variant.value,
+        "data-high-contrast": (i = a(o).highContrast) == null ? void 0 : i.value
+      }, { ...a(e), asChild: !1 }), {
+        default: r(() => [
+          c(It, {
+            "as-child": a(e).asChild
+          }, {
+            default: r(() => [
+              g(l.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["as-child"])
+        ]),
+        _: 3
+      }, 16, ["data-accent-color", "data-size", "data-variant", "data-high-contrast"]);
+    };
+  }
+}), ro = /* @__PURE__ */ f({
+  __name: "RadioTabsList",
+  props: {
+    size: { default: "2" },
+    modelValue: {},
+    defaultValue: {},
+    disabled: { type: Boolean },
+    orientation: {},
+    dir: {},
+    loop: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: t }) {
+    const e = t, o = s, [l, u] = F(o, e, ["size"]);
+    return (n, i) => (d(), p(a(_e), v(a(l), {
+      class: ["ui-RadioTabsList", a(u)]
+    }), {
+      default: r(() => [
+        g(n.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), io = /* @__PURE__ */ f({
+  __name: "TabsList",
+  props: {
+    size: { default: "2" },
+    wrap: {},
+    justify: {},
+    color: {},
+    highContrast: { type: Boolean }
+  },
+  setup(s) {
+    const t = s;
+    return (e, o) => (d(), p(a(bt), {
+      class: "ui-TabList",
+      "data-accent-color": t.color,
+      "data-size": t.size,
+      "data-wrap": t.wrap,
+      "data-justify": t.justify,
+      "data-high-contrast": t.highContrast
+    }, {
+      default: r(() => [
+        g(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["data-accent-color", "data-size", "data-wrap", "data-justify", "data-high-contrast"]));
+  }
+}), ha = { class: "ui-TabTriggerInner" }, _a = { class: "ui-TabTriggerInnerHidden" }, uo = /* @__PURE__ */ f({
+  __name: "TabsTrigger",
+  props: {
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(s) {
+    const e = S(s);
+    return (o, l) => (d(), p(a(Bt), v(a(e), { class: "ui-TabTrigger" }), {
+      default: r(() => [
+        x("span", ha, [
+          g(o.$slots, "default")
+        ]),
+        x("span", _a, [
+          g(o.$slots, "default")
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), co = /* @__PURE__ */ f({
+  __name: "CollapsibleChevron",
+  props: {
+    color: { default: "gray" },
+    radius: {},
+    variant: { default: "ghost" },
+    size: {},
+    highContrast: { type: Boolean },
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(s) {
+    const t = s;
+    return (e, o) => (d(), p(G, v({ class: "ui-CollapsibleChevron" }, t, { as: a($t) }), {
+      default: r(() => [
+        c(a(z), { icon: "lucide:chevron-right" })
+      ]),
+      _: 1
+    }, 16, ["as"]));
+  }
+}), po = /* @__PURE__ */ f({
+  __name: "Pagination",
+  props: {
+    total: {},
+    page: {},
+    perpage: { default: 10 },
+    edge: { default: 2 },
+    color: {},
+    radius: {},
+    variant: { default: "ghost" },
+    size: { default: "1" },
+    highContrast: { type: Boolean },
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["update:page"],
+  setup(s, { emit: t }) {
+    const e = s, l = I(e, "page", t), u = y(() => k(e, ["size", "variant"])), n = y(() => ({
+      color: e.color,
+      radius: e.radius,
+      variant: e.variant,
+      size: e.size,
+      highContrast: e.highContrast,
+      disabled: e.disabled
+    })), i = y(() => {
+      const _ = Math.ceil(e.total / e.perpage), h = l.value > 1 ? l.value - 1 : null, $ = l.value < _ ? l.value + 1 : null, V = 5 + e.edge * 2, D = _ > V && l.value > e.edge + 3, L = _ > V && l.value + e.edge + 2 < _, se = [];
+      let X = 2, Y = _ - 1;
+      D && !L ? X = Math.max(4, _ - 2 * e.edge - 2) : !D && L ? Y = Math.min(2 * e.edge + 3, _ - 1) : D && L && (X = l.value - e.edge, Y = l.value + e.edge);
+      for (let ee = X; ee <= Y; ee++)
+        se.push(ee);
+      return {
+        totalPages: _,
+        prev: h,
+        next: $,
+        hasLeftEdge: D,
+        hasRightEdge: L,
+        pageList: se
+      };
+    }), m = (_) => {
+      l.value = _;
+    }, C = () => {
+      m(e.page - e.edge);
+    }, B = () => {
+      m(e.page + e.edge);
+    };
+    return (_, h) => (d(), b("div", {
+      class: w(["ui-Pagination", u.value])
+    }, [
+      i.value.prev ? (d(), p(G, v({ key: 0 }, n.value, {
+        "aria-label": "Previous",
+        onClick: h[0] || (h[0] = P(($) => m(i.value.prev), ["prevent"]))
+      }), {
+        default: r(() => [
+          g(_.$slots, "prev-page", {
+            page: i.value.prev
+          }, () => [
+            c(a(z), { icon: "lucide:chevron-left" })
+          ])
+        ]),
+        _: 3
+      }, 16)) : T("", !0),
+      c(E, v(n.value, {
+        disabled: a(l) === 1,
+        "aria-current": "page",
+        onClick: h[1] || (h[1] = P(($) => m(1), ["prevent"]))
+      }), {
+        default: r(() => [
+          g(_.$slots, "page", { page: 1 }, () => [
+            h[4] || (h[4] = H("1"))
+          ])
+        ]),
+        _: 3
+      }, 16, ["disabled"]),
+      i.value.hasLeftEdge ? (d(), p(G, v({ key: 1 }, n.value, {
+        onClick: P(C, ["prevent"])
+      }), {
+        default: r(() => [
+          g(_.$slots, "prev-edge", {
+            page: a(l) - _.edge
+          }, () => [
+            c(a(z), { icon: "lucide:ellipsis" })
+          ])
+        ]),
+        _: 3
+      }, 16)) : T("", !0),
+      (d(!0), b(pe, null, fe(i.value.pageList, ($) => (d(), p(E, v({
+        key: $,
+        ref_for: !0
+      }, n.value, {
+        disabled: $ === a(l),
+        "aria-current": "page",
+        onClick: P((V) => m($), ["prevent"])
+      }), {
+        default: r(() => [
+          g(_.$slots, "page", { page: $ }, () => [
+            H(A($), 1)
+          ])
+        ]),
+        _: 2
+      }, 1040, ["disabled", "onClick"]))), 128)),
+      i.value.hasRightEdge ? (d(), p(G, v({ key: 2 }, n.value, {
+        onClick: P(B, ["prevent"])
+      }), {
+        default: r(() => [
+          g(_.$slots, "next-edge", {
+            page: a(l) + _.edge
+          }, () => [
+            c(a(z), { icon: "lucide:ellipsis" })
+          ])
+        ]),
+        _: 3
+      }, 16)) : T("", !0),
+      i.value.totalPages > 1 ? (d(), p(E, v({ key: 3 }, n.value, {
+        disabled: i.value.totalPages === a(l),
+        "aria-current": "page",
+        onClick: h[2] || (h[2] = P(($) => m(i.value.totalPages), ["prevent"]))
+      }), {
+        default: r(() => [
+          g(_.$slots, "page", {
+            page: i.value.totalPages
+          }, () => [
+            H(A(i.value.totalPages), 1)
+          ])
+        ]),
+        _: 3
+      }, 16, ["disabled"])) : T("", !0),
+      i.value.next ? (d(), p(G, v({ key: 4 }, n.value, {
+        "aria-label": "Next",
+        onClick: h[3] || (h[3] = P(($) => m(i.value.next), ["prevent"]))
+      }), {
+        default: r(() => [
+          g(_.$slots, "next-page", {
+            page: i.value.next
+          }, () => [
+            c(a(z), { icon: "lucide:chevron-right" })
+          ])
+        ]),
+        _: 3
+      }, 16)) : T("", !0)
+    ], 2));
+  }
+}), ga = ["data-size", "data-variant"], va = ["data-layout"], fo = /* @__PURE__ */ f({
+  __name: "Table",
+  props: {
+    size: { default: "2" },
+    variant: { default: "ghost" },
+    layout: {}
+  },
+  setup(s) {
+    const t = s;
+    return (e, o) => (d(), b("div", {
+      class: "ui-Table",
+      "data-size": t.size,
+      "data-variant": t.variant
+    }, [
+      c(ye, null, {
+        default: r(() => [
+          x("table", {
+            class: "ui-TableContent",
+            "data-layout": t.layout
+          }, [
+            g(e.$slots, "default")
+          ], 8, va)
+        ]),
+        _: 3
+      })
+    ], 8, ga));
+  }
+}), mo = /* @__PURE__ */ f({
+  __name: "Separator",
+  props: {
+    as: { default: "span" },
+    orientation: { default: "horizontal" },
+    size: {},
+    color: { default: "gray" }
+  },
+  setup(s) {
+    const t = s;
+    return (e, o) => (d(), p(a(M), {
+      as: t.as,
+      class: w(["ui-Separator", `r-size-${t.size}`]),
+      role: "separator",
+      "data-accent-color": t.color,
+      "aria-orientation": t.orientation
+    }, null, 8, ["as", "class", "data-accent-color", "aria-orientation"]));
+  }
+}), ya = ["textContent"], ho = /* @__PURE__ */ f({
+  __name: "Tooltip",
+  props: {
+    to: {},
+    content: {},
+    delayDuration: {},
+    skipDelayDuration: {},
+    disableHoverableContent: { type: Boolean },
+    disableClosingTrigger: { type: Boolean },
+    disabled: { type: Boolean },
+    ignoreNonKeyboardFocus: { type: Boolean },
+    forceMount: { type: Boolean },
+    ariaLabel: {},
     asChild: { type: Boolean },
     as: {},
     side: { default: "top" },
@@ -1723,56 +1929,58 @@ const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = L("ui_ComboboxRo
     collisionPadding: { default: 10 },
     arrowPadding: {},
     sticky: {},
-    hideWhenDetached: { type: Boolean }
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {}
   },
   setup(s) {
-    const e = s;
-    return (t, o) => (d(), f(a(ht), {
-      "delay-duration": e.delayDuration,
-      "disable-closing-trigger": e.disableClosingTrigger,
-      "disable-hoverable-content": e.disableHoverableContent,
-      disabled: e.disabled,
-      "ignore-non-keyboard-focus": e.ignoreNonKeyboardFocus,
-      "skip-delay-duration": e.skipDelayDuration
+    const t = s;
+    return (e, o) => (d(), p(a(xt), {
+      "delay-duration": t.delayDuration,
+      "disable-closing-trigger": t.disableClosingTrigger,
+      "disable-hoverable-content": t.disableHoverableContent,
+      disabled: t.disabled,
+      "ignore-non-keyboard-focus": t.ignoreNonKeyboardFocus,
+      "skip-delay-duration": t.skipDelayDuration
     }, {
       default: r(() => [
-        u(a(_t), null, {
+        c(a(wt), null, {
           default: r(() => [
-            u(a(gt), {
-              as: e.as,
-              "as-child": e.asChild
+            c(a(zt), {
+              as: t.as,
+              "as-child": t.asChild
             }, {
               default: r(() => [
-                h(t.$slots, "default")
+                g(e.$slots, "default")
               ]),
               _: 3
             }, 8, ["as", "as-child"]),
-            u(a(vt), {
-              to: e.to
+            c(a(St), {
+              to: t.to
             }, {
               default: r(() => [
-                u(a(yt), {
+                c(a(Vt), {
                   class: "ui-Tooltip",
-                  align: e.align,
-                  "align-offset": e.alignOffset,
-                  "aria-label": e.ariaLabel,
-                  "arrow-padding": e.arrowPadding,
-                  "avoid-collisions": e.avoidCollisions,
-                  "collision-boundary": e.collisionBoundary,
-                  "collision-padding": e.collisionPadding,
-                  "hide-when-detached": e.hideWhenDetached,
-                  side: e.side,
-                  "side-offset": e.sideOffset,
-                  sticky: e.sticky
+                  align: t.align,
+                  "align-offset": t.alignOffset,
+                  "aria-label": t.ariaLabel,
+                  "arrow-padding": t.arrowPadding,
+                  "avoid-collisions": t.avoidCollisions,
+                  "collision-boundary": t.collisionBoundary,
+                  "collision-padding": t.collisionPadding,
+                  "hide-when-detached": t.hideWhenDetached,
+                  side: t.side,
+                  "side-offset": t.sideOffset,
+                  sticky: t.sticky
                 }, {
                   default: r(() => [
-                    h(t.$slots, "content", {}, () => [
+                    g(e.$slots, "content", {}, () => [
                       x("p", {
                         class: "ui-TooltipText",
-                        textContent: M(e.content)
-                      }, null, 8, ua)
+                        textContent: A(t.content)
+                      }, null, 8, ya)
                     ]),
-                    u(a(Ct), { class: "ui-TooltipArrow" })
+                    c(a(Tt), { 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"])
@@ -1786,83 +1994,91 @@ const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = L("ui_ComboboxRo
       _: 3
     }, 8, ["delay-duration", "disable-closing-trigger", "disable-hoverable-content", "disabled", "ignore-non-keyboard-focus", "skip-delay-duration"]));
   }
-}), no = /* @__PURE__ */ p({
-  __name: "TabsList",
+}), _o = /* @__PURE__ */ f({
+  __name: "Quota",
   props: {
-    size: { default: "2" },
-    wrap: {},
-    justify: {},
-    color: {},
-    highContrast: { type: Boolean }
+    percent: {},
+    color: {}
   },
   setup(s) {
-    const e = s;
-    return (t, o) => (d(), f(a(bt), {
-      class: "ui-TabList",
-      "data-accent-color": e.color,
-      "data-size": e.size,
-      "data-wrap": e.wrap,
-      "data-justify": e.justify,
-      "data-high-contrast": e.highContrast
+    const t = s, e = y(() => {
+      const l = `translateX(-${100 - t.percent}%)`;
+      if (t.percent > 100)
+        return { transform: l, "background-color": "var(--red-a10)" };
+      let u = "a4";
+      return t.percent > 90 ? u = "a11" : t.percent > 66 ? u = "a9" : t.percent > 33 && (u = "a6"), { transform: l, "background-color": `var(--blue-${u})` };
+    }), o = y(() => t.percent > 100 ? 100 : t.percent < 0 ? 0 : t.percent);
+    return (l, u) => (d(), p(a(kt), {
+      class: "ui-Quota",
+      "model-value": o.value,
+      "data-accent-color": t.color
     }, {
       default: r(() => [
-        h(t.$slots, "default")
+        c(a(Rt), {
+          class: "ui-QuotaValue",
+          style: Te(e.value)
+        }, null, 8, ["style"])
       ]),
-      _: 3
-    }, 8, ["data-accent-color", "data-size", "data-wrap", "data-justify", "data-high-contrast"]));
+      _: 1
+    }, 8, ["model-value", "data-accent-color"]));
   }
-}), pa = { class: "ui-TabTriggerInner" }, fa = { class: "ui-TabTriggerInnerHidden" }, ro = /* @__PURE__ */ p({
-  __name: "TabsTrigger",
+}), go = /* @__PURE__ */ f({
+  __name: "Spinner",
   props: {
-    value: {},
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
+    icon: { default: "180-ring" },
+    size: { default: "2" }
   },
   setup(s) {
-    const t = $(s);
-    return (o, l) => (d(), f(a(Bt), g(a(t), { class: "ui-TabTrigger" }), {
-      default: r(() => [
-        x("span", pa, [
-          h(o.$slots, "default")
-        ]),
-        x("span", fa, [
-          h(o.$slots, "default")
-        ])
-      ]),
-      _: 3
-    }, 16));
+    const t = s, e = y(() => `svg-spinners:${t.icon}`);
+    return (o, l) => (d(), p(a(z), {
+      class: w(["ui-Spinner", `r-size-${o.size}`]),
+      icon: e.value
+    }, null, 8, ["class", "icon"]));
   }
-}), io = /* @__PURE__ */ p({
-  __name: "RadioTabsList",
+}), Ca = ["data-status"], vo = /* @__PURE__ */ f({
+  __name: "SavingIndicator",
   props: {
-    size: { default: "2" },
-    modelValue: {},
-    defaultValue: {},
-    disabled: { type: Boolean },
-    orientation: {},
-    dir: {},
-    loop: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean }
+    status: {},
+    size: { default: "2" }
   },
-  emits: ["update:modelValue"],
-  setup(s, { emit: e }) {
-    const t = e, o = s, [l, i] = O(o, t, ["size"]);
-    return (n, c) => (d(), f(a(le), g(a(l), {
-      class: ["ui-RadioTabsList", a(i)]
-    }), {
-      default: r(() => [
-        h(n.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["class"]));
+  setup(s) {
+    const t = s;
+    return (e, o) => (d(), b("div", {
+      class: w(["ui-SavingIndicator", `r-size-${e.size}`]),
+      "data-status": t.status
+    }, [
+      t.status === "saving" ? (d(), p(a(z), {
+        key: 0,
+        icon: "svg-spinners:180-ring"
+      })) : t.status === "saved" ? (d(), p(a(z), {
+        key: 1,
+        icon: "lucide:check-circle-2"
+      })) : T("", !0)
+    ], 10, Ca));
   }
-}), ma = "https://challenges.cloudflare.com/turnstile/v0/api.js", Y = "cfTurnstileOnLoad";
-let H = typeof window < "u" && window.turnstile !== void 0 ? "ready" : "unloaded", U, W, ee;
-const co = /* @__PURE__ */ p({
+}), ba = ["data-accent-color"], yo = /* @__PURE__ */ f({
+  __name: "IconCircle",
+  props: {
+    color: {},
+    size: { default: 1 },
+    variant: { default: "soft" },
+    icon: {}
+  },
+  setup(s) {
+    const t = s, e = y(() => k(t, ["size", "variant"]));
+    return (o, l) => (d(), b("span", {
+      class: w(["ui-IconCircle", e.value]),
+      "data-radius": "full",
+      "data-accent-color": t.color
+    }, [
+      c(a(z), {
+        icon: t.icon
+      }, null, 8, ["icon"])
+    ], 10, ba));
+  }
+}), Ba = "https://challenges.cloudflare.com/turnstile/v0/api.js", re = "cfTurnstileOnLoad";
+let U = typeof window < "u" && window.turnstile !== void 0 ? "ready" : "unloaded", te, K, ie;
+const Co = /* @__PURE__ */ f({
   __name: "Turnstile",
   props: {
     sitekey: {},
@@ -1875,171 +2091,128 @@ const co = /* @__PURE__ */ p({
     renderOnMount: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue"],
-  setup(s, { emit: e }) {
-    const t = s, o = e, l = q(), i = () => {
+  setup(s, { emit: t }) {
+    const e = s, o = t, l = J(), u = () => {
       window.turnstile && (o("update:modelValue", ""), window.turnstile.reset());
     }, n = () => {
-      W && (window.turnstile.remove(W), W = void 0);
-    }, c = (y) => {
-      o("update:modelValue", y), ee = setTimeout(() => {
-        i();
-      }, t.resetInterval);
+      K && (window.turnstile.remove(K), K = void 0);
+    }, i = (C) => {
+      o("update:modelValue", C), ie = setTimeout(() => {
+        u();
+      }, e.resetInterval);
     }, m = () => {
-      W = window.turnstile.render(l.value, {
-        sitekey: t.sitekey,
-        theme: t.theme,
-        size: t.size,
-        callback: c,
-        action: t.action,
-        appearance: t.appearance
+      K = window.turnstile.render(l.value, {
+        sitekey: e.sitekey,
+        theme: e.theme,
+        size: e.size,
+        callback: i,
+        action: e.action,
+        appearance: e.appearance
       });
     };
-    return ae(async () => {
-      const y = new Promise((C, _) => {
-        U = { resolve: C, reject: _ }, H === "ready" && C(void 0);
+    return de(async () => {
+      const C = new Promise((_, h) => {
+        te = { resolve: _, reject: h }, U === "ready" && _(void 0);
       });
-      window[Y] = () => {
-        U.resolve(), H = "ready";
+      window[re] = () => {
+        te.resolve(), U = "ready";
       }, await (() => {
-        if (H === "unloaded") {
-          H = "loading";
-          const C = `${ma}?onload=${Y}&render=explicit`, _ = document.createElement("script");
-          _.src = C, _.async = !0, _.addEventListener("error", () => {
-            U.reject("Failed to load Turnstile.");
-          }), document.head.appendChild(_);
+        if (U === "unloaded") {
+          U = "loading";
+          const _ = `${Ba}?onload=${re}&render=explicit`, h = document.createElement("script");
+          h.src = _, h.async = !0, h.addEventListener("error", () => {
+            te.reject("Failed to load Turnstile.");
+          }), document.head.appendChild(h);
         }
-        return y;
-      })(), t.renderOnMount && m();
-    }), oe(() => {
-      n(), clearTimeout(ee);
-    }), (y, b) => (d(), B("div", {
+        return C;
+      })(), e.renderOnMount && m();
+    }), ue(() => {
+      n(), clearTimeout(ie);
+    }), (C, B) => (d(), b("div", {
       ref_key: "element",
       ref: l
     }, null, 512));
   }
-}), uo = /* @__PURE__ */ p({
-  __name: "Quota",
-  props: {
-    percent: {},
-    color: {}
-  },
-  setup(s) {
-    const e = s, t = v(() => {
-      const l = `translateX(-${100 - e.percent}%)`;
-      if (e.percent > 100)
-        return { transform: l, "background-color": "var(--red-a10)" };
-      let i = "a4";
-      return e.percent > 90 ? i = "a11" : e.percent > 66 ? i = "a9" : e.percent > 33 && (i = "a6"), { transform: l, "background-color": `var(--blue-${i})` };
-    }), o = v(() => e.percent > 100 ? 100 : e.percent < 0 ? 0 : e.percent);
-    return (l, i) => (d(), f(a(xt), {
-      class: "ui-Quota",
-      "model-value": o.value,
-      "data-accent-color": e.color
-    }, {
-      default: r(() => [
-        u(a($t), {
-          class: "ui-QuotaValue",
-          style: xe(t.value)
-        }, null, 8, ["style"])
-      ]),
-      _: 1
-    }, 8, ["model-value", "data-accent-color"]));
-  }
-}), ha = ["data-accent-color"], po = /* @__PURE__ */ p({
-  __name: "IconCircle",
-  props: {
-    color: {},
-    size: { default: 1 },
-    variant: { default: "soft" },
-    icon: {}
-  },
-  setup(s) {
-    const e = s, t = v(() => V(e, ["size", "variant"]));
-    return (o, l) => (d(), B("span", {
-      class: w(["ui-IconCircle", t.value]),
-      "data-radius": "full",
-      "data-accent-color": e.color
-    }, [
-      u(a(T), {
-        icon: e.icon
-      }, null, 8, ["icon"])
-    ], 10, ha));
-  }
 });
 export {
-  ho as AlertDialogAction,
-  _o as AlertDialogCancel,
-  Va as AlertDialogContent,
-  go as AlertDialogDescription,
-  vo as AlertDialogRoot,
-  yo as AlertDialogTitle,
-  Co as AlertDialogTrigger,
-  ba as Avatar,
-  Ba as Badge,
-  de as Button,
-  St as Card,
-  $a as CardHead,
-  pe as Checkbox,
+  $o as AlertDialogAction,
+  xo as AlertDialogCancel,
+  ka as AlertDialogContent,
+  wo as AlertDialogDescription,
+  zo as AlertDialogRoot,
+  So as AlertDialogTitle,
+  Vo as AlertDialogTrigger,
+  Sa as Avatar,
+  Va as Badge,
+  E as Button,
+  It as Card,
+  Ta as CardHead,
+  Ce as Checkbox,
   La as CheckboxGroupControl,
-  Ga as CheckboxGroupItem,
+  Fa as CheckboxGroupItem,
   Ma as CheckboxGroupRoot,
-  ja as ColorField,
-  to as ComboboxContent,
-  bo as ComboboxEmpty,
-  Bo as ComboboxGroup,
-  eo as ComboboxInput,
-  ao as ComboboxItem,
-  oo as ComboboxLabel,
-  Ya as ComboboxRoot,
-  xo as DialogClose,
-  za as DialogContent,
-  $o as DialogDescription,
-  Ta as DialogHead,
-  wo as DialogRoot,
-  So as DialogTitle,
-  Vo as DialogTrigger,
-  Ra as DropdownMenuContent,
-  Da as DropdownMenuItem,
-  zo as DropdownMenuRoot,
-  To as DropdownMenuTrigger,
-  Mo as Icon,
-  xa as IconButton,
-  po as IconCircle,
-  zt as Inset,
-  ko as PopoverClose,
-  ka as PopoverContent,
-  Ro as PopoverRoot,
-  Do as PopoverTrigger,
-  uo as Quota,
-  Ia as Radio,
-  Fa as RadioCardsItem,
-  Pa as RadioCardsRoot,
-  Oa as RadioGroupItem,
-  Pa as RadioGroupRoot,
-  Ao as RadioTabsItem,
-  io as RadioTabsList,
-  Sa as SavingIndicator,
-  ce as ScrollArea,
-  Na as SelectContent,
-  Io as SelectGroup,
-  Ja as SelectItem,
-  Za as SelectLabel,
-  Ka as SelectRoot,
-  Xa as SelectSeparator,
-  Qa as SelectTrigger,
-  wa as Separator,
-  Tt as Spinner,
-  Aa as Switch,
-  so as Table,
-  Po as TabsContent,
-  no as TabsList,
-  Oo as TabsRoot,
-  ro as TabsTrigger,
-  Wa as TextArea,
-  Ha as TextField,
-  Ea as Toggle,
-  Ua as ToggleGroupItem,
-  qa as ToggleGroupRoot,
-  lo as Tooltip,
-  co as Turnstile
+  co as CollapsibleChevron,
+  To as CollapsibleContent,
+  ko as CollapsibleRoot,
+  Ro as CollapsibleTrigger,
+  qa as ColorField,
+  eo as ComboboxContent,
+  Po as ComboboxEmpty,
+  Do as ComboboxGroup,
+  Ya as ComboboxInput,
+  to as ComboboxItem,
+  ao as ComboboxLabel,
+  Xa as ComboboxRoot,
+  Ao as DialogClose,
+  Ra as DialogContent,
+  Io as DialogDescription,
+  Pa as DialogHead,
+  Oo as DialogRoot,
+  Mo as DialogTitle,
+  Fo as DialogTrigger,
+  Da as DropdownMenuContent,
+  Aa as DropdownMenuItem,
+  Lo as DropdownMenuRoot,
+  Go as DropdownMenuTrigger,
+  Qo as Icon,
+  G as IconButton,
+  yo as IconCircle,
+  At as Inset,
+  po as Pagination,
+  Ho as PopoverClose,
+  Ia as PopoverContent,
+  Eo as PopoverRoot,
+  Wo as PopoverTrigger,
+  _o as Quota,
+  oo as Radio,
+  no as RadioCardsItem,
+  so as RadioCardsRoot,
+  lo as RadioGroupItem,
+  so as RadioGroupRoot,
+  jo as RadioTabsItem,
+  ro as RadioTabsList,
+  vo as SavingIndicator,
+  ye as ScrollArea,
+  Ka as SelectContent,
+  qo as SelectGroup,
+  Qa as SelectItem,
+  Ja as SelectLabel,
+  Ua as SelectRoot,
+  Za as SelectSeparator,
+  Na as SelectTrigger,
+  mo as Separator,
+  go as Spinner,
+  Oa as Switch,
+  fo as Table,
+  Uo as TabsContent,
+  io as TabsList,
+  Ko as TabsRoot,
+  uo as TabsTrigger,
+  ja as TextArea,
+  Wa as TextField,
+  Ga as Toggle,
+  Ea as ToggleGroupItem,
+  Ha as ToggleGroupRoot,
+  ho as Tooltip,
+  Co as Turnstile
 };