@typlog/ui 0.2.0 → 0.4.0

package/dist/index.js

@@ -1,10 +1,45 @@
-import { defineComponent as u, computed as z, openBlock as d, createBlock as h, unref as a, withCtx as l, createVNode as p, createTextVNode as K, toDisplayString as O, renderSlot as f, useAttrs as ne, mergeProps as _, createElementBlock as b, createCommentVNode as T, toRefs as W, ref as L, onMounted as N, onBeforeUnmount as Q, withDirectives as V, createElementVNode as C, isRef as D, vModelText as F, vModelRadio as re, normalizeProps as de, guardReactiveProps as ce, normalizeClass as X, vModelDynamic as ue, provide as pe, inject as J, normalizeStyle as he } from "vue";
-import { AvatarRoot as fe, AvatarImage as me, AvatarFallback as _e, Primitive as k, useForwardProps as $, useEmitAsProps as ve, CheckboxRoot as ge, CheckboxIndicator as ye, createContext as j, useForwardExpose as B, AlertDialogPortal as Ce, AlertDialogOverlay as be, AlertDialogContent as ze, DialogPortal as Be, DialogOverlay as $e, DialogContent as we, DialogTitle as Se, DialogClose as Te, PopoverPortal as ke, PopoverContent as Ae, ScrollAreaRoot as Y, ScrollAreaViewport as Z, ScrollAreaScrollbar as H, ScrollAreaThumb as G, ScrollAreaCorner as xe, DropdownMenuPortal as Ve, DropdownMenuContent as De, DropdownMenuItem as Re, SwitchRoot as Pe, SwitchThumb as Ie, RadioGroupRoot as ee, RadioGroupItem as te, SelectRoot as Oe, SelectPortal as Me, SelectContent as Fe, SelectViewport as He, SelectTrigger as Ge, SelectValue as We, SelectIcon as Le, SelectItem as je, SelectItemIndicator as Ee, SelectItemText as qe, SelectLabel as Ue, TooltipProvider as Ke, TooltipRoot as Ne, TooltipTrigger as Qe, TooltipPortal as Xe, TooltipContent as Je, TooltipArrow as Ye, TabsList as Ze, TabsTrigger as et, ProgressRoot as tt, ProgressIndicator as at } from "radix-vue";
-import { AlertDialogAction as Va, AlertDialogCancel as Da, AlertDialogDescription as Ra, AlertDialogRoot as Pa, AlertDialogTitle as Ia, AlertDialogTrigger as Oa, DialogClose as Ma, DialogDescription as Fa, DialogRoot as Ha, DialogTitle as Ga, DialogTrigger as Wa, DropdownMenuRoot as La, DropdownMenuTrigger as ja, PopoverAnchor as Ea, PopoverArrow as qa, PopoverClose as Ua, PopoverRoot as Ka, PopoverTrigger as Na, RadioGroupItem as Qa, SelectGroup as Xa, TabsContent as Ja, TabsRoot as Ya } from "radix-vue";
-import { useVModel as R } from "@vueuse/core";
-import { Icon as A } from "@iconify/vue";
-import { Icon as eo } from "@iconify/vue";
-const Ut = /* @__PURE__ */ u({
+import { computed as _, defineComponent as u, openBlock as i, createBlock as p, unref as a, normalizeClass as w, withCtx as r, createVNode as f, createTextVNode as J, toDisplayString as G, renderSlot as h, mergeProps as g, createElementBlock as b, createCommentVNode as V, toRefs as E, ref as q, onMounted as X, onBeforeUnmount as Y, withDirectives as R, createElementVNode as B, isRef as I, vModelText as L, vModelRadio as pe, vModelDynamic as fe, provide as he, inject as ee, normalizeStyle as me } from "vue";
+import { useForwardProps as z, useEmitAsProps as te, AvatarRoot as _e, AvatarImage as ge, AvatarFallback as ve, Primitive as D, CheckboxRoot as ye, CheckboxIndicator as Ce, createContext as U, useForwardExpose as x, AlertDialogPortal as be, AlertDialogOverlay as Be, AlertDialogContent as $e, DialogPortal as we, DialogOverlay as ze, DialogContent as Se, DialogTitle as xe, DialogClose as Ve, PopoverPortal as Te, PopoverContent as De, ScrollAreaRoot as ae, ScrollAreaViewport as oe, ScrollAreaScrollbar as W, ScrollAreaThumb as j, ScrollAreaCorner as ke, DropdownMenuPortal as Ae, DropdownMenuContent as Re, DropdownMenuItem as Ie, SwitchRoot as Pe, SwitchThumb as Oe, RadioGroupRoot as se, RadioGroupItem as le, SelectRoot as Fe, SelectPortal as Me, SelectContent as Ge, SelectViewport as He, SelectTrigger as Le, SelectValue as We, SelectIcon as je, SelectItem as Ee, SelectItemIndicator as qe, SelectItemText as Ue, SelectLabel as Ke, TooltipProvider as Ne, TooltipRoot as Qe, TooltipTrigger as Ze, TooltipPortal as Je, TooltipContent as Xe, TooltipArrow as Ye, TabsList as et, TabsTrigger as tt, ProgressRoot as at, ProgressIndicator as ot, Toggle as st, ToggleGroupRoot as lt, ToggleGroupItem as nt } from "reka-ui";
+import { AlertDialogAction as Ma, AlertDialogCancel as Ga, AlertDialogDescription as Ha, AlertDialogRoot as La, AlertDialogTitle as Wa, AlertDialogTrigger as ja, DialogClose as Ea, DialogDescription as qa, DialogRoot as Ua, DialogTitle as Ka, DialogTrigger as Na, DropdownMenuRoot as Qa, DropdownMenuTrigger as Za, PopoverAnchor as Ja, PopoverArrow as Xa, PopoverClose as Ya, PopoverRoot as eo, PopoverTrigger as to, RadioGroupItem as ao, SelectGroup as oo, TabsContent as so, TabsRoot as lo } from "reka-ui";
+import { useVModel as P } from "@vueuse/core";
+import { Icon as k } from "@iconify/vue";
+import { Icon as ro } from "@iconify/vue";
+function T(s, e, t) {
+  const o = z(s), l = te(e);
+  return _(() => ({
+    ...ne(o.value, t),
+    ...l
+  }));
+}
+function O(s, e, t) {
+  const o = z(s), l = te(e), n = _(() => ({
+    ...ne(o.value, t),
+    ...l
+  })), d = _(() => S(o.value, t));
+  return [n, d];
+}
+function ne(s, e) {
+  const t = {};
+  return Object.keys(s).forEach((o) => {
+    e.indexOf(o) === -1 && (t[o] = s[o]);
+  }), t;
+}
+const S = (s, e) => {
+  const t = [];
+  return e.forEach((o) => {
+    if (o !== "color" && o !== "radius") {
+      const l = s[o];
+      l === !0 ? t.push(`r-${N(o)}`) : l && t.push(`r-${N(o)}-${l}`);
+    }
+  }), t;
+};
+function N(s) {
+  return s.replace(/[A-Z]+(?![a-z])|[A-Z]/g, rt);
+}
+function rt(s, e) {
+  return (e ? "-" : "") + s.toLowerCase();
+}
+const Zt = /* @__PURE__ */ u({
   __name: "Avatar",
   props: {
     src: {},
@@ -16,32 +51,30 @@ const Ut = /* @__PURE__ */ u({
     color: {}
   },
   setup(s) {
-    const e = s, t = z(() => e.fallback ? e.fallback : e.alt.split(/\s+/).map((o) => o[0]).slice(0, 2).join(""));
-    return (o, i) => (d(), h(a(fe), {
-      class: "ui-Avatar",
-      "data-radius": e.radius,
-      "data-size": e.size,
-      "data-variant": e.variant,
-      "data-accent-color": e.color
+    const e = s, t = _(() => S(e, ["size", "variant"])), o = _(() => e.fallback ? e.fallback : e.alt.split(/\s+/).map((l) => l[0]).slice(0, 2).join(""));
+    return (l, n) => (i(), p(a(_e), {
+      class: w(["ui-Avatar", t.value]),
+      "data-accent-color": e.color,
+      "data-radius": e.radius
     }, {
-      default: l(() => [
-        p(a(me), {
+      default: r(() => [
+        f(a(ge), {
           alt: e.alt,
           src: e.src || ""
         }, null, 8, ["alt", "src"]),
-        p(a(_e), {
-          "data-count": t.value.length
+        f(a(ve), {
+          class: w(`r-count-${o.value.length}`)
         }, {
-          default: l(() => [
-            K(O(t.value), 1)
+          default: r(() => [
+            J(G(o.value), 1)
           ]),
           _: 1
-        }, 8, ["data-count"])
+        }, 8, ["class"])
       ]),
       _: 1
-    }, 8, ["data-radius", "data-size", "data-variant", "data-accent-color"]));
+    }, 8, ["class", "data-accent-color", "data-radius"]));
   }
-}), Kt = /* @__PURE__ */ u({
+}), Jt = /* @__PURE__ */ u({
   __name: "Badge",
   props: {
     variant: { default: "soft" },
@@ -53,24 +86,21 @@ const Ut = /* @__PURE__ */ u({
     as: { default: "span" }
   },
   setup(s) {
-    const e = s;
-    return (t, o) => (d(), h(a(k), {
-      class: "ui-Badge",
+    const e = s, t = _(() => S(e, ["size", "variant", "highContrast"]));
+    return (o, l) => (i(), p(a(D), {
+      class: w(["ui-Badge", t.value]),
       as: e.as,
       "as-child": e.asChild,
-      "data-variant": e.variant,
       "data-accent-color": e.color,
-      "data-radius": e.radius,
-      "data-size": e.size,
-      "data-high-contrast": e.highContrast
+      "data-radius": e.radius
     }, {
-      default: l(() => [
-        f(t.$slots, "default")
+      default: r(() => [
+        h(o.$slots, "default")
       ]),
       _: 3
-    }, 8, ["as", "as-child", "data-variant", "data-accent-color", "data-radius", "data-size", "data-high-contrast"]));
+    }, 8, ["class", "as", "as-child", "data-accent-color", "data-radius"]));
   }
-}), ae = /* @__PURE__ */ u({
+}), re = /* @__PURE__ */ u({
   __name: "Button",
   props: {
     color: {},
@@ -83,27 +113,22 @@ const Ut = /* @__PURE__ */ u({
     as: { default: "button" }
   },
   setup(s) {
-    const e = s, t = ne(), o = z(() => {
-      const i = {
-        "data-accent-color": e.color,
-        "data-variant": e.variant,
-        "data-radius": e.radius,
-        "data-size": e.size
-      };
-      return e.highContrast && (i["data-high-contrast"] = !0), e.disabled ? { ...t, ...i, disabled: !0, "data-disabled": !0 } : { ...t, ...i };
-    });
-    return (i, n) => (d(), h(a(k), _({
-      class: "ui-Button",
+    const e = s, t = _(() => S(e, ["size", "variant", "highContrast"]));
+    return (o, l) => (i(), p(a(D), {
+      class: w(["ui-Button", t.value]),
       "as-child": e.asChild,
-      as: e.as
-    }, o.value), {
-      default: l(() => [
-        f(i.$slots, "default")
+      as: e.as,
+      "data-accent-color": e.color,
+      "data-radius": e.radius,
+      "data-disabled": e.disabled ? !0 : void 0
+    }, {
+      default: r(() => [
+        h(o.$slots, "default")
       ]),
       _: 3
-    }, 16, ["as-child", "as"]));
+    }, 8, ["class", "as-child", "as", "data-accent-color", "data-radius", "data-disabled"]));
   }
-}), Nt = /* @__PURE__ */ u({
+}), Xt = /* @__PURE__ */ u({
   __name: "IconButton",
   props: {
     color: {},
@@ -116,29 +141,15 @@ const Ut = /* @__PURE__ */ u({
     as: {}
   },
   setup(s) {
-    const t = $(s);
-    return (o, i) => (d(), h(ae, _({ class: "ui-IconButton" }, a(t)), {
-      default: l(() => [
-        f(o.$slots, "default")
+    const t = z(s);
+    return (o, l) => (i(), p(re, g({ class: "ui-IconButton" }, a(t)), {
+      default: r(() => [
+        h(o.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-});
-function w(s, e, t) {
-  const o = $(s), i = ve(e);
-  return z(() => ({
-    ...ot(o.value, t),
-    ...i
-  }));
-}
-function ot(s, e) {
-  const t = {};
-  return Object.keys(s).forEach((o) => {
-    e.indexOf(o) === -1 && (t[o] = s[o]);
-  }), t;
-}
-const st = {
+}), it = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -147,60 +158,53 @@ const st = {
   "stroke-width": "4",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, it = {
+}, dt = {
   key: 0,
   d: "M5 12h14"
-}, lt = {
+}, ct = {
   key: 1,
   d: "M20 6 9 17l-5-5"
-}, oe = /* @__PURE__ */ u({
-  inheritAttrs: !1,
+}, ie = /* @__PURE__ */ u({
   __name: "Checkbox",
   props: {
     color: {},
     variant: { default: "surface" },
     size: { default: "2" },
     highContrast: { type: Boolean },
-    defaultChecked: { type: Boolean },
-    checked: { type: [Boolean, String] },
+    defaultValue: { type: [Boolean, String] },
+    modelValue: { type: [Boolean, String] },
     disabled: { type: Boolean },
-    required: { type: Boolean },
-    name: {},
     value: {},
     id: {},
     asChild: { type: Boolean },
-    as: {}
+    as: {},
+    name: {},
+    required: { type: Boolean }
   },
-  emits: ["update:checked"],
+  emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = e, o = s, i = w(o, t, ["color", "size", "variant", "highContrast"]);
-    return (n, r) => (d(), h(a(ge), _({
-      ...n.$attrs,
-      ...a(i)
-    }, {
-      class: "ui-Checkbox",
-      "data-variant": o.variant,
-      "data-size": o.size,
-      "data-accent-color": o.color,
-      "data-high-contrast": o.highContrast
+    const t = e, o = s, [l, n] = O(o, t, ["color", "size", "variant", "highContrast"]);
+    return (d, c) => (i(), p(a(ye), g(a(l), {
+      class: ["ui-Checkbox", a(n)],
+      "data-accent-color": o.color
     }), {
-      default: l(() => [
-        p(a(ye), {
+      default: r(() => [
+        f(a(Ce), {
           class: "ui-CheckboxIndicator",
           "as-child": ""
         }, {
-          default: l(() => [
-            a(i).checked !== !1 ? (d(), b("svg", st, [
-              a(i).checked === "indeterminate" ? (d(), b("path", it)) : (d(), b("path", lt))
-            ])) : T("", !0)
+          default: r(() => [
+            a(l).checked !== !1 ? (i(), b("svg", it, [
+              a(l).checked === "indeterminate" ? (i(), b("path", dt)) : (i(), b("path", ct))
+            ])) : V("", !0)
           ]),
           _: 1
         })
       ]),
       _: 1
-    }, 16, ["data-variant", "data-size", "data-accent-color", "data-high-contrast"]));
+    }, 16, ["class", "data-accent-color"]));
   }
-}), [se, nt] = j("ui_CheckboxGroupRoot"), Qt = /* @__PURE__ */ u({
+}), [de, ut] = U("ui_CheckboxGroupRoot"), Yt = /* @__PURE__ */ u({
   __name: "CheckboxGroupRoot",
   props: {
     modelValue: {},
@@ -212,48 +216,47 @@ const st = {
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = s, o = e, { disabled: i, name: n } = W(t), r = L([]), c = R(t, "modelValue", o, {
+    const t = s, o = e, { disabled: l, name: n } = E(t), d = q([]), c = P(t, "modelValue", o, {
       defaultValue: t.defaultValue,
       passive: t.modelValue === void 0
-    }), g = z(() => c.value || []), v = z(() => {
-      var m, y;
-      return r.value.length ? ((m = c.value) == null ? void 0 : m.length) === r.value.length ? !0 : (y = c.value) != null && y.length ? "indeterminate" : !1 : !1;
-    }), S = (m) => {
-      var x, E;
-      const y = (x = c.value) == null ? void 0 : x.indexOf(m);
-      y !== -1 && y !== void 0 && ((E = c.value) == null || E.splice(y, 1));
+    }), m = _(() => c.value || []), C = _(() => {
+      var v, y;
+      return d.value.length ? ((v = c.value) == null ? void 0 : v.length) === d.value.length ? !0 : (y = c.value) != null && y.length ? "indeterminate" : !1 : !1;
+    }), $ = (v) => {
+      var A, K;
+      const y = (A = c.value) == null ? void 0 : A.indexOf(v);
+      y !== -1 && y !== void 0 && ((K = c.value) == null || K.splice(y, 1));
     };
-    return nt({
-      selected: g,
-      checked: v,
-      addModelValue: (m) => {
-        var y, x;
-        ((y = c.value) == null ? void 0 : y.indexOf(m)) === -1 && ((x = c.value) == null || x.push(m));
+    return ut({
+      selected: m,
+      checked: C,
+      addModelValue: (v) => {
+        var y, A;
+        ((y = c.value) == null ? void 0 : y.indexOf(v)) === -1 && ((A = c.value) == null || A.push(v));
       },
-      removeModelValue: S,
-      toggleModelValue: (m) => {
-        m ? c.value = [...r.value] : c.value = [];
+      removeModelValue: $,
+      toggleModelValue: (v) => {
+        v ? c.value = [...d.value] : c.value = [];
       },
-      initAllValue: (m) => {
-        r.value.push(m);
+      initAllValue: (v) => {
+        d.value.push(v);
       },
-      removeAllValue: (m) => {
-        r.value.splice(r.value.indexOf(m), 1), S(m);
+      removeAllValue: (v) => {
+        d.value.splice(d.value.indexOf(v), 1), $(v);
       },
-      disabled: i,
+      disabled: l,
       name: n == null ? void 0 : n.value
-    }), (m, y) => (d(), h(a(k), {
+    }), (v, y) => (i(), p(a(D), {
       as: t.as,
       "as-child": t.asChild
     }, {
-      default: l(() => [
-        f(m.$slots, "default")
+      default: r(() => [
+        h(v.$slots, "default")
       ]),
       _: 3
     }, 8, ["as", "as-child"]));
   }
-}), Xt = /* @__PURE__ */ u({
-  inheritAttrs: !1,
+}), ea = /* @__PURE__ */ u({
   __name: "CheckboxGroupItem",
   props: {
     value: {},
@@ -261,72 +264,69 @@ const st = {
     variant: {},
     size: {},
     highContrast: { type: Boolean },
-    defaultChecked: { type: Boolean },
-    checked: { type: [Boolean, String] },
+    defaultValue: { type: [Boolean, String] },
+    modelValue: { type: [Boolean, String] },
     disabled: { type: Boolean },
-    required: { type: Boolean },
-    name: {},
     id: {},
     asChild: { type: Boolean },
-    as: {}
+    as: {},
+    name: {},
+    required: { type: Boolean }
   },
   setup(s) {
-    const e = s, t = $(e);
-    B();
-    const o = se(), i = z(() => {
+    const e = s, t = z(e);
+    x();
+    const o = de(), l = _(() => {
       var c;
       return ((c = o.disabled) == null ? void 0 : c.value) || e.disabled;
-    }), n = z(() => o.selected.value.indexOf(e.value) !== -1), r = (c) => {
+    }), n = _(() => o.selected.value.indexOf(e.value) !== -1), d = (c) => {
       c ? o.addModelValue(e.value) : o.removeModelValue(e.value);
     };
-    return N(() => {
+    return X(() => {
       o.initAllValue(e.value);
-    }), Q(() => {
+    }), Y(() => {
       o.removeAllValue(e.value);
-    }), (c, g) => (d(), h(oe, _({
-      ...c.$attrs,
+    }), (c, m) => (i(), p(ie, g({
       ...a(t),
       name: e.name || a(o).name,
       checked: n.value,
-      disabled: i.value
-    }, { "onUpdate:checked": r }), null, 16));
+      disabled: l.value
+    }, { "onUpdate:checked": d }), null, 16));
   }
-}), Jt = /* @__PURE__ */ u({
-  inheritAttrs: !1,
+}), ta = /* @__PURE__ */ u({
   __name: "CheckboxGroupControl",
   props: {
     color: {},
     variant: {},
     size: {},
     highContrast: { type: Boolean },
-    defaultChecked: { type: Boolean },
-    checked: { type: [Boolean, String] },
+    defaultValue: { type: [Boolean, String] },
+    modelValue: { type: [Boolean, String] },
     disabled: { type: Boolean },
-    required: { type: Boolean },
-    name: {},
     value: {},
     id: {},
     asChild: { type: Boolean },
-    as: {}
+    as: {},
+    name: {},
+    required: { type: Boolean }
   },
   setup(s) {
-    const e = s, t = $(e);
-    B();
-    const o = se(), i = z(() => {
-      var r;
-      return ((r = o.disabled) == null ? void 0 : r.value) || e.disabled;
-    }), n = z(() => o.checked.value);
-    return (r, c) => (d(), h(oe, _({
-      ...r.$attrs,
+    const e = s, t = z(e);
+    x();
+    const o = de(), l = _(() => {
+      var d;
+      return ((d = o.disabled) == null ? void 0 : d.value) || e.disabled;
+    }), n = _(() => o.checked.value);
+    return (d, c) => (i(), p(ie, g({
       ...a(t),
       name: e.name || a(o).name,
       checked: n.value,
-      disabled: i.value
+      disabled: l.value
     }, {
       "onUpdate:checked": a(o).toggleModelValue
     }), null, 16, ["onUpdate:checked"]));
   }
-}), rt = /* @__PURE__ */ u({
+}), pt = /* @__PURE__ */ u({
   __name: "Card",
   props: {
     variant: { default: "surface" },
@@ -336,22 +336,20 @@ const st = {
     as: { default: "div" }
   },
   setup(s) {
-    const e = s;
-    return (t, o) => (d(), h(a(k), {
-      class: "ui-Card",
+    const e = s, t = _(() => S(e, ["size", "variant"]));
+    return (o, l) => (i(), p(a(D), {
+      class: w(["ui-Card", t.value]),
       "as-child": e.asChild,
       as: e.as,
-      "data-variant": e.variant,
-      "data-radius": e.radius,
-      "data-size": e.size
+      "data-radius": e.radius
     }, {
-      default: l(() => [
-        f(t.$slots, "default")
+      default: r(() => [
+        h(o.$slots, "default")
       ]),
       _: 3
-    }, 8, ["as-child", "as", "data-variant", "data-radius", "data-size"]));
+    }, 8, ["class", "as-child", "as", "data-radius"]));
   }
-}), Yt = /* @__PURE__ */ u({
+}), aa = /* @__PURE__ */ u({
   __name: "CardHead",
   props: {
     color: {},
@@ -360,18 +358,18 @@ const st = {
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), h(a(k), {
+    return (t, o) => (i(), p(a(D), {
       as: e.as,
       class: "ui-CardHead",
       "data-accent-color": e.color
     }, {
-      default: l(() => [
-        f(t.$slots, "default")
+      default: r(() => [
+        h(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["as", "data-accent-color"]));
   }
-}), dt = ["data-accent-color", "data-variant", "data-size"], ct = ["id"], Zt = /* @__PURE__ */ u({
+}), ft = ["data-accent-color"], ht = ["id"], oa = /* @__PURE__ */ u({
   __name: "ColorField",
   props: {
     id: {},
@@ -383,35 +381,34 @@ const st = {
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = s, i = R(t, "modelValue", e, {
+    const t = s, l = P(t, "modelValue", e, {
       defaultValue: t.modelValue || "#000000",
       passive: t.modelValue === void 0
-    });
-    return (n, r) => (d(), b("div", {
-      class: "ui-TextField ui-ColorField",
-      "data-accent-color": t.color,
-      "data-variant": t.variant,
-      "data-size": t.size
+    }), n = _(() => S(t, ["size", "variant"]));
+    return (d, c) => (i(), b("div", {
+      class: w(["ui-TextField ui-ColorField", n.value]),
+      "data-accent-color": t.color
     }, [
-      V(C("input", {
+      R(B("input", {
         id: t.id,
-        "onUpdate:modelValue": r[0] || (r[0] = (c) => D(i) ? i.value = c : null),
+        "onUpdate:modelValue": c[0] || (c[0] = (m) => I(l) ? l.value = m : null),
         class: "ui-ColorFieldInput",
         type: "color"
-      }, null, 8, ct), [
-        [F, a(i)]
+      }, null, 8, ht), [
+        [L, a(l)]
       ]),
-      V(C("input", {
-        "onUpdate:modelValue": r[1] || (r[1] = (c) => D(i) ? i.value = c : null),
+      R(B("input", {
+        "onUpdate:modelValue": c[1] || (c[1] = (m) => I(l) ? l.value = m : null),
         class: "ui-TextFieldInput",
         type: "text",
         pattern: "^#[0-9a-f]{6}$"
       }, null, 512), [
-        [F, a(i)]
+        [L, a(l)]
       ])
-    ], 8, dt));
+    ], 10, ft));
   }
-}), ut = { class: "ui-DialogScroll" }, pt = ["data-align"], ea = /* @__PURE__ */ u({
+}), mt = { class: "ui-DialogScroll" }, _t = ["data-align"], sa = /* @__PURE__ */ u({
+  inheritAttrs: !1,
   __name: "AlertDialogContent",
   props: {
     to: {},
@@ -432,7 +429,7 @@ const st = {
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
   setup(s, { emit: e }) {
-    const t = s, i = w(t, e, [
+    const t = s, l = T(t, e, [
       "to",
       "align",
       "class",
@@ -444,23 +441,23 @@ const st = {
       "minHeight",
       "maxHeight"
     ]);
-    return (n, r) => (d(), h(a(Ce), {
+    return (n, d) => (i(), p(a(be), {
       to: t.to
     }, {
-      default: l(() => [
-        p(a(be), { class: "ui-DialogOverlay" }, {
-          default: l(() => [
-            C("div", ut, [
-              C("div", {
+      default: r(() => [
+        f(a(Be), { class: "ui-DialogOverlay" }, {
+          default: r(() => [
+            B("div", mt, [
+              B("div", {
                 class: "ui-DialogScrollPadding",
                 "data-align": t.align
               }, [
-                p(a(ze), _({
+                f(a($e), g({
                   class: ["ui-DialogContent", t.class],
                   "data-size": t.size
                 }, {
                   ...n.$attrs,
-                  ...a(i)
+                  ...a(l)
                 }, {
                   style: {
                     width: t.width,
@@ -471,12 +468,12 @@ const st = {
                     maxHeight: t.maxHeight
                   }
                 }), {
-                  default: l(() => [
-                    f(n.$slots, "default")
+                  default: r(() => [
+                    h(n.$slots, "default")
                   ]),
                   _: 3
                 }, 16, ["class", "data-size", "style"])
-              ], 8, pt)
+              ], 8, _t)
             ])
           ]),
           _: 3
@@ -485,7 +482,7 @@ const st = {
       _: 3
     }, 8, ["to"]));
   }
-}), ht = { class: "ui-DialogScroll" }, ft = ["data-align"], ta = /* @__PURE__ */ u({
+}), gt = { class: "ui-DialogScroll" }, vt = ["data-align"], la = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "DialogContent",
   props: {
@@ -507,7 +504,7 @@ const st = {
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
   setup(s, { emit: e }) {
-    const t = s, i = w(t, e, [
+    const t = s, l = T(t, e, [
       "to",
       "align",
       "class",
@@ -519,23 +516,23 @@ const st = {
       "minHeight",
       "maxHeight"
     ]);
-    return (n, r) => (d(), h(a(Be), {
+    return (n, d) => (i(), p(a(we), {
       to: t.to
     }, {
-      default: l(() => [
-        p(a($e), { class: "ui-DialogOverlay" }, {
-          default: l(() => [
-            C("div", ht, [
-              C("div", {
+      default: r(() => [
+        f(a(ze), { class: "ui-DialogOverlay" }, {
+          default: r(() => [
+            B("div", gt, [
+              B("div", {
                 class: "ui-DialogScrollPadding",
                 "data-align": t.align
               }, [
-                p(a(we), _({
+                f(a(Se), g({
                   class: ["ui-DialogContent", t.class],
                   "data-size": t.size
                 }, {
                   ...n.$attrs,
-                  ...a(i)
+                  ...a(l)
                 }, {
                   style: {
                     width: t.width,
@@ -546,12 +543,12 @@ const st = {
                     maxHeight: t.maxHeight
                   }
                 }), {
-                  default: l(() => [
-                    f(n.$slots, "default")
+                  default: r(() => [
+                    h(n.$slots, "default")
                   ]),
                   _: 3
                 }, 16, ["class", "data-size", "style"])
-              ], 8, ft)
+              ], 8, vt)
             ])
           ]),
           _: 3
@@ -560,7 +557,7 @@ const st = {
       _: 3
     }, 8, ["to"]));
   }
-}), mt = ["data-side", "data-clip"], _t = /* @__PURE__ */ u({
+}), yt = ["data-side", "data-clip"], Ct = /* @__PURE__ */ u({
   __name: "Inset",
   props: {
     side: { default: "all" },
@@ -568,41 +565,41 @@ const st = {
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), b("div", {
+    return (t, o) => (i(), b("div", {
       class: "ui-Inset",
       "data-side": e.side,
       "data-clip": e.clip
     }, [
-      f(t.$slots, "default")
-    ], 8, mt));
+      h(t.$slots, "default")
+    ], 8, yt));
   }
-}), aa = /* @__PURE__ */ u({
+}), na = /* @__PURE__ */ u({
   __name: "DialogHead",
   props: {
     title: {}
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), h(_t, {
+    return (t, o) => (i(), p(Ct, {
       class: "ui-DialogHead",
       side: "x"
     }, {
-      default: l(() => [
-        p(a(Se), { class: "font-semibold" }, {
-          default: l(() => [
-            K(O(e.title), 1)
+      default: r(() => [
+        f(a(xe), { class: "font-semibold" }, {
+          default: r(() => [
+            J(G(e.title), 1)
           ]),
           _: 1
         }),
-        p(ae, {
-          as: a(Te),
+        f(re, {
+          as: a(Ve),
           variant: "ghost",
           color: "gray",
           radius: "full",
           style: { "--button-ghost-padding-x": "var(--space-1)" }
         }, {
-          default: l(() => [
-            p(a(A), { icon: "lucide:x" })
+          default: r(() => [
+            f(a(k), { icon: "lucide:x" })
           ]),
           _: 1
         }, 8, ["as"])
@@ -610,7 +607,7 @@ const st = {
       _: 1
     }));
   }
-}), oa = /* @__PURE__ */ u({
+}), ra = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "PopoverContent",
   props: {
@@ -628,25 +625,28 @@ const st = {
     arrowPadding: {},
     sticky: {},
     hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
     updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean },
     prioritizePosition: { type: Boolean },
+    reference: {},
     asChild: { type: Boolean },
     as: {},
     disableOutsidePointerEvents: { type: Boolean }
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
   setup(s, { emit: e }) {
-    const t = s, i = w(t, e, ["to", "size"]);
-    return (n, r) => (d(), h(a(ke), {
+    const t = s, l = T(t, e, ["to", "size"]);
+    return (n, d) => (i(), p(a(Te), {
       to: t.to
     }, {
-      default: l(() => [
-        p(a(Ae), _({ ...n.$attrs, ...a(i) }, {
+      default: r(() => [
+        f(a(De), g({ ...n.$attrs, ...a(l) }, {
           "data-size": t.size,
           class: "ui-PopoverContent"
         }), {
-          default: l(() => [
-            f(n.$slots, "default")
+          default: r(() => [
+            h(n.$slots, "default")
           ]),
           _: 3
         }, 16, ["data-size"])
@@ -654,7 +654,7 @@ const st = {
       _: 3
     }, 8, ["to"]));
   }
-}), ie = /* @__PURE__ */ u({
+}), ce = /* @__PURE__ */ u({
   __name: "ScrollArea",
   props: {
     size: { default: "1" },
@@ -668,7 +668,7 @@ const st = {
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), h(a(Y), {
+    return (t, o) => (i(), p(a(ae), {
       class: "ui-ScrollArea",
       "as-child": e.asChild,
       dir: e.dir,
@@ -676,45 +676,45 @@ const st = {
       type: e.type,
       "data-radius": e.radius
     }, {
-      default: l(() => [
-        p(a(Z), { class: "ui-ScrollAreaViewport" }, {
-          default: l(() => [
-            f(t.$slots, "default")
+      default: r(() => [
+        f(a(oe), { class: "ui-ScrollAreaViewport" }, {
+          default: r(() => [
+            h(t.$slots, "default")
           ]),
           _: 3
         }),
-        o[0] || (o[0] = C("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
-        e.scrollbars !== "horizontal" ? (d(), h(a(H), {
+        o[0] || (o[0] = B("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
+        e.scrollbars !== "horizontal" ? (i(), p(a(W), {
           key: 0,
           class: "ui-ScrollAreaScrollbar",
           "data-size": e.size,
           orientation: "vertical"
         }, {
-          default: l(() => [
-            p(a(G), { class: "ui-ScrollAreaThumb" })
+          default: r(() => [
+            f(a(j), { class: "ui-ScrollAreaThumb" })
           ]),
           _: 1
-        }, 8, ["data-size"])) : T("", !0),
-        e.scrollbars !== "vertical" ? (d(), h(a(H), {
+        }, 8, ["data-size"])) : V("", !0),
+        e.scrollbars !== "vertical" ? (i(), p(a(W), {
           key: 1,
           class: "ui-ScrollAreaScrollbar",
           "data-size": e.size,
           orientation: "horizontal"
         }, {
-          default: l(() => [
-            p(a(G), { class: "ui-ScrollAreaThumb" })
+          default: r(() => [
+            f(a(j), { class: "ui-ScrollAreaThumb" })
           ]),
           _: 1
-        }, 8, ["data-size"])) : T("", !0),
-        e.scrollbars === "both" ? (d(), h(a(xe), {
+        }, 8, ["data-size"])) : V("", !0),
+        e.scrollbars === "both" ? (i(), p(a(ke), {
           key: 2,
           "class-name": "ui-ScrollAreaCorner"
-        })) : T("", !0)
+        })) : V("", !0)
       ]),
       _: 3
     }, 8, ["as-child", "dir", "scroll-hide-delay", "type", "data-radius"]));
   }
-}), vt = { class: "ui-MenuViewport" }, [gt, yt] = j("ui_DropdownMenuContent"), sa = /* @__PURE__ */ u({
+}), bt = { class: "ui-MenuViewport" }, [Bt, $t] = U("ui_DropdownMenuContent"), ia = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "DropdownMenuContent",
   props: {
@@ -735,38 +735,41 @@ const st = {
     arrowPadding: {},
     sticky: {},
     hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
     updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean },
     prioritizePosition: { type: Boolean },
+    reference: {},
     asChild: { type: Boolean },
     as: {}
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
   setup(s, { emit: e }) {
-    const t = s, i = w(t, e, [
+    const t = s, l = T(t, e, [
       "to",
       "size",
       "variant",
       "color",
       "highContrast"
-    ]), { forwardRef: n } = B(), { size: r, variant: c, color: g, highContrast: v } = W(t);
-    return yt({ size: r, variant: c, color: g, highContrast: v }), (S, m) => (d(), h(a(Ve), {
+    ]), { forwardRef: n } = x(), { size: d, variant: c, color: m, highContrast: C } = E(t);
+    return $t({ size: d, variant: c, color: m, highContrast: C }), ($, v) => (i(), p(a(Ae), {
       to: t.to
     }, {
-      default: l(() => [
-        p(a(De), _({
-          ...S.$attrs,
-          ...a(i)
+      default: r(() => [
+        f(a(Re), g({
+          ...$.$attrs,
+          ...a(l)
         }, {
           ref: a(n),
           class: "ui-PopperContent ui-MenuContent",
           "data-accent-color": t.color,
           "data-size": t.size
         }), {
-          default: l(() => [
-            p(ie, { type: "auto" }, {
-              default: l(() => [
-                C("div", vt, [
-                  f(S.$slots, "default")
+          default: r(() => [
+            f(ce, { type: "auto" }, {
+              default: r(() => [
+                B("div", bt, [
+                  h($.$slots, "default")
                 ])
               ]),
               _: 3
@@ -778,8 +781,7 @@ const st = {
       _: 3
     }, 8, ["to"]));
   }
-}), Ct = ["textContent"], ia = /* @__PURE__ */ u({
-  inheritAttrs: !1,
+}), wt = ["textContent"], da = /* @__PURE__ */ u({
   __name: "DropdownMenuItem",
   props: {
     color: {},
@@ -791,31 +793,31 @@ const st = {
   },
   emits: ["select"],
   setup(s, { emit: e }) {
-    const t = s, i = w(t, e, ["color", "shortcut"]);
-    B();
-    const n = gt();
-    return (r, c) => {
-      var g;
-      return d(), h(a(Re), _({
+    const t = s, l = T(t, e, ["color", "shortcut"]);
+    x();
+    const n = Bt();
+    return (d, c) => {
+      var m;
+      return i(), p(a(Ie), g({
         class: "ui-MenuItem",
         "data-accent-color": t.color,
         "data-size": a(n).size.value,
         "data-variant": a(n).variant.value,
-        "data-high-contrast": ((g = a(n).highContrast) == null ? void 0 : g.value) || void 0
-      }, { ...r.$attrs, ...a(i) }), {
-        default: l(() => [
-          f(r.$slots, "default"),
-          t.shortcut ? (d(), b("div", {
+        "data-high-contrast": ((m = a(n).highContrast) == null ? void 0 : m.value) || void 0
+      }, a(l)), {
+        default: r(() => [
+          h(d.$slots, "default"),
+          t.shortcut ? (i(), b("div", {
             key: 0,
             class: "ui-MenuShortcut",
-            textContent: O(t.shortcut)
-          }, null, 8, Ct)) : T("", !0)
+            textContent: G(t.shortcut)
+          }, null, 8, wt)) : V("", !0)
         ]),
         _: 3
       }, 16, ["data-accent-color", "data-size", "data-variant", "data-high-contrast"]);
     };
   }
-}), la = /* @__PURE__ */ u({
+}), ca = /* @__PURE__ */ u({
   __name: "Separator",
   props: {
     as: { default: "span" },
@@ -825,41 +827,39 @@ const st = {
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), h(a(k), {
+    return (t, o) => (i(), p(a(D), {
       as: e.as,
-      class: "ui-Separator",
+      class: w(["ui-Separator", `r-size-${e.size}`]),
       role: "separator",
       "data-accent-color": e.color,
-      "data-size": e.size,
       "aria-orientation": e.orientation
-    }, null, 8, ["as", "data-accent-color", "data-size", "aria-orientation"]));
+    }, null, 8, ["as", "class", "data-accent-color", "aria-orientation"]));
   }
-}), bt = /* @__PURE__ */ u({
+}), zt = /* @__PURE__ */ u({
   __name: "Spinner",
   setup(s) {
-    return (e, t) => (d(), h(a(A), {
+    return (e, t) => (i(), p(a(k), {
       class: "ui-Spinner",
       icon: "lucide:loader-circle"
     }));
   }
-}), na = /* @__PURE__ */ u({
+}), ua = /* @__PURE__ */ u({
   __name: "SavingIndicator",
   props: {
     status: {}
   },
   setup(s) {
     const e = s;
-    return (t, o) => e.status === "saving" ? (d(), h(bt, {
+    return (t, o) => e.status === "saving" ? (i(), p(zt, {
       key: 0,
       class: "ui-SavingIndicator _saving"
-    })) : e.status === "saved" ? (d(), h(a(A), {
+    })) : e.status === "saved" ? (i(), p(a(k), {
       key: 1,
       class: "ui-SavingIndicator _saved",
       icon: "lucide:check-circle-2"
-    })) : T("", !0);
+    })) : V("", !0);
   }
-}), ra = /* @__PURE__ */ u({
-  inheritAttrs: !1,
+}), pa = /* @__PURE__ */ u({
   __name: "Switch",
   props: {
     color: {},
@@ -867,44 +867,37 @@ const st = {
     size: { default: "2" },
     highContrast: { type: Boolean },
     radius: {},
-    defaultChecked: { type: Boolean },
-    checked: { type: Boolean },
+    defaultValue: { type: Boolean },
+    modelValue: { type: Boolean },
     disabled: { type: Boolean },
-    required: { type: Boolean },
-    name: {},
     id: {},
     value: {},
     asChild: { type: Boolean },
-    as: {}
+    as: {},
+    name: {},
+    required: { type: Boolean }
   },
-  emits: ["update:checked"],
+  emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = e, o = s, i = w(o, t, [
+    const t = e, o = s, [l, n] = O(o, t, [
       "color",
       "size",
       "variant",
       "highContrast",
       "radius"
     ]);
-    return (n, r) => (d(), h(a(Pe), _({
-      ...n.$attrs,
-      ...a(i)
-    }, {
-      class: "ui-Switch",
-      "data-variant": o.variant,
-      "data-size": o.size,
+    return (d, c) => (i(), p(a(Pe), g(a(l), {
+      class: ["ui-Switch", a(n)],
       "data-accent-color": o.color,
-      "data-radius": o.radius,
-      "data-high-contrast": o.highContrast
+      "data-radius": o.radius
     }), {
-      default: l(() => [
-        p(a(Ie), { class: "ui-SwitchThumb" })
+      default: r(() => [
+        f(a(Oe), { class: "ui-SwitchThumb" })
       ]),
       _: 1
-    }, 16, ["data-variant", "data-size", "data-accent-color", "data-radius", "data-high-contrast"]));
+    }, 16, ["class", "data-accent-color", "data-radius"]));
   }
-}), zt = ["data-accent-color", "data-variant", "data-size", "data-high-contrast"], da = /* @__PURE__ */ u({
-  inheritAttrs: !1,
+}), St = ["data-accent-color"], fa = /* @__PURE__ */ u({
   __name: "Radio",
   props: {
     modelValue: {},
@@ -915,25 +908,20 @@ const st = {
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = s, i = R(t, "modelValue", e, {
+    const t = s, l = P(t, "modelValue", e, {
       defaultValue: t.modelValue,
       passive: t.modelValue === void 0
-    });
-    return (n, r) => V((d(), b("input", _({
-      "onUpdate:modelValue": r[0] || (r[0] = (c) => D(i) ? i.value = c : null),
-      class: "ui-Radio",
-      type: "radio"
-    }, n.$attrs, {
-      "data-accent-color": t.color,
-      "data-variant": t.variant,
-      "data-size": t.size,
-      "data-high-contrast": t.highContrast
-    }), null, 16, zt)), [
-      [re, a(i)]
+    }), n = _(() => S(t, ["size", "variant", "highContrast"]));
+    return (d, c) => R((i(), b("input", {
+      "onUpdate:modelValue": c[0] || (c[0] = (m) => I(l) ? l.value = m : null),
+      class: w(["ui-Radio", n.value]),
+      type: "radio",
+      "data-accent-color": t.color
+    }, null, 10, St)), [
+      [pe, a(l)]
     ]);
   }
-}), [le, Bt] = j("ui_RadioGroupRoot"), ca = /* @__PURE__ */ u({
-  inheritAttrs: !1,
+}), [ue, xt] = U("ui_RadioGroupRoot"), ha = /* @__PURE__ */ u({
   __name: "RadioGroupRoot",
   props: {
     color: {},
@@ -943,90 +931,85 @@ const st = {
     modelValue: {},
     defaultValue: {},
     disabled: { type: Boolean },
-    name: {},
-    required: { type: Boolean },
     orientation: {},
     dir: {},
     loop: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: {},
+    name: {},
+    required: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = e, o = s, i = w(o, t, ["color", "size", "variant", "highContrast"]), { size: n, variant: r, color: c, highContrast: g } = W(o);
-    return Bt({ size: n, variant: r, color: c, highContrast: g }), (v, S) => (d(), h(a(ee), de(ce({
-      ...v.$attrs,
-      ...a(i)
-    })), {
-      default: l(() => [
-        f(v.$slots, "default")
+    const t = e, o = s, l = T(o, t, ["color", "size", "variant", "highContrast"]), { size: n, variant: d, color: c, highContrast: m } = E(o);
+    return xt({ size: n, variant: d, color: c, highContrast: m }), (C, $) => (i(), p(a(se), g({ class: "ui-RadioGroupRoot" }, a(l)), {
+      default: r(() => [
+        h(C.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), ua = /* @__PURE__ */ u({
-  inheritAttrs: !1,
+}), Vt = { class: "ui-RadioGroupItem" }, ma = /* @__PURE__ */ u({
   __name: "RadioGroupItem",
   props: {
     id: {},
     value: {},
     disabled: { type: Boolean },
-    required: { type: Boolean },
-    name: {},
     asChild: { type: Boolean },
-    as: {}
+    as: {},
+    name: {},
+    required: { type: Boolean }
   },
   setup(s) {
-    const t = $(s);
-    B();
-    const o = le();
-    return (i, n) => {
-      var r, c;
-      return d(), h(a(te), _({
-        class: "ui-Radio",
-        "data-accent-color": (r = a(o).color) == null ? void 0 : r.value,
-        "data-size": a(o).size.value,
-        "data-variant": a(o).variant.value,
-        "data-high-contrast": (c = a(o).highContrast) == null ? void 0 : c.value
-      }, { ...i.$attrs, ...a(t) }), {
-        default: l(() => [
-          f(i.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["data-accent-color", "data-size", "data-variant", "data-high-contrast"]);
+    const t = z(s), o = ue(), l = _(() => {
+      var d;
+      const n = [
+        `r-size-${o.size.value}`,
+        `r-variant-${o.variant.value}`
+      ];
+      return (d = o.highContrast) != null && d.value && n.push("r-high-contrast"), n;
+    });
+    return (n, d) => {
+      var c;
+      return i(), b("label", Vt, [
+        f(a(le), g({
+          class: ["ui-Radio", l.value],
+          "data-accent-color": (c = a(o).color) == null ? void 0 : c.value
+        }, a(t)), null, 16, ["class", "data-accent-color"]),
+        h(n.$slots, "default")
+      ]);
     };
   }
-}), pa = /* @__PURE__ */ u({
-  inheritAttrs: !1,
+}), _a = /* @__PURE__ */ u({
   __name: "RadioCardsItem",
   props: {
     id: {},
     value: {},
     disabled: { type: Boolean },
-    required: { type: Boolean },
-    name: {},
     asChild: { type: Boolean },
-    as: {}
+    as: {},
+    name: {},
+    required: { type: Boolean }
   },
   setup(s) {
-    const t = $(s);
-    B();
-    const o = le();
-    return (i, n) => {
-      var r, c;
-      return d(), h(a(te), _({
+    const t = z(s);
+    x();
+    const o = ue();
+    return (l, n) => {
+      var d, c;
+      return i(), p(a(le), g({
         class: "ui-RadioCardsItem",
-        "data-accent-color": (r = a(o).color) == null ? void 0 : r.value,
+        "data-accent-color": (d = a(o).color) == null ? void 0 : d.value,
         "data-size": a(o).size.value,
         "data-variant": a(o).variant.value,
         "data-high-contrast": (c = a(o).highContrast) == null ? void 0 : c.value
-      }, { ...i.$attrs, ...a(t), asChild: !1 }), {
-        default: l(() => [
-          p(rt, {
+      }, { ...a(t), asChild: !1 }), {
+        default: r(() => [
+          f(pt, {
             "as-child": a(t).asChild
           }, {
-            default: l(() => [
-              f(i.$slots, "default")
+            default: r(() => [
+              h(l.$slots, "default")
             ]),
             _: 3
           }, 8, ["as-child"])
@@ -1035,15 +1018,15 @@ const st = {
       }, 16, ["data-accent-color", "data-size", "data-variant", "data-high-contrast"]);
     };
   }
-}), $t = ["data-accent-color", "data-variant", "data-size"], wt = ["id", "type"], St = {
+}), Tt = ["data-accent-color"], Dt = ["id", "type"], kt = {
   key: 0,
   class: "ui-TextFieldSlot",
   "data-side": "left"
-}, Tt = {
+}, At = {
   key: 1,
   class: "ui-TextFieldSlot",
   "data-side": "right"
-}, ha = /* @__PURE__ */ u({
+}, ga = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "TextField",
   props: {
@@ -1058,44 +1041,45 @@ const st = {
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = s, o = L(), i = (c) => {
-      const g = c.target;
-      if (g.closest("input, button, a")) return;
-      const v = o.value;
-      if (!v) return;
-      const m = g.closest("[data-side=right]") ? v.value.length : 0;
+    const t = s, o = q(), l = (m) => {
+      const C = m.target;
+      if (C.closest("input, button, a")) return;
+      const $ = o.value;
+      if (!$) return;
+      const y = C.closest("[data-side=right]") ? $.value.length : 0;
       requestAnimationFrame(() => {
-        v.setSelectionRange(m, m), v.focus();
+        $.setSelectionRange(y, y), $.focus();
       });
-    }, r = R(t, "modelValue", e, {
+    }, d = P(t, "modelValue", e, {
       defaultValue: t.modelValue,
       passive: t.modelValue === void 0
+    }), c = _(() => {
+      const m = S(t, ["size", "variant"]);
+      return t.class && m.push(t.class), m;
     });
-    return (c, g) => (d(), b("div", {
-      class: X(["ui-TextField", t.class]),
+    return (m, C) => (i(), b("div", {
+      class: w(["ui-TextField", c.value]),
       "data-accent-color": t.color,
-      "data-variant": t.variant,
-      "data-size": t.size,
-      onPointerdown: i
+      onPointerdown: l
     }, [
-      V(C("input", _({
+      R(B("input", g({
         id: t.id,
         ref_key: "inputRef",
         ref: o,
-        "onUpdate:modelValue": g[0] || (g[0] = (v) => D(r) ? r.value = v : null),
+        "onUpdate:modelValue": C[0] || (C[0] = ($) => I(d) ? d.value = $ : null),
         type: t.type
-      }, c.$attrs, { class: "ui-TextFieldInput" }), null, 16, wt), [
-        [ue, a(r)]
+      }, m.$attrs, { class: "ui-TextFieldInput" }), null, 16, Dt), [
+        [fe, a(d)]
       ]),
-      c.$slots.left ? (d(), b("div", St, [
-        f(c.$slots, "left")
-      ])) : T("", !0),
-      c.$slots.right ? (d(), b("div", Tt, [
-        f(c.$slots, "right")
-      ])) : T("", !0)
-    ], 42, $t));
+      m.$slots.left ? (i(), b("div", kt, [
+        h(m.$slots, "left")
+      ])) : V("", !0),
+      m.$slots.right ? (i(), b("div", At, [
+        h(m.$slots, "right")
+      ])) : V("", !0)
+    ], 42, Tt));
   }
-}), kt = ["data-accent-color", "data-variant", "data-size", "data-resize"], fa = /* @__PURE__ */ u({
+}), Rt = ["data-accent-color"], va = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "TextArea",
   props: {
@@ -1109,26 +1093,25 @@ const st = {
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = s, i = R(t, "modelValue", e, {
+    const t = s, l = P(t, "modelValue", e, {
       defaultValue: t.modelValue,
       passive: t.modelValue === void 0
+    }), n = _(() => {
+      const d = S(t, ["size", "variant", "resize"]);
+      return t.class && d.push(t.class), d;
     });
-    return (n, r) => (d(), b("div", {
-      class: X(["ui-TextArea", t.class]),
-      "data-accent-color": t.color,
-      "data-variant": t.variant,
-      "data-size": t.size,
-      "data-resize": t.resize
+    return (d, c) => (i(), b("div", {
+      class: w(["ui-TextArea", n.value]),
+      "data-accent-color": t.color
     }, [
-      V(C("textarea", _({
-        "onUpdate:modelValue": r[0] || (r[0] = (c) => D(i) ? i.value = c : null)
-      }, n.$attrs, { class: "ui-TextAreaInput" }), null, 16), [
-        [F, a(i)]
+      R(B("textarea", g({
+        "onUpdate:modelValue": c[0] || (c[0] = (m) => I(l) ? l.value = m : null)
+      }, d.$attrs, { class: "ui-TextAreaInput" }), null, 16), [
+        [L, a(l)]
       ])
-    ], 10, kt));
+    ], 10, Rt));
   }
-}), ma = /* @__PURE__ */ u({
-  inheritAttrs: !1,
+}), ya = /* @__PURE__ */ u({
   __name: "SelectRoot",
   props: {
     size: { default: "2" },
@@ -1136,23 +1119,25 @@ const st = {
     defaultOpen: { type: Boolean },
     defaultValue: {},
     modelValue: {},
+    by: {},
     dir: {},
-    name: {},
+    multiple: { type: Boolean },
     autocomplete: {},
     disabled: { type: Boolean },
+    name: {},
     required: { type: Boolean }
   },
   emits: ["update:modelValue", "update:open"],
   setup(s, { emit: e }) {
-    const t = s, i = w(t, e, ["size"]);
-    return pe("SelectRoot.size", z(() => t.size)), B(), (n, r) => (d(), h(a(Oe), _({ ...n.$attrs, ...a(i) }, { class: "ui-SelectItem" }), {
-      default: l(() => [
-        f(n.$slots, "default")
+    const t = s, l = T(t, e, ["size"]);
+    return he("SelectRoot.size", _(() => t.size)), x(), (n, d) => (i(), p(a(Fe), g(a(l), { class: "ui-SelectItem" }), {
+      default: r(() => [
+        h(n.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), _a = /* @__PURE__ */ u({
+}), Ca = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "SelectContent",
   props: {
@@ -1172,54 +1157,57 @@ const st = {
     arrowPadding: {},
     sticky: {},
     hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
     updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean },
     prioritizePosition: { type: Boolean },
+    reference: {},
     asChild: { type: Boolean },
     as: {}
   },
   setup(s) {
-    const e = s, t = $(e), o = J("SelectRoot.size"), { forwardRef: i } = B();
-    return (n, r) => (d(), h(a(Me), null, {
-      default: l(() => [
-        p(a(Fe), _({
+    const e = s, t = z(e), o = ee("SelectRoot.size"), { forwardRef: l } = x();
+    return (n, d) => (i(), p(a(Me), null, {
+      default: r(() => [
+        f(a(Ge), g({
           ...n.$attrs,
           ...a(t),
           color: void 0,
           variant: void 0,
           highContrast: void 0
         }, {
-          ref: a(i),
+          ref: a(l),
           class: ["ui-SelectContent", { "ui-PopperContent": e.position === "popper" }],
           "data-variant": e.variant,
           "data-size": a(o),
           "data-accent-color": e.color,
           "data-high-contrast": e.highContrast
         }), {
-          default: l(() => [
-            p(a(Y), {
+          default: r(() => [
+            f(a(ae), {
               type: "auto",
               class: "ui-ScrollArea"
             }, {
-              default: l(() => [
-                p(a(He), {
+              default: r(() => [
+                f(a(He), {
                   class: "ui-SelectViewport",
                   "as-child": ""
                 }, {
-                  default: l(() => [
-                    p(a(Z), { class: "ui-ScrollAreaViewport" }, {
-                      default: l(() => [
-                        f(n.$slots, "default")
+                  default: r(() => [
+                    f(a(oe), { class: "ui-ScrollAreaViewport" }, {
+                      default: r(() => [
+                        h(n.$slots, "default")
                       ]),
                       _: 3
                     }),
-                    r[0] || (r[0] = C("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
-                    p(a(H), {
+                    d[0] || (d[0] = B("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
+                    f(a(W), {
                       class: "ui-ScrollAreaScrollbar",
                       "data-size": 1,
                       orientation: "vertical"
                     }, {
-                      default: l(() => [
-                        p(a(G), { class: "ui-ScrollAreaThumb" })
+                      default: r(() => [
+                        f(a(j), { class: "ui-ScrollAreaThumb" })
                       ]),
                       _: 1
                     })
@@ -1236,8 +1224,7 @@ const st = {
       _: 3
     }));
   }
-}), At = ["disabled", "data-variant", "data-accent-color", "data-radius", "data-size"], xt = { class: "ui-SelectTriggerInner" }, va = /* @__PURE__ */ u({
-  inheritAttrs: !1,
+}), It = { class: "ui-SelectTriggerInner" }, ba = /* @__PURE__ */ u({
   __name: "SelectTrigger",
   props: {
     variant: { default: "surface" },
@@ -1245,41 +1232,38 @@ const st = {
     radius: {},
     placeholder: {},
     disabled: { type: Boolean },
+    reference: {},
     asChild: { type: Boolean },
     as: {}
   },
   setup(s) {
-    const e = s, t = J("SelectRoot.size");
-    return B(), (o, i) => (d(), h(a(Ge), { "as-child": "" }, {
-      default: l(() => [
-        C("button", _({ class: "ui-SelectTrigger" }, o.$attrs, {
-          disabled: e.disabled,
-          "data-variant": e.variant,
-          "data-accent-color": e.color,
-          "data-radius": e.radius,
-          "data-size": a(t)
-        }), [
-          C("span", xt, [
-            p(a(We), {
-              placeholder: e.placeholder
-            }, null, 8, ["placeholder"])
+    const e = s, t = ee("SelectRoot.size"), o = _(() => [`r-variant-${e.variant}`, `r-size-${t.value}`]);
+    return (l, n) => (i(), p(a(Le), {
+      class: w(["ui-SelectTrigger", o.value]),
+      disabled: e.disabled,
+      "data-accent-color": e.color,
+      "data-radius": e.radius
+    }, {
+      default: r(() => [
+        B("span", It, [
+          f(a(We), {
+            placeholder: e.placeholder
+          }, null, 8, ["placeholder"])
+        ]),
+        f(a(je), { "as-child": "" }, {
+          default: r(() => [
+            f(a(k), {
+              class: "ui-SelectIcon",
+              icon: "radix-icons:chevron-down"
+            })
           ]),
-          p(a(Le), { "as-child": "" }, {
-            default: l(() => [
-              p(a(A), {
-                class: "ui-SelectIcon",
-                icon: "radix-icons:chevron-down"
-              })
-            ]),
-            _: 1
-          })
-        ], 16, At)
+          _: 1
+        })
       ]),
       _: 1
-    }));
+    }, 8, ["class", "disabled", "data-accent-color", "data-radius"]));
   }
-}), ga = /* @__PURE__ */ u({
-  inheritAttrs: !1,
+}), Ba = /* @__PURE__ */ u({
   __name: "SelectItem",
   props: {
     value: {},
@@ -1289,18 +1273,18 @@ const st = {
     as: {}
   },
   setup(s) {
-    const t = $(s);
-    return B(), (o, i) => (d(), h(a(je), _({ class: "ui-SelectItem" }, { ...o.$attrs, ...a(t) }), {
-      default: l(() => [
-        p(a(Ee), { class: "ui-SelectItemIndicator" }, {
-          default: l(() => [
-            p(a(A), { icon: "radix-icons:check" })
+    const t = z(s);
+    return x(), (o, l) => (i(), p(a(Ee), g({ class: "ui-SelectItem" }, a(t)), {
+      default: r(() => [
+        f(a(qe), { class: "ui-SelectItemIndicator" }, {
+          default: r(() => [
+            f(a(k), { icon: "radix-icons:check" })
           ]),
           _: 1
         }),
-        p(a(qe), null, {
-          default: l(() => [
-            f(o.$slots, "default")
+        f(a(Ue), null, {
+          default: r(() => [
+            h(o.$slots, "default")
           ]),
           _: 3
         })
@@ -1308,8 +1292,7 @@ const st = {
       _: 3
     }, 16));
   }
-}), ya = /* @__PURE__ */ u({
-  inheritAttrs: !1,
+}), $a = /* @__PURE__ */ u({
   __name: "SelectLabel",
   props: {
     for: {},
@@ -1317,27 +1300,27 @@ const st = {
     as: {}
   },
   setup(s) {
-    const t = $(s);
-    return B(), (o, i) => (d(), h(a(Ue), _({ class: "ui-SelectLabel" }, { ...o.$attrs, ...a(t) }), {
-      default: l(() => [
-        f(o.$slots, "default")
+    const t = z(s);
+    return x(), (o, l) => (i(), p(a(Ke), g({ class: "ui-SelectLabel" }, a(t)), {
+      default: r(() => [
+        h(o.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Vt = (s, e) => {
+}), Pt = (s, e) => {
   const t = s.__vccOpts || s;
-  for (const [o, i] of e)
-    t[o] = i;
+  for (const [o, l] of e)
+    t[o] = l;
   return t;
-}, Dt = {}, Rt = {
+}, Ot = {}, Ft = {
   class: "ui-SelectSeparator",
   "aria-hidden": "true"
 };
-function Pt(s, e) {
-  return d(), b("div", Rt);
+function Mt(s, e) {
+  return i(), b("div", Ft);
 }
-const Ca = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-variant"], Ot = ["data-layout"], ba = /* @__PURE__ */ u({
+const wa = /* @__PURE__ */ Pt(Ot, [["render", Mt]]), Gt = ["data-size", "data-variant"], Ht = ["data-layout"], za = /* @__PURE__ */ u({
   __name: "Table",
   props: {
     size: { default: "2" },
@@ -1346,25 +1329,25 @@ const Ca = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-va
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), b("div", {
+    return (t, o) => (i(), b("div", {
       class: "ui-Table",
       "data-size": e.size,
       "data-variant": e.variant
     }, [
-      p(ie, null, {
-        default: l(() => [
-          C("table", {
+      f(ce, null, {
+        default: r(() => [
+          B("table", {
             class: "ui-TableContent",
             "data-layout": e.layout
           }, [
-            f(t.$slots, "default")
-          ], 8, Ot)
+            h(t.$slots, "default")
+          ], 8, Ht)
         ]),
         _: 3
       })
-    ], 8, It));
+    ], 8, Gt));
   }
-}), Mt = ["textContent"], za = /* @__PURE__ */ u({
+}), Lt = ["textContent"], Sa = /* @__PURE__ */ u({
   __name: "Tooltip",
   props: {
     to: {},
@@ -1392,7 +1375,7 @@ const Ca = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-va
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), h(a(Ke), {
+    return (t, o) => (i(), p(a(Ne), {
       "delay-duration": e.delayDuration,
       "disable-closing-trigger": e.disableClosingTrigger,
       "disable-hoverable-content": e.disableHoverableContent,
@@ -1400,23 +1383,23 @@ const Ca = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-va
       "ignore-non-keyboard-focus": e.ignoreNonKeyboardFocus,
       "skip-delay-duration": e.skipDelayDuration
     }, {
-      default: l(() => [
-        p(a(Ne), null, {
-          default: l(() => [
-            p(a(Qe), {
+      default: r(() => [
+        f(a(Qe), null, {
+          default: r(() => [
+            f(a(Ze), {
               as: e.as,
               "as-child": e.asChild
             }, {
-              default: l(() => [
-                f(t.$slots, "default")
+              default: r(() => [
+                h(t.$slots, "default")
               ]),
               _: 3
             }, 8, ["as", "as-child"]),
-            p(a(Xe), {
+            f(a(Je), {
               to: e.to
             }, {
-              default: l(() => [
-                p(a(Je), {
+              default: r(() => [
+                f(a(Xe), {
                   class: "ui-Tooltip",
                   align: e.align,
                   "align-offset": e.alignOffset,
@@ -1430,14 +1413,14 @@ const Ca = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-va
                   "side-offset": e.sideOffset,
                   sticky: e.sticky
                 }, {
-                  default: l(() => [
-                    f(t.$slots, "content", {}, () => [
-                      C("p", {
+                  default: r(() => [
+                    h(t.$slots, "content", {}, () => [
+                      B("p", {
                         class: "ui-TooltipText",
-                        textContent: O(e.content)
-                      }, null, 8, Mt)
+                        textContent: G(e.content)
+                      }, null, 8, Lt)
                     ]),
-                    p(a(Ye), { class: "ui-TooltipArrow" })
+                    f(a(Ye), { class: "ui-TooltipArrow" })
                   ]),
                   _: 3
                 }, 8, ["align", "align-offset", "aria-label", "arrow-padding", "avoid-collisions", "collision-boundary", "collision-padding", "hide-when-detached", "side", "side-offset", "sticky"])
@@ -1451,7 +1434,7 @@ const Ca = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-va
       _: 3
     }, 8, ["delay-duration", "disable-closing-trigger", "disable-hoverable-content", "disabled", "ignore-non-keyboard-focus", "skip-delay-duration"]));
   }
-}), Ba = /* @__PURE__ */ u({
+}), xa = /* @__PURE__ */ u({
   __name: "TabsList",
   props: {
     size: { default: "2" },
@@ -1462,7 +1445,7 @@ const Ca = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-va
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), h(a(Ze), {
+    return (t, o) => (i(), p(a(et), {
       class: "ui-TabList",
       "data-accent-color": e.color,
       "data-size": e.size,
@@ -1470,14 +1453,13 @@ const Ca = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-va
       "data-justify": e.justify,
       "data-high-contrast": e.highContrast
     }, {
-      default: l(() => [
-        f(t.$slots, "default")
+      default: r(() => [
+        h(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["data-accent-color", "data-size", "data-wrap", "data-justify", "data-high-contrast"]));
   }
-}), Ft = { class: "ui-TabTriggerInner" }, Ht = { class: "ui-TabTriggerInnerHidden" }, $a = /* @__PURE__ */ u({
-  inheritAttrs: !1,
+}), Wt = { class: "ui-TabTriggerInner" }, jt = { class: "ui-TabTriggerInnerHidden" }, Va = /* @__PURE__ */ u({
   __name: "TabsTrigger",
   props: {
     value: {},
@@ -1486,55 +1468,49 @@ const Ca = /* @__PURE__ */ Vt(Dt, [["render", Pt]]), It = ["data-size", "data-va
     as: {}
   },
   setup(s) {
-    const t = $(s);
-    return (o, i) => (d(), h(a(et), _({ ...o.$attrs, ...a(t) }, { class: "ui-TabTrigger" }), {
-      default: l(() => [
-        C("span", Ft, [
-          f(o.$slots, "default")
+    const t = z(s);
+    return (o, l) => (i(), p(a(tt), g(a(t), { class: "ui-TabTrigger" }), {
+      default: r(() => [
+        B("span", Wt, [
+          h(o.$slots, "default")
         ]),
-        C("span", Ht, [
-          f(o.$slots, "default")
+        B("span", jt, [
+          h(o.$slots, "default")
         ])
       ]),
       _: 3
     }, 16));
   }
-}), wa = /* @__PURE__ */ u({
-  inheritAttrs: !1,
+}), Ta = /* @__PURE__ */ u({
   __name: "RadioTabsList",
   props: {
     size: { default: "2" },
     modelValue: {},
     defaultValue: {},
     disabled: { type: Boolean },
-    name: {},
-    required: { type: Boolean },
     orientation: {},
     dir: {},
     loop: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: {},
+    name: {},
+    required: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = e, o = s, i = w(o, t, ["size"]);
-    return (n, r) => (d(), h(a(ee), _({
-      ...n.$attrs,
-      ...a(i),
-      size: void 0
-    }, {
-      class: "ui-RadioTabsList",
-      "data-size": o.size
+    const t = e, o = s, [l, n] = O(o, t, ["size"]);
+    return (d, c) => (i(), p(a(se), g(a(l), {
+      class: ["ui-RadioTabsList", a(n)]
     }), {
-      default: l(() => [
-        f(n.$slots, "default")
+      default: r(() => [
+        h(d.$slots, "default")
       ]),
       _: 3
-    }, 16, ["data-size"]));
+    }, 16, ["class"]));
   }
-}), Gt = "https://challenges.cloudflare.com/turnstile/v0/api.js", q = "cfTurnstileOnLoad";
-let P = typeof window < "u" && window.turnstile !== void 0 ? "ready" : "unloaded", M, I, U;
-const Sa = /* @__PURE__ */ u({
+}), Et = "https://challenges.cloudflare.com/turnstile/v0/api.js", Q = "cfTurnstileOnLoad";
+let F = typeof window < "u" && window.turnstile !== void 0 ? "ready" : "unloaded", H, M, Z;
+const Da = /* @__PURE__ */ u({
   __name: "Turnstile",
   props: {
     sitekey: {},
@@ -1548,16 +1524,16 @@ const Sa = /* @__PURE__ */ u({
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = s, o = e, i = L(), n = () => {
+    const t = s, o = e, l = q(), n = () => {
       window.turnstile && (o("update:modelValue", ""), window.turnstile.reset());
-    }, r = () => {
-      I && (window.turnstile.remove(I), I = void 0);
-    }, c = (v) => {
-      o("update:modelValue", v), U = setTimeout(() => {
+    }, d = () => {
+      M && (window.turnstile.remove(M), M = void 0);
+    }, c = (C) => {
+      o("update:modelValue", C), Z = setTimeout(() => {
         n();
       }, t.resetInterval);
-    }, g = () => {
-      I = window.turnstile.render(i.value, {
+    }, m = () => {
+      M = window.turnstile.render(l.value, {
         sitekey: t.sitekey,
         theme: t.theme,
         size: t.size,
@@ -1566,58 +1542,58 @@ const Sa = /* @__PURE__ */ u({
         appearance: t.appearance
       });
     };
-    return N(async () => {
-      const v = new Promise((m, y) => {
-        M = { resolve: m, reject: y }, P === "ready" && m(void 0);
+    return X(async () => {
+      const C = new Promise((v, y) => {
+        H = { resolve: v, reject: y }, F === "ready" && v(void 0);
       });
-      window[q] = () => {
-        M.resolve(), P = "ready";
+      window[Q] = () => {
+        H.resolve(), F = "ready";
       }, await (() => {
-        if (P === "unloaded") {
-          P = "loading";
-          const m = `${Gt}?onload=${q}&render=explicit`, y = document.createElement("script");
-          y.src = m, y.async = !0, y.addEventListener("error", () => {
-            M.reject("Failed to load Turnstile.");
+        if (F === "unloaded") {
+          F = "loading";
+          const v = `${Et}?onload=${Q}&render=explicit`, y = document.createElement("script");
+          y.src = v, y.async = !0, y.addEventListener("error", () => {
+            H.reject("Failed to load Turnstile.");
           }), document.head.appendChild(y);
         }
-        return v;
-      })(), t.renderOnMount && g();
-    }), Q(() => {
-      r(), clearTimeout(U);
-    }), (v, S) => (d(), b("div", {
+        return C;
+      })(), t.renderOnMount && m();
+    }), Y(() => {
+      d(), clearTimeout(Z);
+    }), (C, $) => (i(), b("div", {
       ref_key: "element",
-      ref: i
+      ref: l
     }, null, 512));
   }
-}), Ta = /* @__PURE__ */ u({
+}), ka = /* @__PURE__ */ u({
   __name: "Quota",
   props: {
     percent: {},
     color: {}
   },
   setup(s) {
-    const e = s, t = z(() => {
-      const i = `translateX(-${100 - e.percent}%)`;
+    const e = s, t = _(() => {
+      const l = `translateX(-${100 - e.percent}%)`;
       if (e.percent > 100)
-        return { transform: i, "background-color": "var(--red-a10)" };
+        return { transform: l, "background-color": "var(--red-a10)" };
       let n = "a4";
-      return e.percent > 90 ? n = "a11" : e.percent > 66 ? n = "a9" : e.percent > 33 && (n = "a6"), { transform: i, "background-color": `var(--blue-${n})` };
-    }), o = z(() => e.percent > 100 ? 100 : e.percent < 0 ? 0 : e.percent);
-    return (i, n) => (d(), h(a(tt), {
+      return e.percent > 90 ? n = "a11" : e.percent > 66 ? n = "a9" : e.percent > 33 && (n = "a6"), { transform: l, "background-color": `var(--blue-${n})` };
+    }), o = _(() => e.percent > 100 ? 100 : e.percent < 0 ? 0 : e.percent);
+    return (l, n) => (i(), p(a(at), {
       class: "ui-Quota",
       "model-value": o.value,
       "data-accent-color": e.color
     }, {
-      default: l(() => [
-        p(a(at), {
+      default: r(() => [
+        f(a(ot), {
           class: "ui-QuotaValue",
-          style: he(t.value)
+          style: me(t.value)
         }, null, 8, ["style"])
       ]),
       _: 1
     }, 8, ["model-value", "data-accent-color"]));
   }
-}), Wt = ["data-variant", "data-size", "data-accent-color"], ka = /* @__PURE__ */ u({
+}), qt = ["data-accent-color"], Aa = /* @__PURE__ */ u({
   __name: "IconCircle",
   props: {
     color: {},
@@ -1626,86 +1602,183 @@ const Sa = /* @__PURE__ */ u({
     icon: {}
   },
   setup(s) {
-    const e = s;
-    return (t, o) => (d(), b("span", {
-      class: "ui-IconCircle",
+    const e = s, t = _(() => S(e, ["size", "variant"]));
+    return (o, l) => (i(), b("span", {
+      class: w(["ui-IconCircle", t.value]),
       "data-radius": "full",
-      "data-variant": e.variant,
-      "data-size": e.size,
       "data-accent-color": e.color
     }, [
-      p(a(A), {
+      f(a(k), {
         icon: e.icon
       }, null, 8, ["icon"])
-    ], 8, Wt));
+    ], 10, qt));
+  }
+}), Ra = /* @__PURE__ */ u({
+  __name: "Toggle",
+  props: {
+    color: {},
+    variant: { default: "soft" },
+    size: { default: "2" },
+    highContrast: { type: Boolean },
+    radius: {},
+    defaultValue: { type: Boolean },
+    modelValue: { type: Boolean },
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: e }) {
+    const t = e, o = s, [l, n] = O(o, t, [
+      "color",
+      "size",
+      "variant",
+      "highContrast",
+      "radius"
+    ]);
+    return (d, c) => (i(), p(a(st), g(a(l), {
+      class: ["ui-Toggle", a(n)],
+      "data-accent-color": o.color,
+      "data-radius": o.radius
+    }), {
+      default: r(() => [
+        h(d.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class", "data-accent-color", "data-radius"]));
+  }
+}), Ia = /* @__PURE__ */ u({
+  __name: "ToggleGroupRoot",
+  props: {
+    color: {},
+    variant: { default: "soft" },
+    size: { default: "2" },
+    highContrast: { type: Boolean },
+    radius: {},
+    rovingFocus: { type: Boolean },
+    disabled: { type: Boolean },
+    orientation: {},
+    dir: {},
+    loop: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean },
+    type: {},
+    modelValue: {},
+    defaultValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: e }) {
+    const t = e, o = s, [l, n] = O(o, t, [
+      "color",
+      "size",
+      "variant",
+      "highContrast",
+      "radius"
+    ]);
+    return (d, c) => (i(), p(a(lt), g(a(l), {
+      class: ["ui-ToggleGroupRoot", a(n)],
+      "data-accent-color": o.color,
+      "data-radius": o.radius
+    }), {
+      default: r(() => [
+        h(d.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class", "data-accent-color", "data-radius"]));
+  }
+}), Pa = /* @__PURE__ */ u({
+  __name: "ToggleGroupItem",
+  props: {
+    value: {},
+    defaultValue: { type: Boolean },
+    modelValue: { type: Boolean },
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(s) {
+    const t = z(s);
+    return (o, l) => (i(), p(a(nt), g(a(t), { class: "ui-ToggleGroupItem" }), {
+      default: r(() => [
+        h(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
   }
 });
 export {
-  Va as AlertDialogAction,
-  Da as AlertDialogCancel,
-  ea as AlertDialogContent,
-  Ra as AlertDialogDescription,
-  Pa as AlertDialogRoot,
-  Ia as AlertDialogTitle,
-  Oa as AlertDialogTrigger,
-  Ut as Avatar,
-  Kt as Badge,
-  ae as Button,
-  rt as Card,
-  Yt as CardHead,
-  oe as Checkbox,
-  Jt as CheckboxGroupControl,
-  Xt as CheckboxGroupItem,
-  Qt as CheckboxGroupRoot,
-  Zt as ColorField,
-  Ma as DialogClose,
-  ta as DialogContent,
-  Fa as DialogDescription,
-  aa as DialogHead,
-  Ha as DialogRoot,
-  Ga as DialogTitle,
-  Wa as DialogTrigger,
-  sa as DropdownMenuContent,
-  ia as DropdownMenuItem,
-  La as DropdownMenuRoot,
-  ja as DropdownMenuTrigger,
-  eo as Icon,
-  Nt as IconButton,
-  ka as IconCircle,
-  _t as Inset,
-  Ea as PopoverAnchor,
-  qa as PopoverArrow,
-  Ua as PopoverClose,
-  oa as PopoverContent,
-  Ka as PopoverRoot,
-  Na as PopoverTrigger,
-  Ta as Quota,
-  da as Radio,
-  pa as RadioCardsItem,
-  ca as RadioCardsRoot,
-  ua as RadioGroupItem,
-  ca as RadioGroupRoot,
-  Qa as RadioTabsItem,
-  wa as RadioTabsList,
-  na as SavingIndicator,
-  ie as ScrollArea,
-  _a as SelectContent,
-  Xa as SelectGroup,
-  ga as SelectItem,
-  ya as SelectLabel,
-  ma as SelectRoot,
-  Ca as SelectSeparator,
-  va as SelectTrigger,
-  la as Separator,
-  bt as Spinner,
-  ra as Switch,
-  ba as Table,
-  Ja as TabsContent,
-  Ba as TabsList,
-  Ya as TabsRoot,
-  $a as TabsTrigger,
-  fa as TextArea,
-  ha as TextField,
-  za as Tooltip,
-  Sa as Turnstile
+  Ma as AlertDialogAction,
+  Ga as AlertDialogCancel,
+  sa as AlertDialogContent,
+  Ha as AlertDialogDescription,
+  La as AlertDialogRoot,
+  Wa as AlertDialogTitle,
+  ja as AlertDialogTrigger,
+  Zt as Avatar,
+  Jt as Badge,
+  re as Button,
+  pt as Card,
+  aa as CardHead,
+  ie as Checkbox,
+  ta as CheckboxGroupControl,
+  ea as CheckboxGroupItem,
+  Yt as CheckboxGroupRoot,
+  oa as ColorField,
+  Ea as DialogClose,
+  la as DialogContent,
+  qa as DialogDescription,
+  na as DialogHead,
+  Ua as DialogRoot,
+  Ka as DialogTitle,
+  Na as DialogTrigger,
+  ia as DropdownMenuContent,
+  da as DropdownMenuItem,
+  Qa as DropdownMenuRoot,
+  Za as DropdownMenuTrigger,
+  ro as Icon,
+  Xt as IconButton,
+  Aa as IconCircle,
+  Ct as Inset,
+  Ja as PopoverAnchor,
+  Xa as PopoverArrow,
+  Ya as PopoverClose,
+  ra as PopoverContent,
+  eo as PopoverRoot,
+  to as PopoverTrigger,
+  ka as Quota,
+  fa as Radio,
+  _a as RadioCardsItem,
+  ha as RadioCardsRoot,
+  ma as RadioGroupItem,
+  ha as RadioGroupRoot,
+  ao as RadioTabsItem,
+  Ta as RadioTabsList,
+  ua as SavingIndicator,
+  ce as ScrollArea,
+  Ca as SelectContent,
+  oo as SelectGroup,
+  Ba as SelectItem,
+  $a as SelectLabel,
+  ya as SelectRoot,
+  wa as SelectSeparator,
+  ba as SelectTrigger,
+  ca as Separator,
+  zt as Spinner,
+  pa as Switch,
+  za as Table,
+  so as TabsContent,
+  xa as TabsList,
+  lo as TabsRoot,
+  Va as TabsTrigger,
+  va as TextArea,
+  ga as TextField,
+  Ra as Toggle,
+  Pa as ToggleGroupItem,
+  Ia as ToggleGroupRoot,
+  Sa as Tooltip,
+  Da as Turnstile
 };