@typlog/ui 0.9.0 → 0.9.2

package/dist/index.js

@@ -1,21 +1,21 @@
-import { computed as C, defineComponent as h, createBlock as d, openBlock as r, unref as a, normalizeClass as k, withCtx as c, createVNode as p, createTextVNode as L, toDisplayString as V, renderSlot as _, createElementBlock as $, mergeProps as g, createCommentVNode as z, createElementVNode as b, toRefs as ee, mergeModels as Q, ref as P, useModel as Z, onMounted as ue, onBeforeUnmount as Ce, withDirectives as te, isRef as be, vModelDynamic as Oe, vModelText as $e, normalizeStyle as Be, normalizeProps as Me, guardReactiveProps as Fe, Fragment as H, watch as Le, renderList as j, withModifiers as D, vModelRadio as Ge, withKeys as me, vShow as He } from "vue";
-import { useForwardProps as T, useEmitAsProps as xe, AvatarRoot as Ee, AvatarImage as je, AvatarFallback as We, Primitive as U, ScrollAreaRoot as de, ScrollAreaViewport as pe, ScrollAreaScrollbar as ne, ScrollAreaThumb as re, ScrollAreaCorner as Ue, AlertDialogPortal as qe, AlertDialogOverlay as Ne, AlertDialogContent as Ke, DialogPortal as Qe, DialogOverlay as Ze, DialogContent as Je, DialogTitle as Xe, DialogClose as Ye, useForwardExpose as M, createContext as oe, DropdownMenuPortal as et, DropdownMenuContent as tt, DropdownMenuItem as ot, PopoverPortal as at, PopoverContent as st, SwitchRoot as lt, SwitchThumb as nt, CheckboxRoot as rt, CheckboxIndicator as it, Toggle as ct, ToggleGroupRoot as ut, ToggleGroupItem as dt, SelectRoot as pt, SelectPortal as ft, SelectContent as ht, SelectViewport as mt, SelectTrigger as vt, SelectValue as _t, SelectIcon as gt, SelectItem as yt, SelectItemIndicator as Ct, SelectItemText as bt, SelectLabel as $t, ComboboxRoot as Bt, injectComboboxRootContext as xt, useForwardPropsEmits as we, ComboboxAnchor as wt, ComboboxInput as ve, ComboboxTrigger as St, ComboboxPortal as zt, ComboboxContent as kt, ComboboxViewport as It, ComboboxItem as Tt, ComboboxItemIndicator as Vt, ComboboxLabel as At, RadioGroupRoot as Se, RadioGroupItem as ze, TabsList as Rt, TabsIndicator as Pt, TabsTrigger as Dt, AccordionRoot as Ot, AccordionItem as Mt, AccordionContent as Ft, AccordionTrigger as Lt, CollapsibleContent as Gt, TooltipProvider as Ht, TooltipRoot as Et, TooltipTrigger as jt, TooltipPortal as Wt, TooltipContent as Ut, TooltipArrow as qt, ProgressRoot as Nt, ProgressIndicator as Kt } from "reka-ui";
-import { AlertDialogAction as ms, AlertDialogCancel as vs, AlertDialogDescription as _s, AlertDialogRoot as gs, AlertDialogTitle as ys, AlertDialogTrigger as Cs, CollapsibleRoot as bs, CollapsibleTrigger as $s, ComboboxEmpty as Bs, ComboboxGroup as xs, DialogClose as ws, DialogDescription as Ss, DialogRoot as zs, DialogTitle as ks, DialogTrigger as Is, DropdownMenuRoot as Ts, DropdownMenuTrigger as Vs, PopoverClose as As, PopoverRoot as Rs, PopoverTrigger as Ps, RadioGroupItem as Ds, SelectGroup as Os, TabsContent as Ms, TabsRoot as Fs } from "reka-ui";
-import { Icon as I } from "@iconify/vue";
-import { Icon as Gs } from "@iconify/vue";
+import { computed as C, defineComponent as m, createBlock as d, openBlock as r, unref as a, normalizeClass as I, withCtx as c, createVNode as p, createTextVNode as j, toDisplayString as T, renderSlot as _, createElementBlock as $, mergeProps as g, createCommentVNode as z, createElementVNode as b, toRefs as ee, mergeModels as Q, ref as P, useModel as Z, onMounted as ue, onBeforeUnmount as Ce, withDirectives as te, isRef as be, vModelDynamic as De, vModelText as $e, normalizeStyle as Be, normalizeProps as Fe, guardReactiveProps as Me, Fragment as G, watch as je, renderList as E, withModifiers as O, vModelRadio as Le, withKeys as he, vShow as Ge } from "vue";
+import { useForwardProps as V, useEmitAsProps as xe, AvatarRoot as He, AvatarImage as Ee, AvatarFallback as We, Primitive as U, ScrollAreaRoot as de, ScrollAreaViewport as pe, ScrollAreaScrollbar as ne, ScrollAreaThumb as re, ScrollAreaCorner as Ue, AlertDialogPortal as qe, AlertDialogOverlay as Ne, AlertDialogContent as Ke, DialogPortal as Qe, DialogOverlay as Ze, DialogContent as Je, DialogTitle as Xe, DialogClose as Ye, useForwardExpose as F, createContext as oe, DropdownMenuPortal as et, DropdownMenuContent as tt, DropdownMenuItem as ot, PopoverPortal as at, PopoverContent as st, SwitchRoot as lt, SwitchThumb as nt, CheckboxRoot as rt, CheckboxIndicator as it, Toggle as ct, ToggleGroupRoot as ut, ToggleGroupItem as dt, SelectRoot as pt, SelectPortal as ft, SelectContent as mt, SelectViewport as ht, SelectTrigger as vt, SelectValue as _t, SelectIcon as gt, SelectItem as yt, SelectItemIndicator as Ct, SelectItemText as bt, SelectLabel as $t, ComboboxRoot as Bt, injectComboboxRootContext as xt, useForwardPropsEmits as Se, ComboboxAnchor as St, ComboboxInput as ve, ComboboxTrigger as wt, ComboboxPortal as zt, ComboboxContent as It, ComboboxViewport as kt, ComboboxItem as Vt, ComboboxItemIndicator as Tt, ComboboxLabel as At, RadioGroupRoot as we, RadioGroupItem as ze, TabsList as Rt, TabsIndicator as Pt, TabsTrigger as Ot, AccordionRoot as Dt, AccordionItem as Ft, AccordionContent as Mt, AccordionTrigger as jt, CollapsibleContent as Lt, TooltipProvider as Gt, TooltipRoot as Ht, TooltipTrigger as Et, TooltipPortal as Wt, TooltipContent as Ut, TooltipArrow as qt, ProgressRoot as Nt, ProgressIndicator as Kt } from "reka-ui";
+import { AlertDialogAction as hs, AlertDialogCancel as vs, AlertDialogDescription as _s, AlertDialogRoot as gs, AlertDialogTitle as ys, AlertDialogTrigger as Cs, CollapsibleRoot as bs, CollapsibleTrigger as $s, ComboboxEmpty as Bs, ComboboxGroup as xs, DialogClose as Ss, DialogDescription as ws, DialogRoot as zs, DialogTitle as Is, DialogTrigger as ks, DropdownMenuRoot as Vs, DropdownMenuTrigger as Ts, PopoverClose as As, PopoverRoot as Rs, PopoverTrigger as Ps, RadioGroupItem as Os, SelectGroup as Ds, TabsContent as Fs, TabsRoot as Ms } from "reka-ui";
+import { Icon as k } from "@iconify/vue";
+import { Icon as Ls } from "@iconify/vue";
 function q(s, e, t) {
-  const o = T(s), l = xe(e);
+  const o = V(s), l = xe(e);
   return C(() => ({
     ...fe(o.value, t),
     ...l
   }));
 }
 function Qt(s, e) {
-  const t = T(s), o = C(() => fe(t.value, e)), l = C(() => R(t.value, e));
+  const t = V(s), o = C(() => fe(t.value, e)), l = C(() => R(t.value, e));
   return [o, l];
 }
 function N(s, e, t) {
-  const o = T(s), l = xe(e), n = C(() => ({
+  const o = V(s), l = xe(e), n = C(() => ({
     ...fe(o.value, t),
     ...l
   })), i = C(() => R(o.value, t));
@@ -42,7 +42,7 @@ function _e(s) {
 function Zt(s, e) {
   return (e ? "-" : "") + s.toLowerCase();
 }
-const _a = /* @__PURE__ */ h({
+const _a = /* @__PURE__ */ m({
   __name: "Avatar",
   props: {
     src: {},
@@ -54,22 +54,27 @@ const _a = /* @__PURE__ */ h({
     color: {}
   },
   setup(s) {
-    const e = s, t = C(() => R(e, ["size", "variant"])), o = C(() => e.fallback ? e.fallback : e.alt.split(/\s+/).map((l) => l[0]).slice(0, 2).join(""));
-    return (l, n) => (r(), d(a(Ee), {
-      class: k(["ui-Avatar", t.value]),
+    const e = s, t = C(() => R(e, ["size", "variant"])), o = C(() => {
+      if (e.fallback)
+        return e.fallback;
+      const l = e.alt.split(/\s+/).map((n) => n[0]);
+      return e.size === "1" ? l[0] : l.slice(0, 2).join("");
+    });
+    return (l, n) => (r(), d(a(He), {
+      class: I(["ui-Avatar", t.value]),
       "data-accent-color": e.color,
       "data-radius": e.radius
     }, {
       default: c(() => [
-        p(a(je), {
+        p(a(Ee), {
           alt: e.alt,
           src: e.src || ""
         }, null, 8, ["alt", "src"]),
         p(a(We), {
-          class: k(`r-count-${o.value.length}`)
+          class: I(`r-count-${o.value.length}`)
         }, {
           default: c(() => [
-            L(V(o.value), 1)
+            j(T(o.value), 1)
           ]),
           _: 1
         }, 8, ["class"])
@@ -77,7 +82,7 @@ const _a = /* @__PURE__ */ h({
       _: 1
     }, 8, ["class", "data-accent-color", "data-radius"]));
   }
-}), ga = /* @__PURE__ */ h({
+}), ga = /* @__PURE__ */ m({
   __name: "Badge",
   props: {
     variant: { default: "soft" },
@@ -86,12 +91,12 @@ const _a = /* @__PURE__ */ h({
     size: { default: "1" },
     highContrast: { type: Boolean, default: void 0 },
     asChild: { type: Boolean },
-    as: { default: "span" }
+    as: { type: [String, Object, Function], default: "span" }
   },
   setup(s) {
     const e = s, t = C(() => R(e, ["size", "variant", "highContrast"]));
     return (o, l) => (r(), d(a(U), {
-      class: k(["ui-Badge", t.value]),
+      class: I(["ui-Badge", t.value]),
       as: e.as,
       "as-child": e.asChild,
       "data-accent-color": e.color,
@@ -103,7 +108,7 @@ const _a = /* @__PURE__ */ h({
       _: 3
     }, 8, ["class", "as", "as-child", "data-accent-color", "data-radius"]));
   }
-}), Jt = ["data-side", "data-clip"], Xt = /* @__PURE__ */ h({
+}), Jt = ["data-side", "data-clip"], Xt = /* @__PURE__ */ m({
   __name: "Inset",
   props: {
     side: { default: "all" },
@@ -119,19 +124,19 @@ const _a = /* @__PURE__ */ h({
       _(t.$slots, "default")
     ], 8, Jt));
   }
-}), Yt = /* @__PURE__ */ h({
+}), Yt = /* @__PURE__ */ m({
   __name: "Card",
   props: {
     variant: { default: "surface" },
     radius: {},
     size: { default: "1" },
     asChild: { type: Boolean },
-    as: { default: "div" }
+    as: { type: [String, Object, Function], default: "div" }
   },
   setup(s) {
     const e = s, t = C(() => R(e, ["size", "variant"]));
     return (o, l) => (r(), d(a(U), {
-      class: k(["ui-Card", t.value]),
+      class: I(["ui-Card", t.value]),
       "as-child": e.asChild,
       as: e.as,
       "data-radius": e.radius
@@ -142,12 +147,12 @@ const _a = /* @__PURE__ */ h({
       _: 3
     }, 8, ["class", "as-child", "as", "data-radius"]));
   }
-}), ya = /* @__PURE__ */ h({
+}), ya = /* @__PURE__ */ m({
   __name: "CardHead",
   props: {
     color: {},
     asChild: { type: Boolean },
-    as: { default: "div" }
+    as: { type: [String, Object, Function], default: "div" }
   },
   setup(s) {
     const e = s;
@@ -162,7 +167,7 @@ const _a = /* @__PURE__ */ h({
       _: 3
     }, 8, ["as", "data-accent-color"]));
   }
-}), W = /* @__PURE__ */ h({
+}), W = /* @__PURE__ */ m({
   __name: "Button",
   props: {
     color: {},
@@ -172,12 +177,12 @@ const _a = /* @__PURE__ */ h({
     highContrast: { type: Boolean, default: !1 },
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: { default: "button" }
+    as: { type: [String, Object, Function], default: "button" }
   },
   setup(s) {
     const e = s, t = C(() => R(e, ["size", "variant", "highContrast"]));
     return (o, l) => (r(), d(a(U), {
-      class: k(["ui-Button", t.value]),
+      class: I(["ui-Button", t.value]),
       "as-child": e.asChild,
       as: e.as,
       "data-accent-color": e.color,
@@ -190,7 +195,7 @@ const _a = /* @__PURE__ */ h({
       _: 3
     }, 8, ["class", "as-child", "as", "data-accent-color", "data-radius", "data-disabled"]));
   }
-}), Y = /* @__PURE__ */ h({
+}), Y = /* @__PURE__ */ m({
   __name: "IconButton",
   props: {
     color: {},
@@ -200,10 +205,10 @@ const _a = /* @__PURE__ */ h({
     highContrast: { type: Boolean },
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(s) {
-    const t = T(s);
+    const t = V(s);
     return (o, l) => (r(), d(W, g({ class: "ui-IconButton" }, a(t)), {
       default: c(() => [
         _(o.$slots, "default")
@@ -219,7 +224,7 @@ const _a = /* @__PURE__ */ h({
   apple: "simple-icons:apple",
   slack: "logos:slack-icon",
   figma: "logos:figma"
-}, Ca = /* @__PURE__ */ h({
+}, Ca = /* @__PURE__ */ m({
   __name: "SocialButton",
   props: {
     brand: {},
@@ -227,19 +232,19 @@ const _a = /* @__PURE__ */ h({
     size: { default: "2" },
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: { default: "button" }
+    as: { type: [String, Object, Function], default: "button" }
   },
   setup(s) {
     const e = s, t = C(() => R(e, ["size", "brand"])), o = C(() => eo[e.brand]);
     return (l, n) => (r(), d(a(U), {
-      class: k(["ui-Button ui-SocialButton", t.value]),
+      class: I(["ui-Button ui-SocialButton", t.value]),
       "as-child": e.asChild,
       as: e.as,
       "data-radius": e.radius,
       "data-disabled": e.disabled ? !0 : void 0
     }, {
       default: c(() => [
-        o.value ? (r(), d(a(I), {
+        o.value ? (r(), d(a(k), {
           key: 0,
           icon: o.value
         }, null, 8, ["icon"])) : z("", !0),
@@ -248,7 +253,7 @@ const _a = /* @__PURE__ */ h({
       _: 3
     }, 8, ["class", "as-child", "as", "data-radius", "data-disabled"]));
   }
-}), ke = /* @__PURE__ */ h({
+}), Ie = /* @__PURE__ */ m({
   __name: "ScrollArea",
   props: {
     size: { default: "1" },
@@ -305,10 +310,11 @@ const _a = /* @__PURE__ */ h({
           "class-name": "ui-ScrollAreaCorner"
         })) : z("", !0)
       ]),
-      _: 3
+      _: 3,
+      __: [0]
     }, 8, ["as-child", "dir", "scroll-hide-delay", "type", "data-radius"]));
   }
-}), to = { class: "ui-DialogScroll" }, oo = ["data-align"], ba = /* @__PURE__ */ h({
+}), to = { class: "ui-DialogScroll" }, oo = ["data-align"], ba = /* @__PURE__ */ m({
   inheritAttrs: !1,
   __name: "AlertDialogContent",
   props: {
@@ -383,7 +389,7 @@ const _a = /* @__PURE__ */ h({
       _: 3
     }, 8, ["to"]));
   }
-}), ao = { class: "ui-DialogScroll" }, so = ["data-align"], $a = /* @__PURE__ */ h({
+}), ao = { class: "ui-DialogScroll" }, so = ["data-align"], $a = /* @__PURE__ */ m({
   inheritAttrs: !1,
   __name: "DialogContent",
   props: {
@@ -458,7 +464,7 @@ const _a = /* @__PURE__ */ h({
       _: 3
     }, 8, ["to"]));
   }
-}), Ba = /* @__PURE__ */ h({
+}), Ba = /* @__PURE__ */ m({
   __name: "DialogHead",
   props: {
     title: {}
@@ -472,7 +478,7 @@ const _a = /* @__PURE__ */ h({
       default: c(() => [
         p(a(Xe), { class: "font-semibold" }, {
           default: c(() => [
-            L(V(e.title), 1)
+            j(T(e.title), 1)
           ]),
           _: 1
         }),
@@ -486,7 +492,7 @@ const _a = /* @__PURE__ */ h({
           "aria-label": "Close"
         }, {
           default: c(() => [
-            p(a(I), { icon: "lucide:x" })
+            p(a(k), { icon: "lucide:x" })
           ]),
           _: 1
         }, 8, ["as"])
@@ -494,7 +500,7 @@ const _a = /* @__PURE__ */ h({
       _: 1
     }));
   }
-}), lo = { class: "ui-MenuViewport" }, [no, ro] = oe("ui_DropdownMenuContent"), xa = /* @__PURE__ */ h({
+}), lo = { class: "ui-MenuViewport" }, [no, ro] = oe("ui_DropdownMenuContent"), xa = /* @__PURE__ */ m({
   inheritAttrs: !1,
   __name: "DropdownMenuContent",
   props: {
@@ -531,13 +537,13 @@ const _a = /* @__PURE__ */ h({
       "variant",
       "color",
       "highContrast"
-    ]), { forwardRef: n } = M(), { size: i, variant: u, color: y, highContrast: v } = ee(t);
-    return ro({ size: i, variant: u, color: y, highContrast: v }), (m, f) => (r(), d(a(et), {
+    ]), { forwardRef: n } = F(), { size: i, variant: u, color: y, highContrast: v } = ee(t);
+    return ro({ size: i, variant: u, color: y, highContrast: v }), (h, f) => (r(), d(a(et), {
       to: t.to
     }, {
       default: c(() => [
         p(a(tt), g({
-          ...m.$attrs,
+          ...h.$attrs,
           ...a(l)
         }, {
           ref: a(n),
@@ -546,10 +552,10 @@ const _a = /* @__PURE__ */ h({
           "data-size": t.size
         }), {
           default: c(() => [
-            p(ke, { type: "auto" }, {
+            p(Ie, { type: "auto" }, {
               default: c(() => [
                 b("div", lo, [
-                  _(m.$slots, "default")
+                  _(h.$slots, "default")
                 ])
               ]),
               _: 3
@@ -561,7 +567,7 @@ const _a = /* @__PURE__ */ h({
       _: 3
     }, 8, ["to"]));
   }
-}), io = ["textContent"], wa = /* @__PURE__ */ h({
+}), io = ["textContent"], Sa = /* @__PURE__ */ m({
   __name: "DropdownMenuItem",
   props: {
     color: {},
@@ -569,12 +575,12 @@ const _a = /* @__PURE__ */ h({
     disabled: { type: Boolean },
     textValue: {},
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   emits: ["select"],
   setup(s, { emit: e }) {
     const t = s, l = q(t, e, ["color", "shortcut"]);
-    M();
+    F();
     const n = no();
     return (i, u) => {
       var y;
@@ -590,14 +596,14 @@ const _a = /* @__PURE__ */ h({
           t.shortcut ? (r(), $("div", {
             key: 0,
             class: "ui-MenuShortcut",
-            textContent: V(t.shortcut)
+            textContent: T(t.shortcut)
           }, null, 8, io)) : z("", !0)
         ]),
         _: 3
       }, 16, ["data-accent-color", "data-size", "data-variant", "data-high-contrast"]);
     };
   }
-}), Sa = /* @__PURE__ */ h({
+}), wa = /* @__PURE__ */ m({
   inheritAttrs: !1,
   __name: "PopoverContent",
   props: {
@@ -643,7 +649,7 @@ const _a = /* @__PURE__ */ h({
       _: 3
     }, 8, ["to"]));
   }
-}), za = /* @__PURE__ */ h({
+}), za = /* @__PURE__ */ m({
   __name: "Switch",
   props: {
     color: {},
@@ -696,7 +702,7 @@ const _a = /* @__PURE__ */ h({
 }, po = {
   key: 1,
   d: "M20 6 9 17l-5-5"
-}, Ie = /* @__PURE__ */ h({
+}, ke = /* @__PURE__ */ m({
   __name: "Checkbox",
   props: {
     color: {},
@@ -726,8 +732,8 @@ const _a = /* @__PURE__ */ h({
           "as-child": ""
         }, {
           default: c(() => [
-            a(l).checked !== !1 ? (r(), $("svg", co, [
-              a(l).checked === "indeterminate" ? (r(), $("path", uo)) : (r(), $("path", po))
+            o.modelValue !== !1 ? (r(), $("svg", co, [
+              o.modelValue === "indeterminate" ? (r(), $("path", uo)) : (r(), $("path", po))
             ])) : z("", !0)
           ]),
           _: 1
@@ -736,13 +742,13 @@ const _a = /* @__PURE__ */ h({
       _: 1
     }, 16, ["class", "data-accent-color"]));
   }
-}), [Te, fo] = oe("ui_CheckboxGroupRoot"), ka = /* @__PURE__ */ h({
+}), [Ve, fo] = oe("ui_CheckboxGroupRoot"), Ia = /* @__PURE__ */ m({
   __name: "CheckboxGroupRoot",
   props: /* @__PURE__ */ Q({
     disabled: { type: Boolean },
     name: {},
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   }, {
     modelValue: {
       default: []
@@ -752,47 +758,47 @@ const _a = /* @__PURE__ */ h({
   emits: ["update:modelValue"],
   setup(s) {
     const e = s, { disabled: t, name: o } = ee(e), l = P([]), [n, i] = Z(s, "modelValue", {
-      set(m) {
-        return i.number ? m = m.map((f) => Number(f)) : i.trim && (m = m.map((f) => f.trim())), m;
+      set(h) {
+        return i.number ? h = h.map((f) => Number(f)) : i.trim && (h = h.map((f) => f.trim())), h;
       }
     }), u = C(() => n.value || []), y = C(() => {
-      var m, f;
-      return l.value.length ? ((m = n.value) == null ? void 0 : m.length) === l.value.length ? !0 : (f = n.value) != null && f.length ? "indeterminate" : !1 : !1;
-    }), v = (m) => {
+      var h, f;
+      return l.value.length ? ((h = n.value) == null ? void 0 : h.length) === l.value.length ? !0 : (f = n.value) != null && f.length ? "indeterminate" : !1 : !1;
+    }), v = (h) => {
       var B, A;
-      const f = (B = n.value) == null ? void 0 : B.indexOf(m);
+      const f = (B = n.value) == null ? void 0 : B.indexOf(h);
       f !== -1 && f !== void 0 && ((A = n.value) == null || A.splice(f, 1));
     };
     return fo({
       selected: u,
       checked: y,
-      addModelValue: (m) => {
+      addModelValue: (h) => {
         var f, B;
-        ((f = n.value) == null ? void 0 : f.indexOf(m)) === -1 && ((B = n.value) == null || B.push(m));
+        ((f = n.value) == null ? void 0 : f.indexOf(h)) === -1 && ((B = n.value) == null || B.push(h));
       },
       removeModelValue: v,
-      toggleModelValue: (m) => {
-        m ? n.value = [...l.value] : n.value = [];
+      toggleModelValue: (h) => {
+        h ? n.value = [...l.value] : n.value = [];
       },
-      initAllValue: (m) => {
-        l.value.push(m);
+      initAllValue: (h) => {
+        l.value.push(h);
       },
-      removeAllValue: (m) => {
-        l.value.splice(l.value.indexOf(m), 1), v(m);
+      removeAllValue: (h) => {
+        l.value.splice(l.value.indexOf(h), 1), v(h);
       },
       disabled: t,
       name: o == null ? void 0 : o.value
-    }), (m, f) => (r(), d(a(U), {
+    }), (h, f) => (r(), d(a(U), {
       as: e.as,
       "as-child": e.asChild
     }, {
       default: c(() => [
-        _(m.$slots, "default")
+        _(h.$slots, "default")
       ]),
       _: 3
     }, 8, ["as", "as-child"]));
   }
-}), Ia = /* @__PURE__ */ h({
+}), ka = /* @__PURE__ */ m({
   __name: "CheckboxGroupItem",
   props: {
     value: {},
@@ -805,14 +811,14 @@ const _a = /* @__PURE__ */ h({
     disabled: { type: Boolean },
     id: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     name: {},
     required: { type: Boolean }
   },
   setup(s) {
-    const e = s, t = T(e);
-    M();
-    const o = Te(), l = C(() => {
+    const e = s, t = V(e);
+    F();
+    const o = Ve(), l = C(() => {
       var u;
       return ((u = o.disabled) == null ? void 0 : u.value) || e.disabled;
     }), n = C(() => o.selected.value.indexOf(e.value) !== -1), i = (u) => {
@@ -822,14 +828,14 @@ const _a = /* @__PURE__ */ h({
       o.initAllValue(e.value);
     }), Ce(() => {
       o.removeAllValue(e.value);
-    }), (u, y) => (r(), d(Ie, g({
+    }), (u, y) => (r(), d(ke, g({
       ...a(t),
       name: e.name || a(o).name,
-      checked: n.value,
+      modelValue: n.value,
       disabled: l.value
-    }, { "onUpdate:checked": i }), null, 16));
+    }, { "onUpdate:modelValue": i }), null, 16));
   }
-}), Ta = /* @__PURE__ */ h({
+}), Va = /* @__PURE__ */ m({
   __name: "CheckboxGroupControl",
   props: {
     color: {},
@@ -842,27 +848,27 @@ const _a = /* @__PURE__ */ h({
     value: {},
     id: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     name: {},
     required: { type: Boolean }
   },
   setup(s) {
-    const e = s, t = T(e);
-    M();
-    const o = Te(), l = C(() => {
+    const e = s, t = V(e);
+    F();
+    const o = Ve(), l = C(() => {
       var i;
       return ((i = o.disabled) == null ? void 0 : i.value) || e.disabled;
-    }), n = C(() => o.checked.value);
-    return (i, u) => (r(), d(Ie, g({
+    }), n = (i) => {
+      o.toggleModelValue(i);
+    };
+    return (i, u) => (r(), d(ke, g({
       ...a(t),
       name: e.name || a(o).name,
-      checked: n.value,
+      modelValue: a(o).checked.value,
       disabled: l.value
-    }, {
-      "onUpdate:checked": a(o).toggleModelValue
-    }), null, 16, ["onUpdate:checked"]));
+    }, { "onUpdate:modelValue": n }), null, 16));
   }
-}), Va = /* @__PURE__ */ h({
+}), Ta = /* @__PURE__ */ m({
   __name: "Toggle",
   props: {
     color: {},
@@ -898,7 +904,7 @@ const _a = /* @__PURE__ */ h({
       _: 3
     }, 16, ["class", "data-accent-color", "data-radius"]));
   }
-}), Aa = /* @__PURE__ */ h({
+}), Aa = /* @__PURE__ */ m({
   __name: "ToggleGroupRoot",
   props: {
     color: {},
@@ -939,16 +945,16 @@ const _a = /* @__PURE__ */ h({
       _: 3
     }, 16, ["class", "data-accent-color", "data-radius"]));
   }
-}), Ra = /* @__PURE__ */ h({
+}), Ra = /* @__PURE__ */ m({
   __name: "ToggleGroupItem",
   props: {
     value: {},
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(s) {
-    const t = T(s);
+    const t = V(s);
     return (o, l) => (r(), d(a(dt), g(a(t), { class: "ui-ToggleGroupItem" }), {
       default: c(() => [
         _(o.$slots, "default")
@@ -956,7 +962,7 @@ const _a = /* @__PURE__ */ h({
       _: 3
     }, 16));
   }
-}), ho = ["data-radius", "data-accent-color"], mo = ["id", "type"], vo = {
+}), mo = ["data-radius", "data-accent-color"], ho = ["id", "type"], vo = {
   key: 0,
   class: "ui-TextFieldSlot",
   "data-side": "left"
@@ -964,7 +970,7 @@ const _a = /* @__PURE__ */ h({
   key: 1,
   class: "ui-TextFieldSlot",
   "data-side": "right"
-}, ae = /* @__PURE__ */ h({
+}, ae = /* @__PURE__ */ m({
   inheritAttrs: !1,
   __name: "TextField",
   props: /* @__PURE__ */ Q({
@@ -1001,7 +1007,7 @@ const _a = /* @__PURE__ */ h({
       return e.class && u.push(e.class), u;
     });
     return (u, y) => (r(), $("div", {
-      class: k(["ui-TextField", i.value]),
+      class: I(["ui-TextField", i.value]),
       "data-radius": e.radius,
       "data-accent-color": e.color,
       onPointerdown: o
@@ -1012,8 +1018,8 @@ const _a = /* @__PURE__ */ h({
         ref: t,
         "onUpdate:modelValue": y[0] || (y[0] = (v) => be(l) ? l.value = v : null),
         type: e.type
-      }, u.$attrs, { class: "ui-TextFieldInput" }), null, 16, mo), [
-        [Oe, a(l)]
+      }, u.$attrs, { class: "ui-TextFieldInput" }), null, 16, ho), [
+        [De, a(l)]
       ]),
       u.$slots.left ? (r(), $("div", vo, [
         _(u.$slots, "left")
@@ -1021,9 +1027,9 @@ const _a = /* @__PURE__ */ h({
       u.$slots.right ? (r(), $("div", _o, [
         _(u.$slots, "right")
       ])) : z("", !0)
-    ], 42, ho));
+    ], 42, mo));
   }
-}), go = ["data-accent-color"], Pa = /* @__PURE__ */ h({
+}), go = ["data-accent-color"], Pa = /* @__PURE__ */ m({
   inheritAttrs: !1,
   __name: "TextArea",
   props: /* @__PURE__ */ Q({
@@ -1046,7 +1052,7 @@ const _a = /* @__PURE__ */ h({
       return e.class && l.push(e.class), l;
     });
     return (l, n) => (r(), $("div", {
-      class: k(["ui-TextArea", o.value]),
+      class: I(["ui-TextArea", o.value]),
       "data-accent-color": e.color
     }, [
       te(b("textarea", g({
@@ -1056,7 +1062,7 @@ const _a = /* @__PURE__ */ h({
       ])
     ], 10, go));
   }
-}), yo = ["data-radius"], Co = ["id"], Da = /* @__PURE__ */ h({
+}), yo = ["data-radius"], Co = ["id"], Oa = /* @__PURE__ */ m({
   __name: "ColorField",
   props: /* @__PURE__ */ Q({
     id: {},
@@ -1073,7 +1079,7 @@ const _a = /* @__PURE__ */ h({
   setup(s) {
     const e = s, t = Z(s, "modelValue"), o = C(() => R(e, ["size", "variant"]));
     return (l, n) => (r(), $("div", {
-      class: k(["ui-ColorField", o.value]),
+      class: I(["ui-ColorField", o.value]),
       "data-radius": e.radius,
       style: Be({ "--color-field-border-color": t.value })
     }, [
@@ -1087,7 +1093,7 @@ const _a = /* @__PURE__ */ h({
       ])
     ], 14, yo));
   }
-}), [Ve, bo] = oe("ui_SelectRoot"), Oa = /* @__PURE__ */ h({
+}), [Te, bo] = oe("ui_SelectRoot"), Da = /* @__PURE__ */ m({
   __name: "SelectRoot",
   props: {
     size: { default: "2" },
@@ -1112,14 +1118,14 @@ const _a = /* @__PURE__ */ h({
       size: l,
       color: n,
       highContrast: i
-    }), (y, v) => (r(), d(a(pt), Me(Fe(a(u))), {
+    }), (y, v) => (r(), d(a(pt), Fe(Me(a(u))), {
       default: c(() => [
         _(y.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Ma = /* @__PURE__ */ h({
+}), Fa = /* @__PURE__ */ m({
   inheritAttrs: !1,
   __name: "SelectContent",
   props: {
@@ -1147,7 +1153,7 @@ const _a = /* @__PURE__ */ h({
     as: {}
   },
   setup(s) {
-    const e = s, t = T(e), { forwardRef: o } = M(), l = Ve(), n = C(() => {
+    const e = s, t = V(e), { forwardRef: o } = F(), l = Te(), n = C(() => {
       const i = ["r-size-" + l.size.value, "r-variant-" + e.variant];
       return l.highContrast.value && i.push("r-high-contrast"), e.position === "popper" && i.push("ui-PopperContent"), i;
     });
@@ -1155,7 +1161,7 @@ const _a = /* @__PURE__ */ h({
       to: e.to
     }, {
       default: c(() => [
-        p(a(ht), g({ ref: a(o) }, {
+        p(a(mt), g({ ref: a(o) }, {
           ...i.$attrs,
           ...a(t),
           to: void 0,
@@ -1170,7 +1176,7 @@ const _a = /* @__PURE__ */ h({
               class: "ui-ScrollArea"
             }, {
               default: c(() => [
-                p(a(mt), {
+                p(a(ht), {
                   class: "ui-SelectViewport",
                   "as-child": ""
                 }, {
@@ -1193,7 +1199,8 @@ const _a = /* @__PURE__ */ h({
                       _: 1
                     })
                   ]),
-                  _: 3
+                  _: 3,
+                  __: [0]
                 })
               ]),
               _: 3
@@ -1205,7 +1212,7 @@ const _a = /* @__PURE__ */ h({
       _: 3
     }, 8, ["to"]));
   }
-}), $o = { class: "ui-SelectTriggerInner" }, Fa = /* @__PURE__ */ h({
+}), $o = { class: "ui-SelectTriggerInner" }, Ma = /* @__PURE__ */ m({
   __name: "SelectTrigger",
   props: {
     variant: { default: "surface" },
@@ -1217,9 +1224,9 @@ const _a = /* @__PURE__ */ h({
     as: {}
   },
   setup(s) {
-    const e = s, t = Ve(), o = C(() => [`r-variant-${e.variant}`, `r-size-${t.size.value}`]);
+    const e = s, t = Te(), o = C(() => [`r-variant-${e.variant}`, `r-size-${t.size.value}`]);
     return (l, n) => (r(), d(a(vt), {
-      class: k(["ui-SelectTrigger", o.value]),
+      class: I(["ui-SelectTrigger", o.value]),
       disabled: e.disabled,
       "data-accent-color": a(t).color.value,
       "data-radius": e.radius
@@ -1235,9 +1242,9 @@ const _a = /* @__PURE__ */ h({
                 selectedLabel: i,
                 modelValue: u
               }, () => [
-                L(V(i.join(", ")), 1)
-              ]) : (r(), $(H, { key: 1 }, [
-                L(V(e.placeholder), 1)
+                j(T(i.join(", ")), 1)
+              ]) : (r(), $(G, { key: 1 }, [
+                j(T(e.placeholder), 1)
               ], 64))
             ]),
             _: 3
@@ -1245,7 +1252,7 @@ const _a = /* @__PURE__ */ h({
         ]),
         p(a(gt), { "as-child": "" }, {
           default: c(() => [
-            p(a(I), {
+            p(a(k), {
               class: "ui-SelectIcon",
               icon: "radix-icons:chevron-down"
             })
@@ -1256,22 +1263,22 @@ const _a = /* @__PURE__ */ h({
       _: 3
     }, 8, ["class", "disabled", "data-accent-color", "data-radius"]));
   }
-}), La = /* @__PURE__ */ h({
+}), ja = /* @__PURE__ */ m({
   __name: "SelectItem",
   props: {
     value: {},
     disabled: { type: Boolean },
     textValue: {},
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(s) {
-    const t = T(s);
-    return M(), (o, l) => (r(), d(a(yt), g({ class: "ui-SelectItem" }, a(t)), {
+    const t = V(s);
+    return F(), (o, l) => (r(), d(a(yt), g({ class: "ui-SelectItem" }, a(t)), {
       default: c(() => [
         p(a(Ct), { class: "ui-SelectItemIndicator" }, {
           default: c(() => [
-            p(a(I), { icon: "radix-icons:check" })
+            p(a(k), { icon: "radix-icons:check" })
           ]),
           _: 1
         }),
@@ -1285,16 +1292,16 @@ const _a = /* @__PURE__ */ h({
       _: 3
     }, 16));
   }
-}), Ga = /* @__PURE__ */ h({
+}), La = /* @__PURE__ */ m({
   __name: "SelectLabel",
   props: {
     for: {},
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(s) {
-    const t = T(s);
-    return M(), (o, l) => (r(), d(a($t), g({ class: "ui-SelectLabel" }, a(t)), {
+    const t = V(s);
+    return F(), (o, l) => (r(), d(a($t), g({ class: "ui-SelectLabel" }, a(t)), {
       default: c(() => [
         _(o.$slots, "default")
       ]),
@@ -1306,14 +1313,14 @@ const _a = /* @__PURE__ */ h({
   for (const [o, l] of e)
     t[o] = l;
   return t;
-}, xo = {}, wo = {
+}, xo = {}, So = {
   class: "ui-SelectSeparator",
   "aria-hidden": "true"
 };
-function So(s, e) {
-  return r(), $("div", wo);
+function wo(s, e) {
+  return r(), $("div", So);
 }
-const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxRoot"), Ea = /* @__PURE__ */ h({
+const Ga = /* @__PURE__ */ Bo(xo, [["render", wo]]), [zo, Io] = oe("ui_ComboboxRoot"), Ha = /* @__PURE__ */ m({
   __name: "ComboboxRoot",
   props: {
     size: { default: "2" },
@@ -1339,11 +1346,11 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
   emits: ["update:modelValue", "highlight", "update:open"],
   setup(s, { emit: e }) {
     const t = s, o = e, { size: l, color: n, highContrast: i } = ee(t), [u, y] = N(t, o, ["size", "color", "highContrast"]);
-    return ko({
+    return Io({
       size: l,
       color: n,
       highContrast: i
-    }), (v, m) => (r(), d(a(Bt), g({
+    }), (v, h) => (r(), d(a(Bt), g({
       class: ["ui-ComboboxRoot", a(y)]
     }, a(u)), {
       default: c(() => [
@@ -1352,10 +1359,10 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       _: 3
     }, 16, ["class"]));
   }
-}), Io = {
+}), ko = {
   key: 0,
   class: "ui-ComboboxValues"
-}, To = ["aria-current", "value"], Vo = ["onClick"], ja = /* @__PURE__ */ h({
+}, Vo = ["aria-current", "value"], To = ["onClick"], Ea = /* @__PURE__ */ m({
   inheritAttrs: !1,
   __name: "ComboboxInput",
   props: {
@@ -1371,39 +1378,39 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = xt(), n = we(s, e), i = P(-1), u = C(() => t.modelValue.value), y = (f) => typeof f == "object" ? JSON.stringify(f) : f.toString(), v = (f) => {
+    const t = xt(), n = Se(s, e), i = P(-1), u = C(() => t.modelValue.value), y = (f) => typeof f == "object" ? JSON.stringify(f) : f.toString(), v = (f) => {
       i.value = f, t.modelValue.value.splice(f, 1), i.value = -1;
-    }, m = (f) => {
+    }, h = (f) => {
       !f.target.value && (f.key === "Delete" || f.key === "Backspace") && (i.value !== -1 ? v(i.value) : (i.value = u.value.length - 1, setTimeout(() => {
         i.value = -1;
       }, 800)));
     };
-    return Le(u, () => {
+    return je(u, () => {
       t.filterState.search = "";
-    }, { deep: !0 }), (f, B) => (r(), d(a(wt), {
-      class: k(["ui-ComboboxField", `r-variant-${f.variant}`]),
+    }, { deep: !0 }), (f, B) => (r(), d(a(St), {
+      class: I(["ui-ComboboxField", `r-variant-${f.variant}`]),
       "data-radius": f.radius,
       "data-multiple": a(t).multiple.value || void 0
     }, {
       default: c(() => [
-        a(t).multiple.value ? (r(), $("div", Io, [
-          (r(!0), $(H, null, j(u.value, (A, F) => (r(), $("div", {
+        a(t).multiple.value ? (r(), $("div", ko, [
+          (r(!0), $(G, null, E(u.value, (A, M) => (r(), $("div", {
             key: y(A),
             class: "ui-ComboboxValuesItem",
-            "aria-current": F === i.value,
+            "aria-current": M === i.value,
             value: A
           }, [
             _(f.$slots, "item", { value: A }, () => [
-              b("span", null, V(y(A)), 1)
+              b("span", null, T(y(A)), 1)
             ]),
             b("button", {
               type: "button",
               tabindex: "-1",
-              onClick: D((E) => v(F), ["prevent"])
+              onClick: O((H) => v(M), ["prevent"])
             }, [
-              p(a(I), { icon: "lucide:x" })
-            ], 8, Vo)
-          ], 8, To))), 128)),
+              p(a(k), { icon: "lucide:x" })
+            ], 8, To)
+          ], 8, Vo))), 128)),
           p(a(ve), g({
             ...f.$attrs,
             ...a(n),
@@ -1411,7 +1418,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
             radius: void 0
           }, {
             class: "ui-ComboboxInput",
-            onKeydown: m
+            onKeydown: h
           }), null, 16)
         ])) : (r(), d(a(ve), g({
           key: 1,
@@ -1422,9 +1429,9 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
           variant: void 0,
           radius: void 0
         }), null, 16)),
-        p(a(St), { class: "ui-ComboboxTrigger" }, {
+        p(a(wt), { class: "ui-ComboboxTrigger" }, {
           default: c(() => [
-            p(a(I), { icon: "radix-icons:chevron-down" })
+            p(a(k), { icon: "radix-icons:chevron-down" })
           ]),
           _: 1
         })
@@ -1432,7 +1439,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       _: 3
     }, 8, ["class", "data-radius", "data-multiple"]));
   }
-}), Wa = /* @__PURE__ */ h({
+}), Wa = /* @__PURE__ */ m({
   inheritAttrs: !1,
   __name: "ComboboxContent",
   props: {
@@ -1462,7 +1469,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
   setup(s, { emit: e }) {
-    const { forwardRef: t } = M(), o = s, n = we(o, e), i = zo(), u = C(() => {
+    const { forwardRef: t } = F(), o = s, n = Se(o, e), i = zo(), u = C(() => {
       const y = ["r-size-" + i.size.value, "r-variant-" + o.variant];
       return i.highContrast.value && y.push("r-high-contrast"), y;
     });
@@ -1470,7 +1477,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       to: o.to
     }, {
       default: c(() => [
-        p(a(kt), g({ ref: a(t) }, {
+        p(a(It), g({ ref: a(t) }, {
           ...y.$attrs,
           ...a(n),
           position: "popper",
@@ -1486,7 +1493,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
               class: "ui-ScrollArea"
             }, {
               default: c(() => [
-                p(a(It), {
+                p(a(kt), {
                   class: "ui-ComboboxViewport",
                   "as-child": ""
                 }, {
@@ -1512,7 +1519,8 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
                   _: 1
                 })
               ]),
-              _: 3
+              _: 3,
+              __: [0]
             })
           ]),
           _: 3
@@ -1521,22 +1529,22 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       _: 3
     }, 8, ["to"]));
   }
-}), Ua = /* @__PURE__ */ h({
+}), Ua = /* @__PURE__ */ m({
   __name: "ComboboxItem",
   props: {
     textValue: {},
     value: {},
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(s) {
-    const t = T(s);
-    return (o, l) => (r(), d(a(Tt), g({ class: "ui-ComboboxItem" }, a(t)), {
+    const t = V(s);
+    return (o, l) => (r(), d(a(Vt), g({ class: "ui-ComboboxItem" }, a(t)), {
       default: c(() => [
-        p(a(Vt), { class: "ui-ComboboxItemIndicator" }, {
+        p(a(Tt), { class: "ui-ComboboxItemIndicator" }, {
           default: c(() => [
-            p(a(I), { icon: "radix-icons:check" })
+            p(a(k), { icon: "radix-icons:check" })
           ]),
           _: 1
         }),
@@ -1545,23 +1553,23 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       _: 3
     }, 16));
   }
-}), qa = /* @__PURE__ */ h({
+}), qa = /* @__PURE__ */ m({
   __name: "ComboboxLabel",
   props: {
     for: {},
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(s) {
-    const t = T(s);
-    return M(), (o, l) => (r(), d(a(At), g({ class: "ui-ComboboxLabel" }, a(t)), {
+    const t = V(s);
+    return F(), (o, l) => (r(), d(a(At), g({ class: "ui-ComboboxLabel" }, a(t)), {
       default: c(() => [
         _(o.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Ao = ["data-accent-color"], Na = /* @__PURE__ */ h({
+}), Ao = ["data-accent-color"], Na = /* @__PURE__ */ m({
   __name: "Radio",
   props: /* @__PURE__ */ Q({
     color: {},
@@ -1583,14 +1591,14 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
     }), l = C(() => R(e, ["size", "variant", "highContrast"]));
     return (n, i) => te((r(), $("input", {
       "onUpdate:modelValue": i[0] || (i[0] = (u) => be(t) ? t.value = u : null),
-      class: k(["ui-Radio", l.value]),
+      class: I(["ui-Radio", l.value]),
       type: "radio",
       "data-accent-color": e.color
     }, null, 10, Ao)), [
-      [Ge, a(t)]
+      [Le, a(t)]
     ]);
   }
-}), [Ae, Ro] = oe("ui_RadioGroupRoot"), Ka = /* @__PURE__ */ h({
+}), [Ae, Ro] = oe("ui_RadioGroupRoot"), Ka = /* @__PURE__ */ m({
   __name: "RadioGroupRoot",
   props: {
     color: {},
@@ -1611,26 +1619,26 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
     const t = e, o = s, l = q(o, t, ["color", "size", "variant", "highContrast"]), { size: n, variant: i, color: u, highContrast: y } = ee(o);
-    return Ro({ size: n, variant: i, color: u, highContrast: y }), (v, m) => (r(), d(a(Se), g({ class: "ui-RadioGroupRoot" }, a(l)), {
+    return Ro({ size: n, variant: i, color: u, highContrast: y }), (v, h) => (r(), d(a(we), g({ class: "ui-RadioGroupRoot" }, a(l)), {
       default: c(() => [
         _(v.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Po = { class: "ui-RadioGroupItem" }, Qa = /* @__PURE__ */ h({
+}), Po = { class: "ui-RadioGroupItem" }, Qa = /* @__PURE__ */ m({
   __name: "RadioGroupItem",
   props: {
     id: {},
     value: {},
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     name: {},
     required: { type: Boolean }
   },
   setup(s) {
-    const t = T(s), o = Ae(), l = C(() => {
+    const t = V(s), o = Ae(), l = C(() => {
       var i;
       const n = [
         `r-size-${o.size.value}`,
@@ -1649,20 +1657,20 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       ]);
     };
   }
-}), Za = /* @__PURE__ */ h({
+}), Za = /* @__PURE__ */ m({
   __name: "RadioCardsItem",
   props: {
     id: {},
     value: {},
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     name: {},
     required: { type: Boolean }
   },
   setup(s) {
-    const t = T(s);
-    M();
+    const t = V(s);
+    F();
     const o = Ae();
     return (l, n) => {
       var i, u;
@@ -1687,7 +1695,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       }, 16, ["data-accent-color", "data-size", "data-variant", "data-high-contrast"]);
     };
   }
-}), Ja = /* @__PURE__ */ h({
+}), Ja = /* @__PURE__ */ m({
   __name: "RadioTabsList",
   props: {
     size: { default: "2" },
@@ -1705,7 +1713,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
     const t = e, o = s, [l, n] = N(o, t, ["size"]);
-    return (i, u) => (r(), d(a(Se), g(a(l), {
+    return (i, u) => (r(), d(a(we), g(a(l), {
       class: ["ui-RadioTabsList", a(n)]
     }), {
       default: c(() => [
@@ -1714,7 +1722,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       _: 3
     }, 16, ["class"]));
   }
-}), Xa = /* @__PURE__ */ h({
+}), Xa = /* @__PURE__ */ m({
   __name: "TabsList",
   props: {
     size: { default: "2" },
@@ -1724,7 +1732,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
   setup(s) {
     const e = s, t = C(() => R(e, ["size", "highContrast"]));
     return (o, l) => (r(), d(a(Rt), {
-      class: k(["ui-TabList", t.value]),
+      class: I(["ui-TabList", t.value]),
       "data-accent-color": e.color
     }, {
       default: c(() => [
@@ -1734,29 +1742,29 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       _: 3
     }, 8, ["class", "data-accent-color"]));
   }
-}), Do = { class: "ui-TabTriggerInner" }, Oo = { class: "ui-TabTriggerInnerHidden" }, Ya = /* @__PURE__ */ h({
+}), Oo = { class: "ui-TabTriggerInner" }, Do = { class: "ui-TabTriggerInnerHidden" }, Ya = /* @__PURE__ */ m({
   __name: "TabsTrigger",
   props: {
     value: {},
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(s) {
-    const t = T(s);
-    return (o, l) => (r(), d(a(Dt), g(a(t), { class: "ui-TabTrigger" }), {
+    const t = V(s);
+    return (o, l) => (r(), d(a(Ot), g(a(t), { class: "ui-TabTrigger" }), {
       default: c(() => [
-        b("span", Do, [
+        b("span", Oo, [
           _(o.$slots, "default")
         ]),
-        b("span", Oo, [
+        b("span", Do, [
           _(o.$slots, "default")
         ])
       ]),
       _: 3
     }, 16));
   }
-}), es = /* @__PURE__ */ h({
+}), es = /* @__PURE__ */ m({
   __name: "AccordionRoot",
   props: {
     size: { default: "1" },
@@ -1774,7 +1782,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
     const t = s, o = e, [l, n] = N(t, o, ["size"]);
-    return (i, u) => (r(), d(a(Ot), g(a(l), {
+    return (i, u) => (r(), d(a(Dt), g(a(l), {
       class: ["ui-AccordionRoot", a(n)]
     }), {
       default: c(() => [
@@ -1783,35 +1791,35 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       _: 3
     }, 16, ["class"]));
   }
-}), ts = /* @__PURE__ */ h({
+}), ts = /* @__PURE__ */ m({
   __name: "AccordionItem",
   props: {
     disabled: { type: Boolean },
     value: {},
     unmountOnHide: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(s) {
-    const t = T(s);
-    return (o, l) => (r(), d(a(Mt), g(a(t), { class: "ui-AccordionItem" }), {
+    const t = V(s);
+    return (o, l) => (r(), d(a(Ft), g(a(t), { class: "ui-AccordionItem" }), {
       default: c(() => [
         _(o.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), os = /* @__PURE__ */ h({
+}), os = /* @__PURE__ */ m({
   inheritAttrs: !1,
   __name: "AccordionContent",
   props: {
     forceMount: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(s) {
-    const t = T(s);
-    return (o, l) => (r(), d(a(Ft), g(a(t), { class: "ui-AccordionContent" }), {
+    const t = V(s);
+    return (o, l) => (r(), d(a(Mt), g(a(t), { class: "ui-AccordionContent" }), {
       default: c(() => [
         b("div", g({ class: "ui-AccordionContentInner" }, o.$attrs), [
           _(o.$slots, "default")
@@ -1820,7 +1828,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       _: 3
     }, 16));
   }
-}), Mo = ["data-accent-color"], Fo = /* @__PURE__ */ h({
+}), Fo = ["data-accent-color"], Mo = /* @__PURE__ */ m({
   __name: "PlusMinusIcon",
   props: {
     color: { default: void 0 },
@@ -1829,26 +1837,26 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
   setup(s) {
     const e = s;
     return (t, o) => (r(), $("div", {
-      class: k(["ui-PlusMinusIcon", `r-size-${e.size}`]),
+      class: I(["ui-PlusMinusIcon", `r-size-${e.size}`]),
       "data-accent-color": e.color
     }, o[0] || (o[0] = [
       b("div", { class: "ui-PlusMinusIcon-1" }, null, -1),
       b("div", { class: "ui-PlusMinusIcon-2" }, null, -1)
-    ]), 10, Mo));
+    ]), 10, Fo));
   }
-}), Lo = /* @__PURE__ */ h({
+}), jo = /* @__PURE__ */ m({
   __name: "ChevronIcon",
   props: {
     arrowTransform: { default: "right-down" }
   },
   setup(s) {
-    return (e, t) => (r(), d(a(I), {
+    return (e, t) => (r(), d(a(k), {
       class: "ui-ChevronIcon",
       icon: "lucide:chevron-right",
       "data-arrow-transform": e.arrowTransform
     }, null, 8, ["data-arrow-transform"]));
   }
-}), Go = { class: "ui-AccordionTriggerText" }, as = /* @__PURE__ */ h({
+}), Lo = { class: "ui-AccordionTriggerText" }, as = /* @__PURE__ */ m({
   __name: "AccordionTrigger",
   props: {
     indicator: { default: "chevron" },
@@ -1857,17 +1865,17 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
   },
   setup(s) {
     const e = s, [t, o] = Qt(e, ["size"]);
-    return (l, n) => (r(), d(a(Lt), g({
+    return (l, n) => (r(), d(a(jt), g({
       class: ["ui-AccordionTrigger", a(o)]
     }, a(t)), {
       default: c(() => [
-        b("div", Go, [
+        b("div", Lo, [
           _(l.$slots, "default")
         ]),
-        e.indicator === "plus-minus" ? (r(), d(Fo, {
+        e.indicator === "plus-minus" ? (r(), d(Mo, {
           key: 0,
           class: "ui-AccordionTriggerIcon"
-        })) : e.indicator === "chevron" ? (r(), d(Lo, {
+        })) : e.indicator === "chevron" ? (r(), d(jo, {
           key: 1,
           "arrow-transform": "down-up"
         })) : z("", !0)
@@ -1875,17 +1883,17 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       _: 3
     }, 16, ["class"]));
   }
-}), ss = /* @__PURE__ */ h({
+}), ss = /* @__PURE__ */ m({
   inheritAttrs: !1,
   __name: "CollapsibleContent",
   props: {
     forceMount: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(s) {
-    const t = T(s);
-    return (o, l) => (r(), d(a(Gt), g(a(t), { class: "ui-CollapsibleContent" }), {
+    const t = V(s);
+    return (o, l) => (r(), d(a(Lt), g(a(t), { class: "ui-CollapsibleContent" }), {
       default: c(() => [
         b("div", g({ class: "ui-CollapsibleContentInner" }, o.$attrs), [
           _(o.$slots, "default")
@@ -1894,7 +1902,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       _: 3
     }, 16));
   }
-}), Ho = /* @__PURE__ */ h({
+}), Go = /* @__PURE__ */ m({
   __name: "Pagination",
   props: /* @__PURE__ */ Q({
     total: {},
@@ -1922,18 +1930,18 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       highContrast: e.highContrast,
       disabled: e.disabled
     })), n = C(() => {
-      const v = Math.ceil(e.total / e.perpage), m = t.value > 1 ? t.value - 1 : null, f = t.value < v ? t.value + 1 : null, B = 5 + e.edge * 2, A = v > B && t.value > e.edge + 3, F = v > B && t.value + e.edge + 2 < v, E = [];
+      const v = Math.ceil(e.total / e.perpage), h = t.value > 1 ? t.value - 1 : null, f = t.value < v ? t.value + 1 : null, B = 5 + e.edge * 2, A = v > B && t.value > e.edge + 3, M = v > B && t.value + e.edge + 2 < v, H = [];
       let K = 2, J = v - 1;
-      A && !F ? K = Math.max(4, v - 2 * e.edge - 2) : !A && F ? J = Math.min(2 * e.edge + 3, v - 1) : A && F && (K = t.value - e.edge, J = t.value + e.edge);
+      A && !M ? K = Math.max(4, v - 2 * e.edge - 2) : !A && M ? J = Math.min(2 * e.edge + 3, v - 1) : A && M && (K = t.value - e.edge, J = t.value + e.edge);
       for (let X = K; X <= J; X++)
-        E.push(X);
+        H.push(X);
       return {
         totalPages: v,
-        prev: m,
+        prev: h,
         next: f,
         hasLeftEdge: A,
-        hasRightEdge: F,
-        pageList: E
+        hasRightEdge: M,
+        pageList: H
       };
     }), i = (v) => {
       t.value = v;
@@ -1942,18 +1950,18 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
     }, y = () => {
       i(t.value + e.edge);
     };
-    return (v, m) => (r(), $("div", {
-      class: k(["ui-Pagination", o.value])
+    return (v, h) => (r(), $("div", {
+      class: I(["ui-Pagination", o.value])
     }, [
       n.value.prev ? (r(), d(Y, g({ key: 0 }, l.value, {
         "aria-label": "Previous",
-        onClick: m[0] || (m[0] = D((f) => i(n.value.prev), ["prevent"]))
+        onClick: h[0] || (h[0] = O((f) => i(n.value.prev), ["prevent"]))
       }), {
         default: c(() => [
           _(v.$slots, "prev-page", {
             page: n.value.prev
           }, () => [
-            p(a(I), { icon: "lucide:chevron-left" })
+            p(a(k), { icon: "lucide:chevron-left" })
           ])
         ]),
         _: 3
@@ -1961,50 +1969,47 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       p(W, g(l.value, {
         disabled: t.value === 1,
         "aria-current": "page",
-        onClick: m[1] || (m[1] = D((f) => i(1), ["prevent"]))
+        onClick: h[1] || (h[1] = O((f) => i(1), ["prevent"]))
       }), {
         default: c(() => [
           _(v.$slots, "page", { page: 1 }, () => [
-            m[4] || (m[4] = L("1"))
+            h[4] || (h[4] = j("1"))
           ])
         ]),
         _: 3
       }, 16, ["disabled"]),
       n.value.hasLeftEdge ? (r(), d(Y, g({ key: 1 }, l.value, {
-        onClick: D(u, ["prevent"])
+        onClick: O(u, ["prevent"])
       }), {
         default: c(() => [
           _(v.$slots, "prev-edge", {
             page: t.value - v.edge
           }, () => [
-            p(a(I), { icon: "lucide:ellipsis" })
+            p(a(k), { icon: "lucide:ellipsis" })
           ])
         ]),
         _: 3
       }, 16)) : z("", !0),
-      (r(!0), $(H, null, j(n.value.pageList, (f) => (r(), d(W, g({
-        key: f,
-        ref_for: !0
-      }, l.value, {
+      (r(!0), $(G, null, E(n.value.pageList, (f) => (r(), d(W, g({ key: f }, { ref_for: !0 }, l.value, {
         disabled: f === t.value,
         "aria-current": "page",
-        onClick: D((B) => i(f), ["prevent"])
+        onClick: O((B) => i(f), ["prevent"])
       }), {
         default: c(() => [
           _(v.$slots, "page", { page: f }, () => [
-            L(V(f), 1)
+            j(T(f), 1)
           ])
         ]),
         _: 2
       }, 1040, ["disabled", "onClick"]))), 128)),
       n.value.hasRightEdge ? (r(), d(Y, g({ key: 2 }, l.value, {
-        onClick: D(y, ["prevent"])
+        onClick: O(y, ["prevent"])
       }), {
         default: c(() => [
           _(v.$slots, "next-edge", {
             page: t.value + v.edge
           }, () => [
-            p(a(I), { icon: "lucide:ellipsis" })
+            p(a(k), { icon: "lucide:ellipsis" })
           ])
         ]),
         _: 3
@@ -2012,33 +2017,33 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       n.value.totalPages > 1 ? (r(), d(W, g({ key: 3 }, l.value, {
         disabled: n.value.totalPages === t.value,
         "aria-current": "page",
-        onClick: m[2] || (m[2] = D((f) => i(n.value.totalPages), ["prevent"]))
+        onClick: h[2] || (h[2] = O((f) => i(n.value.totalPages), ["prevent"]))
       }), {
         default: c(() => [
           _(v.$slots, "page", {
             page: n.value.totalPages
           }, () => [
-            L(V(n.value.totalPages), 1)
+            j(T(n.value.totalPages), 1)
           ])
         ]),
         _: 3
       }, 16, ["disabled"])) : z("", !0),
       n.value.next ? (r(), d(Y, g({ key: 4 }, l.value, {
         "aria-label": "Next",
-        onClick: m[3] || (m[3] = D((f) => i(n.value.next), ["prevent"]))
+        onClick: h[3] || (h[3] = O((f) => i(n.value.next), ["prevent"]))
       }), {
         default: c(() => [
           _(v.$slots, "next-page", {
             page: n.value.next
           }, () => [
-            p(a(I), { icon: "lucide:chevron-right" })
+            p(a(k), { icon: "lucide:chevron-right" })
           ])
         ]),
         _: 3
       }, 16)) : z("", !0)
     ], 2));
   }
-}), Eo = ["data-size", "data-variant"], jo = ["data-layout"], ls = /* @__PURE__ */ h({
+}), Ho = ["data-size", "data-variant"], Eo = ["data-layout"], ls = /* @__PURE__ */ m({
   __name: "Table",
   props: {
     size: { default: "2" },
@@ -2052,20 +2057,20 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       "data-size": e.size,
       "data-variant": e.variant
     }, [
-      p(ke, null, {
+      p(Ie, null, {
         default: c(() => [
           b("table", {
             class: "ui-TableContent",
             "data-layout": e.layout
           }, [
             _(t.$slots, "default")
-          ], 8, jo)
+          ], 8, Eo)
         ]),
         _: 3
       })
-    ], 8, Eo));
+    ], 8, Ho));
   }
-}), ns = /* @__PURE__ */ h({
+}), ns = /* @__PURE__ */ m({
   __name: "Separator",
   props: {
     as: { default: "span" },
@@ -2077,13 +2082,13 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
     const e = s;
     return (t, o) => (r(), d(a(U), {
       as: e.as,
-      class: k(["ui-Separator", `r-size-${e.size}`]),
+      class: I(["ui-Separator", `r-size-${e.size}`]),
       role: "separator",
       "data-accent-color": e.color,
       "aria-orientation": e.orientation
     }, null, 8, ["as", "class", "data-accent-color", "aria-orientation"]));
   }
-}), Wo = ["textContent"], Uo = /* @__PURE__ */ h({
+}), Wo = ["textContent"], Uo = /* @__PURE__ */ m({
   inheritAttrs: !1,
   __name: "Tooltip",
   props: {
@@ -2114,7 +2119,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
   },
   setup(s) {
     const e = s;
-    return (t, o) => (r(), d(a(Ht), {
+    return (t, o) => (r(), d(a(Gt), {
       "delay-duration": e.delayDuration,
       "disable-closing-trigger": e.disableClosingTrigger,
       "disable-hoverable-content": e.disableHoverableContent,
@@ -2123,9 +2128,9 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       "skip-delay-duration": e.skipDelayDuration
     }, {
       default: c(() => [
-        p(a(Et), null, {
+        p(a(Ht), null, {
           default: c(() => [
-            p(a(jt), g({
+            p(a(Et), g({
               as: e.as,
               "as-child": e.asChild
             }, t.$attrs), {
@@ -2156,7 +2161,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
                     _(t.$slots, "content", {}, () => [
                       b("p", {
                         class: "ui-TooltipText",
-                        textContent: V(e.content)
+                        textContent: T(e.content)
                       }, null, 8, Wo)
                     ]),
                     p(a(qt), { class: "ui-TooltipArrow" })
@@ -2173,7 +2178,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       _: 3
     }, 8, ["delay-duration", "disable-closing-trigger", "disable-hoverable-content", "disabled", "ignore-non-keyboard-focus", "skip-delay-duration"]));
   }
-}), rs = /* @__PURE__ */ h({
+}), rs = /* @__PURE__ */ m({
   __name: "Quota",
   props: {
     percent: {},
@@ -2201,7 +2206,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       _: 1
     }, 8, ["model-value", "data-accent-color"]));
   }
-}), is = /* @__PURE__ */ h({
+}), is = /* @__PURE__ */ m({
   __name: "Spinner",
   props: {
     icon: { default: "180-ring" },
@@ -2209,12 +2214,12 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
   },
   setup(s) {
     const e = s, t = C(() => `svg-spinners:${e.icon}`);
-    return (o, l) => (r(), d(a(I), {
-      class: k(["ui-Spinner", `r-size-${o.size}`]),
+    return (o, l) => (r(), d(a(k), {
+      class: I(["ui-Spinner", `r-size-${o.size}`]),
       icon: t.value
     }, null, 8, ["class", "icon"]));
   }
-}), qo = ["data-status"], cs = /* @__PURE__ */ h({
+}), qo = ["data-status"], cs = /* @__PURE__ */ m({
   __name: "SavingIndicator",
   props: {
     status: {},
@@ -2223,19 +2228,19 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
   setup(s) {
     const e = s;
     return (t, o) => (r(), $("div", {
-      class: k(["ui-SavingIndicator", `r-size-${t.size}`]),
+      class: I(["ui-SavingIndicator", `r-size-${t.size}`]),
       "data-status": e.status
     }, [
-      e.status === "saving" ? (r(), d(a(I), {
+      e.status === "saving" ? (r(), d(a(k), {
         key: 0,
         icon: "svg-spinners:180-ring"
-      })) : e.status === "saved" ? (r(), d(a(I), {
+      })) : e.status === "saved" ? (r(), d(a(k), {
         key: 1,
         icon: "lucide:check-circle-2"
       })) : z("", !0)
     ], 10, qo));
   }
-}), No = ["data-accent-color"], us = /* @__PURE__ */ h({
+}), No = ["data-accent-color"], us = /* @__PURE__ */ m({
   __name: "IconCircle",
   props: {
     color: {},
@@ -2246,18 +2251,18 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
   setup(s) {
     const e = s, t = C(() => R(e, ["size", "variant"]));
     return (o, l) => (r(), $("span", {
-      class: k(["ui-IconCircle", t.value]),
+      class: I(["ui-IconCircle", t.value]),
       "data-radius": "full",
       "data-accent-color": e.color
     }, [
-      p(a(I), {
+      p(a(k), {
         icon: e.icon
       }, null, 8, ["icon"])
     ], 10, No));
   }
 }), Ko = "https://challenges.cloudflare.com/turnstile/v0/api.js", ge = "cfTurnstileOnLoad";
 let se = typeof window < "u" && window.turnstile !== void 0 ? "ready" : "unloaded", ie, le, ye;
-const ds = /* @__PURE__ */ h({
+const ds = /* @__PURE__ */ m({
   __name: "Turnstile",
   props: {
     sitekey: {},
@@ -2307,7 +2312,7 @@ const ds = /* @__PURE__ */ h({
       })(), t.renderOnMount && y();
     }), Ce(() => {
       i(), clearTimeout(ye);
-    }), (v, m) => (r(), $("div", {
+    }), (v, h) => (r(), $("div", {
       ref_key: "element",
       ref: l
     }, null, 512));
@@ -2315,7 +2320,7 @@ const ds = /* @__PURE__ */ h({
 }), Qo = {
   type: "button",
   class: "ui-IconifySample"
-}, Zo = { class: "ui-IconifySampleInfo" }, Jo = { class: "ui-IconifySampleIcons" }, Xo = /* @__PURE__ */ h({
+}, Zo = { class: "ui-IconifySampleInfo" }, Jo = { class: "ui-IconifySampleIcons" }, Xo = /* @__PURE__ */ m({
   __name: "IconifySample",
   props: {
     prefix: {},
@@ -2329,13 +2334,13 @@ const ds = /* @__PURE__ */ h({
     const e = s;
     return (t, o) => (r(), $("button", Qo, [
       b("div", Zo, [
-        b("strong", null, V(e.name), 1),
-        b("span", null, V(e.license.title), 1),
-        b("span", null, V(e.total) + " icons", 1)
+        b("strong", null, T(e.name), 1),
+        b("span", null, T(e.license.title), 1),
+        b("span", null, T(e.total) + " icons", 1)
       ]),
       b("div", Jo, [
-        (r(!0), $(H, null, j(e.samples, (l) => (r(), $("span", { key: l }, [
-          p(a(I), {
+        (r(!0), $(G, null, E(e.samples, (l) => (r(), $("span", { key: l }, [
+          p(a(k), {
             icon: e.prefix + ":" + l
           }, null, 8, ["icon"])
         ]))), 128))
@@ -2370,7 +2375,7 @@ const ds = /* @__PURE__ */ h({
 }, ce = (s, e, t) => s.filter((o) => {
   let l = !0;
   return e && o.indexOf(e) === -1 && (l = !1), t && o.indexOf(`-${t}`) === -1 && (l = !1), l;
-}), ps = /* @__PURE__ */ h({
+}), ps = /* @__PURE__ */ m({
   __name: "IconifyCollection",
   props: {
     prefix: {},
@@ -2379,78 +2384,77 @@ const ds = /* @__PURE__ */ h({
   },
   emits: ["select"],
   setup(s, { emit: e }) {
-    const t = s, o = e, l = P("all"), n = P([]), i = P(""), u = P(1), y = P(""), v = P([]), m = P(), f = P(""), B = P(""), A = () => {
-      u.value = 1, y.value = "", v.value = [], m.value = void 0, f.value = "", B.value = "", l.value = "all";
-    }, F = (w) => {
-      o("select", w);
-    }, E = async () => {
+    const t = s, o = e, l = P("all"), n = P([]), i = P(""), u = P(1), y = P(""), v = P([]), h = P(), f = P(""), B = P(""), A = () => {
+      u.value = 1, y.value = "", v.value = [], h.value = void 0, f.value = "", B.value = "", l.value = "all";
+    }, M = (S) => {
+      o("select", S);
+    }, H = async () => {
       y.value ? (l.value = "search", v.value = await pa(y.value)) : l.value = "all";
-    }, K = async (w) => {
-      m.value = void 0, f.value = "", B.value = "", l.value = "collection", m.value = await fa(w);
+    }, K = async (S) => {
+      h.value = void 0, f.value = "", B.value = "", l.value = "collection", h.value = await fa(S);
     }, J = C(() => {
-      let w = 0;
-      return n.value.forEach((S) => {
-        w += S.items.length;
-      }), w;
-    }), X = C(() => i.value ? n.value.map((w) => {
-      const S = w.items.filter((O) => [O.category, O.name, O.prefix].join(" ").toLowerCase().indexOf(i.value) !== -1);
-      return { ...w, items: S };
-    }).filter((w) => w.items.length !== 0) : n.value), Re = C(() => {
-      let w = [];
-      return m.value ? (m.value.uncategorized ? w = ce(m.value.uncategorized, f.value, B.value) : m.value.categories && Object.keys(m.value.categories).forEach((S) => {
-        const O = m.value.categories[S];
-        ce(O, f.value, B.value).forEach((x) => {
-          w.push(x);
+      let S = 0;
+      return n.value.forEach((w) => {
+        S += w.items.length;
+      }), S;
+    }), X = C(() => i.value ? n.value.map((S) => {
+      const w = S.items.filter((D) => [D.category, D.name, D.prefix].join(" ").toLowerCase().indexOf(i.value) !== -1);
+      return { ...S, items: w };
+    }).filter((S) => S.items.length !== 0) : n.value), Re = C(() => {
+      let S = [];
+      return h.value ? (h.value.uncategorized ? S = ce(h.value.uncategorized, f.value, B.value) : h.value.categories && Object.keys(h.value.categories).forEach((w) => {
+        const D = h.value.categories[w];
+        ce(D, f.value, B.value).forEach((x) => {
+          S.push(x);
         });
-      }), f.value && !w.length && m.value.hidden && (w = ce(m.value.hidden, f.value, B.value)), w.map((S) => {
-        var O;
-        return `${(O = m.value) == null ? void 0 : O.prefix}:${S}`;
-      })) : w;
-    }), he = C(() => l.value === "search" ? v.value : l.value === "collection" ? Re.value : []), Pe = C(() => {
-      const w = (u.value - 1) * t.perpage, S = u.value * t.perpage;
-      return he.value.slice(w, S);
+      }), f.value && !S.length && h.value.hidden && (S = ce(h.value.hidden, f.value, B.value)), S.map((w) => {
+        var D;
+        return `${(D = h.value) == null ? void 0 : D.prefix}:${w}`;
+      })) : S;
+    }), me = C(() => l.value === "search" ? v.value : l.value === "collection" ? Re.value : []), Pe = C(() => {
+      const S = (u.value - 1) * t.perpage, w = u.value * t.perpage;
+      return me.value.slice(S, w);
     });
     return ue(async () => {
-      t.prefix ? K(t.prefix) : t.search && (y.value = t.search, E()), n.value = await da();
-    }), (w, S) => {
-      var O;
+      t.prefix ? K(t.prefix) : t.search && (y.value = t.search, H()), n.value = await da();
+    }), (S, w) => {
+      var D;
       return r(), $("div", Yo, [
         te(b("div", ea, [
           b("section", ta, [
-            b("h1", null, V(J.value) + " icon sets", 1),
+            b("h1", null, T(J.value) + " icon sets", 1),
             b("div", oa, [
               p(ae, {
                 modelValue: i.value,
-                "onUpdate:modelValue": S[0] || (S[0] = (x) => i.value = x),
+                "onUpdate:modelValue": w[0] || (w[0] = (x) => i.value = x),
                 placeholder: "Filter icon sets..."
               }, null, 8, ["modelValue"]),
               p(ae, {
                 modelValue: y.value,
-                "onUpdate:modelValue": S[1] || (S[1] = (x) => y.value = x),
+                "onUpdate:modelValue": w[1] || (w[1] = (x) => y.value = x),
                 placeholder: "Search icons...",
-                onKeydown: me(E, ["enter"])
+                onKeydown: he(H, ["enter"])
               }, null, 8, ["modelValue"])
             ])
           ]),
-          (r(!0), $(H, null, j(X.value, (x) => (r(), $("section", {
+          (r(!0), $(G, null, E(X.value, (x) => (r(), $("section", {
             key: x.category,
             class: "ui-IconifyCollectionSample"
           }, [
             b("h1", aa, [
-              b("span", sa, V(x.category), 1),
-              b("span", la, "(" + V(x.items.length) + " icon sets)", 1)
+              b("span", sa, T(x.category), 1),
+              b("span", la, "(" + T(x.items.length) + " icon sets)", 1)
             ]),
             b("div", na, [
-              (r(!0), $(H, null, j(x.items, (G) => (r(), d(Xo, g({
-                key: G.prefix,
-                ref_for: !0
-              }, G, {
-                onClick: D((De) => K(G.prefix), ["prevent"])
+              (r(!0), $(G, null, E(x.items, (L) => (r(), d(Xo, g({
+                key: L.prefix
+              }, { ref_for: !0 }, L, {
+                onClick: O((Oe) => K(L.prefix), ["prevent"])
               }), null, 16, ["onClick"]))), 128))
             ])
           ]))), 128))
         ], 512), [
-          [He, l.value === "all"]
+          [Ge, l.value === "all"]
         ]),
         l.value !== "all" ? (r(), $("div", ra, [
           b("div", ia, [
@@ -2458,44 +2462,45 @@ const ds = /* @__PURE__ */ h({
               type: "button",
               variant: "surface",
               color: "gray",
-              onClick: D(A, ["prevent"])
+              onClick: O(A, ["prevent"])
             }, {
-              default: c(() => S[5] || (S[5] = [
-                L(" Back ")
+              default: c(() => w[5] || (w[5] = [
+                j(" Back ")
               ])),
-              _: 1
+              _: 1,
+              __: [5]
             }),
             l.value === "search" ? (r(), d(ae, {
               key: 0,
               modelValue: y.value,
-              "onUpdate:modelValue": S[2] || (S[2] = (x) => y.value = x),
+              "onUpdate:modelValue": w[2] || (w[2] = (x) => y.value = x),
               placeholder: "Search icons...",
-              onKeydown: me(E, ["enter"])
+              onKeydown: he(H, ["enter"])
             }, null, 8, ["modelValue"])) : z("", !0),
             l.value === "collection" ? (r(), d(ae, {
               key: 1,
               modelValue: f.value,
-              "onUpdate:modelValue": S[3] || (S[3] = (x) => f.value = x),
+              "onUpdate:modelValue": w[3] || (w[3] = (x) => f.value = x),
               placeholder: "Search icons..."
             }, null, 8, ["modelValue"])) : z("", !0)
           ]),
-          l.value === "collection" && ((O = m.value) != null && O.suffixes) ? (r(), $("div", ca, [
-            (r(!0), $(H, null, j(m.value.suffixes, (x, G) => (r(), d(W, {
-              key: G,
-              variant: B.value === G ? "solid" : "outline",
+          l.value === "collection" && ((D = h.value) != null && D.suffixes) ? (r(), $("div", ca, [
+            (r(!0), $(G, null, E(h.value.suffixes, (x, L) => (r(), d(W, {
+              key: L,
+              variant: B.value === L ? "solid" : "outline",
               color: "gray",
               "high-contrast": "",
               radius: "full",
-              onClick: D((De) => B.value = G, ["prevent"])
+              onClick: O((Oe) => B.value = L, ["prevent"])
             }, {
               default: c(() => [
-                L(V(x), 1)
+                j(T(x), 1)
               ]),
               _: 2
             }, 1032, ["variant", "onClick"]))), 128))
           ])) : z("", !0),
           b("div", ua, [
-            (r(!0), $(H, null, j(Pe.value, (x) => (r(), d(Uo, {
+            (r(!0), $(G, null, E(Pe.value, (x) => (r(), d(Uo, {
               key: x,
               as: "div",
               content: x
@@ -2506,10 +2511,10 @@ const ds = /* @__PURE__ */ h({
                   color: "gray",
                   variant: "ghost",
                   size: "4",
-                  onClick: D((G) => F(x), ["prevent"])
+                  onClick: O((L) => M(x), ["prevent"])
                 }, {
                   default: c(() => [
-                    p(a(I), { icon: x }, null, 8, ["icon"])
+                    p(a(k), { icon: x }, null, 8, ["icon"])
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -2517,11 +2522,11 @@ const ds = /* @__PURE__ */ h({
               _: 2
             }, 1032, ["content"]))), 128))
           ]),
-          p(Ho, {
+          p(Go, {
             page: u.value,
-            "onUpdate:page": S[4] || (S[4] = (x) => u.value = x),
-            total: he.value.length,
-            perpage: w.perpage
+            "onUpdate:page": w[4] || (w[4] = (x) => u.value = x),
+            total: me.value.length,
+            perpage: S.perpage
           }, null, 8, ["page", "total", "perpage"])
         ])) : z("", !0)
       ]);
@@ -2533,7 +2538,7 @@ export {
   ts as AccordionItem,
   es as AccordionRoot,
   as as AccordionTrigger,
-  ms as AlertDialogAction,
+  hs as AlertDialogAction,
   vs as AlertDialogCancel,
   ba as AlertDialogContent,
   _s as AlertDialogDescription,
@@ -2545,42 +2550,42 @@ export {
   W as Button,
   Yt as Card,
   ya as CardHead,
-  Ie as Checkbox,
-  Ta as CheckboxGroupControl,
-  Ia as CheckboxGroupItem,
-  ka as CheckboxGroupRoot,
-  Lo as ChevronIcon,
+  ke as Checkbox,
+  Va as CheckboxGroupControl,
+  ka as CheckboxGroupItem,
+  Ia as CheckboxGroupRoot,
+  jo as ChevronIcon,
   ss as CollapsibleContent,
   bs as CollapsibleRoot,
   $s as CollapsibleTrigger,
-  Da as ColorField,
+  Oa as ColorField,
   Wa as ComboboxContent,
   Bs as ComboboxEmpty,
   xs as ComboboxGroup,
-  ja as ComboboxInput,
+  Ea as ComboboxInput,
   Ua as ComboboxItem,
   qa as ComboboxLabel,
-  Ea as ComboboxRoot,
-  ws as DialogClose,
+  Ha as ComboboxRoot,
+  Ss as DialogClose,
   $a as DialogContent,
-  Ss as DialogDescription,
+  ws as DialogDescription,
   Ba as DialogHead,
   zs as DialogRoot,
-  ks as DialogTitle,
-  Is as DialogTrigger,
+  Is as DialogTitle,
+  ks as DialogTrigger,
   xa as DropdownMenuContent,
-  wa as DropdownMenuItem,
-  Ts as DropdownMenuRoot,
-  Vs as DropdownMenuTrigger,
-  Gs as Icon,
+  Sa as DropdownMenuItem,
+  Vs as DropdownMenuRoot,
+  Ts as DropdownMenuTrigger,
+  Ls as Icon,
   Y as IconButton,
   us as IconCircle,
   ps as IconifyCollection,
   Xt as Inset,
-  Ho as Pagination,
-  Fo as PlusMinusIcon,
+  Go as Pagination,
+  Mo as PlusMinusIcon,
   As as PopoverClose,
-  Sa as PopoverContent,
+  wa as PopoverContent,
   Rs as PopoverRoot,
   Ps as PopoverTrigger,
   rs as Quota,
@@ -2589,29 +2594,29 @@ export {
   Ka as RadioCardsRoot,
   Qa as RadioGroupItem,
   Ka as RadioGroupRoot,
-  Ds as RadioTabsItem,
+  Os as RadioTabsItem,
   Ja as RadioTabsList,
   cs as SavingIndicator,
-  ke as ScrollArea,
-  Ma as SelectContent,
-  Os as SelectGroup,
-  La as SelectItem,
-  Ga as SelectLabel,
-  Oa as SelectRoot,
-  Ha as SelectSeparator,
-  Fa as SelectTrigger,
+  Ie as ScrollArea,
+  Fa as SelectContent,
+  Ds as SelectGroup,
+  ja as SelectItem,
+  La as SelectLabel,
+  Da as SelectRoot,
+  Ga as SelectSeparator,
+  Ma as SelectTrigger,
   ns as Separator,
   Ca as SocialButton,
   is as Spinner,
   za as Switch,
   ls as Table,
-  Ms as TabsContent,
+  Fs as TabsContent,
   Xa as TabsList,
-  Fs as TabsRoot,
+  Ms as TabsRoot,
   Ya as TabsTrigger,
   Pa as TextArea,
   ae as TextField,
-  Va as Toggle,
+  Ta as Toggle,
   Ra as ToggleGroupItem,
   Aa as ToggleGroupRoot,
   Uo as Tooltip,