@typlog/ui 0.0.2 → 0.2.0

package/dist/index.js

@@ -1,10 +1,10 @@
-import { defineComponent as u, computed as z, openBlock as d, createBlock as p, unref as a, withCtx as l, createVNode as h, createTextVNode as K, toDisplayString as O, renderSlot as f, useAttrs as ne, mergeProps as _, createElementBlock as b, createCommentVNode as T, toRefs as G, ref as L, onMounted as N, onBeforeUnmount as Q, withDirectives as x, createElementVNode as C, isRef as V, vModelText as F, vModelRadio as re, normalizeProps as de, guardReactiveProps as ce, normalizeClass as X, vModelDynamic as ue, provide as pe, inject as J, normalizeStyle as he } from "vue";
-import { AvatarRoot as fe, AvatarImage as me, AvatarFallback as _e, Primitive as k, useForwardProps as B, useEmitAsProps as ve, CheckboxRoot as ge, CheckboxIndicator as ye, createContext as j, useForwardExpose as $, AlertDialogPortal as Ce, AlertDialogOverlay as be, AlertDialogContent as ze, DialogPortal as Be, DialogOverlay as $e, DialogContent as we, DialogTitle as Se, DialogClose as Te, PopoverPortal as ke, PopoverContent as Ae, ScrollAreaRoot as Y, ScrollAreaViewport as Z, ScrollAreaScrollbar as H, ScrollAreaThumb as W, ScrollAreaCorner as xe, DropdownMenuPortal as Ve, DropdownMenuContent as De, DropdownMenuItem as Re, SwitchRoot as Pe, SwitchThumb as Ie, RadioGroupRoot as ee, RadioGroupItem as te, SelectRoot as Oe, SelectPortal as Me, SelectContent as Fe, SelectViewport as He, SelectTrigger as We, SelectValue as Ge, SelectIcon as Le, SelectItem as je, SelectItemIndicator as Ee, SelectItemText as qe, SelectLabel as Ue, TooltipProvider as Ke, TooltipRoot as Ne, TooltipTrigger as Qe, TooltipPortal as Xe, TooltipContent as Je, TooltipArrow as Ye, TabsList as Ze, TabsTrigger as et, ProgressRoot as tt, ProgressIndicator as at } from "radix-vue";
-import { AlertDialogAction as Aa, AlertDialogCancel as xa, AlertDialogDescription as Va, AlertDialogRoot as Da, AlertDialogTitle as Ra, AlertDialogTrigger as Pa, DialogClose as Ia, DialogDescription as Oa, DialogRoot as Ma, DialogTitle as Fa, DialogTrigger as Ha, DropdownMenuRoot as Wa, DropdownMenuTrigger as Ga, PopoverAnchor as La, PopoverArrow as ja, PopoverClose as Ea, PopoverRoot as qa, PopoverTrigger as Ua, RadioGroupItem as Ka, SelectGroup as Na, TabsContent as Qa, TabsRoot as Xa } from "radix-vue";
-import { useVModel as D } from "@vueuse/core";
-import { Icon as R } from "@iconify/vue";
-import { Icon as Ya } from "@iconify/vue";
-const qt = /* @__PURE__ */ u({
+import { defineComponent as u, computed as z, openBlock as d, createBlock as h, unref as a, withCtx as l, createVNode as p, createTextVNode as K, toDisplayString as O, renderSlot as f, useAttrs as ne, mergeProps as _, createElementBlock as b, createCommentVNode as T, toRefs as W, ref as L, onMounted as N, onBeforeUnmount as Q, withDirectives as V, createElementVNode as C, isRef as D, vModelText as F, vModelRadio as re, normalizeProps as de, guardReactiveProps as ce, normalizeClass as X, vModelDynamic as ue, provide as pe, inject as J, normalizeStyle as he } from "vue";
+import { AvatarRoot as fe, AvatarImage as me, AvatarFallback as _e, Primitive as k, useForwardProps as $, useEmitAsProps as ve, CheckboxRoot as ge, CheckboxIndicator as ye, createContext as j, useForwardExpose as B, AlertDialogPortal as Ce, AlertDialogOverlay as be, AlertDialogContent as ze, DialogPortal as Be, DialogOverlay as $e, DialogContent as we, DialogTitle as Se, DialogClose as Te, PopoverPortal as ke, PopoverContent as Ae, ScrollAreaRoot as Y, ScrollAreaViewport as Z, ScrollAreaScrollbar as H, ScrollAreaThumb as G, ScrollAreaCorner as xe, DropdownMenuPortal as Ve, DropdownMenuContent as De, DropdownMenuItem as Re, SwitchRoot as Pe, SwitchThumb as Ie, RadioGroupRoot as ee, RadioGroupItem as te, SelectRoot as Oe, SelectPortal as Me, SelectContent as Fe, SelectViewport as He, SelectTrigger as Ge, SelectValue as We, SelectIcon as Le, SelectItem as je, SelectItemIndicator as Ee, SelectItemText as qe, SelectLabel as Ue, TooltipProvider as Ke, TooltipRoot as Ne, TooltipTrigger as Qe, TooltipPortal as Xe, TooltipContent as Je, TooltipArrow as Ye, TabsList as Ze, TabsTrigger as et, ProgressRoot as tt, ProgressIndicator as at } from "radix-vue";
+import { AlertDialogAction as Va, AlertDialogCancel as Da, AlertDialogDescription as Ra, AlertDialogRoot as Pa, AlertDialogTitle as Ia, AlertDialogTrigger as Oa, DialogClose as Ma, DialogDescription as Fa, DialogRoot as Ha, DialogTitle as Ga, DialogTrigger as Wa, DropdownMenuRoot as La, DropdownMenuTrigger as ja, PopoverAnchor as Ea, PopoverArrow as qa, PopoverClose as Ua, PopoverRoot as Ka, PopoverTrigger as Na, RadioGroupItem as Qa, SelectGroup as Xa, TabsContent as Ja, TabsRoot as Ya } from "radix-vue";
+import { useVModel as R } from "@vueuse/core";
+import { Icon as A } from "@iconify/vue";
+import { Icon as eo } from "@iconify/vue";
+const Ut = /* @__PURE__ */ u({
   __name: "Avatar",
   props: {
     src: {},
@@ -17,7 +17,7 @@ const qt = /* @__PURE__ */ u({
   },
   setup(s) {
     const e = s, t = z(() => e.fallback ? e.fallback : e.alt.split(/\s+/).map((o) => o[0]).slice(0, 2).join(""));
-    return (o, i) => (d(), p(a(fe), {
+    return (o, i) => (d(), h(a(fe), {
       class: "ui-Avatar",
       "data-radius": e.radius,
       "data-size": e.size,
@@ -25,11 +25,11 @@ const qt = /* @__PURE__ */ u({
       "data-accent-color": e.color
     }, {
       default: l(() => [
-        h(a(me), {
+        p(a(me), {
           alt: e.alt,
           src: e.src || ""
         }, null, 8, ["alt", "src"]),
-        h(a(_e), {
+        p(a(_e), {
           "data-count": t.value.length
         }, {
           default: l(() => [
@@ -41,7 +41,7 @@ const qt = /* @__PURE__ */ u({
       _: 1
     }, 8, ["data-radius", "data-size", "data-variant", "data-accent-color"]));
   }
-}), Ut = /* @__PURE__ */ u({
+}), Kt = /* @__PURE__ */ u({
   __name: "Badge",
   props: {
     variant: { default: "soft" },
@@ -54,7 +54,7 @@ const qt = /* @__PURE__ */ u({
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), p(a(k), {
+    return (t, o) => (d(), h(a(k), {
       class: "ui-Badge",
       as: e.as,
       "as-child": e.asChild,
@@ -92,7 +92,7 @@ const qt = /* @__PURE__ */ u({
       };
       return e.highContrast && (i["data-high-contrast"] = !0), e.disabled ? { ...t, ...i, disabled: !0, "data-disabled": !0 } : { ...t, ...i };
     });
-    return (i, n) => (d(), p(a(k), _({
+    return (i, n) => (d(), h(a(k), _({
       class: "ui-Button",
       "as-child": e.asChild,
       as: e.as
@@ -103,7 +103,7 @@ const qt = /* @__PURE__ */ u({
       _: 3
     }, 16, ["as-child", "as"]));
   }
-}), Kt = /* @__PURE__ */ u({
+}), Nt = /* @__PURE__ */ u({
   __name: "IconButton",
   props: {
     color: {},
@@ -116,8 +116,8 @@ const qt = /* @__PURE__ */ u({
     as: {}
   },
   setup(s) {
-    const t = B(s);
-    return (o, i) => (d(), p(ae, _({ class: "ui-IconButton" }, a(t)), {
+    const t = $(s);
+    return (o, i) => (d(), h(ae, _({ class: "ui-IconButton" }, a(t)), {
       default: l(() => [
         f(o.$slots, "default")
       ]),
@@ -126,16 +126,16 @@ const qt = /* @__PURE__ */ u({
   }
 });
 function w(s, e, t) {
-  const o = B(s), i = ve(e);
+  const o = $(s), i = ve(e);
   return z(() => ({
-    ...ot(o, t),
+    ...ot(o.value, t),
     ...i
   }));
 }
 function ot(s, e) {
   const t = {};
   return Object.keys(s).forEach((o) => {
-    e.indexOf(o) !== -1 && (t[o] = s[o]);
+    e.indexOf(o) === -1 && (t[o] = s[o]);
   }), t;
 }
 const st = {
@@ -174,7 +174,7 @@ const st = {
   emits: ["update:checked"],
   setup(s, { emit: e }) {
     const t = e, o = s, i = w(o, t, ["color", "size", "variant", "highContrast"]);
-    return (n, r) => (d(), p(a(ge), _({
+    return (n, r) => (d(), h(a(ge), _({
       ...n.$attrs,
       ...a(i)
     }, {
@@ -185,7 +185,7 @@ const st = {
       "data-high-contrast": o.highContrast
     }), {
       default: l(() => [
-        h(a(ye), {
+        p(a(ye), {
           class: "ui-CheckboxIndicator",
           "as-child": ""
         }, {
@@ -200,7 +200,7 @@ const st = {
       _: 1
     }, 16, ["data-variant", "data-size", "data-accent-color", "data-high-contrast"]));
   }
-}), [se, nt] = j("ui_CheckboxGroupRoot"), Nt = /* @__PURE__ */ u({
+}), [se, nt] = j("ui_CheckboxGroupRoot"), Qt = /* @__PURE__ */ u({
   __name: "CheckboxGroupRoot",
   props: {
     modelValue: {},
@@ -212,23 +212,23 @@ const st = {
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = s, o = e, { disabled: i, name: n } = G(t), r = L([]), c = D(t, "modelValue", o, {
+    const t = s, o = e, { disabled: i, name: n } = W(t), r = L([]), c = R(t, "modelValue", o, {
       defaultValue: t.defaultValue,
       passive: t.modelValue === void 0
-    }), v = z(() => c.value || []), g = z(() => {
+    }), g = z(() => c.value || []), v = z(() => {
       var m, y;
       return r.value.length ? ((m = c.value) == null ? void 0 : m.length) === r.value.length ? !0 : (y = c.value) != null && y.length ? "indeterminate" : !1 : !1;
     }), S = (m) => {
-      var A, E;
-      const y = (A = c.value) == null ? void 0 : A.indexOf(m);
+      var x, E;
+      const y = (x = c.value) == null ? void 0 : x.indexOf(m);
       y !== -1 && y !== void 0 && ((E = c.value) == null || E.splice(y, 1));
     };
     return nt({
-      selected: v,
-      checked: g,
+      selected: g,
+      checked: v,
       addModelValue: (m) => {
-        var y, A;
-        ((y = c.value) == null ? void 0 : y.indexOf(m)) === -1 && ((A = c.value) == null || A.push(m));
+        var y, x;
+        ((y = c.value) == null ? void 0 : y.indexOf(m)) === -1 && ((x = c.value) == null || x.push(m));
       },
       removeModelValue: S,
       toggleModelValue: (m) => {
@@ -242,7 +242,7 @@ const st = {
       },
       disabled: i,
       name: n == null ? void 0 : n.value
-    }), (m, y) => (d(), p(a(k), {
+    }), (m, y) => (d(), h(a(k), {
       as: t.as,
       "as-child": t.asChild
     }, {
@@ -252,7 +252,7 @@ const st = {
       _: 3
     }, 8, ["as", "as-child"]));
   }
-}), Qt = /* @__PURE__ */ u({
+}), Xt = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "CheckboxGroupItem",
   props: {
@@ -271,8 +271,8 @@ const st = {
     as: {}
   },
   setup(s) {
-    const e = s, t = B(e);
-    $();
+    const e = s, t = $(e);
+    B();
     const o = se(), i = z(() => {
       var c;
       return ((c = o.disabled) == null ? void 0 : c.value) || e.disabled;
@@ -283,7 +283,7 @@ const st = {
       o.initAllValue(e.value);
     }), Q(() => {
       o.removeAllValue(e.value);
-    }), (c, v) => (d(), p(oe, _({
+    }), (c, g) => (d(), h(oe, _({
       ...c.$attrs,
       ...a(t),
       name: e.name || a(o).name,
@@ -291,7 +291,7 @@ const st = {
       disabled: i.value
     }, { "onUpdate:checked": r }), null, 16));
   }
-}), Xt = /* @__PURE__ */ u({
+}), Jt = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "CheckboxGroupControl",
   props: {
@@ -310,13 +310,13 @@ const st = {
     as: {}
   },
   setup(s) {
-    const e = s, t = B(e);
-    $();
+    const e = s, t = $(e);
+    B();
     const o = se(), i = z(() => {
       var r;
       return ((r = o.disabled) == null ? void 0 : r.value) || e.disabled;
     }), n = z(() => o.checked.value);
-    return (r, c) => (d(), p(oe, _({
+    return (r, c) => (d(), h(oe, _({
       ...r.$attrs,
       ...a(t),
       name: e.name || a(o).name,
@@ -337,7 +337,7 @@ const st = {
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), p(a(k), {
+    return (t, o) => (d(), h(a(k), {
       class: "ui-Card",
       "as-child": e.asChild,
       as: e.as,
@@ -351,7 +351,7 @@ const st = {
       _: 3
     }, 8, ["as-child", "as", "data-variant", "data-radius", "data-size"]));
   }
-}), Jt = /* @__PURE__ */ u({
+}), Yt = /* @__PURE__ */ u({
   __name: "CardHead",
   props: {
     color: {},
@@ -360,7 +360,7 @@ const st = {
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), p(a(k), {
+    return (t, o) => (d(), h(a(k), {
       as: e.as,
       class: "ui-CardHead",
       "data-accent-color": e.color
@@ -371,7 +371,7 @@ const st = {
       _: 3
     }, 8, ["as", "data-accent-color"]));
   }
-}), dt = ["data-accent-color", "data-variant", "data-size"], ct = ["id"], Yt = /* @__PURE__ */ u({
+}), dt = ["data-accent-color", "data-variant", "data-size"], ct = ["id"], Zt = /* @__PURE__ */ u({
   __name: "ColorField",
   props: {
     id: {},
@@ -383,7 +383,7 @@ const st = {
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = s, i = D(t, "modelValue", e, {
+    const t = s, i = R(t, "modelValue", e, {
       defaultValue: t.modelValue || "#000000",
       passive: t.modelValue === void 0
     });
@@ -393,16 +393,16 @@ const st = {
       "data-variant": t.variant,
       "data-size": t.size
     }, [
-      x(C("input", {
+      V(C("input", {
         id: t.id,
-        "onUpdate:modelValue": r[0] || (r[0] = (c) => V(i) ? i.value = c : null),
+        "onUpdate:modelValue": r[0] || (r[0] = (c) => D(i) ? i.value = c : null),
         class: "ui-ColorFieldInput",
         type: "color"
       }, null, 8, ct), [
         [F, a(i)]
       ]),
-      x(C("input", {
-        "onUpdate:modelValue": r[1] || (r[1] = (c) => V(i) ? i.value = c : null),
+      V(C("input", {
+        "onUpdate:modelValue": r[1] || (r[1] = (c) => D(i) ? i.value = c : null),
         class: "ui-TextFieldInput",
         type: "text",
         pattern: "^#[0-9a-f]{6}$"
@@ -411,7 +411,7 @@ const st = {
       ])
     ], 8, dt));
   }
-}), ut = { class: "ui-DialogScroll" }, pt = ["data-align"], Zt = /* @__PURE__ */ u({
+}), ut = { class: "ui-DialogScroll" }, pt = ["data-align"], ea = /* @__PURE__ */ u({
   __name: "AlertDialogContent",
   props: {
     to: {},
@@ -444,18 +444,18 @@ const st = {
       "minHeight",
       "maxHeight"
     ]);
-    return (n, r) => (d(), p(a(Ce), {
+    return (n, r) => (d(), h(a(Ce), {
       to: t.to
     }, {
       default: l(() => [
-        h(a(be), { class: "ui-DialogOverlay" }, {
+        p(a(be), { class: "ui-DialogOverlay" }, {
           default: l(() => [
             C("div", ut, [
               C("div", {
                 class: "ui-DialogScrollPadding",
                 "data-align": t.align
               }, [
-                h(a(ze), _({
+                p(a(ze), _({
                   class: ["ui-DialogContent", t.class],
                   "data-size": t.size
                 }, {
@@ -463,12 +463,12 @@ const st = {
                   ...a(i)
                 }, {
                   style: {
-                    width: a(i).width,
-                    height: a(i).height,
-                    minWidth: a(i).minWidth,
-                    maxWidth: a(i).maxWidth,
-                    minHeight: a(i).minHeight,
-                    maxHeight: a(i).maxHeight
+                    width: t.width,
+                    height: t.height,
+                    minWidth: t.minWidth,
+                    maxWidth: t.maxWidth,
+                    minHeight: t.minHeight,
+                    maxHeight: t.maxHeight
                   }
                 }), {
                   default: l(() => [
@@ -485,7 +485,7 @@ const st = {
       _: 3
     }, 8, ["to"]));
   }
-}), ht = { class: "ui-DialogScroll" }, ft = ["data-align"], ea = /* @__PURE__ */ u({
+}), ht = { class: "ui-DialogScroll" }, ft = ["data-align"], ta = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "DialogContent",
   props: {
@@ -519,18 +519,18 @@ const st = {
       "minHeight",
       "maxHeight"
     ]);
-    return (n, r) => (d(), p(a(Be), {
+    return (n, r) => (d(), h(a(Be), {
       to: t.to
     }, {
       default: l(() => [
-        h(a($e), { class: "ui-DialogOverlay" }, {
+        p(a($e), { class: "ui-DialogOverlay" }, {
           default: l(() => [
             C("div", ht, [
               C("div", {
                 class: "ui-DialogScrollPadding",
                 "data-align": t.align
               }, [
-                h(a(we), _({
+                p(a(we), _({
                   class: ["ui-DialogContent", t.class],
                   "data-size": t.size
                 }, {
@@ -538,12 +538,12 @@ const st = {
                   ...a(i)
                 }, {
                   style: {
-                    width: a(i).width,
-                    height: a(i).height,
-                    minWidth: a(i).minWidth,
-                    maxWidth: a(i).maxWidth,
-                    minHeight: a(i).minHeight,
-                    maxHeight: a(i).maxHeight
+                    width: t.width,
+                    height: t.height,
+                    minWidth: t.minWidth,
+                    maxWidth: t.maxWidth,
+                    minHeight: t.minHeight,
+                    maxHeight: t.maxHeight
                   }
                 }), {
                   default: l(() => [
@@ -576,25 +576,25 @@ const st = {
       f(t.$slots, "default")
     ], 8, mt));
   }
-}), ta = /* @__PURE__ */ u({
+}), aa = /* @__PURE__ */ u({
   __name: "DialogHead",
   props: {
     title: {}
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), p(_t, {
+    return (t, o) => (d(), h(_t, {
       class: "ui-DialogHead",
       side: "x"
     }, {
       default: l(() => [
-        h(a(Se), { class: "font-semibold" }, {
+        p(a(Se), { class: "font-semibold" }, {
           default: l(() => [
             K(O(e.title), 1)
           ]),
           _: 1
         }),
-        h(ae, {
+        p(ae, {
           as: a(Te),
           variant: "ghost",
           color: "gray",
@@ -602,7 +602,7 @@ const st = {
           style: { "--button-ghost-padding-x": "var(--space-1)" }
         }, {
           default: l(() => [
-            h(a(R), { icon: "lucide:x" })
+            p(a(A), { icon: "lucide:x" })
           ]),
           _: 1
         }, 8, ["as"])
@@ -610,7 +610,7 @@ const st = {
       _: 1
     }));
   }
-}), aa = /* @__PURE__ */ u({
+}), oa = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "PopoverContent",
   props: {
@@ -637,11 +637,11 @@ const st = {
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
   setup(s, { emit: e }) {
     const t = s, i = w(t, e, ["to", "size"]);
-    return (n, r) => (d(), p(a(ke), {
+    return (n, r) => (d(), h(a(ke), {
       to: t.to
     }, {
       default: l(() => [
-        h(a(Ae), _({ ...n.$attrs, ...a(i) }, {
+        p(a(Ae), _({ ...n.$attrs, ...a(i) }, {
           "data-size": t.size,
           class: "ui-PopoverContent"
         }), {
@@ -668,7 +668,7 @@ const st = {
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), p(a(Y), {
+    return (t, o) => (d(), h(a(Y), {
       class: "ui-ScrollArea",
       "as-child": e.asChild,
       dir: e.dir,
@@ -677,36 +677,36 @@ const st = {
       "data-radius": e.radius
     }, {
       default: l(() => [
-        h(a(Z), { class: "ui-ScrollAreaViewport" }, {
+        p(a(Z), { class: "ui-ScrollAreaViewport" }, {
           default: l(() => [
             f(t.$slots, "default")
           ]),
           _: 3
         }),
         o[0] || (o[0] = C("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
-        e.scrollbars !== "horizontal" ? (d(), p(a(H), {
+        e.scrollbars !== "horizontal" ? (d(), h(a(H), {
           key: 0,
           class: "ui-ScrollAreaScrollbar",
           "data-size": e.size,
           orientation: "vertical"
         }, {
           default: l(() => [
-            h(a(W), { class: "ui-ScrollAreaThumb" })
+            p(a(G), { class: "ui-ScrollAreaThumb" })
           ]),
           _: 1
         }, 8, ["data-size"])) : T("", !0),
-        e.scrollbars !== "vertical" ? (d(), p(a(H), {
+        e.scrollbars !== "vertical" ? (d(), h(a(H), {
           key: 1,
           class: "ui-ScrollAreaScrollbar",
           "data-size": e.size,
           orientation: "horizontal"
         }, {
           default: l(() => [
-            h(a(W), { class: "ui-ScrollAreaThumb" })
+            p(a(G), { class: "ui-ScrollAreaThumb" })
           ]),
           _: 1
         }, 8, ["data-size"])) : T("", !0),
-        e.scrollbars === "both" ? (d(), p(a(xe), {
+        e.scrollbars === "both" ? (d(), h(a(xe), {
           key: 2,
           "class-name": "ui-ScrollAreaCorner"
         })) : T("", !0)
@@ -714,7 +714,7 @@ const st = {
       _: 3
     }, 8, ["as-child", "dir", "scroll-hide-delay", "type", "data-radius"]));
   }
-}), vt = { class: "ui-MenuViewport" }, [gt, yt] = j("ui_DropdownMenuContent"), oa = /* @__PURE__ */ u({
+}), vt = { class: "ui-MenuViewport" }, [gt, yt] = j("ui_DropdownMenuContent"), sa = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "DropdownMenuContent",
   props: {
@@ -748,12 +748,12 @@ const st = {
       "variant",
       "color",
       "highContrast"
-    ]), { forwardRef: n } = $(), { size: r, variant: c, color: v, highContrast: g } = G(t);
-    return yt({ size: r, variant: c, color: v, highContrast: g }), (S, m) => (d(), p(a(Ve), {
+    ]), { forwardRef: n } = B(), { size: r, variant: c, color: g, highContrast: v } = W(t);
+    return yt({ size: r, variant: c, color: g, highContrast: v }), (S, m) => (d(), h(a(Ve), {
       to: t.to
     }, {
       default: l(() => [
-        h(a(De), _({
+        p(a(De), _({
           ...S.$attrs,
           ...a(i)
         }, {
@@ -763,7 +763,7 @@ const st = {
           "data-size": t.size
         }), {
           default: l(() => [
-            h(ie, { type: "auto" }, {
+            p(ie, { type: "auto" }, {
               default: l(() => [
                 C("div", vt, [
                   f(S.$slots, "default")
@@ -778,7 +778,7 @@ const st = {
       _: 3
     }, 8, ["to"]));
   }
-}), Ct = ["textContent"], sa = /* @__PURE__ */ u({
+}), Ct = ["textContent"], ia = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "DropdownMenuItem",
   props: {
@@ -792,16 +792,16 @@ const st = {
   emits: ["select"],
   setup(s, { emit: e }) {
     const t = s, i = w(t, e, ["color", "shortcut"]);
-    $();
+    B();
     const n = gt();
     return (r, c) => {
-      var v;
-      return d(), p(a(Re), _({
+      var g;
+      return d(), h(a(Re), _({
         class: "ui-MenuItem",
-        "data-accent-color": a(i).color,
+        "data-accent-color": t.color,
         "data-size": a(n).size.value,
         "data-variant": a(n).variant.value,
-        "data-high-contrast": ((v = a(n).highContrast) == null ? void 0 : v.value) || void 0
+        "data-high-contrast": ((g = a(n).highContrast) == null ? void 0 : g.value) || void 0
       }, { ...r.$attrs, ...a(i) }), {
         default: l(() => [
           f(r.$slots, "default"),
@@ -815,7 +815,7 @@ const st = {
       }, 16, ["data-accent-color", "data-size", "data-variant", "data-high-contrast"]);
     };
   }
-}), ia = /* @__PURE__ */ u({
+}), la = /* @__PURE__ */ u({
   __name: "Separator",
   props: {
     as: { default: "span" },
@@ -825,7 +825,7 @@ const st = {
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), p(a(k), {
+    return (t, o) => (d(), h(a(k), {
       as: e.as,
       class: "ui-Separator",
       role: "separator",
@@ -837,28 +837,28 @@ const st = {
 }), bt = /* @__PURE__ */ u({
   __name: "Spinner",
   setup(s) {
-    return (e, t) => (d(), p(a(R), {
+    return (e, t) => (d(), h(a(A), {
       class: "ui-Spinner",
       icon: "lucide:loader-circle"
     }));
   }
-}), la = /* @__PURE__ */ u({
+}), na = /* @__PURE__ */ u({
   __name: "SavingIndicator",
   props: {
     status: {}
   },
   setup(s) {
     const e = s;
-    return (t, o) => e.status === "saving" ? (d(), p(bt, {
+    return (t, o) => e.status === "saving" ? (d(), h(bt, {
       key: 0,
       class: "ui-SavingIndicator _saving"
-    })) : e.status === "saved" ? (d(), p(a(R), {
+    })) : e.status === "saved" ? (d(), h(a(A), {
       key: 1,
       class: "ui-SavingIndicator _saved",
       icon: "lucide:check-circle-2"
     })) : T("", !0);
   }
-}), na = /* @__PURE__ */ u({
+}), ra = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "Switch",
   props: {
@@ -879,29 +879,31 @@ const st = {
   },
   emits: ["update:checked"],
   setup(s, { emit: e }) {
-    const t = e, o = s, i = w(o, t, ["color", "size", "variant", "highContrast", "radius"]);
-    return (n, r) => (d(), p(a(Pe), _({
+    const t = e, o = s, i = w(o, t, [
+      "color",
+      "size",
+      "variant",
+      "highContrast",
+      "radius"
+    ]);
+    return (n, r) => (d(), h(a(Pe), _({
       ...n.$attrs,
-      ...a(i),
-      size: void 0,
-      color: void 0,
-      variant: void 0,
-      highContrast: void 0
+      ...a(i)
     }, {
       class: "ui-Switch",
       "data-variant": o.variant,
       "data-size": o.size,
-      "data-accent-color": a(i).color,
-      "data-radius": a(i).radius,
-      "data-high-contrast": a(i).highContrast
+      "data-accent-color": o.color,
+      "data-radius": o.radius,
+      "data-high-contrast": o.highContrast
     }), {
       default: l(() => [
-        h(a(Ie), { class: "ui-SwitchThumb" })
+        p(a(Ie), { class: "ui-SwitchThumb" })
       ]),
       _: 1
     }, 16, ["data-variant", "data-size", "data-accent-color", "data-radius", "data-high-contrast"]));
   }
-}), zt = ["data-accent-color", "data-variant", "data-size", "data-high-contrast"], ra = /* @__PURE__ */ u({
+}), zt = ["data-accent-color", "data-variant", "data-size", "data-high-contrast"], da = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "Radio",
   props: {
@@ -913,24 +915,24 @@ const st = {
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = s, o = e, i = B(t), n = D(t, "modelValue", o, {
+    const t = s, i = R(t, "modelValue", e, {
       defaultValue: t.modelValue,
       passive: t.modelValue === void 0
     });
-    return (r, c) => x((d(), b("input", _({
-      "onUpdate:modelValue": c[0] || (c[0] = (v) => V(n) ? n.value = v : null),
+    return (n, r) => V((d(), b("input", _({
+      "onUpdate:modelValue": r[0] || (r[0] = (c) => D(i) ? i.value = c : null),
       class: "ui-Radio",
       type: "radio"
-    }, r.$attrs, {
+    }, n.$attrs, {
       "data-accent-color": t.color,
       "data-variant": t.variant,
       "data-size": t.size,
-      "data-high-contrast": a(i).highContrast
+      "data-high-contrast": t.highContrast
     }), null, 16, zt)), [
-      [re, a(n)]
+      [re, a(i)]
     ]);
   }
-}), [le, Bt] = j("ui_RadioGroupRoot"), da = /* @__PURE__ */ u({
+}), [le, Bt] = j("ui_RadioGroupRoot"), ca = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "RadioGroupRoot",
   props: {
@@ -951,18 +953,18 @@ const st = {
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = e, o = s, i = w(o, t, ["color", "size", "variant", "highContrast"]), { size: n, variant: r, color: c, highContrast: v } = G(o);
-    return Bt({ size: n, variant: r, color: c, highContrast: v }), (g, S) => (d(), p(a(ee), de(ce({
-      ...g.$attrs,
+    const t = e, o = s, i = w(o, t, ["color", "size", "variant", "highContrast"]), { size: n, variant: r, color: c, highContrast: g } = W(o);
+    return Bt({ size: n, variant: r, color: c, highContrast: g }), (v, S) => (d(), h(a(ee), de(ce({
+      ...v.$attrs,
       ...a(i)
     })), {
       default: l(() => [
-        f(g.$slots, "default")
+        f(v.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), ca = /* @__PURE__ */ u({
+}), ua = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "RadioGroupItem",
   props: {
@@ -975,12 +977,12 @@ const st = {
     as: {}
   },
   setup(s) {
-    const t = B(s);
-    $();
+    const t = $(s);
+    B();
     const o = le();
     return (i, n) => {
       var r, c;
-      return d(), p(a(te), _({
+      return d(), h(a(te), _({
         class: "ui-Radio",
         "data-accent-color": (r = a(o).color) == null ? void 0 : r.value,
         "data-size": a(o).size.value,
@@ -994,7 +996,7 @@ const st = {
       }, 16, ["data-accent-color", "data-size", "data-variant", "data-high-contrast"]);
     };
   }
-}), ua = /* @__PURE__ */ u({
+}), pa = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "RadioCardsItem",
   props: {
@@ -1007,12 +1009,12 @@ const st = {
     as: {}
   },
   setup(s) {
-    const t = B(s);
-    $();
+    const t = $(s);
+    B();
     const o = le();
     return (i, n) => {
       var r, c;
-      return d(), p(a(te), _({
+      return d(), h(a(te), _({
         class: "ui-RadioCardsItem",
         "data-accent-color": (r = a(o).color) == null ? void 0 : r.value,
         "data-size": a(o).size.value,
@@ -1020,7 +1022,7 @@ const st = {
         "data-high-contrast": (c = a(o).highContrast) == null ? void 0 : c.value
       }, { ...i.$attrs, ...a(t), asChild: !1 }), {
         default: l(() => [
-          h(rt, {
+          p(rt, {
             "as-child": a(t).asChild
           }, {
             default: l(() => [
@@ -1041,7 +1043,7 @@ const st = {
   key: 1,
   class: "ui-TextFieldSlot",
   "data-side": "right"
-}, pa = /* @__PURE__ */ u({
+}, ha = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "TextField",
   props: {
@@ -1057,30 +1059,30 @@ const st = {
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
     const t = s, o = L(), i = (c) => {
-      const v = c.target;
-      if (v.closest("input, button, a")) return;
-      const g = o.value;
-      if (!g) return;
-      const m = v.closest("[data-side=right]") ? g.value.length : 0;
+      const g = c.target;
+      if (g.closest("input, button, a")) return;
+      const v = o.value;
+      if (!v) return;
+      const m = g.closest("[data-side=right]") ? v.value.length : 0;
       requestAnimationFrame(() => {
-        g.setSelectionRange(m, m), g.focus();
+        v.setSelectionRange(m, m), v.focus();
       });
-    }, r = D(t, "modelValue", e, {
+    }, r = R(t, "modelValue", e, {
       defaultValue: t.modelValue,
       passive: t.modelValue === void 0
     });
-    return (c, v) => (d(), b("div", {
+    return (c, g) => (d(), b("div", {
       class: X(["ui-TextField", t.class]),
       "data-accent-color": t.color,
       "data-variant": t.variant,
       "data-size": t.size,
       onPointerdown: i
     }, [
-      x(C("input", _({
+      V(C("input", _({
         id: t.id,
         ref_key: "inputRef",
         ref: o,
-        "onUpdate:modelValue": v[0] || (v[0] = (g) => V(r) ? r.value = g : null),
+        "onUpdate:modelValue": g[0] || (g[0] = (v) => D(r) ? r.value = v : null),
         type: t.type
       }, c.$attrs, { class: "ui-TextFieldInput" }), null, 16, wt), [
         [ue, a(r)]
@@ -1093,7 +1095,7 @@ const st = {
       ])) : T("", !0)
     ], 42, $t));
   }
-}), kt = ["data-accent-color", "data-variant", "data-size", "data-resize"], ha = /* @__PURE__ */ u({
+}), kt = ["data-accent-color", "data-variant", "data-size", "data-resize"], fa = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "TextArea",
   props: {
@@ -1107,7 +1109,7 @@ const st = {
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = s, i = D(t, "modelValue", e, {
+    const t = s, i = R(t, "modelValue", e, {
       defaultValue: t.modelValue,
       passive: t.modelValue === void 0
     });
@@ -1118,14 +1120,14 @@ const st = {
       "data-size": t.size,
       "data-resize": t.resize
     }, [
-      x(C("textarea", _({
-        "onUpdate:modelValue": r[0] || (r[0] = (c) => V(i) ? i.value = c : null)
+      V(C("textarea", _({
+        "onUpdate:modelValue": r[0] || (r[0] = (c) => D(i) ? i.value = c : null)
       }, n.$attrs, { class: "ui-TextAreaInput" }), null, 16), [
         [F, a(i)]
       ])
     ], 10, kt));
   }
-}), fa = /* @__PURE__ */ u({
+}), ma = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "SelectRoot",
   props: {
@@ -1143,14 +1145,14 @@ const st = {
   emits: ["update:modelValue", "update:open"],
   setup(s, { emit: e }) {
     const t = s, i = w(t, e, ["size"]);
-    return pe("SelectRoot.size", z(() => t.size)), $(), (n, r) => (d(), p(a(Oe), _({ ...n.$attrs, ...a(i) }, { class: "ui-SelectItem" }), {
+    return pe("SelectRoot.size", z(() => t.size)), B(), (n, r) => (d(), h(a(Oe), _({ ...n.$attrs, ...a(i) }, { class: "ui-SelectItem" }), {
       default: l(() => [
         f(n.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), ma = /* @__PURE__ */ u({
+}), _a = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "SelectContent",
   props: {
@@ -1176,10 +1178,10 @@ const st = {
     as: {}
   },
   setup(s) {
-    const e = s, t = B(e), o = J("SelectRoot.size"), { forwardRef: i } = $();
-    return (n, r) => (d(), p(a(Me), null, {
+    const e = s, t = $(e), o = J("SelectRoot.size"), { forwardRef: i } = B();
+    return (n, r) => (d(), h(a(Me), null, {
       default: l(() => [
-        h(a(Fe), _({
+        p(a(Fe), _({
           ...n.$attrs,
           ...a(t),
           color: void 0,
@@ -1194,30 +1196,30 @@ const st = {
           "data-high-contrast": e.highContrast
         }), {
           default: l(() => [
-            h(a(Y), {
+            p(a(Y), {
               type: "auto",
               class: "ui-ScrollArea"
             }, {
               default: l(() => [
-                h(a(He), {
+                p(a(He), {
                   class: "ui-SelectViewport",
                   "as-child": ""
                 }, {
                   default: l(() => [
-                    h(a(Z), { class: "ui-ScrollAreaViewport" }, {
+                    p(a(Z), { class: "ui-ScrollAreaViewport" }, {
                       default: l(() => [
                         f(n.$slots, "default")
                       ]),
                       _: 3
                     }),
                     r[0] || (r[0] = C("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
-                    h(a(H), {
+                    p(a(H), {
                       class: "ui-ScrollAreaScrollbar",
                       "data-size": 1,
                       orientation: "vertical"
                     }, {
                       default: l(() => [
-                        h(a(W), { class: "ui-ScrollAreaThumb" })
+                        p(a(G), { class: "ui-ScrollAreaThumb" })
                       ]),
                       _: 1
                     })
@@ -1234,7 +1236,7 @@ const st = {
       _: 3
     }));
   }
-}), At = ["disabled", "data-variant", "data-accent-color", "data-radius", "data-size"], xt = { class: "ui-SelectTriggerInner" }, _a = /* @__PURE__ */ u({
+}), At = ["disabled", "data-variant", "data-accent-color", "data-radius", "data-size"], xt = { class: "ui-SelectTriggerInner" }, va = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "SelectTrigger",
   props: {
@@ -1248,7 +1250,7 @@ const st = {
   },
   setup(s) {
     const e = s, t = J("SelectRoot.size");
-    return $(), (o, i) => (d(), p(a(We), { "as-child": "" }, {
+    return B(), (o, i) => (d(), h(a(Ge), { "as-child": "" }, {
       default: l(() => [
         C("button", _({ class: "ui-SelectTrigger" }, o.$attrs, {
           disabled: e.disabled,
@@ -1258,13 +1260,13 @@ const st = {
           "data-size": a(t)
         }), [
           C("span", xt, [
-            h(a(Ge), {
+            p(a(We), {
               placeholder: e.placeholder
             }, null, 8, ["placeholder"])
           ]),
-          h(a(Le), { "as-child": "" }, {
+          p(a(Le), { "as-child": "" }, {
             default: l(() => [
-              h(a(R), {
+              p(a(A), {
                 class: "ui-SelectIcon",
                 icon: "radix-icons:chevron-down"
               })
@@ -1276,7 +1278,7 @@ const st = {
       _: 1
     }));
   }
-}), va = /* @__PURE__ */ u({
+}), ga = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "SelectItem",
   props: {
@@ -1287,16 +1289,16 @@ const st = {
     as: {}
   },
   setup(s) {
-    const t = B(s);
-    return $(), (o, i) => (d(), p(a(je), _({ class: "ui-SelectItem" }, { ...o.$attrs, ...a(t) }), {
+    const t = $(s);
+    return B(), (o, i) => (d(), h(a(je), _({ class: "ui-SelectItem" }, { ...o.$attrs, ...a(t) }), {
       default: l(() => [
-        h(a(Ee), { class: "ui-SelectItemIndicator" }, {
+        p(a(Ee), { class: "ui-SelectItemIndicator" }, {
           default: l(() => [
-            h(a(R), { icon: "radix-icons:check" })
+            p(a(A), { icon: "radix-icons:check" })
           ]),
           _: 1
         }),
-        h(a(qe), null, {
+        p(a(qe), null, {
           default: l(() => [
             f(o.$slots, "default")
           ]),
@@ -1306,7 +1308,7 @@ const st = {
       _: 3
     }, 16));
   }
-}), ga = /* @__PURE__ */ u({
+}), ya = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "SelectLabel",
   props: {
@@ -1315,8 +1317,8 @@ const st = {
     as: {}
   },
   setup(s) {
-    const t = B(s);
-    return $(), (o, i) => (d(), p(a(Ue), _({ class: "ui-SelectLabel" }, { ...o.$attrs, ...a(t) }), {
+    const t = $(s);
+    return B(), (o, i) => (d(), h(a(Ue), _({ class: "ui-SelectLabel" }, { ...o.$attrs, ...a(t) }), {
       default: l(() => [
         f(o.$slots, "default")
       ]),
@@ -1335,7 +1337,7 @@ const st = {
 function Pt(s, e) {
   return d(), b("div", Rt);
 }
-const ya = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-variant"], Ot = ["data-layout"], Ca = /* @__PURE__ */ u({
+const Ca = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-variant"], Ot = ["data-layout"], ba = /* @__PURE__ */ u({
   __name: "Table",
   props: {
     size: { default: "2" },
@@ -1349,7 +1351,7 @@ const ya = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-va
       "data-size": e.size,
       "data-variant": e.variant
     }, [
-      h(ie, null, {
+      p(ie, null, {
         default: l(() => [
           C("table", {
             class: "ui-TableContent",
@@ -1362,7 +1364,7 @@ const ya = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-va
       })
     ], 8, It));
   }
-}), Mt = ["textContent"], ba = /* @__PURE__ */ u({
+}), Mt = ["textContent"], za = /* @__PURE__ */ u({
   __name: "Tooltip",
   props: {
     to: {},
@@ -1390,7 +1392,7 @@ const ya = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-va
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), p(a(Ke), {
+    return (t, o) => (d(), h(a(Ke), {
       "delay-duration": e.delayDuration,
       "disable-closing-trigger": e.disableClosingTrigger,
       "disable-hoverable-content": e.disableHoverableContent,
@@ -1399,9 +1401,9 @@ const ya = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-va
       "skip-delay-duration": e.skipDelayDuration
     }, {
       default: l(() => [
-        h(a(Ne), null, {
+        p(a(Ne), null, {
           default: l(() => [
-            h(a(Qe), {
+            p(a(Qe), {
               as: e.as,
               "as-child": e.asChild
             }, {
@@ -1410,11 +1412,11 @@ const ya = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-va
               ]),
               _: 3
             }, 8, ["as", "as-child"]),
-            h(a(Xe), {
+            p(a(Xe), {
               to: e.to
             }, {
               default: l(() => [
-                h(a(Je), {
+                p(a(Je), {
                   class: "ui-Tooltip",
                   align: e.align,
                   "align-offset": e.alignOffset,
@@ -1435,7 +1437,7 @@ const ya = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-va
                         textContent: O(e.content)
                       }, null, 8, Mt)
                     ]),
-                    h(a(Ye), { class: "ui-TooltipArrow" })
+                    p(a(Ye), { 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"])
@@ -1449,7 +1451,7 @@ const ya = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-va
       _: 3
     }, 8, ["delay-duration", "disable-closing-trigger", "disable-hoverable-content", "disabled", "ignore-non-keyboard-focus", "skip-delay-duration"]));
   }
-}), za = /* @__PURE__ */ u({
+}), Ba = /* @__PURE__ */ u({
   __name: "TabsList",
   props: {
     size: { default: "2" },
@@ -1460,7 +1462,7 @@ const ya = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-va
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), p(a(Ze), {
+    return (t, o) => (d(), h(a(Ze), {
       class: "ui-TabList",
       "data-accent-color": e.color,
       "data-size": e.size,
@@ -1474,7 +1476,7 @@ const ya = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-va
       _: 3
     }, 8, ["data-accent-color", "data-size", "data-wrap", "data-justify", "data-high-contrast"]));
   }
-}), Ft = { class: "ui-TabTriggerInner" }, Ht = { class: "ui-TabTriggerInnerHidden" }, Ba = /* @__PURE__ */ u({
+}), Ft = { class: "ui-TabTriggerInner" }, Ht = { class: "ui-TabTriggerInnerHidden" }, $a = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "TabsTrigger",
   props: {
@@ -1484,8 +1486,8 @@ const ya = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-va
     as: {}
   },
   setup(s) {
-    const t = B(s);
-    return (o, i) => (d(), p(a(et), _({ ...o.$attrs, ...a(t) }, { class: "ui-TabTrigger" }), {
+    const t = $(s);
+    return (o, i) => (d(), h(a(et), _({ ...o.$attrs, ...a(t) }, { class: "ui-TabTrigger" }), {
       default: l(() => [
         C("span", Ft, [
           f(o.$slots, "default")
@@ -1497,7 +1499,7 @@ const ya = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-va
       _: 3
     }, 16));
   }
-}), $a = /* @__PURE__ */ u({
+}), wa = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "RadioTabsList",
   props: {
@@ -1516,7 +1518,7 @@ const ya = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-va
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
     const t = e, o = s, i = w(o, t, ["size"]);
-    return (n, r) => (d(), p(a(ee), _({
+    return (n, r) => (d(), h(a(ee), _({
       ...n.$attrs,
       ...a(i),
       size: void 0
@@ -1530,9 +1532,9 @@ const ya = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-va
       _: 3
     }, 16, ["data-size"]));
   }
-}), Wt = "https://challenges.cloudflare.com/turnstile/v0/api.js", q = "cfTurnstileOnLoad";
+}), Gt = "https://challenges.cloudflare.com/turnstile/v0/api.js", q = "cfTurnstileOnLoad";
 let P = typeof window < "u" && window.turnstile !== void 0 ? "ready" : "unloaded", M, I, U;
-const wa = /* @__PURE__ */ u({
+const Sa = /* @__PURE__ */ u({
   __name: "Turnstile",
   props: {
     sitekey: {},
@@ -1550,11 +1552,11 @@ const wa = /* @__PURE__ */ u({
       window.turnstile && (o("update:modelValue", ""), window.turnstile.reset());
     }, r = () => {
       I && (window.turnstile.remove(I), I = void 0);
-    }, c = (g) => {
-      o("update:modelValue", g), U = setTimeout(() => {
+    }, c = (v) => {
+      o("update:modelValue", v), U = setTimeout(() => {
         n();
       }, t.resetInterval);
-    }, v = () => {
+    }, g = () => {
       I = window.turnstile.render(i.value, {
         sitekey: t.sitekey,
         theme: t.theme,
@@ -1565,7 +1567,7 @@ const wa = /* @__PURE__ */ u({
       });
     };
     return N(async () => {
-      const g = new Promise((m, y) => {
+      const v = new Promise((m, y) => {
         M = { resolve: m, reject: y }, P === "ready" && m(void 0);
       });
       window[q] = () => {
@@ -1573,21 +1575,21 @@ const wa = /* @__PURE__ */ u({
       }, await (() => {
         if (P === "unloaded") {
           P = "loading";
-          const m = `${Wt}?onload=${q}&render=explicit`, y = document.createElement("script");
+          const m = `${Gt}?onload=${q}&render=explicit`, y = document.createElement("script");
           y.src = m, y.async = !0, y.addEventListener("error", () => {
             M.reject("Failed to load Turnstile.");
           }), document.head.appendChild(y);
         }
-        return g;
-      })(), t.renderOnMount && v();
+        return v;
+      })(), t.renderOnMount && g();
     }), Q(() => {
       r(), clearTimeout(U);
-    }), (g, S) => (d(), b("div", {
+    }), (v, S) => (d(), b("div", {
       ref_key: "element",
       ref: i
     }, null, 512));
   }
-}), Sa = /* @__PURE__ */ u({
+}), Ta = /* @__PURE__ */ u({
   __name: "Quota",
   props: {
     percent: {},
@@ -1601,13 +1603,13 @@ const wa = /* @__PURE__ */ u({
       let n = "a4";
       return e.percent > 90 ? n = "a11" : e.percent > 66 ? n = "a9" : e.percent > 33 && (n = "a6"), { transform: i, "background-color": `var(--blue-${n})` };
     }), o = z(() => e.percent > 100 ? 100 : e.percent < 0 ? 0 : e.percent);
-    return (i, n) => (d(), p(a(tt), {
+    return (i, n) => (d(), h(a(tt), {
       class: "ui-Quota",
       "model-value": o.value,
       "data-accent-color": e.color
     }, {
       default: l(() => [
-        h(a(at), {
+        p(a(at), {
           class: "ui-QuotaValue",
           style: he(t.value)
         }, null, 8, ["style"])
@@ -1615,72 +1617,95 @@ const wa = /* @__PURE__ */ u({
       _: 1
     }, 8, ["model-value", "data-accent-color"]));
   }
+}), Wt = ["data-variant", "data-size", "data-accent-color"], ka = /* @__PURE__ */ u({
+  __name: "IconCircle",
+  props: {
+    color: {},
+    size: { default: 1 },
+    variant: { default: "soft" },
+    icon: {}
+  },
+  setup(s) {
+    const e = s;
+    return (t, o) => (d(), b("span", {
+      class: "ui-IconCircle",
+      "data-radius": "full",
+      "data-variant": e.variant,
+      "data-size": e.size,
+      "data-accent-color": e.color
+    }, [
+      p(a(A), {
+        icon: e.icon
+      }, null, 8, ["icon"])
+    ], 8, Wt));
+  }
 });
 export {
-  Aa as AlertDialogAction,
-  xa as AlertDialogCancel,
-  Zt as AlertDialogContent,
-  Va as AlertDialogDescription,
-  Da as AlertDialogRoot,
-  Ra as AlertDialogTitle,
-  Pa as AlertDialogTrigger,
-  qt as Avatar,
-  Ut as Badge,
+  Va as AlertDialogAction,
+  Da as AlertDialogCancel,
+  ea as AlertDialogContent,
+  Ra as AlertDialogDescription,
+  Pa as AlertDialogRoot,
+  Ia as AlertDialogTitle,
+  Oa as AlertDialogTrigger,
+  Ut as Avatar,
+  Kt as Badge,
   ae as Button,
   rt as Card,
-  Jt as CardHead,
+  Yt as CardHead,
   oe as Checkbox,
-  Xt as CheckboxGroupControl,
-  Qt as CheckboxGroupItem,
-  Nt as CheckboxGroupRoot,
-  Yt as ColorField,
-  Ia as DialogClose,
-  ea as DialogContent,
-  Oa as DialogDescription,
-  ta as DialogHead,
-  Ma as DialogRoot,
-  Fa as DialogTitle,
-  Ha as DialogTrigger,
-  oa as DropdownMenuContent,
-  sa as DropdownMenuItem,
-  Wa as DropdownMenuRoot,
-  Ga as DropdownMenuTrigger,
-  Ya as Icon,
-  Kt as IconButton,
+  Jt as CheckboxGroupControl,
+  Xt as CheckboxGroupItem,
+  Qt as CheckboxGroupRoot,
+  Zt as ColorField,
+  Ma as DialogClose,
+  ta as DialogContent,
+  Fa as DialogDescription,
+  aa as DialogHead,
+  Ha as DialogRoot,
+  Ga as DialogTitle,
+  Wa as DialogTrigger,
+  sa as DropdownMenuContent,
+  ia as DropdownMenuItem,
+  La as DropdownMenuRoot,
+  ja as DropdownMenuTrigger,
+  eo as Icon,
+  Nt as IconButton,
+  ka as IconCircle,
   _t as Inset,
-  La as PopoverAnchor,
-  ja as PopoverArrow,
-  Ea as PopoverClose,
-  aa as PopoverContent,
-  qa as PopoverRoot,
-  Ua as PopoverTrigger,
-  Sa as Quota,
-  ra as Radio,
-  ua as RadioCardsItem,
-  da as RadioCardsRoot,
-  ca as RadioGroupItem,
-  da as RadioGroupRoot,
-  Ka as RadioTabsItem,
-  $a as RadioTabsList,
-  la as SavingIndicator,
+  Ea as PopoverAnchor,
+  qa as PopoverArrow,
+  Ua as PopoverClose,
+  oa as PopoverContent,
+  Ka as PopoverRoot,
+  Na as PopoverTrigger,
+  Ta as Quota,
+  da as Radio,
+  pa as RadioCardsItem,
+  ca as RadioCardsRoot,
+  ua as RadioGroupItem,
+  ca as RadioGroupRoot,
+  Qa as RadioTabsItem,
+  wa as RadioTabsList,
+  na as SavingIndicator,
   ie as ScrollArea,
-  ma as SelectContent,
-  Na as SelectGroup,
-  va as SelectItem,
-  ga as SelectLabel,
-  fa as SelectRoot,
-  ya as SelectSeparator,
-  _a as SelectTrigger,
-  ia as Separator,
+  _a as SelectContent,
+  Xa as SelectGroup,
+  ga as SelectItem,
+  ya as SelectLabel,
+  ma as SelectRoot,
+  Ca as SelectSeparator,
+  va as SelectTrigger,
+  la as Separator,
   bt as Spinner,
-  na as Switch,
-  Ca as Table,
-  Qa as TabsContent,
-  za as TabsList,
-  Xa as TabsRoot,
-  Ba as TabsTrigger,
-  ha as TextArea,
-  pa as TextField,
-  ba as Tooltip,
-  wa as Turnstile
+  ra as Switch,
+  ba as Table,
+  Ja as TabsContent,
+  Ba as TabsList,
+  Ya as TabsRoot,
+  $a as TabsTrigger,
+  fa as TextArea,
+  ha as TextField,
+  za as Tooltip,
+  Sa as Turnstile
 };