@typlog/ui 0.9.1 → 0.9.2

package/dist/index.js

@@ -1,8 +1,8 @@
-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 L, 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 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 he, vShow as He } from "vue";
-import { useForwardProps as V, 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 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 we, ComboboxAnchor as wt, ComboboxInput as ve, ComboboxTrigger as St, ComboboxPortal as zt, ComboboxContent as It, ComboboxViewport as kt, ComboboxItem as Vt, ComboboxItemIndicator as Tt, 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 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 ws, DialogDescription as Ss, 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 Ds, SelectGroup as Os, TabsContent as Ms, TabsRoot as Fs } from "reka-ui";
+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 Gs } from "@iconify/vue";
+import { Icon as Ls } from "@iconify/vue";
 function q(s, e, t) {
   const o = V(s), l = xe(e);
   return C(() => ({
@@ -60,13 +60,13 @@ const _a = /* @__PURE__ */ m({
       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(Ee), {
+    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"]),
@@ -74,7 +74,7 @@ const _a = /* @__PURE__ */ m({
           class: I(`r-count-${o.value.length}`)
         }, {
           default: c(() => [
-            L(T(o.value), 1)
+            j(T(o.value), 1)
           ]),
           _: 1
         }, 8, ["class"])
@@ -91,7 +91,7 @@ const _a = /* @__PURE__ */ m({
     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"]));
@@ -131,7 +131,7 @@ const _a = /* @__PURE__ */ m({
     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"]));
@@ -152,7 +152,7 @@ const _a = /* @__PURE__ */ m({
   props: {
     color: {},
     asChild: { type: Boolean },
-    as: { default: "div" }
+    as: { type: [String, Object, Function], default: "div" }
   },
   setup(s) {
     const e = s;
@@ -177,7 +177,7 @@ const _a = /* @__PURE__ */ m({
     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"]));
@@ -205,7 +205,7 @@ const _a = /* @__PURE__ */ m({
     highContrast: { type: Boolean },
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(s) {
     const t = V(s);
@@ -232,7 +232,7 @@ const _a = /* @__PURE__ */ m({
     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]);
@@ -310,7 +310,8 @@ const _a = /* @__PURE__ */ m({
           "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__ */ m({
@@ -477,7 +478,7 @@ const _a = /* @__PURE__ */ m({
       default: c(() => [
         p(a(Xe), { class: "font-semibold" }, {
           default: c(() => [
-            L(T(e.title), 1)
+            j(T(e.title), 1)
           ]),
           _: 1
         }),
@@ -536,7 +537,7 @@ const _a = /* @__PURE__ */ m({
       "variant",
       "color",
       "highContrast"
-    ]), { forwardRef: n } = M(), { size: i, variant: u, color: y, highContrast: v } = ee(t);
+    ]), { 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
     }, {
@@ -566,7 +567,7 @@ const _a = /* @__PURE__ */ m({
       _: 3
     }, 8, ["to"]));
   }
-}), io = ["textContent"], wa = /* @__PURE__ */ m({
+}), io = ["textContent"], Sa = /* @__PURE__ */ m({
   __name: "DropdownMenuItem",
   props: {
     color: {},
@@ -574,12 +575,12 @@ const _a = /* @__PURE__ */ m({
     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;
@@ -602,7 +603,7 @@ const _a = /* @__PURE__ */ m({
       }, 16, ["data-accent-color", "data-size", "data-variant", "data-high-contrast"]);
     };
   }
-}), Sa = /* @__PURE__ */ m({
+}), wa = /* @__PURE__ */ m({
   inheritAttrs: !1,
   __name: "PopoverContent",
   props: {
@@ -747,7 +748,7 @@ const _a = /* @__PURE__ */ m({
     disabled: { type: Boolean },
     name: {},
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   }, {
     modelValue: {
       default: []
@@ -810,13 +811,13 @@ const _a = /* @__PURE__ */ m({
     disabled: { type: Boolean },
     id: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     name: {},
     required: { type: Boolean }
   },
   setup(s) {
     const e = s, t = V(e);
-    M();
+    F();
     const o = Ve(), l = C(() => {
       var u;
       return ((u = o.disabled) == null ? void 0 : u.value) || e.disabled;
@@ -847,13 +848,13 @@ const _a = /* @__PURE__ */ m({
     value: {},
     id: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     name: {},
     required: { type: Boolean }
   },
   setup(s) {
     const e = s, t = V(e);
-    M();
+    F();
     const o = Ve(), l = C(() => {
       var i;
       return ((i = o.disabled) == null ? void 0 : i.value) || e.disabled;
@@ -950,7 +951,7 @@ const _a = /* @__PURE__ */ m({
     value: {},
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(s) {
     const t = V(s);
@@ -1018,7 +1019,7 @@ const _a = /* @__PURE__ */ m({
         "onUpdate:modelValue": y[0] || (y[0] = (v) => be(l) ? l.value = v : null),
         type: e.type
       }, u.$attrs, { class: "ui-TextFieldInput" }), null, 16, ho), [
-        [Oe, a(l)]
+        [De, a(l)]
       ]),
       u.$slots.left ? (r(), $("div", vo, [
         _(u.$slots, "left")
@@ -1061,7 +1062,7 @@ const _a = /* @__PURE__ */ m({
       ])
     ], 10, go));
   }
-}), yo = ["data-radius"], Co = ["id"], Da = /* @__PURE__ */ m({
+}), yo = ["data-radius"], Co = ["id"], Oa = /* @__PURE__ */ m({
   __name: "ColorField",
   props: /* @__PURE__ */ Q({
     id: {},
@@ -1092,7 +1093,7 @@ const _a = /* @__PURE__ */ m({
       ])
     ], 14, yo));
   }
-}), [Te, bo] = oe("ui_SelectRoot"), Oa = /* @__PURE__ */ m({
+}), [Te, bo] = oe("ui_SelectRoot"), Da = /* @__PURE__ */ m({
   __name: "SelectRoot",
   props: {
     size: { default: "2" },
@@ -1117,14 +1118,14 @@ const _a = /* @__PURE__ */ m({
       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__ */ m({
+}), Fa = /* @__PURE__ */ m({
   inheritAttrs: !1,
   __name: "SelectContent",
   props: {
@@ -1152,7 +1153,7 @@ const _a = /* @__PURE__ */ m({
     as: {}
   },
   setup(s) {
-    const e = s, t = V(e), { forwardRef: o } = M(), l = Te(), 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;
     });
@@ -1198,7 +1199,8 @@ const _a = /* @__PURE__ */ m({
                       _: 1
                     })
                   ]),
-                  _: 3
+                  _: 3,
+                  __: [0]
                 })
               ]),
               _: 3
@@ -1210,7 +1212,7 @@ const _a = /* @__PURE__ */ m({
       _: 3
     }, 8, ["to"]));
   }
-}), $o = { class: "ui-SelectTriggerInner" }, Fa = /* @__PURE__ */ m({
+}), $o = { class: "ui-SelectTriggerInner" }, Ma = /* @__PURE__ */ m({
   __name: "SelectTrigger",
   props: {
     variant: { default: "surface" },
@@ -1240,9 +1242,9 @@ const _a = /* @__PURE__ */ m({
                 selectedLabel: i,
                 modelValue: u
               }, () => [
-                L(T(i.join(", ")), 1)
-              ]) : (r(), $(H, { key: 1 }, [
-                L(T(e.placeholder), 1)
+                j(T(i.join(", ")), 1)
+              ]) : (r(), $(G, { key: 1 }, [
+                j(T(e.placeholder), 1)
               ], 64))
             ]),
             _: 3
@@ -1261,18 +1263,18 @@ const _a = /* @__PURE__ */ m({
       _: 3
     }, 8, ["class", "disabled", "data-accent-color", "data-radius"]));
   }
-}), La = /* @__PURE__ */ m({
+}), ja = /* @__PURE__ */ m({
   __name: "SelectItem",
   props: {
     value: {},
     disabled: { type: Boolean },
     textValue: {},
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(s) {
     const t = V(s);
-    return M(), (o, l) => (r(), d(a(yt), g({ class: "ui-SelectItem" }, a(t)), {
+    return F(), (o, l) => (r(), d(a(yt), g({ class: "ui-SelectItem" }, a(t)), {
       default: c(() => [
         p(a(Ct), { class: "ui-SelectItemIndicator" }, {
           default: c(() => [
@@ -1290,16 +1292,16 @@ const _a = /* @__PURE__ */ m({
       _: 3
     }, 16));
   }
-}), Ga = /* @__PURE__ */ m({
+}), La = /* @__PURE__ */ m({
   __name: "SelectLabel",
   props: {
     for: {},
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(s) {
     const t = V(s);
-    return M(), (o, l) => (r(), d(a($t), g({ class: "ui-SelectLabel" }, a(t)), {
+    return F(), (o, l) => (r(), d(a($t), g({ class: "ui-SelectLabel" }, a(t)), {
       default: c(() => [
         _(o.$slots, "default")
       ]),
@@ -1311,14 +1313,14 @@ const _a = /* @__PURE__ */ m({
   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, Io] = oe("ui_ComboboxRoot"), Ea = /* @__PURE__ */ m({
+const Ga = /* @__PURE__ */ Bo(xo, [["render", wo]]), [zo, Io] = oe("ui_ComboboxRoot"), Ha = /* @__PURE__ */ m({
   __name: "ComboboxRoot",
   props: {
     size: { default: "2" },
@@ -1360,7 +1362,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
 }), ko = {
   key: 0,
   class: "ui-ComboboxValues"
-}, Vo = ["aria-current", "value"], To = ["onClick"], ja = /* @__PURE__ */ m({
+}, Vo = ["aria-current", "value"], To = ["onClick"], Ea = /* @__PURE__ */ m({
   inheritAttrs: !1,
   __name: "ComboboxInput",
   props: {
@@ -1376,26 +1378,26 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = 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;
     }, 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), {
+    }, { 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", ko, [
-          (r(!0), $(H, null, j(u.value, (A, F) => (r(), $("div", {
+          (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 }, () => [
@@ -1404,7 +1406,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
             b("button", {
               type: "button",
               tabindex: "-1",
-              onClick: D((E) => v(F), ["prevent"])
+              onClick: O((H) => v(M), ["prevent"])
             }, [
               p(a(k), { icon: "lucide:x" })
             ], 8, To)
@@ -1427,7 +1429,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = 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(k), { icon: "radix-icons:chevron-down" })
           ]),
@@ -1467,7 +1469,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = 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;
     });
@@ -1517,7 +1519,8 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
                   _: 1
                 })
               ]),
-              _: 3
+              _: 3,
+              __: [0]
             })
           ]),
           _: 3
@@ -1533,7 +1536,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
     value: {},
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(s) {
     const t = V(s);
@@ -1555,11 +1558,11 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
   props: {
     for: {},
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(s) {
     const t = V(s);
-    return M(), (o, l) => (r(), d(a(At), g({ class: "ui-ComboboxLabel" }, a(t)), {
+    return F(), (o, l) => (r(), d(a(At), g({ class: "ui-ComboboxLabel" }, a(t)), {
       default: c(() => [
         _(o.$slots, "default")
       ]),
@@ -1592,7 +1595,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
       type: "radio",
       "data-accent-color": e.color
     }, null, 10, Ao)), [
-      [Ge, a(t)]
+      [Le, a(t)]
     ]);
   }
 }), [Ae, Ro] = oe("ui_RadioGroupRoot"), Ka = /* @__PURE__ */ m({
@@ -1616,7 +1619,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = 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, h) => (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")
       ]),
@@ -1630,7 +1633,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
     value: {},
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     name: {},
     required: { type: Boolean }
   },
@@ -1661,13 +1664,13 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
     value: {},
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     name: {},
     required: { type: Boolean }
   },
   setup(s) {
     const t = V(s);
-    M();
+    F();
     const o = Ae();
     return (l, n) => {
       var i, u;
@@ -1710,7 +1713,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = 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(() => [
@@ -1739,22 +1742,22 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
       _: 3
     }, 8, ["class", "data-accent-color"]));
   }
-}), Do = { class: "ui-TabTriggerInner" }, Oo = { class: "ui-TabTriggerInnerHidden" }, Ya = /* @__PURE__ */ m({
+}), 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 = V(s);
-    return (o, l) => (r(), d(a(Dt), g(a(t), { class: "ui-TabTrigger" }), {
+    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")
         ])
       ]),
@@ -1779,7 +1782,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = 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(() => [
@@ -1795,11 +1798,11 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
     value: {},
     unmountOnHide: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(s) {
     const t = V(s);
-    return (o, l) => (r(), d(a(Mt), g(a(t), { class: "ui-AccordionItem" }), {
+    return (o, l) => (r(), d(a(Ft), g(a(t), { class: "ui-AccordionItem" }), {
       default: c(() => [
         _(o.$slots, "default")
       ]),
@@ -1812,11 +1815,11 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
   props: {
     forceMount: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(s) {
     const t = V(s);
-    return (o, l) => (r(), d(a(Ft), g(a(t), { class: "ui-AccordionContent" }), {
+    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")
@@ -1825,7 +1828,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
       _: 3
     }, 16));
   }
-}), Mo = ["data-accent-color"], Fo = /* @__PURE__ */ m({
+}), Fo = ["data-accent-color"], Mo = /* @__PURE__ */ m({
   __name: "PlusMinusIcon",
   props: {
     color: { default: void 0 },
@@ -1839,9 +1842,9 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
     }, 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__ */ m({
+}), jo = /* @__PURE__ */ m({
   __name: "ChevronIcon",
   props: {
     arrowTransform: { default: "right-down" }
@@ -1853,7 +1856,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
       "data-arrow-transform": e.arrowTransform
     }, null, 8, ["data-arrow-transform"]));
   }
-}), Go = { class: "ui-AccordionTriggerText" }, as = /* @__PURE__ */ m({
+}), Lo = { class: "ui-AccordionTriggerText" }, as = /* @__PURE__ */ m({
   __name: "AccordionTrigger",
   props: {
     indicator: { default: "chevron" },
@@ -1862,17 +1865,17 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = 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)
@@ -1886,11 +1889,11 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
   props: {
     forceMount: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   setup(s) {
     const t = V(s);
-    return (o, l) => (r(), d(a(Gt), g(a(t), { class: "ui-CollapsibleContent" }), {
+    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")
@@ -1899,7 +1902,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
       _: 3
     }, 16));
   }
-}), Ho = /* @__PURE__ */ m({
+}), Go = /* @__PURE__ */ m({
   __name: "Pagination",
   props: /* @__PURE__ */ Q({
     total: {},
@@ -1927,18 +1930,18 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
       highContrast: e.highContrast,
       disabled: e.disabled
     })), n = C(() => {
-      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, 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: h,
         next: f,
         hasLeftEdge: A,
-        hasRightEdge: F,
-        pageList: E
+        hasRightEdge: M,
+        pageList: H
       };
     }), i = (v) => {
       t.value = v;
@@ -1952,7 +1955,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
     }, [
       n.value.prev ? (r(), d(Y, g({ key: 0 }, l.value, {
         "aria-label": "Previous",
-        onClick: h[0] || (h[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", {
@@ -1966,17 +1969,17 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
       p(W, g(l.value, {
         disabled: t.value === 1,
         "aria-current": "page",
-        onClick: h[1] || (h[1] = D((f) => i(1), ["prevent"]))
+        onClick: h[1] || (h[1] = O((f) => i(1), ["prevent"]))
       }), {
         default: c(() => [
           _(v.$slots, "page", { page: 1 }, () => [
-            h[4] || (h[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", {
@@ -1987,23 +1990,20 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
         ]),
         _: 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(T(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", {
@@ -2017,20 +2017,20 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = 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: h[2] || (h[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(T(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: h[3] || (h[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", {
@@ -2043,7 +2043,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
       }, 16)) : z("", !0)
     ], 2));
   }
-}), Eo = ["data-size", "data-variant"], jo = ["data-layout"], ls = /* @__PURE__ */ m({
+}), Ho = ["data-size", "data-variant"], Eo = ["data-layout"], ls = /* @__PURE__ */ m({
   __name: "Table",
   props: {
     size: { default: "2" },
@@ -2064,11 +2064,11 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxR
             "data-layout": e.layout
           }, [
             _(t.$slots, "default")
-          ], 8, jo)
+          ], 8, Eo)
         ]),
         _: 3
       })
-    ], 8, Eo));
+    ], 8, Ho));
   }
 }), ns = /* @__PURE__ */ m({
   __name: "Separator",
@@ -2119,7 +2119,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = 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,
@@ -2128,9 +2128,9 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = 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), {
@@ -2339,7 +2339,7 @@ const ds = /* @__PURE__ */ m({
         b("span", null, T(e.total) + " icons", 1)
       ]),
       b("div", Jo, [
-        (r(!0), $(H, null, j(e.samples, (l) => (r(), $("span", { key: l }, [
+        (r(!0), $(G, null, E(e.samples, (l) => (r(), $("span", { key: l }, [
           p(a(k), {
             icon: e.prefix + ":" + l
           }, null, 8, ["icon"])
@@ -2386,39 +2386,39 @@ const ds = /* @__PURE__ */ m({
   setup(s, { emit: e }) {
     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";
-    }, F = (w) => {
-      o("select", w);
-    }, E = async () => {
+    }, M = (S) => {
+      o("select", S);
+    }, H = async () => {
       y.value ? (l.value = "search", v.value = await pa(y.value)) : l.value = "all";
-    }, K = async (w) => {
-      h.value = void 0, f.value = "", B.value = "", l.value = "collection", h.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 h.value ? (h.value.uncategorized ? w = ce(h.value.uncategorized, f.value, B.value) : h.value.categories && Object.keys(h.value.categories).forEach((S) => {
-        const O = h.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 && h.value.hidden && (w = ce(h.value.hidden, f.value, B.value)), w.map((S) => {
-        var O;
-        return `${(O = h.value) == null ? void 0 : O.prefix}:${S}`;
-      })) : w;
+      }), 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 w = (u.value - 1) * t.perpage, S = u.value * t.perpage;
-      return me.value.slice(w, S);
+      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, [
@@ -2426,18 +2426,18 @@ const ds = /* @__PURE__ */ m({
             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: he(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"
           }, [
@@ -2446,16 +2446,15 @@ const ds = /* @__PURE__ */ m({
               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, [
@@ -2463,44 +2462,45 @@ const ds = /* @__PURE__ */ m({
               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: he(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 = h.value) != null && O.suffixes) ? (r(), $("div", ca, [
-            (r(!0), $(H, null, j(h.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(T(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
@@ -2511,7 +2511,7 @@ const ds = /* @__PURE__ */ m({
                   color: "gray",
                   variant: "ghost",
                   size: "4",
-                  onClick: D((G) => F(x), ["prevent"])
+                  onClick: O((L) => M(x), ["prevent"])
                 }, {
                   default: c(() => [
                     p(a(k), { icon: x }, null, 8, ["icon"])
@@ -2522,11 +2522,11 @@ const ds = /* @__PURE__ */ m({
               _: 2
             }, 1032, ["content"]))), 128))
           ]),
-          p(Ho, {
+          p(Go, {
             page: u.value,
-            "onUpdate:page": S[4] || (S[4] = (x) => u.value = x),
+            "onUpdate:page": w[4] || (w[4] = (x) => u.value = x),
             total: me.value.length,
-            perpage: w.perpage
+            perpage: S.perpage
           }, null, 8, ["page", "total", "perpage"])
         ])) : z("", !0)
       ]);
@@ -2554,38 +2554,38 @@ export {
   Va as CheckboxGroupControl,
   ka as CheckboxGroupItem,
   Ia as CheckboxGroupRoot,
-  Lo as ChevronIcon,
+  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,
   Is as DialogTitle,
   ks as DialogTrigger,
   xa as DropdownMenuContent,
-  wa as DropdownMenuItem,
+  Sa as DropdownMenuItem,
   Vs as DropdownMenuRoot,
   Ts as DropdownMenuTrigger,
-  Gs as Icon,
+  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,
@@ -2594,25 +2594,25 @@ export {
   Ka as RadioCardsRoot,
   Qa as RadioGroupItem,
   Ka as RadioGroupRoot,
-  Ds as RadioTabsItem,
+  Os as RadioTabsItem,
   Ja as RadioTabsList,
   cs as SavingIndicator,
   Ie as ScrollArea,
-  Ma as SelectContent,
-  Os as SelectGroup,
-  La as SelectItem,
-  Ga as SelectLabel,
-  Oa as SelectRoot,
-  Ha as SelectSeparator,
-  Fa as SelectTrigger,
+  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,