@typlog/ui 0.8.0 → 0.9.1

package/dist/index.js

@@ -1,21 +1,21 @@
-import { computed as C, defineComponent as m, createBlock as u, openBlock as r, unref as a, normalizeClass as k, withCtx as c, createVNode as p, createTextVNode as W, toDisplayString as A, 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, watch as Le, Fragment as H, renderList as E, withModifiers as D, vModelRadio as Ge, withKeys as he, vShow as He } from "vue";
-import { useForwardProps as T, useEmitAsProps as xe, AvatarRoot as Ee, AvatarImage as We, AvatarFallback as je, 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 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 Wt, TooltipPortal as jt, 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 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 { 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 { Icon as k } from "@iconify/vue";
 import { Icon as Gs } 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));
@@ -54,22 +54,27 @@ const _a = /* @__PURE__ */ m({
     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(), u(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(Ee), {
+      class: I(["ui-Avatar", t.value]),
       "data-accent-color": e.color,
       "data-radius": e.radius
     }, {
       default: c(() => [
-        p(a(We), {
+        p(a(je), {
           alt: e.alt,
           src: e.src || ""
         }, null, 8, ["alt", "src"]),
-        p(a(je), {
-          class: k(`r-count-${o.value.length}`)
+        p(a(We), {
+          class: I(`r-count-${o.value.length}`)
         }, {
           default: c(() => [
-            W(A(o.value), 1)
+            L(T(o.value), 1)
           ]),
           _: 1
         }, 8, ["class"])
@@ -90,8 +95,8 @@ const _a = /* @__PURE__ */ m({
   },
   setup(s) {
     const e = s, t = C(() => R(e, ["size", "variant", "highContrast"]));
-    return (o, l) => (r(), u(a(U), {
-      class: k(["ui-Badge", t.value]),
+    return (o, l) => (r(), d(a(U), {
+      class: I(["ui-Badge", t.value]),
       as: e.as,
       "as-child": e.asChild,
       "data-accent-color": e.color,
@@ -130,8 +135,8 @@ const _a = /* @__PURE__ */ m({
   },
   setup(s) {
     const e = s, t = C(() => R(e, ["size", "variant"]));
-    return (o, l) => (r(), u(a(U), {
-      class: k(["ui-Card", t.value]),
+    return (o, l) => (r(), d(a(U), {
+      class: I(["ui-Card", t.value]),
       "as-child": e.asChild,
       as: e.as,
       "data-radius": e.radius
@@ -151,7 +156,7 @@ const _a = /* @__PURE__ */ m({
   },
   setup(s) {
     const e = s;
-    return (t, o) => (r(), u(a(U), {
+    return (t, o) => (r(), d(a(U), {
       as: e.as,
       class: "ui-CardHead",
       "data-accent-color": e.color
@@ -162,7 +167,7 @@ const _a = /* @__PURE__ */ m({
       _: 3
     }, 8, ["as", "data-accent-color"]));
   }
-}), j = /* @__PURE__ */ m({
+}), W = /* @__PURE__ */ m({
   __name: "Button",
   props: {
     color: {},
@@ -176,8 +181,8 @@ const _a = /* @__PURE__ */ m({
   },
   setup(s) {
     const e = s, t = C(() => R(e, ["size", "variant", "highContrast"]));
-    return (o, l) => (r(), u(a(U), {
-      class: k(["ui-Button", t.value]),
+    return (o, l) => (r(), d(a(U), {
+      class: I(["ui-Button", t.value]),
       "as-child": e.asChild,
       as: e.as,
       "data-accent-color": e.color,
@@ -203,8 +208,8 @@ const _a = /* @__PURE__ */ m({
     as: {}
   },
   setup(s) {
-    const t = T(s);
-    return (o, l) => (r(), u(j, g({ class: "ui-IconButton" }, a(t)), {
+    const t = V(s);
+    return (o, l) => (r(), d(W, g({ class: "ui-IconButton" }, a(t)), {
       default: c(() => [
         _(o.$slots, "default")
       ]),
@@ -231,15 +236,15 @@ const _a = /* @__PURE__ */ m({
   },
   setup(s) {
     const e = s, t = C(() => R(e, ["size", "brand"])), o = C(() => eo[e.brand]);
-    return (l, n) => (r(), u(a(U), {
-      class: k(["ui-Button ui-SocialButton", t.value]),
+    return (l, n) => (r(), d(a(U), {
+      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(), u(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__ */ m({
       _: 3
     }, 8, ["class", "as-child", "as", "data-radius", "data-disabled"]));
   }
-}), ke = /* @__PURE__ */ m({
+}), Ie = /* @__PURE__ */ m({
   __name: "ScrollArea",
   props: {
     size: { default: "1" },
@@ -262,7 +267,7 @@ const _a = /* @__PURE__ */ m({
   },
   setup(s) {
     const e = s;
-    return (t, o) => (r(), u(a(de), {
+    return (t, o) => (r(), d(a(de), {
       class: "ui-ScrollArea",
       "as-child": e.asChild,
       dir: e.dir,
@@ -278,7 +283,7 @@ const _a = /* @__PURE__ */ m({
           _: 3
         }),
         o[0] || (o[0] = b("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
-        e.scrollbars !== "horizontal" ? (r(), u(a(ne), {
+        e.scrollbars !== "horizontal" ? (r(), d(a(ne), {
           key: 0,
           class: "ui-ScrollAreaScrollbar",
           "data-size": e.size,
@@ -289,7 +294,7 @@ const _a = /* @__PURE__ */ m({
           ]),
           _: 1
         }, 8, ["data-size"])) : z("", !0),
-        e.scrollbars !== "vertical" ? (r(), u(a(ne), {
+        e.scrollbars !== "vertical" ? (r(), d(a(ne), {
           key: 1,
           class: "ui-ScrollAreaScrollbar",
           "data-size": e.size,
@@ -300,7 +305,7 @@ const _a = /* @__PURE__ */ m({
           ]),
           _: 1
         }, 8, ["data-size"])) : z("", !0),
-        e.scrollbars === "both" ? (r(), u(a(Ue), {
+        e.scrollbars === "both" ? (r(), d(a(Ue), {
           key: 2,
           "class-name": "ui-ScrollAreaCorner"
         })) : z("", !0)
@@ -342,7 +347,7 @@ const _a = /* @__PURE__ */ m({
       "minHeight",
       "maxHeight"
     ]);
-    return (n, i) => (r(), u(a(qe), {
+    return (n, i) => (r(), d(a(qe), {
       to: t.to
     }, {
       default: c(() => [
@@ -417,7 +422,7 @@ const _a = /* @__PURE__ */ m({
       "minHeight",
       "maxHeight"
     ]);
-    return (n, i) => (r(), u(a(Qe), {
+    return (n, i) => (r(), d(a(Qe), {
       to: t.to
     }, {
       default: c(() => [
@@ -465,18 +470,18 @@ const _a = /* @__PURE__ */ m({
   },
   setup(s) {
     const e = s;
-    return (t, o) => (r(), u(Xt, {
+    return (t, o) => (r(), d(Xt, {
       class: "ui-DialogHead",
       side: "x"
     }, {
       default: c(() => [
         p(a(Xe), { class: "font-semibold" }, {
           default: c(() => [
-            W(A(e.title), 1)
+            L(T(e.title), 1)
           ]),
           _: 1
         }),
-        p(j, {
+        p(W, {
           as: a(Ye),
           type: "button",
           variant: "ghost",
@@ -486,7 +491,7 @@ const _a = /* @__PURE__ */ m({
           "aria-label": "Close"
         }, {
           default: c(() => [
-            p(a(I), { icon: "lucide:x" })
+            p(a(k), { icon: "lucide:x" })
           ]),
           _: 1
         }, 8, ["as"])
@@ -531,8 +536,8 @@ const _a = /* @__PURE__ */ m({
       "variant",
       "color",
       "highContrast"
-    ]), { forwardRef: n } = M(), { size: i, variant: d, color: y, highContrast: v } = ee(t);
-    return ro({ size: i, variant: d, color: y, highContrast: v }), (h, f) => (r(), u(a(et), {
+    ]), { forwardRef: n } = M(), { 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(() => [
@@ -546,7 +551,7 @@ const _a = /* @__PURE__ */ m({
           "data-size": t.size
         }), {
           default: c(() => [
-            p(ke, { type: "auto" }, {
+            p(Ie, { type: "auto" }, {
               default: c(() => [
                 b("div", lo, [
                   _(h.$slots, "default")
@@ -576,9 +581,9 @@ const _a = /* @__PURE__ */ m({
     const t = s, l = q(t, e, ["color", "shortcut"]);
     M();
     const n = no();
-    return (i, d) => {
+    return (i, u) => {
       var y;
-      return r(), u(a(ot), g({
+      return r(), d(a(ot), g({
         class: "ui-MenuItem",
         "data-accent-color": t.color,
         "data-size": a(n).size.value,
@@ -590,7 +595,7 @@ const _a = /* @__PURE__ */ m({
           t.shortcut ? (r(), $("div", {
             key: 0,
             class: "ui-MenuShortcut",
-            textContent: A(t.shortcut)
+            textContent: T(t.shortcut)
           }, null, 8, io)) : z("", !0)
         ]),
         _: 3
@@ -626,7 +631,7 @@ const _a = /* @__PURE__ */ m({
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
   setup(s, { emit: e }) {
     const t = s, l = q(t, e, ["to", "size"]);
-    return (n, i) => (r(), u(a(at), {
+    return (n, i) => (r(), d(a(at), {
       to: t.to
     }, {
       default: c(() => [
@@ -670,7 +675,7 @@ const _a = /* @__PURE__ */ m({
       "highContrast",
       "radius"
     ]);
-    return (i, d) => (r(), u(a(lt), g(a(l), {
+    return (i, u) => (r(), d(a(lt), g(a(l), {
       class: ["ui-Switch", a(n)],
       "data-accent-color": o.color,
       "data-radius": o.radius
@@ -696,7 +701,7 @@ const _a = /* @__PURE__ */ m({
 }, po = {
   key: 1,
   d: "M20 6 9 17l-5-5"
-}, Ie = /* @__PURE__ */ m({
+}, ke = /* @__PURE__ */ m({
   __name: "Checkbox",
   props: {
     color: {},
@@ -716,7 +721,7 @@ const _a = /* @__PURE__ */ m({
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
     const t = e, o = s, [l, n] = N(o, t, ["color", "size", "variant", "highContrast"]);
-    return (i, d) => (r(), u(a(rt), g(a(l), {
+    return (i, u) => (r(), d(a(rt), g(a(l), {
       class: ["ui-Checkbox", a(n)],
       "data-accent-color": o.color
     }), {
@@ -726,8 +731,8 @@ const _a = /* @__PURE__ */ m({
           "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,7 +741,7 @@ const _a = /* @__PURE__ */ m({
       _: 1
     }, 16, ["class", "data-accent-color"]));
   }
-}), [Te, fo] = oe("ui_CheckboxGroupRoot"), ka = /* @__PURE__ */ m({
+}), [Ve, fo] = oe("ui_CheckboxGroupRoot"), Ia = /* @__PURE__ */ m({
   __name: "CheckboxGroupRoot",
   props: /* @__PURE__ */ Q({
     disabled: { type: Boolean },
@@ -755,16 +760,16 @@ const _a = /* @__PURE__ */ m({
       set(h) {
         return i.number ? h = h.map((f) => Number(f)) : i.trim && (h = h.map((f) => f.trim())), h;
       }
-    }), d = C(() => n.value || []), y = C(() => {
+    }), u = C(() => n.value || []), y = C(() => {
       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, V;
+      var B, A;
       const f = (B = n.value) == null ? void 0 : B.indexOf(h);
-      f !== -1 && f !== void 0 && ((V = n.value) == null || V.splice(f, 1));
+      f !== -1 && f !== void 0 && ((A = n.value) == null || A.splice(f, 1));
     };
     return fo({
-      selected: d,
+      selected: u,
       checked: y,
       addModelValue: (h) => {
         var f, B;
@@ -782,7 +787,7 @@ const _a = /* @__PURE__ */ m({
       },
       disabled: t,
       name: o == null ? void 0 : o.value
-    }), (h, f) => (r(), u(a(U), {
+    }), (h, f) => (r(), d(a(U), {
       as: e.as,
       "as-child": e.asChild
     }, {
@@ -792,7 +797,7 @@ const _a = /* @__PURE__ */ m({
       _: 3
     }, 8, ["as", "as-child"]));
   }
-}), Ia = /* @__PURE__ */ m({
+}), ka = /* @__PURE__ */ m({
   __name: "CheckboxGroupItem",
   props: {
     value: {},
@@ -810,26 +815,26 @@ const _a = /* @__PURE__ */ m({
     required: { type: Boolean }
   },
   setup(s) {
-    const e = s, t = T(e);
+    const e = s, t = V(e);
     M();
-    const o = Te(), l = C(() => {
-      var d;
-      return ((d = o.disabled) == null ? void 0 : d.value) || e.disabled;
-    }), n = C(() => o.selected.value.indexOf(e.value) !== -1), i = (d) => {
-      d ? o.addModelValue(e.value) : o.removeModelValue(e.value);
+    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) => {
+      u ? o.addModelValue(e.value) : o.removeModelValue(e.value);
     };
     return ue(() => {
       o.initAllValue(e.value);
     }), Ce(() => {
       o.removeAllValue(e.value);
-    }), (d, y) => (r(), u(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__ */ m({
+}), Va = /* @__PURE__ */ m({
   __name: "CheckboxGroupControl",
   props: {
     color: {},
@@ -847,22 +852,22 @@ const _a = /* @__PURE__ */ m({
     required: { type: Boolean }
   },
   setup(s) {
-    const e = s, t = T(e);
+    const e = s, t = V(e);
     M();
-    const o = Te(), l = C(() => {
+    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, d) => (r(), u(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__ */ m({
+}), Ta = /* @__PURE__ */ m({
   __name: "Toggle",
   props: {
     color: {},
@@ -887,7 +892,7 @@ const _a = /* @__PURE__ */ m({
       "highContrast",
       "radius"
     ]);
-    return (i, d) => (r(), u(a(ct), g(a(l), {
+    return (i, u) => (r(), d(a(ct), g(a(l), {
       class: ["ui-Toggle", a(n)],
       "data-accent-color": o.color,
       "data-radius": o.radius
@@ -928,7 +933,7 @@ const _a = /* @__PURE__ */ m({
       "highContrast",
       "radius"
     ]);
-    return (i, d) => (r(), u(a(ut), g(a(l), {
+    return (i, u) => (r(), d(a(ut), g(a(l), {
       class: ["ui-ToggleGroupRoot", a(n)],
       "data-accent-color": o.color,
       "data-radius": o.radius
@@ -948,8 +953,8 @@ const _a = /* @__PURE__ */ m({
     as: {}
   },
   setup(s) {
-    const t = T(s);
-    return (o, l) => (r(), u(a(dt), g(a(t), { class: "ui-ToggleGroupItem" }), {
+    const t = V(s);
+    return (o, l) => (r(), d(a(dt), g(a(t), { class: "ui-ToggleGroupItem" }), {
       default: c(() => [
         _(o.$slots, "default")
       ]),
@@ -983,8 +988,8 @@ const _a = /* @__PURE__ */ m({
   }),
   emits: ["update:modelValue"],
   setup(s) {
-    const e = s, t = P(), o = (d) => {
-      const y = d.target;
+    const e = s, t = P(), o = (u) => {
+      const y = u.target;
       if (y.closest("input, button, a")) return;
       const v = t.value;
       if (!v) return;
@@ -993,15 +998,15 @@ const _a = /* @__PURE__ */ m({
         v.setSelectionRange(f, f), v.focus();
       });
     }, [l, n] = Z(s, "modelValue", {
-      set(d) {
-        return n.number ? Number(d) : n.trim ? d.trim() : d;
+      set(u) {
+        return n.number ? Number(u) : n.trim ? u.trim() : u;
       }
     }), i = C(() => {
-      const d = R(e, ["size", "variant"]);
-      return e.class && d.push(e.class), d;
+      const u = R(e, ["size", "variant"]);
+      return e.class && u.push(e.class), u;
     });
-    return (d, y) => (r(), $("div", {
-      class: k(["ui-TextField", i.value]),
+    return (u, y) => (r(), $("div", {
+      class: I(["ui-TextField", i.value]),
       "data-radius": e.radius,
       "data-accent-color": e.color,
       onPointerdown: o
@@ -1012,14 +1017,14 @@ const _a = /* @__PURE__ */ m({
         ref: t,
         "onUpdate:modelValue": y[0] || (y[0] = (v) => be(l) ? l.value = v : null),
         type: e.type
-      }, d.$attrs, { class: "ui-TextFieldInput" }), null, 16, ho), [
+      }, u.$attrs, { class: "ui-TextFieldInput" }), null, 16, ho), [
         [Oe, a(l)]
       ]),
-      d.$slots.left ? (r(), $("div", vo, [
-        _(d.$slots, "left")
+      u.$slots.left ? (r(), $("div", vo, [
+        _(u.$slots, "left")
       ])) : z("", !0),
-      d.$slots.right ? (r(), $("div", _o, [
-        _(d.$slots, "right")
+      u.$slots.right ? (r(), $("div", _o, [
+        _(u.$slots, "right")
       ])) : z("", !0)
     ], 42, mo));
   }
@@ -1046,7 +1051,7 @@ const _a = /* @__PURE__ */ m({
       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({
@@ -1073,7 +1078,7 @@ const _a = /* @__PURE__ */ m({
   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 +1092,7 @@ const _a = /* @__PURE__ */ m({
       ])
     ], 14, yo));
   }
-}), [Ve, bo] = oe("ui_SelectRoot"), Oa = /* @__PURE__ */ m({
+}), [Te, bo] = oe("ui_SelectRoot"), Oa = /* @__PURE__ */ m({
   __name: "SelectRoot",
   props: {
     size: { default: "2" },
@@ -1107,12 +1112,12 @@ const _a = /* @__PURE__ */ m({
   },
   emits: ["update:modelValue", "update:open"],
   setup(s, { emit: e }) {
-    const t = s, o = e, { size: l, color: n, highContrast: i } = ee(t), d = q(t, o, ["size", "color", "highContrast"]);
+    const t = s, o = e, { size: l, color: n, highContrast: i } = ee(t), u = q(t, o, ["size", "color", "highContrast"]);
     return bo({
       size: l,
       color: n,
       highContrast: i
-    }), (y, v) => (r(), u(a(pt), Me(Fe(a(d))), {
+    }), (y, v) => (r(), d(a(pt), Me(Fe(a(u))), {
       default: c(() => [
         _(y.$slots, "default")
       ]),
@@ -1147,11 +1152,11 @@ const _a = /* @__PURE__ */ m({
     as: {}
   },
   setup(s) {
-    const e = s, t = T(e), { forwardRef: o } = M(), l = Ve(), n = C(() => {
+    const e = s, t = V(e), { forwardRef: o } = M(), 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;
     });
-    return (i, d) => (r(), u(a(ft), {
+    return (i, u) => (r(), d(a(ft), {
       to: e.to
     }, {
       default: c(() => [
@@ -1181,7 +1186,7 @@ const _a = /* @__PURE__ */ m({
                       ]),
                       _: 3
                     }),
-                    d[0] || (d[0] = b("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
+                    u[0] || (u[0] = b("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
                     p(a(ne), {
                       class: "ui-ScrollAreaScrollbar",
                       "data-size": 1,
@@ -1217,9 +1222,9 @@ const _a = /* @__PURE__ */ m({
     as: {}
   },
   setup(s) {
-    const e = s, t = Ve(), o = C(() => [`r-variant-${e.variant}`, `r-size-${t.size.value}`]);
-    return (l, n) => (r(), u(a(vt), {
-      class: k(["ui-SelectTrigger", o.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: I(["ui-SelectTrigger", o.value]),
       disabled: e.disabled,
       "data-accent-color": a(t).color.value,
       "data-radius": e.radius
@@ -1228,11 +1233,24 @@ const _a = /* @__PURE__ */ m({
         b("span", $o, [
           p(a(_t), {
             placeholder: e.placeholder
-          }, null, 8, ["placeholder"])
+          }, {
+            default: c(({ selectedLabel: i, modelValue: u }) => [
+              i.length ? _(l.$slots, "default", {
+                key: 0,
+                selectedLabel: i,
+                modelValue: u
+              }, () => [
+                L(T(i.join(", ")), 1)
+              ]) : (r(), $(H, { key: 1 }, [
+                L(T(e.placeholder), 1)
+              ], 64))
+            ]),
+            _: 3
+          }, 8, ["placeholder"])
         ]),
         p(a(gt), { "as-child": "" }, {
           default: c(() => [
-            p(a(I), {
+            p(a(k), {
               class: "ui-SelectIcon",
               icon: "radix-icons:chevron-down"
             })
@@ -1240,7 +1258,7 @@ const _a = /* @__PURE__ */ m({
           _: 1
         })
       ]),
-      _: 1
+      _: 3
     }, 8, ["class", "disabled", "data-accent-color", "data-radius"]));
   }
 }), La = /* @__PURE__ */ m({
@@ -1253,12 +1271,12 @@ const _a = /* @__PURE__ */ m({
     as: {}
   },
   setup(s) {
-    const t = T(s);
-    return M(), (o, l) => (r(), u(a(yt), g({ class: "ui-SelectItem" }, a(t)), {
+    const t = V(s);
+    return M(), (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
         }),
@@ -1280,8 +1298,8 @@ const _a = /* @__PURE__ */ m({
     as: {}
   },
   setup(s) {
-    const t = T(s);
-    return M(), (o, l) => (r(), u(a($t), g({ class: "ui-SelectLabel" }, a(t)), {
+    const t = V(s);
+    return M(), (o, l) => (r(), d(a($t), g({ class: "ui-SelectLabel" }, a(t)), {
       default: c(() => [
         _(o.$slots, "default")
       ]),
@@ -1300,7 +1318,7 @@ const _a = /* @__PURE__ */ m({
 function So(s, e) {
   return r(), $("div", wo);
 }
-const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxRoot"), Ea = /* @__PURE__ */ m({
+const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, Io] = oe("ui_ComboboxRoot"), Ea = /* @__PURE__ */ m({
   __name: "ComboboxRoot",
   props: {
     size: { default: "2" },
@@ -1325,24 +1343,24 @@ 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), [d, y] = N(t, o, ["size", "color", "highContrast"]);
-    return ko({
+    const t = s, o = e, { size: l, color: n, highContrast: i } = ee(t), [u, y] = N(t, o, ["size", "color", "highContrast"]);
+    return Io({
       size: l,
       color: n,
       highContrast: i
-    }), (v, h) => (r(), u(a(Bt), g({
+    }), (v, h) => (r(), d(a(Bt), g({
       class: ["ui-ComboboxRoot", a(y)]
-    }, a(d)), {
+    }, a(u)), {
       default: c(() => [
         _(v.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Io = {
+}), ko = {
   key: 0,
   class: "ui-ComboboxValues"
-}, To = ["aria-current", "value"], Vo = ["onClick"], Wa = /* @__PURE__ */ m({
+}, Vo = ["aria-current", "value"], To = ["onClick"], ja = /* @__PURE__ */ m({
   inheritAttrs: !1,
   __name: "ComboboxInput",
   props: {
@@ -1358,39 +1376,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), d = C(() => t.modelValue.value), y = (f) => typeof f == "object" ? JSON.stringify(f) : f.toString(), v = (f) => {
+    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) => {
       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 = d.value.length - 1, setTimeout(() => {
+      !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(d, () => {
+    return Le(u, () => {
       t.filterState.search = "";
-    }, { deep: !0 }), (f, B) => (r(), u(a(wt), {
-      class: k(["ui-ComboboxField", `r-variant-${f.variant}`]),
+    }, { deep: !0 }), (f, B) => (r(), d(a(wt), {
+      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, E(d.value, (V, F) => (r(), $("div", {
-            key: y(V),
+        a(t).multiple.value ? (r(), $("div", ko, [
+          (r(!0), $(H, null, j(u.value, (A, F) => (r(), $("div", {
+            key: y(A),
             class: "ui-ComboboxValuesItem",
             "aria-current": F === i.value,
-            value: V
+            value: A
           }, [
-            _(f.$slots, "item", { value: V }, () => [
-              b("span", null, A(y(V)), 1)
+            _(f.$slots, "item", { value: A }, () => [
+              b("span", null, T(y(A)), 1)
             ]),
             b("button", {
               type: "button",
               tabindex: "-1",
-              onClick: D((G) => v(F), ["prevent"])
+              onClick: D((E) => v(F), ["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),
@@ -1400,7 +1418,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
             class: "ui-ComboboxInput",
             onKeydown: h
           }), null, 16)
-        ])) : (r(), u(a(ve), g({
+        ])) : (r(), d(a(ve), g({
           key: 1,
           class: "ui-ComboboxInput"
         }, {
@@ -1411,7 +1429,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
         }), null, 16)),
         p(a(St), { class: "ui-ComboboxTrigger" }, {
           default: c(() => [
-            p(a(I), { icon: "radix-icons:chevron-down" })
+            p(a(k), { icon: "radix-icons:chevron-down" })
           ]),
           _: 1
         })
@@ -1419,7 +1437,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       _: 3
     }, 8, ["class", "data-radius", "data-multiple"]));
   }
-}), ja = /* @__PURE__ */ m({
+}), Wa = /* @__PURE__ */ m({
   inheritAttrs: !1,
   __name: "ComboboxContent",
   props: {
@@ -1449,22 +1467,22 @@ 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(), d = C(() => {
+    const { forwardRef: t } = M(), o = s, n = we(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;
     });
-    return (y, v) => (r(), u(a(zt), {
+    return (y, v) => (r(), d(a(zt), {
       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",
           to: void 0,
           variant: void 0
         }, {
-          class: ["ui-ComboboxContent", d.value],
+          class: ["ui-ComboboxContent", u.value],
           "data-accent-color": a(i).color.value
         }), {
           default: c(() => [
@@ -1473,7 +1491,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": ""
                 }, {
@@ -1518,12 +1536,12 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
     as: {}
   },
   setup(s) {
-    const t = T(s);
-    return (o, l) => (r(), u(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
         }),
@@ -1540,8 +1558,8 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
     as: {}
   },
   setup(s) {
-    const t = T(s);
-    return M(), (o, l) => (r(), u(a(At), g({ class: "ui-ComboboxLabel" }, a(t)), {
+    const t = V(s);
+    return M(), (o, l) => (r(), d(a(At), g({ class: "ui-ComboboxLabel" }, a(t)), {
       default: c(() => [
         _(o.$slots, "default")
       ]),
@@ -1569,8 +1587,8 @@ 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] = (d) => be(t) ? t.value = d : null),
-      class: k(["ui-Radio", l.value]),
+      "onUpdate:modelValue": i[0] || (i[0] = (u) => be(t) ? t.value = u : null),
+      class: I(["ui-Radio", l.value]),
       type: "radio",
       "data-accent-color": e.color
     }, null, 10, Ao)), [
@@ -1597,8 +1615,8 @@ 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: d, highContrast: y } = ee(o);
-    return Ro({ size: n, variant: i, color: d, highContrast: y }), (v, h) => (r(), u(a(Se), g({ class: "ui-RadioGroupRoot" }, a(l)), {
+    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)), {
       default: c(() => [
         _(v.$slots, "default")
       ]),
@@ -1617,7 +1635,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
     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}`,
@@ -1626,11 +1644,11 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       return (i = o.highContrast) != null && i.value && n.push("r-high-contrast"), n;
     });
     return (n, i) => {
-      var d;
+      var u;
       return r(), $("label", Po, [
         p(a(ze), g({
           class: ["ui-Radio", l.value],
-          "data-accent-color": (d = a(o).color) == null ? void 0 : d.value
+          "data-accent-color": (u = a(o).color) == null ? void 0 : u.value
         }, a(t)), null, 16, ["class", "data-accent-color"]),
         _(n.$slots, "default")
       ]);
@@ -1648,17 +1666,17 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
     required: { type: Boolean }
   },
   setup(s) {
-    const t = T(s);
+    const t = V(s);
     M();
     const o = Ae();
     return (l, n) => {
-      var i, d;
-      return r(), u(a(ze), g({
+      var i, u;
+      return r(), d(a(ze), g({
         class: "ui-RadioCardsItem",
         "data-accent-color": (i = a(o).color) == null ? void 0 : i.value,
         "data-size": a(o).size.value,
         "data-variant": a(o).variant.value,
-        "data-high-contrast": (d = a(o).highContrast) == null ? void 0 : d.value
+        "data-high-contrast": (u = a(o).highContrast) == null ? void 0 : u.value
       }, { ...a(t), asChild: !1 }), {
         default: c(() => [
           p(Yt, {
@@ -1692,7 +1710,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, d) => (r(), u(a(Se), g(a(l), {
+    return (i, u) => (r(), d(a(Se), g(a(l), {
       class: ["ui-RadioTabsList", a(n)]
     }), {
       default: c(() => [
@@ -1710,8 +1728,8 @@ 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(), u(a(Rt), {
-      class: k(["ui-TabList", t.value]),
+    return (o, l) => (r(), d(a(Rt), {
+      class: I(["ui-TabList", t.value]),
       "data-accent-color": e.color
     }, {
       default: c(() => [
@@ -1730,8 +1748,8 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
     as: {}
   },
   setup(s) {
-    const t = T(s);
-    return (o, l) => (r(), u(a(Dt), g(a(t), { class: "ui-TabTrigger" }), {
+    const t = V(s);
+    return (o, l) => (r(), d(a(Dt), g(a(t), { class: "ui-TabTrigger" }), {
       default: c(() => [
         b("span", Do, [
           _(o.$slots, "default")
@@ -1761,7 +1779,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, d) => (r(), u(a(Ot), g(a(l), {
+    return (i, u) => (r(), d(a(Ot), g(a(l), {
       class: ["ui-AccordionRoot", a(n)]
     }), {
       default: c(() => [
@@ -1780,8 +1798,8 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
     as: {}
   },
   setup(s) {
-    const t = T(s);
-    return (o, l) => (r(), u(a(Mt), g(a(t), { class: "ui-AccordionItem" }), {
+    const t = V(s);
+    return (o, l) => (r(), d(a(Mt), g(a(t), { class: "ui-AccordionItem" }), {
       default: c(() => [
         _(o.$slots, "default")
       ]),
@@ -1797,8 +1815,8 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
     as: {}
   },
   setup(s) {
-    const t = T(s);
-    return (o, l) => (r(), u(a(Ft), g(a(t), { class: "ui-AccordionContent" }), {
+    const t = V(s);
+    return (o, l) => (r(), d(a(Ft), g(a(t), { class: "ui-AccordionContent" }), {
       default: c(() => [
         b("div", g({ class: "ui-AccordionContentInner" }, o.$attrs), [
           _(o.$slots, "default")
@@ -1816,7 +1834,7 @@ 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),
@@ -1829,7 +1847,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
     arrowTransform: { default: "right-down" }
   },
   setup(s) {
-    return (e, t) => (r(), u(a(I), {
+    return (e, t) => (r(), d(a(k), {
       class: "ui-ChevronIcon",
       icon: "lucide:chevron-right",
       "data-arrow-transform": e.arrowTransform
@@ -1844,17 +1862,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(), u(a(Lt), g({
+    return (l, n) => (r(), d(a(Lt), g({
       class: ["ui-AccordionTrigger", a(o)]
     }, a(t)), {
       default: c(() => [
         b("div", Go, [
           _(l.$slots, "default")
         ]),
-        e.indicator === "plus-minus" ? (r(), u(Fo, {
+        e.indicator === "plus-minus" ? (r(), d(Fo, {
           key: 0,
           class: "ui-AccordionTriggerIcon"
-        })) : e.indicator === "chevron" ? (r(), u(Lo, {
+        })) : e.indicator === "chevron" ? (r(), d(Lo, {
           key: 1,
           "arrow-transform": "down-up"
         })) : z("", !0)
@@ -1871,8 +1889,8 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
     as: {}
   },
   setup(s) {
-    const t = T(s);
-    return (o, l) => (r(), u(a(Gt), g(a(t), { class: "ui-CollapsibleContent" }), {
+    const t = V(s);
+    return (o, l) => (r(), d(a(Gt), g(a(t), { class: "ui-CollapsibleContent" }), {
       default: c(() => [
         b("div", g({ class: "ui-CollapsibleContentInner" }, o.$attrs), [
           _(o.$slots, "default")
@@ -1909,30 +1927,30 @@ 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), h = t.value > 1 ? t.value - 1 : null, f = t.value < v ? t.value + 1 : null, B = 5 + e.edge * 2, V = v > B && t.value > e.edge + 3, F = v > B && t.value + e.edge + 2 < v, G = [];
+      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 = [];
       let K = 2, J = v - 1;
-      V && !F ? K = Math.max(4, v - 2 * e.edge - 2) : !V && F ? J = Math.min(2 * e.edge + 3, v - 1) : V && F && (K = t.value - e.edge, J = t.value + e.edge);
+      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);
       for (let X = K; X <= J; X++)
-        G.push(X);
+        E.push(X);
       return {
         totalPages: v,
         prev: h,
         next: f,
-        hasLeftEdge: V,
+        hasLeftEdge: A,
         hasRightEdge: F,
-        pageList: G
+        pageList: E
       };
     }), i = (v) => {
       t.value = v;
-    }, d = () => {
+    }, u = () => {
       i(t.value - e.edge);
     }, y = () => {
       i(t.value + e.edge);
     };
     return (v, h) => (r(), $("div", {
-      class: k(["ui-Pagination", o.value])
+      class: I(["ui-Pagination", o.value])
     }, [
-      n.value.prev ? (r(), u(Y, g({ key: 0 }, l.value, {
+      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"]))
       }), {
@@ -1940,36 +1958,36 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
           _(v.$slots, "prev-page", {
             page: n.value.prev
           }, () => [
-            p(a(I), { icon: "lucide:chevron-left" })
+            p(a(k), { icon: "lucide:chevron-left" })
           ])
         ]),
         _: 3
       }, 16)) : z("", !0),
-      p(j, g(l.value, {
+      p(W, g(l.value, {
         disabled: t.value === 1,
         "aria-current": "page",
         onClick: h[1] || (h[1] = D((f) => i(1), ["prevent"]))
       }), {
         default: c(() => [
           _(v.$slots, "page", { page: 1 }, () => [
-            h[4] || (h[4] = W("1"))
+            h[4] || (h[4] = L("1"))
           ])
         ]),
         _: 3
       }, 16, ["disabled"]),
-      n.value.hasLeftEdge ? (r(), u(Y, g({ key: 1 }, l.value, {
-        onClick: D(d, ["prevent"])
+      n.value.hasLeftEdge ? (r(), d(Y, g({ key: 1 }, l.value, {
+        onClick: D(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, E(n.value.pageList, (f) => (r(), u(j, g({
+      (r(!0), $(H, null, j(n.value.pageList, (f) => (r(), d(W, g({
         key: f,
         ref_for: !0
       }, l.value, {
@@ -1979,24 +1997,24 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       }), {
         default: c(() => [
           _(v.$slots, "page", { page: f }, () => [
-            W(A(f), 1)
+            L(T(f), 1)
           ])
         ]),
         _: 2
       }, 1040, ["disabled", "onClick"]))), 128)),
-      n.value.hasRightEdge ? (r(), u(Y, g({ key: 2 }, l.value, {
+      n.value.hasRightEdge ? (r(), d(Y, g({ key: 2 }, l.value, {
         onClick: D(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
       }, 16)) : z("", !0),
-      n.value.totalPages > 1 ? (r(), u(j, g({ key: 3 }, l.value, {
+      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"]))
@@ -2005,12 +2023,12 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
           _(v.$slots, "page", {
             page: n.value.totalPages
           }, () => [
-            W(A(n.value.totalPages), 1)
+            L(T(n.value.totalPages), 1)
           ])
         ]),
         _: 3
       }, 16, ["disabled"])) : z("", !0),
-      n.value.next ? (r(), u(Y, g({ key: 4 }, l.value, {
+      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"]))
       }), {
@@ -2018,14 +2036,14 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
           _(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"], Wo = ["data-layout"], ls = /* @__PURE__ */ m({
+}), Eo = ["data-size", "data-variant"], jo = ["data-layout"], ls = /* @__PURE__ */ m({
   __name: "Table",
   props: {
     size: { default: "2" },
@@ -2039,14 +2057,14 @@ 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, Wo)
+          ], 8, jo)
         ]),
         _: 3
       })
@@ -2062,15 +2080,16 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
   },
   setup(s) {
     const e = s;
-    return (t, o) => (r(), u(a(U), {
+    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"]));
   }
-}), jo = ["textContent"], Uo = /* @__PURE__ */ m({
+}), Wo = ["textContent"], Uo = /* @__PURE__ */ m({
+  inheritAttrs: !1,
   __name: "Tooltip",
   props: {
     to: {},
@@ -2100,7 +2119,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
   },
   setup(s) {
     const e = s;
-    return (t, o) => (r(), u(a(Ht), {
+    return (t, o) => (r(), d(a(Ht), {
       "delay-duration": e.delayDuration,
       "disable-closing-trigger": e.disableClosingTrigger,
       "disable-hoverable-content": e.disableHoverableContent,
@@ -2111,16 +2130,16 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       default: c(() => [
         p(a(Et), null, {
           default: c(() => [
-            p(a(Wt), {
+            p(a(jt), g({
               as: e.as,
               "as-child": e.asChild
-            }, {
+            }, t.$attrs), {
               default: c(() => [
                 _(t.$slots, "default")
               ]),
               _: 3
-            }, 8, ["as", "as-child"]),
-            p(a(jt), {
+            }, 16, ["as", "as-child"]),
+            p(a(Wt), {
               to: e.to
             }, {
               default: c(() => [
@@ -2142,8 +2161,8 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
                     _(t.$slots, "content", {}, () => [
                       b("p", {
                         class: "ui-TooltipText",
-                        textContent: A(e.content)
-                      }, null, 8, jo)
+                        textContent: T(e.content)
+                      }, null, 8, Wo)
                     ]),
                     p(a(qt), { class: "ui-TooltipArrow" })
                   ]),
@@ -2173,7 +2192,7 @@ const Ha = /* @__PURE__ */ Bo(xo, [["render", So]]), [zo, ko] = oe("ui_ComboboxR
       let n = "a4";
       return e.percent > 90 ? n = "a11" : e.percent > 66 ? n = "a9" : e.percent > 33 && (n = "a6"), { transform: l, "background-color": `var(--blue-${n})` };
     }), o = C(() => e.percent > 100 ? 100 : e.percent < 0 ? 0 : e.percent);
-    return (l, n) => (r(), u(a(Nt), {
+    return (l, n) => (r(), d(a(Nt), {
       class: "ui-Quota",
       "model-value": o.value,
       "data-accent-color": e.color
@@ -2195,8 +2214,8 @@ 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(), u(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"]));
   }
@@ -2209,13 +2228,13 @@ 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(), u(a(I), {
+      e.status === "saving" ? (r(), d(a(k), {
         key: 0,
         icon: "svg-spinners:180-ring"
-      })) : e.status === "saved" ? (r(), u(a(I), {
+      })) : e.status === "saved" ? (r(), d(a(k), {
         key: 1,
         icon: "lucide:check-circle-2"
       })) : z("", !0)
@@ -2232,11 +2251,11 @@ 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));
@@ -2261,7 +2280,7 @@ const ds = /* @__PURE__ */ m({
       window.turnstile && (o("update:modelValue", ""), window.turnstile.reset());
     }, i = () => {
       le && (window.turnstile.remove(le), le = void 0);
-    }, d = (v) => {
+    }, u = (v) => {
       o("update:modelValue", v), ye = setTimeout(() => {
         n();
       }, t.resetInterval);
@@ -2270,7 +2289,7 @@ const ds = /* @__PURE__ */ m({
         sitekey: t.sitekey,
         theme: t.theme,
         size: t.size,
-        callback: d,
+        callback: u,
         action: t.action,
         appearance: t.appearance
       });
@@ -2315,13 +2334,13 @@ const ds = /* @__PURE__ */ m({
     const e = s;
     return (t, o) => (r(), $("button", Qo, [
       b("div", Zo, [
-        b("strong", null, A(e.name), 1),
-        b("span", null, A(e.license.title), 1),
-        b("span", null, A(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, E(e.samples, (l) => (r(), $("span", { key: l }, [
-          p(a(I), {
+        (r(!0), $(H, null, j(e.samples, (l) => (r(), $("span", { key: l }, [
+          p(a(k), {
             icon: e.prefix + ":" + l
           }, null, 8, ["icon"])
         ]))), 128))
@@ -2365,11 +2384,11 @@ const ds = /* @__PURE__ */ m({
   },
   emits: ["select"],
   setup(s, { emit: e }) {
-    const t = s, o = e, l = P("all"), n = P([]), i = P(""), d = P(1), y = P(""), v = P([]), h = P(), f = P(""), B = P(""), V = () => {
-      d.value = 1, y.value = "", v.value = [], h.value = void 0, f.value = "", B.value = "", l.value = "all";
+    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);
-    }, G = async () => {
+    }, E = 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);
@@ -2393,17 +2412,17 @@ const ds = /* @__PURE__ */ m({
         return `${(O = h.value) == null ? void 0 : O.prefix}:${S}`;
       })) : w;
     }), me = C(() => l.value === "search" ? v.value : l.value === "collection" ? Re.value : []), Pe = C(() => {
-      const w = (d.value - 1) * t.perpage, S = d.value * t.perpage;
+      const w = (u.value - 1) * t.perpage, S = u.value * t.perpage;
       return me.value.slice(w, S);
     });
     return ue(async () => {
-      t.prefix ? K(t.prefix) : t.search && (y.value = t.search, G()), n.value = await da();
+      t.prefix ? K(t.prefix) : t.search && (y.value = t.search, E()), n.value = await da();
     }), (w, S) => {
       var O;
       return r(), $("div", Yo, [
         te(b("div", ea, [
           b("section", ta, [
-            b("h1", null, A(J.value) + " icon sets", 1),
+            b("h1", null, T(J.value) + " icon sets", 1),
             b("div", oa, [
               p(ae, {
                 modelValue: i.value,
@@ -2414,24 +2433,24 @@ const ds = /* @__PURE__ */ m({
                 modelValue: y.value,
                 "onUpdate:modelValue": S[1] || (S[1] = (x) => y.value = x),
                 placeholder: "Search icons...",
-                onKeydown: he(G, ["enter"])
+                onKeydown: he(E, ["enter"])
               }, null, 8, ["modelValue"])
             ])
           ]),
-          (r(!0), $(H, null, E(X.value, (x) => (r(), $("section", {
+          (r(!0), $(H, null, j(X.value, (x) => (r(), $("section", {
             key: x.category,
             class: "ui-IconifyCollectionSample"
           }, [
             b("h1", aa, [
-              b("span", sa, A(x.category), 1),
-              b("span", la, "(" + A(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, E(x.items, (L) => (r(), u(Xo, g({
-                key: L.prefix,
+              (r(!0), $(H, null, j(x.items, (G) => (r(), d(Xo, g({
+                key: G.prefix,
                 ref_for: !0
-              }, L, {
-                onClick: D((De) => K(L.prefix), ["prevent"])
+              }, G, {
+                onClick: D((De) => K(G.prefix), ["prevent"])
               }), null, 16, ["onClick"]))), 128))
             ])
           ]))), 128))
@@ -2440,25 +2459,25 @@ const ds = /* @__PURE__ */ m({
         ]),
         l.value !== "all" ? (r(), $("div", ra, [
           b("div", ia, [
-            p(j, {
+            p(W, {
               type: "button",
               variant: "surface",
               color: "gray",
-              onClick: D(V, ["prevent"])
+              onClick: D(A, ["prevent"])
             }, {
               default: c(() => S[5] || (S[5] = [
-                W(" Back ")
+                L(" Back ")
               ])),
               _: 1
             }),
-            l.value === "search" ? (r(), u(ae, {
+            l.value === "search" ? (r(), d(ae, {
               key: 0,
               modelValue: y.value,
               "onUpdate:modelValue": S[2] || (S[2] = (x) => y.value = x),
               placeholder: "Search icons...",
-              onKeydown: he(G, ["enter"])
+              onKeydown: he(E, ["enter"])
             }, null, 8, ["modelValue"])) : z("", !0),
-            l.value === "collection" ? (r(), u(ae, {
+            l.value === "collection" ? (r(), d(ae, {
               key: 1,
               modelValue: f.value,
               "onUpdate:modelValue": S[3] || (S[3] = (x) => f.value = x),
@@ -2466,22 +2485,22 @@ const ds = /* @__PURE__ */ m({
             }, null, 8, ["modelValue"])) : z("", !0)
           ]),
           l.value === "collection" && ((O = h.value) != null && O.suffixes) ? (r(), $("div", ca, [
-            (r(!0), $(H, null, E(h.value.suffixes, (x, L) => (r(), u(j, {
-              key: L,
-              variant: B.value === L ? "solid" : "outline",
+            (r(!0), $(H, null, j(h.value.suffixes, (x, G) => (r(), d(W, {
+              key: G,
+              variant: B.value === G ? "solid" : "outline",
               color: "gray",
               "high-contrast": "",
               radius: "full",
-              onClick: D((De) => B.value = L, ["prevent"])
+              onClick: D((De) => B.value = G, ["prevent"])
             }, {
               default: c(() => [
-                W(A(x), 1)
+                L(T(x), 1)
               ]),
               _: 2
             }, 1032, ["variant", "onClick"]))), 128))
           ])) : z("", !0),
           b("div", ua, [
-            (r(!0), $(H, null, E(Pe.value, (x) => (r(), u(Uo, {
+            (r(!0), $(H, null, j(Pe.value, (x) => (r(), d(Uo, {
               key: x,
               as: "div",
               content: x
@@ -2492,10 +2511,10 @@ const ds = /* @__PURE__ */ m({
                   color: "gray",
                   variant: "ghost",
                   size: "4",
-                  onClick: D((L) => F(x), ["prevent"])
+                  onClick: D((G) => F(x), ["prevent"])
                 }, {
                   default: c(() => [
-                    p(a(I), { icon: x }, null, 8, ["icon"])
+                    p(a(k), { icon: x }, null, 8, ["icon"])
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -2504,8 +2523,8 @@ const ds = /* @__PURE__ */ m({
             }, 1032, ["content"]))), 128))
           ]),
           p(Ho, {
-            page: d.value,
-            "onUpdate:page": S[4] || (S[4] = (x) => d.value = x),
+            page: u.value,
+            "onUpdate:page": S[4] || (S[4] = (x) => u.value = x),
             total: me.value.length,
             perpage: w.perpage
           }, null, 8, ["page", "total", "perpage"])
@@ -2528,22 +2547,22 @@ export {
   Cs as AlertDialogTrigger,
   _a as Avatar,
   ga as Badge,
-  j as Button,
+  W as Button,
   Yt as Card,
   ya as CardHead,
-  Ie as Checkbox,
-  Ta as CheckboxGroupControl,
-  Ia as CheckboxGroupItem,
-  ka as CheckboxGroupRoot,
+  ke as Checkbox,
+  Va as CheckboxGroupControl,
+  ka as CheckboxGroupItem,
+  Ia as CheckboxGroupRoot,
   Lo as ChevronIcon,
   ss as CollapsibleContent,
   bs as CollapsibleRoot,
   $s as CollapsibleTrigger,
   Da as ColorField,
-  ja as ComboboxContent,
+  Wa as ComboboxContent,
   Bs as ComboboxEmpty,
   xs as ComboboxGroup,
-  Wa as ComboboxInput,
+  ja as ComboboxInput,
   Ua as ComboboxItem,
   qa as ComboboxLabel,
   Ea as ComboboxRoot,
@@ -2552,12 +2571,12 @@ export {
   Ss 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,
+  Vs as DropdownMenuRoot,
+  Ts as DropdownMenuTrigger,
   Gs as Icon,
   Y as IconButton,
   us as IconCircle,
@@ -2578,7 +2597,7 @@ export {
   Ds as RadioTabsItem,
   Ja as RadioTabsList,
   cs as SavingIndicator,
-  ke as ScrollArea,
+  Ie as ScrollArea,
   Ma as SelectContent,
   Os as SelectGroup,
   La as SelectItem,
@@ -2597,7 +2616,7 @@ export {
   Ya as TabsTrigger,
   Pa as TextArea,
   ae as TextField,
-  Va as Toggle,
+  Ta as Toggle,
   Ra as ToggleGroupItem,
   Aa as ToggleGroupRoot,
   Uo as Tooltip,