@typlog/ui 0.5.3 → 0.6.0

package/dist/index.js

@@ -1,24 +1,24 @@
-import { computed as y, defineComponent as p, openBlock as d, createBlock as f, unref as a, normalizeClass as w, withCtx as n, createVNode as u, createTextVNode as ee, toDisplayString as F, renderSlot as h, mergeProps as v, createElementVNode as B, createCommentVNode as T, createElementBlock as x, toRefs as M, withDirectives as O, isRef as I, vModelRadio as me, ref as U, onMounted as te, onBeforeUnmount as ae, vModelDynamic as he, vModelText as q, normalizeProps as _e, guardReactiveProps as ge, watch as ve, Fragment as ye, renderList as Ce, withKeys as be, withModifiers as Be, normalizeStyle as xe } from "vue";
-import { useForwardProps as $, useEmitAsProps as oe, AvatarRoot as $e, AvatarImage as we, AvatarFallback as Se, Primitive as k, ScrollAreaRoot as K, ScrollAreaViewport as N, ScrollAreaScrollbar as W, ScrollAreaThumb as j, ScrollAreaCorner as Ve, AlertDialogPortal as ze, AlertDialogOverlay as Te, AlertDialogContent as Re, DialogPortal as Ie, DialogOverlay as ke, DialogContent as Ae, DialogTitle as De, DialogClose as Pe, PopoverPortal as Oe, PopoverContent as Fe, useForwardExpose as S, DropdownMenuPortal as Me, DropdownMenuContent as Ge, createContext as G, DropdownMenuItem as Le, SwitchRoot as He, SwitchThumb as We, RadioGroupRoot as se, RadioGroupItem as le, 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 ne, ComboboxAnchor as rt, TagsInputRoot as it, TagsInputItem as dt, TagsInputItemDelete as ct, ComboboxInput as J, TagsInputInput as ut, ComboboxTrigger as pt, ComboboxPortal as ft, ComboboxContent as mt, ComboboxViewport as ht, ComboboxItem as _t, ComboboxItemIndicator as gt, ComboboxLabel as vt, TooltipProvider as yt, TooltipRoot as Ct, TooltipTrigger as bt, TooltipPortal as Bt, TooltipContent as xt, TooltipArrow as $t, TabsList as wt, TabsTrigger as St, ProgressRoot as Vt, ProgressIndicator as zt } 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 Ro, PopoverRoot as Io, PopoverTrigger as ko, RadioGroupItem as Ao, SelectGroup as Do, TabsContent as Po, TabsRoot as Oo } from "reka-ui";
-import { Icon as z } from "@iconify/vue";
+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 ee, toDisplayString as O, renderSlot as h, mergeProps as g, createElementVNode as x, createCommentVNode as R, createElementBlock as B, toRefs as F, withDirectives as E, isRef as M, vModelRadio as he, ref as q, onMounted as te, onBeforeUnmount as ae, vModelDynamic as _e, vModelText as oe, 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 A, ScrollAreaRoot as K, ScrollAreaViewport as N, ScrollAreaScrollbar as W, ScrollAreaThumb as j, 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 G, 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 J, 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 A } from "@vueuse/core";
-function R(s, e, t) {
-  const o = $(s), l = oe(e);
-  return y(() => ({
-    ...re(o.value, t),
+import { useVModel as I } from "@vueuse/core";
+function D(s, e, t) {
+  const o = $(s), l = se(e);
+  return v(() => ({
+    ...ie(o.value, t),
     ...l
   }));
 }
-function D(s, e, t) {
-  const o = $(s), l = oe(e), i = y(() => ({
-    ...re(o.value, t),
+function P(s, e, t) {
+  const o = $(s), l = se(e), i = v(() => ({
+    ...ie(o.value, t),
     ...l
-  })), r = y(() => V(o.value, t));
-  return [i, r];
+  })), n = v(() => V(o.value, t));
+  return [i, n];
 }
-function re(s, e) {
+function ie(s, e) {
   const t = {};
   return Object.keys(s).forEach((o) => {
     e.indexOf(o) === -1 && (t[o] = s[o]);
@@ -34,9 +34,9 @@ const V = (s, e) => {
   }), t;
 };
 function Z(s) {
-  return s.replace(/[A-Z]+(?![a-z])|[A-Z]/g, Tt);
+  return s.replace(/[A-Z]+(?![a-z])|[A-Z]/g, wt);
 }
-function Tt(s, e) {
+function wt(s, e) {
   return (e ? "-" : "") + s.toLowerCase();
 }
 const ba = /* @__PURE__ */ p({
@@ -51,13 +51,13 @@ const ba = /* @__PURE__ */ p({
     color: {}
   },
   setup(s) {
-    const e = s, t = y(() => V(e, ["size", "variant"])), o = y(() => e.fallback ? e.fallback : e.alt.split(/\s+/).map((l) => l[0]).slice(0, 2).join(""));
+    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
     }, {
-      default: n(() => [
+      default: r(() => [
         u(a(we), {
           alt: e.alt,
           src: e.src || ""
@@ -65,8 +65,8 @@ const ba = /* @__PURE__ */ p({
         u(a(Se), {
           class: w(`r-count-${o.value.length}`)
         }, {
-          default: n(() => [
-            ee(F(o.value), 1)
+          default: r(() => [
+            ee(O(o.value), 1)
           ]),
           _: 1
         }, 8, ["class"])
@@ -86,21 +86,21 @@ const ba = /* @__PURE__ */ p({
     as: { default: "span" }
   },
   setup(s) {
-    const e = s, t = y(() => V(e, ["size", "variant", "highContrast"]));
-    return (o, l) => (d(), f(a(k), {
+    const e = s, t = v(() => V(e, ["size", "variant", "highContrast"]));
+    return (o, l) => (d(), f(a(A), {
       class: w(["ui-Badge", t.value]),
       as: e.as,
       "as-child": e.asChild,
       "data-accent-color": e.color,
       "data-radius": e.radius
     }, {
-      default: n(() => [
+      default: r(() => [
         h(o.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "as", "as-child", "data-accent-color", "data-radius"]));
   }
-}), ie = /* @__PURE__ */ p({
+}), de = /* @__PURE__ */ p({
   __name: "Button",
   props: {
     color: {},
@@ -113,8 +113,8 @@ const ba = /* @__PURE__ */ p({
     as: { default: "button" }
   },
   setup(s) {
-    const e = s, t = y(() => V(e, ["size", "variant", "highContrast"]));
-    return (o, l) => (d(), f(a(k), {
+    const e = s, t = v(() => V(e, ["size", "variant", "highContrast"]));
+    return (o, l) => (d(), f(a(A), {
       class: w(["ui-Button", t.value]),
       "as-child": e.asChild,
       as: e.as,
@@ -122,7 +122,7 @@ const ba = /* @__PURE__ */ p({
       "data-radius": e.radius,
       "data-disabled": e.disabled ? !0 : void 0
     }, {
-      default: n(() => [
+      default: r(() => [
         h(o.$slots, "default")
       ]),
       _: 3
@@ -142,14 +142,14 @@ const ba = /* @__PURE__ */ p({
   },
   setup(s) {
     const t = $(s);
-    return (o, l) => (d(), f(ie, v({ class: "ui-IconButton" }, a(t)), {
-      default: n(() => [
+    return (o, l) => (d(), f(de, g({ class: "ui-IconButton" }, a(t)), {
+      default: r(() => [
         h(o.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Rt = /* @__PURE__ */ p({
+}), St = /* @__PURE__ */ p({
   __name: "Card",
   props: {
     variant: { default: "surface" },
@@ -159,14 +159,14 @@ const ba = /* @__PURE__ */ p({
     as: { default: "div" }
   },
   setup(s) {
-    const e = s, t = y(() => V(e, ["size", "variant"]));
-    return (o, l) => (d(), f(a(k), {
+    const e = s, t = v(() => V(e, ["size", "variant"]));
+    return (o, l) => (d(), f(a(A), {
       class: w(["ui-Card", t.value]),
       "as-child": e.asChild,
       as: e.as,
       "data-radius": e.radius
     }, {
-      default: n(() => [
+      default: r(() => [
         h(o.$slots, "default")
       ]),
       _: 3
@@ -181,18 +181,18 @@ const ba = /* @__PURE__ */ p({
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), f(a(k), {
+    return (t, o) => (d(), f(a(A), {
       as: e.as,
       class: "ui-CardHead",
       "data-accent-color": e.color
     }, {
-      default: n(() => [
+      default: r(() => [
         h(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["as", "data-accent-color"]));
   }
-}), de = /* @__PURE__ */ p({
+}), ce = /* @__PURE__ */ p({
   __name: "ScrollArea",
   props: {
     size: { default: "1" },
@@ -214,40 +214,40 @@ const ba = /* @__PURE__ */ p({
       type: e.type,
       "data-radius": e.radius
     }, {
-      default: n(() => [
+      default: r(() => [
         u(a(N), { class: "ui-ScrollAreaViewport" }, {
-          default: n(() => [
+          default: r(() => [
             h(t.$slots, "default")
           ]),
           _: 3
         }),
-        o[0] || (o[0] = B("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
+        o[0] || (o[0] = x("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
         e.scrollbars !== "horizontal" ? (d(), f(a(W), {
           key: 0,
           class: "ui-ScrollAreaScrollbar",
           "data-size": e.size,
           orientation: "vertical"
         }, {
-          default: n(() => [
+          default: r(() => [
             u(a(j), { class: "ui-ScrollAreaThumb" })
           ]),
           _: 1
-        }, 8, ["data-size"])) : T("", !0),
+        }, 8, ["data-size"])) : R("", !0),
         e.scrollbars !== "vertical" ? (d(), f(a(W), {
           key: 1,
           class: "ui-ScrollAreaScrollbar",
           "data-size": e.size,
           orientation: "horizontal"
         }, {
-          default: n(() => [
+          default: r(() => [
             u(a(j), { class: "ui-ScrollAreaThumb" })
           ]),
           _: 1
-        }, 8, ["data-size"])) : T("", !0),
+        }, 8, ["data-size"])) : R("", !0),
         e.scrollbars === "both" ? (d(), f(a(Ve), {
           key: 2,
           "class-name": "ui-ScrollAreaCorner"
-        })) : T("", !0)
+        })) : R("", !0)
       ]),
       _: 3
     }, 8, ["as-child", "dir", "scroll-hide-delay", "type", "data-radius"]));
@@ -262,7 +262,7 @@ const ba = /* @__PURE__ */ p({
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), f(a(k), {
+    return (t, o) => (d(), f(a(A), {
       as: e.as,
       class: w(["ui-Separator", `r-size-${e.size}`]),
       role: "separator",
@@ -270,7 +270,7 @@ const ba = /* @__PURE__ */ p({
       "aria-orientation": e.orientation
     }, null, 8, ["as", "class", "data-accent-color", "aria-orientation"]));
   }
-}), It = ["data-side", "data-clip"], kt = /* @__PURE__ */ p({
+}), Vt = ["data-side", "data-clip"], zt = /* @__PURE__ */ p({
   __name: "Inset",
   props: {
     side: { default: "all" },
@@ -278,18 +278,18 @@ const ba = /* @__PURE__ */ p({
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), x("div", {
+    return (t, o) => (d(), B("div", {
       class: "ui-Inset",
       "data-side": e.side,
       "data-clip": e.clip
     }, [
       h(t.$slots, "default")
-    ], 8, It));
+    ], 8, Vt));
   }
-}), At = /* @__PURE__ */ p({
+}), Tt = /* @__PURE__ */ p({
   __name: "Spinner",
   setup(s) {
-    return (e, t) => (d(), f(a(z), {
+    return (e, t) => (d(), f(a(T), {
       class: "ui-Spinner",
       icon: "lucide:loader-circle"
     }));
@@ -301,16 +301,16 @@ const ba = /* @__PURE__ */ p({
   },
   setup(s) {
     const e = s;
-    return (t, o) => e.status === "saving" ? (d(), f(At, {
+    return (t, o) => e.status === "saving" ? (d(), f(Tt, {
       key: 0,
       class: "ui-SavingIndicator _saving"
-    })) : e.status === "saved" ? (d(), f(a(z), {
+    })) : e.status === "saved" ? (d(), f(a(T), {
       key: 1,
       class: "ui-SavingIndicator _saved",
       icon: "lucide:check-circle-2"
-    })) : T("", !0);
+    })) : R("", !0);
   }
-}), Dt = { class: "ui-DialogScroll" }, Pt = ["data-align"], Va = /* @__PURE__ */ p({
+}), kt = { class: "ui-DialogScroll" }, Rt = ["data-align"], Va = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "AlertDialogContent",
   props: {
@@ -332,7 +332,7 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
   setup(s, { emit: e }) {
-    const t = s, l = R(t, e, [
+    const t = s, l = D(t, e, [
       "to",
       "align",
       "class",
@@ -344,18 +344,18 @@ const ba = /* @__PURE__ */ p({
       "minHeight",
       "maxHeight"
     ]);
-    return (i, r) => (d(), f(a(ze), {
+    return (i, n) => (d(), f(a(ze), {
       to: t.to
     }, {
-      default: n(() => [
+      default: r(() => [
         u(a(Te), { class: "ui-DialogOverlay" }, {
-          default: n(() => [
-            B("div", Dt, [
-              B("div", {
+          default: r(() => [
+            x("div", kt, [
+              x("div", {
                 class: "ui-DialogScrollPadding",
                 "data-align": t.align
               }, [
-                u(a(Re), v({
+                u(a(ke), g({
                   class: ["ui-DialogContent", t.class],
                   "data-size": t.size
                 }, {
@@ -371,12 +371,12 @@ const ba = /* @__PURE__ */ p({
                     maxHeight: t.maxHeight
                   }
                 }), {
-                  default: n(() => [
+                  default: r(() => [
                     h(i.$slots, "default")
                   ]),
                   _: 3
                 }, 16, ["class", "data-size", "style"])
-              ], 8, Pt)
+              ], 8, Rt)
             ])
           ]),
           _: 3
@@ -385,7 +385,7 @@ const ba = /* @__PURE__ */ p({
       _: 3
     }, 8, ["to"]));
   }
-}), Ot = { class: "ui-DialogScroll" }, Ft = ["data-align"], za = /* @__PURE__ */ p({
+}), Dt = { class: "ui-DialogScroll" }, At = ["data-align"], za = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "DialogContent",
   props: {
@@ -407,7 +407,7 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
   setup(s, { emit: e }) {
-    const t = s, l = R(t, e, [
+    const t = s, l = D(t, e, [
       "to",
       "align",
       "class",
@@ -419,18 +419,18 @@ const ba = /* @__PURE__ */ p({
       "minHeight",
       "maxHeight"
     ]);
-    return (i, r) => (d(), f(a(Ie), {
+    return (i, n) => (d(), f(a(Re), {
       to: t.to
     }, {
-      default: n(() => [
-        u(a(ke), { class: "ui-DialogOverlay" }, {
-          default: n(() => [
-            B("div", Ot, [
-              B("div", {
+      default: r(() => [
+        u(a(De), { class: "ui-DialogOverlay" }, {
+          default: r(() => [
+            x("div", Dt, [
+              x("div", {
                 class: "ui-DialogScrollPadding",
                 "data-align": t.align
               }, [
-                u(a(Ae), v({
+                u(a(Ae), g({
                   class: ["ui-DialogContent", t.class],
                   "data-size": t.size
                 }, {
@@ -446,12 +446,12 @@ const ba = /* @__PURE__ */ p({
                     maxHeight: t.maxHeight
                   }
                 }), {
-                  default: n(() => [
+                  default: r(() => [
                     h(i.$slots, "default")
                   ]),
                   _: 3
                 }, 16, ["class", "data-size", "style"])
-              ], 8, Ft)
+              ], 8, At)
             ])
           ]),
           _: 3
@@ -467,26 +467,27 @@ const ba = /* @__PURE__ */ p({
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), f(kt, {
+    return (t, o) => (d(), f(zt, {
       class: "ui-DialogHead",
       side: "x"
     }, {
-      default: n(() => [
-        u(a(De), { class: "font-semibold" }, {
-          default: n(() => [
-            ee(F(e.title), 1)
+      default: r(() => [
+        u(a(Ie), { class: "font-semibold" }, {
+          default: r(() => [
+            ee(O(e.title), 1)
           ]),
           _: 1
         }),
-        u(ie, {
+        u(de, {
           as: a(Pe),
+          type: "button",
           variant: "ghost",
           color: "gray",
           radius: "full",
           style: { "--button-ghost-padding-x": "var(--space-1)" }
         }, {
-          default: n(() => [
-            u(a(z), { icon: "lucide:x" })
+          default: r(() => [
+            u(a(T), { icon: "lucide:x" })
           ]),
           _: 1
         }, 8, ["as"])
@@ -494,7 +495,7 @@ const ba = /* @__PURE__ */ p({
       _: 1
     }));
   }
-}), Ra = /* @__PURE__ */ p({
+}), ka = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "PopoverContent",
   props: {
@@ -523,16 +524,16 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
   setup(s, { emit: e }) {
-    const t = s, l = R(t, e, ["to", "size"]);
-    return (i, r) => (d(), f(a(Oe), {
+    const t = s, l = D(t, e, ["to", "size"]);
+    return (i, n) => (d(), f(a(Oe), {
       to: t.to
     }, {
-      default: n(() => [
-        u(a(Fe), v({ ...i.$attrs, ...a(l) }, {
+      default: r(() => [
+        u(a(Fe), g({ ...i.$attrs, ...a(l) }, {
           "data-size": t.size,
           class: "ui-PopoverContent"
         }), {
-          default: n(() => [
+          default: r(() => [
             h(i.$slots, "default")
           ]),
           _: 3
@@ -541,7 +542,7 @@ const ba = /* @__PURE__ */ p({
       _: 3
     }, 8, ["to"]));
   }
-}), Mt = { class: "ui-MenuViewport" }, [Gt, Lt] = G("ui_DropdownMenuContent"), Ia = /* @__PURE__ */ p({
+}), It = { class: "ui-MenuViewport" }, [Pt, Ot] = G("ui_DropdownMenuContent"), Ra = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "DropdownMenuContent",
   props: {
@@ -572,19 +573,19 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
   setup(s, { emit: e }) {
-    const t = s, l = R(t, e, [
+    const t = s, l = D(t, e, [
       "to",
       "size",
       "variant",
       "color",
       "highContrast"
-    ]), { forwardRef: i } = S(), { size: r, variant: c, color: m, highContrast: _ } = M(t);
-    return Lt({ size: r, variant: c, color: m, highContrast: _ }), (C, g) => (d(), f(a(Me), {
+    ]), { forwardRef: i } = S(), { size: n, variant: c, color: m, highContrast: y } = F(t);
+    return Ot({ size: n, variant: c, color: m, highContrast: y }), (b, C) => (d(), f(a(Me), {
       to: t.to
     }, {
-      default: n(() => [
-        u(a(Ge), v({
-          ...C.$attrs,
+      default: r(() => [
+        u(a(Ge), g({
+          ...b.$attrs,
           ...a(l)
         }, {
           ref: a(i),
@@ -592,11 +593,11 @@ const ba = /* @__PURE__ */ p({
           "data-accent-color": t.color,
           "data-size": t.size
         }), {
-          default: n(() => [
-            u(de, { type: "auto" }, {
-              default: n(() => [
-                B("div", Mt, [
-                  h(C.$slots, "default")
+          default: r(() => [
+            u(ce, { type: "auto" }, {
+              default: r(() => [
+                x("div", It, [
+                  h(b.$slots, "default")
                 ])
               ]),
               _: 3
@@ -608,7 +609,7 @@ const ba = /* @__PURE__ */ p({
       _: 3
     }, 8, ["to"]));
   }
-}), Ht = ["textContent"], ka = /* @__PURE__ */ p({
+}), Ft = ["textContent"], Da = /* @__PURE__ */ p({
   __name: "DropdownMenuItem",
   props: {
     color: {},
@@ -620,25 +621,25 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["select"],
   setup(s, { emit: e }) {
-    const t = s, l = R(t, e, ["color", "shortcut"]);
+    const t = s, l = D(t, e, ["color", "shortcut"]);
     S();
-    const i = Gt();
-    return (r, c) => {
+    const i = Pt();
+    return (n, c) => {
       var m;
-      return d(), f(a(Le), v({
+      return d(), f(a(Le), g({
         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
       }, a(l)), {
-        default: n(() => [
-          h(r.$slots, "default"),
-          t.shortcut ? (d(), x("div", {
+        default: r(() => [
+          h(n.$slots, "default"),
+          t.shortcut ? (d(), B("div", {
             key: 0,
             class: "ui-MenuShortcut",
-            textContent: F(t.shortcut)
-          }, null, 8, Ht)) : T("", !0)
+            textContent: O(t.shortcut)
+          }, null, 8, Ft)) : R("", !0)
         ]),
         _: 3
       }, 16, ["data-accent-color", "data-size", "data-variant", "data-high-contrast"]);
@@ -664,25 +665,25 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = e, o = s, [l, i] = D(o, t, [
+    const t = e, o = s, [l, i] = P(o, t, [
       "color",
       "size",
       "variant",
       "highContrast",
       "radius"
     ]);
-    return (r, c) => (d(), f(a(He), v(a(l), {
+    return (n, c) => (d(), f(a(He), g(a(l), {
       class: ["ui-Switch", a(i)],
       "data-accent-color": o.color,
       "data-radius": o.radius
     }), {
-      default: n(() => [
+      default: r(() => [
         u(a(We), { class: "ui-SwitchThumb" })
       ]),
       _: 1
     }, 16, ["class", "data-accent-color", "data-radius"]));
   }
-}), Wt = ["data-accent-color"], Da = /* @__PURE__ */ p({
+}), Mt = ["data-accent-color"], Ia = /* @__PURE__ */ p({
   __name: "Radio",
   props: {
     modelValue: {},
@@ -693,20 +694,20 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = s, l = A(t, "modelValue", e, {
+    const t = s, l = I(t, "modelValue", e, {
       defaultValue: t.modelValue,
       passive: t.modelValue === void 0
-    }), i = y(() => V(t, ["size", "variant", "highContrast"]));
-    return (r, c) => O((d(), x("input", {
-      "onUpdate:modelValue": c[0] || (c[0] = (m) => I(l) ? l.value = m : null),
+    }), i = v(() => V(t, ["size", "variant", "highContrast"]));
+    return (n, c) => E((d(), B("input", {
+      "onUpdate:modelValue": c[0] || (c[0] = (m) => M(l) ? l.value = m : null),
       class: w(["ui-Radio", i.value]),
       type: "radio",
       "data-accent-color": t.color
-    }, null, 10, Wt)), [
-      [me, a(l)]
+    }, null, 10, Mt)), [
+      [he, a(l)]
     ]);
   }
-}), [ce, jt] = G("ui_RadioGroupRoot"), Pa = /* @__PURE__ */ p({
+}), [ue, Gt] = G("ui_RadioGroupRoot"), Pa = /* @__PURE__ */ p({
   __name: "RadioGroupRoot",
   props: {
     color: {},
@@ -726,15 +727,15 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = e, o = s, l = R(o, t, ["color", "size", "variant", "highContrast"]), { size: i, variant: r, color: c, highContrast: m } = M(o);
-    return jt({ size: i, variant: r, color: c, highContrast: m }), (_, C) => (d(), f(a(se), v({ class: "ui-RadioGroupRoot" }, a(l)), {
-      default: n(() => [
-        h(_.$slots, "default")
+    const t = e, o = s, l = D(o, t, ["color", "size", "variant", "highContrast"]), { size: i, variant: n, color: c, highContrast: m } = F(o);
+    return Gt({ size: i, variant: n, color: c, highContrast: m }), (y, b) => (d(), f(a(le), g({ class: "ui-RadioGroupRoot" }, a(l)), {
+      default: r(() => [
+        h(y.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Et = { class: "ui-RadioGroupItem" }, Oa = /* @__PURE__ */ p({
+}), Lt = { class: "ui-RadioGroupItem" }, Oa = /* @__PURE__ */ p({
   __name: "RadioGroupItem",
   props: {
     id: {},
@@ -746,18 +747,18 @@ const ba = /* @__PURE__ */ p({
     required: { type: Boolean }
   },
   setup(s) {
-    const t = $(s), o = ce(), l = y(() => {
-      var r;
+    const t = $(s), o = ue(), l = v(() => {
+      var n;
       const i = [
         `r-size-${o.size.value}`,
         `r-variant-${o.variant.value}`
       ];
-      return (r = o.highContrast) != null && r.value && i.push("r-high-contrast"), i;
+      return (n = o.highContrast) != null && n.value && i.push("r-high-contrast"), i;
     });
-    return (i, r) => {
+    return (i, n) => {
       var c;
-      return d(), x("label", Et, [
-        u(a(le), v({
+      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"]),
@@ -779,21 +780,21 @@ const ba = /* @__PURE__ */ p({
   setup(s) {
     const t = $(s);
     S();
-    const o = ce();
+    const o = ue();
     return (l, i) => {
-      var r, c;
-      return d(), f(a(le), v({
+      var n, c;
+      return d(), f(a(ne), g({
         class: "ui-RadioCardsItem",
-        "data-accent-color": (r = a(o).color) == null ? void 0 : r.value,
+        "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: n(() => [
-          u(Rt, {
+        default: r(() => [
+          u(St, {
             "as-child": a(t).asChild
           }, {
-            default: n(() => [
+            default: r(() => [
               h(l.$slots, "default")
             ]),
             _: 3
@@ -803,7 +804,7 @@ const ba = /* @__PURE__ */ p({
       }, 16, ["data-accent-color", "data-size", "data-variant", "data-high-contrast"]);
     };
   }
-}), qt = {
+}), Ht = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -812,13 +813,13 @@ const ba = /* @__PURE__ */ p({
   "stroke-width": "4",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Ut = {
+}, Wt = {
   key: 0,
   d: "M5 12h14"
-}, Kt = {
+}, jt = {
   key: 1,
   d: "M20 6 9 17l-5-5"
-}, ue = /* @__PURE__ */ p({
+}, pe = /* @__PURE__ */ p({
   __name: "Checkbox",
   props: {
     color: {},
@@ -837,20 +838,20 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = e, o = s, [l, i] = D(o, t, ["color", "size", "variant", "highContrast"]);
-    return (r, c) => (d(), f(a(je), v(a(l), {
+    const t = e, o = s, [l, i] = P(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: n(() => [
+      default: r(() => [
         u(a(Ee), {
           class: "ui-CheckboxIndicator",
           "as-child": ""
         }, {
-          default: n(() => [
-            a(l).checked !== !1 ? (d(), x("svg", qt, [
-              a(l).checked === "indeterminate" ? (d(), x("path", Ut)) : (d(), x("path", Kt))
-            ])) : T("", !0)
+          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
         })
@@ -858,7 +859,7 @@ const ba = /* @__PURE__ */ p({
       _: 1
     }, 16, ["class", "data-accent-color"]));
   }
-}), [pe, Nt] = G("ui_CheckboxGroupRoot"), Ma = /* @__PURE__ */ p({
+}), [fe, Et] = G("ui_CheckboxGroupRoot"), Ma = /* @__PURE__ */ p({
   __name: "CheckboxGroupRoot",
   props: {
     modelValue: {},
@@ -870,42 +871,42 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = s, o = e, { disabled: l, name: i } = M(t), r = U([]), c = A(t, "modelValue", o, {
+    const t = s, o = e, { disabled: l, name: i } = F(t), n = q([]), c = I(t, "modelValue", o, {
       defaultValue: t.defaultValue,
       passive: t.modelValue === void 0
-    }), m = y(() => c.value || []), _ = y(() => {
-      var g, b;
-      return r.value.length ? ((g = c.value) == null ? void 0 : g.length) === r.value.length ? !0 : (b = c.value) != null && b.length ? "indeterminate" : !1 : !1;
-    }), C = (g) => {
-      var P, Q;
-      const b = (P = c.value) == null ? void 0 : P.indexOf(g);
-      b !== -1 && b !== void 0 && ((Q = c.value) == null || Q.splice(b, 1));
+    }), 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));
     };
-    return Nt({
+    return Et({
       selected: m,
-      checked: _,
-      addModelValue: (g) => {
-        var b, P;
-        ((b = c.value) == null ? void 0 : b.indexOf(g)) === -1 && ((P = c.value) == null || P.push(g));
+      checked: y,
+      addModelValue: (C) => {
+        var _, k;
+        ((_ = c.value) == null ? void 0 : _.indexOf(C)) === -1 && ((k = c.value) == null || k.push(C));
       },
-      removeModelValue: C,
-      toggleModelValue: (g) => {
-        g ? c.value = [...r.value] : c.value = [];
+      removeModelValue: b,
+      toggleModelValue: (C) => {
+        C ? c.value = [...n.value] : c.value = [];
       },
-      initAllValue: (g) => {
-        r.value.push(g);
+      initAllValue: (C) => {
+        n.value.push(C);
       },
-      removeAllValue: (g) => {
-        r.value.splice(r.value.indexOf(g), 1), C(g);
+      removeAllValue: (C) => {
+        n.value.splice(n.value.indexOf(C), 1), b(C);
       },
       disabled: l,
       name: i == null ? void 0 : i.value
-    }), (g, b) => (d(), f(a(k), {
+    }), (C, _) => (d(), f(a(A), {
       as: t.as,
       "as-child": t.asChild
     }, {
-      default: n(() => [
-        h(g.$slots, "default")
+      default: r(() => [
+        h(C.$slots, "default")
       ]),
       _: 3
     }, 8, ["as", "as-child"]));
@@ -930,22 +931,22 @@ const ba = /* @__PURE__ */ p({
   setup(s) {
     const e = s, t = $(e);
     S();
-    const o = pe(), l = y(() => {
+    const o = fe(), l = v(() => {
       var c;
       return ((c = o.disabled) == null ? void 0 : c.value) || e.disabled;
-    }), i = y(() => o.selected.value.indexOf(e.value) !== -1), r = (c) => {
+    }), i = v(() => o.selected.value.indexOf(e.value) !== -1), n = (c) => {
       c ? o.addModelValue(e.value) : o.removeModelValue(e.value);
     };
     return te(() => {
       o.initAllValue(e.value);
     }), ae(() => {
       o.removeAllValue(e.value);
-    }), (c, m) => (d(), f(ue, v({
+    }), (c, m) => (d(), f(pe, g({
       ...a(t),
       name: e.name || a(o).name,
       checked: i.value,
       disabled: l.value
-    }, { "onUpdate:checked": r }), null, 16));
+    }, { "onUpdate:checked": n }), null, 16));
   }
 }), La = /* @__PURE__ */ p({
   __name: "CheckboxGroupControl",
@@ -967,11 +968,11 @@ const ba = /* @__PURE__ */ p({
   setup(s) {
     const e = s, t = $(e);
     S();
-    const o = pe(), l = y(() => {
-      var r;
-      return ((r = o.disabled) == null ? void 0 : r.value) || e.disabled;
-    }), i = y(() => o.checked.value);
-    return (r, c) => (d(), f(ue, v({
+    const o = fe(), l = v(() => {
+      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,
@@ -980,11 +981,11 @@ const ba = /* @__PURE__ */ p({
       "onUpdate:checked": a(o).toggleModelValue
     }), null, 16, ["onUpdate:checked"]));
   }
-}), Qt = ["data-radius", "data-accent-color"], Jt = ["id", "type"], Zt = {
+}), qt = ["data-radius", "data-accent-color"], Ut = ["id", "type"], Kt = {
   key: 0,
   class: "ui-TextFieldSlot",
   "data-side": "left"
-}, Xt = {
+}, Nt = {
   key: 1,
   class: "ui-TextFieldSlot",
   "data-side": "right"
@@ -1003,46 +1004,46 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = s, o = U(), l = (m) => {
-      const _ = m.target;
-      if (_.closest("input, button, a")) return;
-      const C = o.value;
-      if (!C) return;
-      const b = _.closest("[data-side=right]") ? C.value.length : 0;
+    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(() => {
-        C.setSelectionRange(b, b), C.focus();
+        b.setSelectionRange(_, _), b.focus();
       });
-    }, r = A(t, "modelValue", e, {
+    }, n = I(t, "modelValue", e, {
       defaultValue: t.modelValue,
       passive: t.modelValue === void 0
-    }), c = y(() => {
+    }), c = v(() => {
       const m = V(t, ["size", "variant"]);
       return t.class && m.push(t.class), m;
     });
-    return (m, _) => (d(), x("div", {
+    return (m, y) => (d(), B("div", {
       class: w(["ui-TextField", c.value]),
       "data-radius": t.radius,
       "data-accent-color": t.color,
       onPointerdown: l
     }, [
-      O(B("input", v({
+      E(x("input", g({
         id: t.id,
         ref_key: "inputRef",
         ref: o,
-        "onUpdate:modelValue": _[0] || (_[0] = (C) => I(r) ? r.value = C : null),
+        "onUpdate:modelValue": y[0] || (y[0] = (b) => M(n) ? n.value = b : null),
         type: t.type
-      }, m.$attrs, { class: "ui-TextFieldInput" }), null, 16, Jt), [
-        [he, a(r)]
+      }, m.$attrs, { class: "ui-TextFieldInput" }), null, 16, Ut), [
+        [_e, a(n)]
       ]),
-      m.$slots.left ? (d(), x("div", Zt, [
+      m.$slots.left ? (d(), B("div", Kt, [
         h(m.$slots, "left")
-      ])) : T("", !0),
-      m.$slots.right ? (d(), x("div", Xt, [
+      ])) : R("", !0),
+      m.$slots.right ? (d(), B("div", Nt, [
         h(m.$slots, "right")
-      ])) : T("", !0)
-    ], 42, Qt));
+      ])) : R("", !0)
+    ], 42, qt));
   }
-}), Yt = ["data-accent-color"], Wa = /* @__PURE__ */ p({
+}), Qt = ["data-accent-color"], Wa = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "TextArea",
   props: {
@@ -1056,61 +1057,52 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = s, l = A(t, "modelValue", e, {
+    const t = s, l = I(t, "modelValue", e, {
       defaultValue: t.modelValue,
       passive: t.modelValue === void 0
-    }), i = y(() => {
-      const r = V(t, ["size", "variant", "resize"]);
-      return t.class && r.push(t.class), r;
+    }), i = v(() => {
+      const n = V(t, ["size", "variant", "resize"]);
+      return t.class && n.push(t.class), n;
     });
-    return (r, c) => (d(), x("div", {
+    return (n, c) => (d(), B("div", {
       class: w(["ui-TextArea", i.value]),
       "data-accent-color": t.color
     }, [
-      O(B("textarea", v({
-        "onUpdate:modelValue": c[0] || (c[0] = (m) => I(l) ? l.value = m : null)
-      }, r.$attrs, { class: "ui-TextAreaInput" }), null, 16), [
-        [q, a(l)]
+      E(x("textarea", g({
+        "onUpdate:modelValue": c[0] || (c[0] = (m) => M(l) ? l.value = m : null)
+      }, n.$attrs, { class: "ui-TextAreaInput" }), null, 16), [
+        [oe, a(l)]
       ])
-    ], 10, Yt));
+    ], 10, Qt));
   }
-}), ea = ["data-accent-color"], ta = ["id"], ja = /* @__PURE__ */ p({
+}), Jt = ["data-radius"], Zt = ["id"], ja = /* @__PURE__ */ p({
   __name: "ColorField",
   props: {
     id: {},
     modelValue: {},
+    variant: { default: "solid" },
     size: { default: "2" },
-    variant: { default: "surface" },
-    color: {},
     radius: {}
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = s, l = A(t, "modelValue", e, {
+    const t = s, l = I(t, "modelValue", e, {
       defaultValue: t.modelValue || "#000000",
       passive: t.modelValue === void 0
-    }), i = y(() => V(t, ["size", "variant"]));
-    return (r, c) => (d(), x("div", {
-      class: w(["ui-TextField ui-ColorField", i.value]),
-      "data-accent-color": t.color
+    }), i = v(() => V(t, ["size", "variant"]));
+    return (n, c) => (d(), B("div", {
+      class: w(["ui-ColorField", i.value]),
+      "data-radius": t.radius
     }, [
-      O(B("input", {
+      E(x("input", {
         id: t.id,
-        "onUpdate:modelValue": c[0] || (c[0] = (m) => I(l) ? l.value = m : null),
+        "onUpdate:modelValue": c[0] || (c[0] = (m) => M(l) ? l.value = m : null),
         class: "ui-ColorFieldInput",
         type: "color"
-      }, null, 8, ta), [
-        [q, a(l)]
-      ]),
-      O(B("input", {
-        "onUpdate:modelValue": c[1] || (c[1] = (m) => I(l) ? l.value = m : null),
-        class: "ui-TextFieldInput",
-        type: "text",
-        pattern: "^#[0-9a-f]{6}$"
-      }, null, 512), [
-        [q, a(l)]
+      }, null, 8, Zt), [
+        [oe, a(l)]
       ])
-    ], 10, ea));
+    ], 10, Jt));
   }
 }), Ea = /* @__PURE__ */ p({
   __name: "Toggle",
@@ -1130,20 +1122,20 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = e, o = s, [l, i] = D(o, t, [
+    const t = e, o = s, [l, i] = P(o, t, [
       "color",
       "size",
       "variant",
       "highContrast",
       "radius"
     ]);
-    return (r, c) => (d(), f(a(qe), v(a(l), {
+    return (n, c) => (d(), f(a(qe), g(a(l), {
       class: ["ui-Toggle", a(i)],
       "data-accent-color": o.color,
       "data-radius": o.radius
     }), {
-      default: n(() => [
-        h(r.$slots, "default")
+      default: r(() => [
+        h(n.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "data-accent-color", "data-radius"]));
@@ -1171,20 +1163,20 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = e, o = s, [l, i] = D(o, t, [
+    const t = e, o = s, [l, i] = P(o, t, [
       "color",
       "size",
       "variant",
       "highContrast",
       "radius"
     ]);
-    return (r, c) => (d(), f(a(Ue), v(a(l), {
+    return (n, c) => (d(), f(a(Ue), g(a(l), {
       class: ["ui-ToggleGroupRoot", a(i)],
       "data-accent-color": o.color,
       "data-radius": o.radius
     }), {
-      default: n(() => [
-        h(r.$slots, "default")
+      default: r(() => [
+        h(n.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "data-accent-color", "data-radius"]));
@@ -1201,14 +1193,14 @@ const ba = /* @__PURE__ */ p({
   },
   setup(s) {
     const t = $(s);
-    return (o, l) => (d(), f(a(Ke), v(a(t), { class: "ui-ToggleGroupItem" }), {
-      default: n(() => [
+    return (o, l) => (d(), f(a(Ke), g(a(t), { class: "ui-ToggleGroupItem" }), {
+      default: r(() => [
         h(o.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), [fe, aa] = G("ui_SelectRoot"), Ka = /* @__PURE__ */ p({
+}), [me, Xt] = G("ui_SelectRoot"), Ka = /* @__PURE__ */ p({
   __name: "SelectRoot",
   props: {
     size: { default: "2" },
@@ -1228,13 +1220,13 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue", "update:open"],
   setup(s, { emit: e }) {
-    const t = s, o = e, { size: l, color: i, highContrast: r } = M(t), c = R(t, o, ["size", "color", "highContrast"]);
-    return aa({
+    const t = s, o = e, { size: l, color: i, highContrast: n } = F(t), c = D(t, o, ["size", "color", "highContrast"]);
+    return Xt({
       size: l,
       color: i,
-      highContrast: r
-    }), (m, _) => (d(), f(a(Ne), _e(ge(a(c))), {
-      default: n(() => [
+      highContrast: n
+    }), (m, y) => (d(), f(a(Ne), ge(ve(a(c))), {
+      default: r(() => [
         h(m.$slots, "default")
       ]),
       _: 3
@@ -1268,16 +1260,16 @@ const ba = /* @__PURE__ */ p({
     as: {}
   },
   setup(s) {
-    const e = s, t = $(e), { forwardRef: o } = S(), l = fe(), i = y(() => {
-      const r = ["r-size-" + l.size.value, "r-variant-" + e.variant];
-      return l.highContrast.value && r.push("r-high-contrast"), e.position === "popper" && r.push("ui-PopperContent"), r;
+    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;
     });
-    return (r, c) => (d(), f(a(Qe), {
+    return (n, c) => (d(), f(a(Qe), {
       to: e.to
     }, {
-      default: n(() => [
-        u(a(Je), v({ ref: a(o) }, {
-          ...r.$attrs,
+      default: r(() => [
+        u(a(Je), g({ ref: a(o) }, {
+          ...n.$attrs,
           ...a(t),
           to: void 0,
           variant: void 0
@@ -1285,30 +1277,30 @@ const ba = /* @__PURE__ */ p({
           class: ["ui-SelectContent", i.value],
           "data-accent-color": a(l).color.value
         }), {
-          default: n(() => [
+          default: r(() => [
             u(a(K), {
               type: "auto",
               class: "ui-ScrollArea"
             }, {
-              default: n(() => [
+              default: r(() => [
                 u(a(Ze), {
                   class: "ui-SelectViewport",
                   "as-child": ""
                 }, {
-                  default: n(() => [
+                  default: r(() => [
                     u(a(N), { class: "ui-ScrollAreaViewport" }, {
-                      default: n(() => [
-                        h(r.$slots, "default")
+                      default: r(() => [
+                        h(n.$slots, "default")
                       ]),
                       _: 3
                     }),
-                    c[0] || (c[0] = B("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
+                    c[0] || (c[0] = x("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
                     u(a(W), {
                       class: "ui-ScrollAreaScrollbar",
                       "data-size": 1,
                       orientation: "vertical"
                     }, {
-                      default: n(() => [
+                      default: r(() => [
                         u(a(j), { class: "ui-ScrollAreaThumb" })
                       ]),
                       _: 1
@@ -1326,7 +1318,7 @@ const ba = /* @__PURE__ */ p({
       _: 3
     }, 8, ["to"]));
   }
-}), oa = { class: "ui-SelectTriggerInner" }, Qa = /* @__PURE__ */ p({
+}), Yt = { class: "ui-SelectTriggerInner" }, Qa = /* @__PURE__ */ p({
   __name: "SelectTrigger",
   props: {
     variant: { default: "surface" },
@@ -1338,22 +1330,22 @@ const ba = /* @__PURE__ */ p({
     as: {}
   },
   setup(s) {
-    const e = s, t = fe(), o = y(() => [`r-variant-${e.variant}`, `r-size-${t.size.value}`]);
+    const e = s, t = me(), o = v(() => [`r-variant-${e.variant}`, `r-size-${t.size.value}`]);
     return (l, i) => (d(), f(a(Xe), {
       class: w(["ui-SelectTrigger", o.value]),
       disabled: e.disabled,
       "data-accent-color": a(t).color,
       "data-radius": e.radius
     }, {
-      default: n(() => [
-        B("span", oa, [
+      default: r(() => [
+        x("span", Yt, [
           u(a(Ye), {
             placeholder: e.placeholder
           }, null, 8, ["placeholder"])
         ]),
         u(a(et), { "as-child": "" }, {
-          default: n(() => [
-            u(a(z), {
+          default: r(() => [
+            u(a(T), {
               class: "ui-SelectIcon",
               icon: "radix-icons:chevron-down"
             })
@@ -1375,16 +1367,16 @@ const ba = /* @__PURE__ */ p({
   },
   setup(s) {
     const t = $(s);
-    return S(), (o, l) => (d(), f(a(tt), v({ class: "ui-SelectItem" }, a(t)), {
-      default: n(() => [
+    return S(), (o, l) => (d(), f(a(tt), g({ class: "ui-SelectItem" }, a(t)), {
+      default: r(() => [
         u(a(at), { class: "ui-SelectItemIndicator" }, {
-          default: n(() => [
-            u(a(z), { icon: "radix-icons:check" })
+          default: r(() => [
+            u(a(T), { icon: "radix-icons:check" })
           ]),
           _: 1
         }),
         u(a(ot), null, {
-          default: n(() => [
+          default: r(() => [
             h(o.$slots, "default")
           ]),
           _: 3
@@ -1402,26 +1394,26 @@ const ba = /* @__PURE__ */ p({
   },
   setup(s) {
     const t = $(s);
-    return S(), (o, l) => (d(), f(a(st), v({ class: "ui-SelectLabel" }, a(t)), {
-      default: n(() => [
+    return S(), (o, l) => (d(), f(a(st), g({ class: "ui-SelectLabel" }, a(t)), {
+      default: r(() => [
         h(o.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), sa = (s, e) => {
+}), ea = (s, e) => {
   const t = s.__vccOpts || s;
   for (const [o, l] of e)
     t[o] = l;
   return t;
-}, la = {}, na = {
+}, ta = {}, aa = {
   class: "ui-SelectSeparator",
   "aria-hidden": "true"
 };
-function ra(s, e) {
-  return d(), x("div", na);
+function oa(s, e) {
+  return d(), B("div", aa);
 }
-const Xa = /* @__PURE__ */ sa(la, [["render", ra]]), [ia, da] = G("ui_ComboboxRoot"), Ya = /* @__PURE__ */ p({
+const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = G("ui_ComboboxRoot"), Ya = /* @__PURE__ */ p({
   __name: "ComboboxRoot",
   props: {
     size: { default: "2" },
@@ -1445,21 +1437,24 @@ const Xa = /* @__PURE__ */ sa(la, [["render", ra]]), [ia, da] = G("ui_ComboboxRo
   },
   emits: ["update:modelValue", "highlight", "update:open"],
   setup(s, { emit: e }) {
-    const t = s, o = e, { size: l, color: i, highContrast: r } = M(t), [c, m] = D(t, o, ["size", "color", "highContrast"]);
-    return da({
+    const t = s, o = e, { size: l, color: i, highContrast: n } = F(t), [c, m] = P(t, o, ["size", "color", "highContrast"]);
+    return la({
       size: l,
       color: i,
-      highContrast: r
-    }), (_, C) => (d(), f(a(lt), v({
+      highContrast: n
+    }), (y, b) => (d(), f(a(lt), g({
       class: ["ui-ComboboxRoot", a(m)]
     }, a(c)), {
-      default: n(() => [
-        h(_.$slots, "default")
+      default: r(() => [
+        h(y.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), eo = /* @__PURE__ */ p({
+}), na = {
+  key: 0,
+  class: "ui-ComboboxValues"
+}, ra = ["aria-current", "value"], ia = ["onClick"], eo = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "ComboboxInput",
   props: {
@@ -1475,64 +1470,53 @@ const Xa = /* @__PURE__ */ sa(la, [["render", ra]]), [ia, da] = G("ui_ComboboxRo
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = nt(), o = s, l = e, i = ne(o, l), r = A(o, "modelValue", l, {
-      passive: !0
-    }), c = y(() => t.modelValue.value), m = (_) => typeof _ == "object" ? JSON.stringify(_) : _.toString();
-    return ve(c, () => {
-      r.value = "", t.filterState.search = "";
-    }, { deep: !0 }), (_, C) => (d(), f(a(rt), {
+    const t = nt(), o = s, l = e, i = re(o, l), n = I(o, "modelValue", l, {
+      passive: o.modelValue === void 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;
+      }, 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
     }, {
-      default: n(() => [
-        a(t).multiple.value ? (d(), f(a(it), {
-          key: 0,
-          class: "ui-ComboboxTagsRoot",
-          "model-value": c.value,
-          delimiter: ""
-        }, {
-          default: n(() => [
-            (d(!0), x(ye, null, Ce(c.value, (g) => (d(), f(a(dt), {
-              key: m(g),
-              class: "ui-ComboboxTagsItem",
-              value: g
-            }, {
-              default: n(() => [
-                h(_.$slots, "item", { value: g }, () => [
-                  B("span", null, F(m(g)), 1)
-                ]),
-                u(a(ct), null, {
-                  default: n(() => [
-                    u(a(z), { icon: "lucide:x" })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 2
-            }, 1032, ["value"]))), 128)),
-            u(a(J), v({
-              ..._.$attrs,
-              ...a(i),
-              variant: void 0,
-              radius: void 0
-            }, {
-              modelValue: a(r),
-              "onUpdate:modelValue": C[1] || (C[1] = (g) => I(r) ? r.value = g : null),
-              class: "ui-ComboboxInput",
-              "as-child": ""
-            }), {
-              default: n(() => [
-                u(a(ut), {
-                  onKeydown: C[0] || (C[0] = be(Be(() => {
-                  }, ["prevent"]), ["enter"]))
-                })
-              ]),
-              _: 1
-            }, 16, ["modelValue"])
-          ]),
-          _: 3
-        }, 8, ["model-value"])) : (d(), f(a(J), v({
+      default: r(() => [
+        a(t).multiple.value ? (d(), B("div", na, [
+          (d(!0), B(Ce, null, be(m.value, (z, Q) => (d(), B("div", {
+            class: "ui-ComboboxValuesItem",
+            "aria-current": Q === c.value,
+            key: y(z),
+            value: z
+          }, [
+            h(_.$slots, "item", { value: z }, () => [
+              x("span", null, O(y(z)), 1)
+            ]),
+            x("button", {
+              type: "button",
+              tabindex: "-1",
+              onClick: Be((_a) => b(Q), ["prevent"])
+            }, [
+              u(a(T), { icon: "lucide:x" })
+            ], 8, ia)
+          ], 8, ra))), 128)),
+          u(a(J), g({
+            ..._.$attrs,
+            ...a(i),
+            variant: void 0,
+            radius: void 0
+          }, {
+            modelValue: a(n),
+            "onUpdate:modelValue": k[0] || (k[0] = (z) => M(n) ? n.value = z : null),
+            class: "ui-ComboboxInput",
+            onKeydown: C
+          }), null, 16, ["modelValue"])
+        ])) : (d(), f(a(J), g({
           key: 1,
           class: "ui-ComboboxInput"
         }, {
@@ -1541,9 +1525,9 @@ const Xa = /* @__PURE__ */ sa(la, [["render", ra]]), [ia, da] = G("ui_ComboboxRo
           variant: void 0,
           radius: void 0
         }), null, 16)),
-        u(a(pt), { class: "ui-ComboboxTrigger" }, {
-          default: n(() => [
-            u(a(z), { icon: "radix-icons:chevron-down" })
+        u(a(it), { class: "ui-ComboboxTrigger" }, {
+          default: r(() => [
+            u(a(T), { icon: "radix-icons:chevron-down" })
           ]),
           _: 1
         })
@@ -1581,15 +1565,15 @@ const Xa = /* @__PURE__ */ sa(la, [["render", ra]]), [ia, da] = G("ui_ComboboxRo
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
   setup(s, { emit: e }) {
-    const { forwardRef: t } = S(), o = s, i = ne(o, e), r = ia(), c = y(() => {
-      const m = ["r-size-" + r.size.value, "r-variant-" + o.variant];
-      return r.highContrast.value && m.push("r-high-contrast"), m;
+    const { forwardRef: t } = S(), o = s, i = re(o, e), n = sa(), c = v(() => {
+      const m = ["r-size-" + n.size.value, "r-variant-" + o.variant];
+      return n.highContrast.value && m.push("r-high-contrast"), m;
     });
-    return (m, _) => (d(), f(a(ft), {
+    return (m, y) => (d(), f(a(dt), {
       to: o.to
     }, {
-      default: n(() => [
-        u(a(mt), v({ ref: a(t) }, {
+      default: r(() => [
+        u(a(ct), g({ ref: a(t) }, {
           ...m.$attrs,
           ...a(i),
           position: "popper",
@@ -1597,21 +1581,21 @@ const Xa = /* @__PURE__ */ sa(la, [["render", ra]]), [ia, da] = G("ui_ComboboxRo
           variant: void 0
         }, {
           class: ["ui-ComboboxContent", c.value],
-          "data-accent-color": a(r).color.value
+          "data-accent-color": a(n).color.value
         }), {
-          default: n(() => [
+          default: r(() => [
             u(a(K), {
               type: "auto",
               class: "ui-ScrollArea"
             }, {
-              default: n(() => [
-                u(a(ht), {
+              default: r(() => [
+                u(a(ut), {
                   class: "ui-ComboboxViewport",
                   "as-child": ""
                 }, {
-                  default: n(() => [
+                  default: r(() => [
                     u(a(N), { class: "ui-ScrollAreaViewport" }, {
-                      default: n(() => [
+                      default: r(() => [
                         h(m.$slots, "default")
                       ]),
                       _: 3
@@ -1619,13 +1603,13 @@ const Xa = /* @__PURE__ */ sa(la, [["render", ra]]), [ia, da] = G("ui_ComboboxRo
                   ]),
                   _: 3
                 }),
-                _[0] || (_[0] = B("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
+                y[0] || (y[0] = x("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
                 u(a(W), {
                   class: "ui-ScrollAreaScrollbar",
                   "data-size": 1,
                   orientation: "vertical"
                 }, {
-                  default: n(() => [
+                  default: r(() => [
                     u(a(j), { class: "ui-ScrollAreaThumb" })
                   ]),
                   _: 1
@@ -1651,11 +1635,11 @@ const Xa = /* @__PURE__ */ sa(la, [["render", ra]]), [ia, da] = G("ui_ComboboxRo
   },
   setup(s) {
     const t = $(s);
-    return (o, l) => (d(), f(a(_t), v({ class: "ui-ComboboxItem" }, a(t)), {
-      default: n(() => [
-        u(a(gt), { class: "ui-ComboboxItemIndicator" }, {
-          default: n(() => [
-            u(a(z), { icon: "radix-icons:check" })
+    return (o, l) => (d(), f(a(pt), g({ class: "ui-ComboboxItem" }, a(t)), {
+      default: r(() => [
+        u(a(ft), { class: "ui-ComboboxItemIndicator" }, {
+          default: r(() => [
+            u(a(T), { icon: "radix-icons:check" })
           ]),
           _: 1
         }),
@@ -1673,14 +1657,14 @@ const Xa = /* @__PURE__ */ sa(la, [["render", ra]]), [ia, da] = G("ui_ComboboxRo
   },
   setup(s) {
     const t = $(s);
-    return S(), (o, l) => (d(), f(a(vt), v({ class: "ui-ComboboxLabel" }, a(t)), {
-      default: n(() => [
+    return S(), (o, l) => (d(), f(a(mt), g({ class: "ui-ComboboxLabel" }, a(t)), {
+      default: r(() => [
         h(o.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), ca = ["data-size", "data-variant"], ua = ["data-layout"], so = /* @__PURE__ */ p({
+}), da = ["data-size", "data-variant"], ca = ["data-layout"], so = /* @__PURE__ */ p({
   __name: "Table",
   props: {
     size: { default: "2" },
@@ -1689,25 +1673,25 @@ const Xa = /* @__PURE__ */ sa(la, [["render", ra]]), [ia, da] = G("ui_ComboboxRo
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), x("div", {
+    return (t, o) => (d(), B("div", {
       class: "ui-Table",
       "data-size": e.size,
       "data-variant": e.variant
     }, [
-      u(de, null, {
-        default: n(() => [
-          B("table", {
+      u(ce, null, {
+        default: r(() => [
+          x("table", {
             class: "ui-TableContent",
             "data-layout": e.layout
           }, [
             h(t.$slots, "default")
-          ], 8, ua)
+          ], 8, ca)
         ]),
         _: 3
       })
-    ], 8, ca));
+    ], 8, da));
   }
-}), pa = ["textContent"], lo = /* @__PURE__ */ p({
+}), ua = ["textContent"], lo = /* @__PURE__ */ p({
   __name: "Tooltip",
   props: {
     to: {},
@@ -1735,7 +1719,7 @@ const Xa = /* @__PURE__ */ sa(la, [["render", ra]]), [ia, da] = G("ui_ComboboxRo
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), f(a(yt), {
+    return (t, o) => (d(), f(a(ht), {
       "delay-duration": e.delayDuration,
       "disable-closing-trigger": e.disableClosingTrigger,
       "disable-hoverable-content": e.disableHoverableContent,
@@ -1743,23 +1727,23 @@ const Xa = /* @__PURE__ */ sa(la, [["render", ra]]), [ia, da] = G("ui_ComboboxRo
       "ignore-non-keyboard-focus": e.ignoreNonKeyboardFocus,
       "skip-delay-duration": e.skipDelayDuration
     }, {
-      default: n(() => [
-        u(a(Ct), null, {
-          default: n(() => [
-            u(a(bt), {
+      default: r(() => [
+        u(a(_t), null, {
+          default: r(() => [
+            u(a(gt), {
               as: e.as,
               "as-child": e.asChild
             }, {
-              default: n(() => [
+              default: r(() => [
                 h(t.$slots, "default")
               ]),
               _: 3
             }, 8, ["as", "as-child"]),
-            u(a(Bt), {
+            u(a(vt), {
               to: e.to
             }, {
-              default: n(() => [
-                u(a(xt), {
+              default: r(() => [
+                u(a(yt), {
                   class: "ui-Tooltip",
                   align: e.align,
                   "align-offset": e.alignOffset,
@@ -1773,14 +1757,14 @@ const Xa = /* @__PURE__ */ sa(la, [["render", ra]]), [ia, da] = G("ui_ComboboxRo
                   "side-offset": e.sideOffset,
                   sticky: e.sticky
                 }, {
-                  default: n(() => [
+                  default: r(() => [
                     h(t.$slots, "content", {}, () => [
-                      B("p", {
+                      x("p", {
                         class: "ui-TooltipText",
-                        textContent: F(e.content)
-                      }, null, 8, pa)
+                        textContent: O(e.content)
+                      }, null, 8, ua)
                     ]),
-                    u(a($t), { class: "ui-TooltipArrow" })
+                    u(a(Ct), { 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"])
@@ -1805,7 +1789,7 @@ const Xa = /* @__PURE__ */ sa(la, [["render", ra]]), [ia, da] = G("ui_ComboboxRo
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), f(a(wt), {
+    return (t, o) => (d(), f(a(bt), {
       class: "ui-TabList",
       "data-accent-color": e.color,
       "data-size": e.size,
@@ -1813,13 +1797,13 @@ const Xa = /* @__PURE__ */ sa(la, [["render", ra]]), [ia, da] = G("ui_ComboboxRo
       "data-justify": e.justify,
       "data-high-contrast": e.highContrast
     }, {
-      default: n(() => [
+      default: r(() => [
         h(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["data-accent-color", "data-size", "data-wrap", "data-justify", "data-high-contrast"]));
   }
-}), fa = { class: "ui-TabTriggerInner" }, ma = { class: "ui-TabTriggerInnerHidden" }, ro = /* @__PURE__ */ p({
+}), pa = { class: "ui-TabTriggerInner" }, fa = { class: "ui-TabTriggerInnerHidden" }, ro = /* @__PURE__ */ p({
   __name: "TabsTrigger",
   props: {
     value: {},
@@ -1829,12 +1813,12 @@ const Xa = /* @__PURE__ */ sa(la, [["render", ra]]), [ia, da] = G("ui_ComboboxRo
   },
   setup(s) {
     const t = $(s);
-    return (o, l) => (d(), f(a(St), v(a(t), { class: "ui-TabTrigger" }), {
-      default: n(() => [
-        B("span", fa, [
+    return (o, l) => (d(), f(a(Bt), g(a(t), { class: "ui-TabTrigger" }), {
+      default: r(() => [
+        x("span", pa, [
           h(o.$slots, "default")
         ]),
-        B("span", ma, [
+        x("span", fa, [
           h(o.$slots, "default")
         ])
       ]),
@@ -1858,18 +1842,18 @@ const Xa = /* @__PURE__ */ sa(la, [["render", ra]]), [ia, da] = G("ui_ComboboxRo
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = e, o = s, [l, i] = D(o, t, ["size"]);
-    return (r, c) => (d(), f(a(se), v(a(l), {
+    const t = e, o = s, [l, i] = P(o, t, ["size"]);
+    return (n, c) => (d(), f(a(le), g(a(l), {
       class: ["ui-RadioTabsList", a(i)]
     }), {
-      default: n(() => [
-        h(r.$slots, "default")
+      default: r(() => [
+        h(n.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), ha = "https://challenges.cloudflare.com/turnstile/v0/api.js", X = "cfTurnstileOnLoad";
-let L = typeof window < "u" && window.turnstile !== void 0 ? "ready" : "unloaded", E, H, Y;
+}), ma = "https://challenges.cloudflare.com/turnstile/v0/api.js", X = "cfTurnstileOnLoad";
+let L = typeof window < "u" && window.turnstile !== void 0 ? "ready" : "unloaded", U, H, Y;
 const co = /* @__PURE__ */ p({
   __name: "Turnstile",
   props: {
@@ -1884,12 +1868,12 @@ const co = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = s, o = e, l = U(), i = () => {
+    const t = s, o = e, l = q(), i = () => {
       window.turnstile && (o("update:modelValue", ""), window.turnstile.reset());
-    }, r = () => {
+    }, n = () => {
       H && (window.turnstile.remove(H), H = void 0);
-    }, c = (_) => {
-      o("update:modelValue", _), Y = setTimeout(() => {
+    }, c = (y) => {
+      o("update:modelValue", y), Y = setTimeout(() => {
         i();
       }, t.resetInterval);
     }, m = () => {
@@ -1903,24 +1887,24 @@ const co = /* @__PURE__ */ p({
       });
     };
     return te(async () => {
-      const _ = new Promise((g, b) => {
-        E = { resolve: g, reject: b }, L === "ready" && g(void 0);
+      const y = new Promise((C, _) => {
+        U = { resolve: C, reject: _ }, L === "ready" && C(void 0);
       });
       window[X] = () => {
-        E.resolve(), L = "ready";
+        U.resolve(), L = "ready";
       }, await (() => {
         if (L === "unloaded") {
           L = "loading";
-          const g = `${ha}?onload=${X}&render=explicit`, b = document.createElement("script");
-          b.src = g, b.async = !0, b.addEventListener("error", () => {
-            E.reject("Failed to load Turnstile.");
-          }), document.head.appendChild(b);
+          const C = `${ma}?onload=${X}&render=explicit`, _ = document.createElement("script");
+          _.src = C, _.async = !0, _.addEventListener("error", () => {
+            U.reject("Failed to load Turnstile.");
+          }), document.head.appendChild(_);
         }
-        return _;
+        return y;
       })(), t.renderOnMount && m();
     }), ae(() => {
-      r(), clearTimeout(Y);
-    }), (_, C) => (d(), x("div", {
+      n(), clearTimeout(Y);
+    }), (y, b) => (d(), B("div", {
       ref_key: "element",
       ref: l
     }, null, 512));
@@ -1932,20 +1916,20 @@ const co = /* @__PURE__ */ p({
     color: {}
   },
   setup(s) {
-    const e = s, t = y(() => {
+    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 = y(() => e.percent > 100 ? 100 : e.percent < 0 ? 0 : e.percent);
-    return (l, i) => (d(), f(a(Vt), {
+    }), 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: n(() => [
-        u(a(zt), {
+      default: r(() => [
+        u(a($t), {
           class: "ui-QuotaValue",
           style: xe(t.value)
         }, null, 8, ["style"])
@@ -1953,7 +1937,7 @@ const co = /* @__PURE__ */ p({
       _: 1
     }, 8, ["model-value", "data-accent-color"]));
   }
-}), _a = ["data-accent-color"], po = /* @__PURE__ */ p({
+}), ha = ["data-accent-color"], po = /* @__PURE__ */ p({
   __name: "IconCircle",
   props: {
     color: {},
@@ -1962,16 +1946,16 @@ const co = /* @__PURE__ */ p({
     icon: {}
   },
   setup(s) {
-    const e = s, t = y(() => V(e, ["size", "variant"]));
-    return (o, l) => (d(), x("span", {
+    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(z), {
+      u(a(T), {
         icon: e.icon
       }, null, 8, ["icon"])
-    ], 10, _a));
+    ], 10, ha));
   }
 });
 export {
@@ -1984,10 +1968,10 @@ export {
   Co as AlertDialogTrigger,
   ba as Avatar,
   Ba as Badge,
-  ie as Button,
-  Rt as Card,
+  de as Button,
+  St as Card,
   $a as CardHead,
-  ue as Checkbox,
+  pe as Checkbox,
   La as CheckboxGroupControl,
   Ga as CheckboxGroupItem,
   Ma as CheckboxGroupRoot,
@@ -2006,20 +1990,20 @@ export {
   wo as DialogRoot,
   So as DialogTitle,
   Vo as DialogTrigger,
-  Ia as DropdownMenuContent,
-  ka as DropdownMenuItem,
+  Ra as DropdownMenuContent,
+  Da as DropdownMenuItem,
   zo as DropdownMenuRoot,
   To as DropdownMenuTrigger,
   Mo as Icon,
   xa as IconButton,
   po as IconCircle,
-  kt as Inset,
-  Ro as PopoverClose,
-  Ra as PopoverContent,
-  Io as PopoverRoot,
-  ko as PopoverTrigger,
+  zt as Inset,
+  ko as PopoverClose,
+  ka as PopoverContent,
+  Ro as PopoverRoot,
+  Do as PopoverTrigger,
   uo as Quota,
-  Da as Radio,
+  Ia as Radio,
   Fa as RadioCardsItem,
   Pa as RadioCardsRoot,
   Oa as RadioGroupItem,
@@ -2027,16 +2011,16 @@ export {
   Ao as RadioTabsItem,
   io as RadioTabsList,
   Sa as SavingIndicator,
-  de as ScrollArea,
+  ce as ScrollArea,
   Na as SelectContent,
-  Do as SelectGroup,
+  Io as SelectGroup,
   Ja as SelectItem,
   Za as SelectLabel,
   Ka as SelectRoot,
   Xa as SelectSeparator,
   Qa as SelectTrigger,
   wa as Separator,
-  At as Spinner,
+  Tt as Spinner,
   Aa as Switch,
   so as Table,
   Po as TabsContent,