@typlog/ui 0.5.4 → 0.6.0

package/dist/components/ColorField.d.ts

@@ -1,10 +1,9 @@
-import { ColorType, RadiusType } from './types';
+import { RadiusType } from './types';
 export interface ColorFieldProps {
     id?: string;
     modelValue?: string;
+    variant?: 'solid' | 'outline';
     size?: '1' | '2' | '3';
-    variant?: 'surface' | 'soft';
-    color?: ColorType;
     radius?: RadiusType;
 }
 declare const _default: import('vue').DefineComponent<ColorFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -12,7 +11,7 @@ declare const _default: import('vue').DefineComponent<ColorFieldProps, {}, {}, {
 }, string, import('vue').PublicProps, Readonly<ColorFieldProps> & Readonly<{
     "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
 }>, {
-    variant: "surface" | "soft";
+    variant: "solid" | "outline";
     size: "1" | "2" | "3";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/index.js

@@ -1,9 +1,9 @@
-import { computed as v, defineComponent as p, openBlock as d, createBlock as f, unref as a, normalizeClass as w, withCtx as r, createVNode as u, createTextVNode as te, toDisplayString as M, renderSlot as h, mergeProps as g, createElementVNode as x, createCommentVNode as R, createElementBlock as B, toRefs as G, withDirectives as F, isRef as A, vModelRadio as he, ref as q, onMounted as ae, onBeforeUnmount as oe, vModelDynamic as _e, vModelText as K, normalizeProps as ge, guardReactiveProps as ve, watch as ye, Fragment as Ce, renderList as be, withModifiers as Be, normalizeStyle as xe } from "vue";
-import { useForwardProps as $, useEmitAsProps as se, AvatarRoot as $e, AvatarImage as we, AvatarFallback as Se, Primitive as I, ScrollAreaRoot as N, ScrollAreaViewport as Q, ScrollAreaScrollbar as j, ScrollAreaThumb as E, ScrollAreaCorner as Ve, AlertDialogPortal as ze, AlertDialogOverlay as Te, AlertDialogContent as ke, DialogPortal as Re, DialogOverlay as De, DialogContent as Ae, DialogTitle as Ie, DialogClose as Pe, PopoverPortal as Oe, PopoverContent as Fe, useForwardExpose as S, DropdownMenuPortal as Me, DropdownMenuContent as Ge, createContext as L, DropdownMenuItem as Le, SwitchRoot as He, SwitchThumb as We, RadioGroupRoot as le, RadioGroupItem as ne, CheckboxRoot as je, CheckboxIndicator as Ee, Toggle as qe, ToggleGroupRoot as Ue, ToggleGroupItem as Ke, SelectRoot as Ne, SelectPortal as Qe, SelectContent as Je, SelectViewport as Ze, SelectTrigger as Xe, SelectValue as Ye, SelectIcon as et, SelectItem as tt, SelectItemIndicator as at, SelectItemText as ot, SelectLabel as st, ComboboxRoot as lt, injectComboboxRootContext as nt, useForwardPropsEmits as re, ComboboxAnchor as rt, ComboboxInput as Z, ComboboxTrigger as it, ComboboxPortal as dt, ComboboxContent as ct, ComboboxViewport as ut, ComboboxItem as pt, ComboboxItemIndicator as ft, ComboboxLabel as mt, TooltipProvider as ht, TooltipRoot as _t, TooltipTrigger as gt, TooltipPortal as vt, TooltipContent as yt, TooltipArrow as Ct, TabsList as bt, TabsTrigger as Bt, ProgressRoot as xt, ProgressIndicator as $t } from "reka-ui";
+import { computed as v, defineComponent as p, openBlock as d, createBlock as f, unref as a, normalizeClass as w, withCtx as r, createVNode as u, createTextVNode as ee, toDisplayString as O, renderSlot as h, mergeProps as g, createElementVNode as x, createCommentVNode as R, createElementBlock as B, toRefs as F, withDirectives as E, isRef as M, vModelRadio as he, ref as q, onMounted as te, onBeforeUnmount as ae, vModelDynamic as _e, vModelText as oe, normalizeProps as ge, guardReactiveProps as ve, watch as ye, Fragment as Ce, renderList as be, withModifiers as Be, normalizeStyle as xe } from "vue";
+import { useForwardProps as $, useEmitAsProps as se, AvatarRoot as $e, AvatarImage as we, AvatarFallback as Se, Primitive as A, ScrollAreaRoot as K, ScrollAreaViewport as N, ScrollAreaScrollbar as W, ScrollAreaThumb as j, ScrollAreaCorner as Ve, AlertDialogPortal as ze, AlertDialogOverlay as Te, AlertDialogContent as ke, DialogPortal as Re, DialogOverlay as De, DialogContent as Ae, DialogTitle as Ie, DialogClose as Pe, PopoverPortal as Oe, PopoverContent as Fe, useForwardExpose as S, DropdownMenuPortal as Me, DropdownMenuContent as Ge, createContext as G, DropdownMenuItem as Le, SwitchRoot as He, SwitchThumb as We, RadioGroupRoot as le, RadioGroupItem as ne, CheckboxRoot as je, CheckboxIndicator as Ee, Toggle as qe, ToggleGroupRoot as Ue, ToggleGroupItem as Ke, SelectRoot as Ne, SelectPortal as Qe, SelectContent as Je, SelectViewport as Ze, SelectTrigger as Xe, SelectValue as Ye, SelectIcon as et, SelectItem as tt, SelectItemIndicator as at, SelectItemText as ot, SelectLabel as st, ComboboxRoot as lt, injectComboboxRootContext as nt, useForwardPropsEmits as re, ComboboxAnchor as rt, ComboboxInput as J, ComboboxTrigger as it, ComboboxPortal as dt, ComboboxContent as ct, ComboboxViewport as ut, ComboboxItem as pt, ComboboxItemIndicator as ft, ComboboxLabel as mt, TooltipProvider as ht, TooltipRoot as _t, TooltipTrigger as gt, TooltipPortal as vt, TooltipContent as yt, TooltipArrow as Ct, TabsList as bt, TabsTrigger as Bt, ProgressRoot as xt, ProgressIndicator as $t } from "reka-ui";
 import { AlertDialogAction as ho, AlertDialogCancel as _o, AlertDialogDescription as go, AlertDialogRoot as vo, AlertDialogTitle as yo, AlertDialogTrigger as Co, ComboboxEmpty as bo, ComboboxGroup as Bo, DialogClose as xo, DialogDescription as $o, DialogRoot as wo, DialogTitle as So, DialogTrigger as Vo, DropdownMenuRoot as zo, DropdownMenuTrigger as To, PopoverClose as ko, PopoverRoot as Ro, PopoverTrigger as Do, RadioGroupItem as Ao, SelectGroup as Io, TabsContent as Po, TabsRoot as Oo } from "reka-ui";
 import { Icon as T } from "@iconify/vue";
 import { Icon as Mo } from "@iconify/vue";
-import { useVModel as P } from "@vueuse/core";
+import { useVModel as I } from "@vueuse/core";
 function D(s, e, t) {
   const o = $(s), l = se(e);
   return v(() => ({
@@ -11,7 +11,7 @@ function D(s, e, t) {
     ...l
   }));
 }
-function O(s, e, t) {
+function P(s, e, t) {
   const o = $(s), l = se(e), i = v(() => ({
     ...ie(o.value, t),
     ...l
@@ -29,11 +29,11 @@ const V = (s, e) => {
   return e.forEach((o) => {
     if (o !== "color" && o !== "radius") {
       const l = s[o];
-      l === !0 ? t.push(`r-${X(o)}`) : l && t.push(`r-${X(o)}-${l}`);
+      l === !0 ? t.push(`r-${Z(o)}`) : l && t.push(`r-${Z(o)}-${l}`);
     }
   }), t;
 };
-function X(s) {
+function Z(s) {
   return s.replace(/[A-Z]+(?![a-z])|[A-Z]/g, wt);
 }
 function wt(s, e) {
@@ -66,7 +66,7 @@ const ba = /* @__PURE__ */ p({
           class: w(`r-count-${o.value.length}`)
         }, {
           default: r(() => [
-            te(M(o.value), 1)
+            ee(O(o.value), 1)
           ]),
           _: 1
         }, 8, ["class"])
@@ -87,7 +87,7 @@ const ba = /* @__PURE__ */ p({
   },
   setup(s) {
     const e = s, t = v(() => V(e, ["size", "variant", "highContrast"]));
-    return (o, l) => (d(), f(a(I), {
+    return (o, l) => (d(), f(a(A), {
       class: w(["ui-Badge", t.value]),
       as: e.as,
       "as-child": e.asChild,
@@ -114,7 +114,7 @@ const ba = /* @__PURE__ */ p({
   },
   setup(s) {
     const e = s, t = v(() => V(e, ["size", "variant", "highContrast"]));
-    return (o, l) => (d(), f(a(I), {
+    return (o, l) => (d(), f(a(A), {
       class: w(["ui-Button", t.value]),
       "as-child": e.asChild,
       as: e.as,
@@ -160,7 +160,7 @@ const ba = /* @__PURE__ */ p({
   },
   setup(s) {
     const e = s, t = v(() => V(e, ["size", "variant"]));
-    return (o, l) => (d(), f(a(I), {
+    return (o, l) => (d(), f(a(A), {
       class: w(["ui-Card", t.value]),
       "as-child": e.asChild,
       as: e.as,
@@ -181,7 +181,7 @@ const ba = /* @__PURE__ */ p({
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), f(a(I), {
+    return (t, o) => (d(), f(a(A), {
       as: e.as,
       class: "ui-CardHead",
       "data-accent-color": e.color
@@ -206,7 +206,7 @@ const ba = /* @__PURE__ */ p({
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), f(a(N), {
+    return (t, o) => (d(), f(a(K), {
       class: "ui-ScrollArea",
       "as-child": e.asChild,
       dir: e.dir,
@@ -215,32 +215,32 @@ const ba = /* @__PURE__ */ p({
       "data-radius": e.radius
     }, {
       default: r(() => [
-        u(a(Q), { class: "ui-ScrollAreaViewport" }, {
+        u(a(N), { class: "ui-ScrollAreaViewport" }, {
           default: r(() => [
             h(t.$slots, "default")
           ]),
           _: 3
         }),
         o[0] || (o[0] = x("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
-        e.scrollbars !== "horizontal" ? (d(), f(a(j), {
+        e.scrollbars !== "horizontal" ? (d(), f(a(W), {
           key: 0,
           class: "ui-ScrollAreaScrollbar",
           "data-size": e.size,
           orientation: "vertical"
         }, {
           default: r(() => [
-            u(a(E), { class: "ui-ScrollAreaThumb" })
+            u(a(j), { class: "ui-ScrollAreaThumb" })
           ]),
           _: 1
         }, 8, ["data-size"])) : R("", !0),
-        e.scrollbars !== "vertical" ? (d(), f(a(j), {
+        e.scrollbars !== "vertical" ? (d(), f(a(W), {
           key: 1,
           class: "ui-ScrollAreaScrollbar",
           "data-size": e.size,
           orientation: "horizontal"
         }, {
           default: r(() => [
-            u(a(E), { class: "ui-ScrollAreaThumb" })
+            u(a(j), { class: "ui-ScrollAreaThumb" })
           ]),
           _: 1
         }, 8, ["data-size"])) : R("", !0),
@@ -262,7 +262,7 @@ const ba = /* @__PURE__ */ p({
   },
   setup(s) {
     const e = s;
-    return (t, o) => (d(), f(a(I), {
+    return (t, o) => (d(), f(a(A), {
       as: e.as,
       class: w(["ui-Separator", `r-size-${e.size}`]),
       role: "separator",
@@ -474,12 +474,13 @@ const ba = /* @__PURE__ */ p({
       default: r(() => [
         u(a(Ie), { class: "font-semibold" }, {
           default: r(() => [
-            te(M(e.title), 1)
+            ee(O(e.title), 1)
           ]),
           _: 1
         }),
         u(de, {
           as: a(Pe),
+          type: "button",
           variant: "ghost",
           color: "gray",
           radius: "full",
@@ -541,7 +542,7 @@ const ba = /* @__PURE__ */ p({
       _: 3
     }, 8, ["to"]));
   }
-}), It = { class: "ui-MenuViewport" }, [Pt, Ot] = L("ui_DropdownMenuContent"), Ra = /* @__PURE__ */ p({
+}), It = { class: "ui-MenuViewport" }, [Pt, Ot] = G("ui_DropdownMenuContent"), Ra = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "DropdownMenuContent",
   props: {
@@ -578,7 +579,7 @@ const ba = /* @__PURE__ */ p({
       "variant",
       "color",
       "highContrast"
-    ]), { forwardRef: i } = S(), { size: n, variant: c, color: m, highContrast: y } = G(t);
+    ]), { forwardRef: i } = S(), { size: n, variant: c, color: m, highContrast: y } = F(t);
     return Ot({ size: n, variant: c, color: m, highContrast: y }), (b, C) => (d(), f(a(Me), {
       to: t.to
     }, {
@@ -637,7 +638,7 @@ const ba = /* @__PURE__ */ p({
           t.shortcut ? (d(), B("div", {
             key: 0,
             class: "ui-MenuShortcut",
-            textContent: M(t.shortcut)
+            textContent: O(t.shortcut)
           }, null, 8, Ft)) : R("", !0)
         ]),
         _: 3
@@ -664,7 +665,7 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = e, o = s, [l, i] = O(o, t, [
+    const t = e, o = s, [l, i] = P(o, t, [
       "color",
       "size",
       "variant",
@@ -693,12 +694,12 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = s, l = P(t, "modelValue", e, {
+    const t = s, l = I(t, "modelValue", e, {
       defaultValue: t.modelValue,
       passive: t.modelValue === void 0
     }), i = v(() => V(t, ["size", "variant", "highContrast"]));
-    return (n, c) => F((d(), B("input", {
-      "onUpdate:modelValue": c[0] || (c[0] = (m) => A(l) ? l.value = m : null),
+    return (n, c) => E((d(), B("input", {
+      "onUpdate:modelValue": c[0] || (c[0] = (m) => M(l) ? l.value = m : null),
       class: w(["ui-Radio", i.value]),
       type: "radio",
       "data-accent-color": t.color
@@ -706,7 +707,7 @@ const ba = /* @__PURE__ */ p({
       [he, a(l)]
     ]);
   }
-}), [ue, Gt] = L("ui_RadioGroupRoot"), Pa = /* @__PURE__ */ p({
+}), [ue, Gt] = G("ui_RadioGroupRoot"), Pa = /* @__PURE__ */ p({
   __name: "RadioGroupRoot",
   props: {
     color: {},
@@ -726,7 +727,7 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = e, o = s, l = D(o, t, ["color", "size", "variant", "highContrast"]), { size: i, variant: n, color: c, highContrast: m } = G(o);
+    const t = e, o = s, l = D(o, t, ["color", "size", "variant", "highContrast"]), { size: i, variant: n, color: c, highContrast: m } = F(o);
     return Gt({ size: i, variant: n, color: c, highContrast: m }), (y, b) => (d(), f(a(le), g({ class: "ui-RadioGroupRoot" }, a(l)), {
       default: r(() => [
         h(y.$slots, "default")
@@ -837,7 +838,7 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = e, o = s, [l, i] = O(o, t, ["color", "size", "variant", "highContrast"]);
+    const t = e, o = s, [l, i] = P(o, t, ["color", "size", "variant", "highContrast"]);
     return (n, c) => (d(), f(a(je), g(a(l), {
       class: ["ui-Checkbox", a(i)],
       "data-accent-color": o.color
@@ -858,7 +859,7 @@ const ba = /* @__PURE__ */ p({
       _: 1
     }, 16, ["class", "data-accent-color"]));
   }
-}), [fe, Et] = L("ui_CheckboxGroupRoot"), Ma = /* @__PURE__ */ p({
+}), [fe, Et] = G("ui_CheckboxGroupRoot"), Ma = /* @__PURE__ */ p({
   __name: "CheckboxGroupRoot",
   props: {
     modelValue: {},
@@ -870,7 +871,7 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = s, o = e, { disabled: l, name: i } = G(t), n = q([]), c = P(t, "modelValue", o, {
+    const t = s, o = e, { disabled: l, name: i } = F(t), n = q([]), c = I(t, "modelValue", o, {
       defaultValue: t.defaultValue,
       passive: t.modelValue === void 0
     }), m = v(() => c.value || []), y = v(() => {
@@ -900,7 +901,7 @@ const ba = /* @__PURE__ */ p({
       },
       disabled: l,
       name: i == null ? void 0 : i.value
-    }), (C, _) => (d(), f(a(I), {
+    }), (C, _) => (d(), f(a(A), {
       as: t.as,
       "as-child": t.asChild
     }, {
@@ -936,9 +937,9 @@ const ba = /* @__PURE__ */ p({
     }), i = v(() => o.selected.value.indexOf(e.value) !== -1), n = (c) => {
       c ? o.addModelValue(e.value) : o.removeModelValue(e.value);
     };
-    return ae(() => {
+    return te(() => {
       o.initAllValue(e.value);
-    }), oe(() => {
+    }), ae(() => {
       o.removeAllValue(e.value);
     }), (c, m) => (d(), f(pe, g({
       ...a(t),
@@ -1012,7 +1013,7 @@ const ba = /* @__PURE__ */ p({
       requestAnimationFrame(() => {
         b.setSelectionRange(_, _), b.focus();
       });
-    }, n = P(t, "modelValue", e, {
+    }, n = I(t, "modelValue", e, {
       defaultValue: t.modelValue,
       passive: t.modelValue === void 0
     }), c = v(() => {
@@ -1025,11 +1026,11 @@ const ba = /* @__PURE__ */ p({
       "data-accent-color": t.color,
       onPointerdown: l
     }, [
-      F(x("input", g({
+      E(x("input", g({
         id: t.id,
         ref_key: "inputRef",
         ref: o,
-        "onUpdate:modelValue": y[0] || (y[0] = (b) => A(n) ? n.value = b : null),
+        "onUpdate:modelValue": y[0] || (y[0] = (b) => M(n) ? n.value = b : null),
         type: t.type
       }, m.$attrs, { class: "ui-TextFieldInput" }), null, 16, Ut), [
         [_e, a(n)]
@@ -1056,7 +1057,7 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = s, l = P(t, "modelValue", e, {
+    const t = s, l = I(t, "modelValue", e, {
       defaultValue: t.modelValue,
       passive: t.modelValue === void 0
     }), i = v(() => {
@@ -1067,48 +1068,39 @@ const ba = /* @__PURE__ */ p({
       class: w(["ui-TextArea", i.value]),
       "data-accent-color": t.color
     }, [
-      F(x("textarea", g({
-        "onUpdate:modelValue": c[0] || (c[0] = (m) => A(l) ? l.value = m : null)
+      E(x("textarea", g({
+        "onUpdate:modelValue": c[0] || (c[0] = (m) => M(l) ? l.value = m : null)
       }, n.$attrs, { class: "ui-TextAreaInput" }), null, 16), [
-        [K, a(l)]
+        [oe, a(l)]
       ])
     ], 10, Qt));
   }
-}), Jt = ["data-accent-color"], Zt = ["id"], ja = /* @__PURE__ */ p({
+}), Jt = ["data-radius"], Zt = ["id"], ja = /* @__PURE__ */ p({
   __name: "ColorField",
   props: {
     id: {},
     modelValue: {},
+    variant: { default: "solid" },
     size: { default: "2" },
-    variant: { default: "surface" },
-    color: {},
     radius: {}
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = s, l = P(t, "modelValue", e, {
+    const t = s, l = I(t, "modelValue", e, {
       defaultValue: t.modelValue || "#000000",
       passive: t.modelValue === void 0
     }), i = v(() => V(t, ["size", "variant"]));
     return (n, c) => (d(), B("div", {
-      class: w(["ui-TextField ui-ColorField", i.value]),
-      "data-accent-color": t.color
+      class: w(["ui-ColorField", i.value]),
+      "data-radius": t.radius
     }, [
-      F(x("input", {
+      E(x("input", {
         id: t.id,
-        "onUpdate:modelValue": c[0] || (c[0] = (m) => A(l) ? l.value = m : null),
+        "onUpdate:modelValue": c[0] || (c[0] = (m) => M(l) ? l.value = m : null),
         class: "ui-ColorFieldInput",
         type: "color"
       }, null, 8, Zt), [
-        [K, a(l)]
-      ]),
-      F(x("input", {
-        "onUpdate:modelValue": c[1] || (c[1] = (m) => A(l) ? l.value = m : null),
-        class: "ui-TextFieldInput",
-        type: "text",
-        pattern: "^#[0-9a-f]{6}$"
-      }, null, 512), [
-        [K, a(l)]
+        [oe, a(l)]
       ])
     ], 10, Jt));
   }
@@ -1130,7 +1122,7 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = e, o = s, [l, i] = O(o, t, [
+    const t = e, o = s, [l, i] = P(o, t, [
       "color",
       "size",
       "variant",
@@ -1171,7 +1163,7 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = e, o = s, [l, i] = O(o, t, [
+    const t = e, o = s, [l, i] = P(o, t, [
       "color",
       "size",
       "variant",
@@ -1208,7 +1200,7 @@ const ba = /* @__PURE__ */ p({
       _: 3
     }, 16));
   }
-}), [me, Xt] = L("ui_SelectRoot"), Ka = /* @__PURE__ */ p({
+}), [me, Xt] = G("ui_SelectRoot"), Ka = /* @__PURE__ */ p({
   __name: "SelectRoot",
   props: {
     size: { default: "2" },
@@ -1228,7 +1220,7 @@ const ba = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue", "update:open"],
   setup(s, { emit: e }) {
-    const t = s, o = e, { size: l, color: i, highContrast: n } = G(t), c = D(t, o, ["size", "color", "highContrast"]);
+    const t = s, o = e, { size: l, color: i, highContrast: n } = F(t), c = D(t, o, ["size", "color", "highContrast"]);
     return Xt({
       size: l,
       color: i,
@@ -1286,7 +1278,7 @@ const ba = /* @__PURE__ */ p({
           "data-accent-color": a(l).color.value
         }), {
           default: r(() => [
-            u(a(N), {
+            u(a(K), {
               type: "auto",
               class: "ui-ScrollArea"
             }, {
@@ -1296,20 +1288,20 @@ const ba = /* @__PURE__ */ p({
                   "as-child": ""
                 }, {
                   default: r(() => [
-                    u(a(Q), { class: "ui-ScrollAreaViewport" }, {
+                    u(a(N), { class: "ui-ScrollAreaViewport" }, {
                       default: r(() => [
                         h(n.$slots, "default")
                       ]),
                       _: 3
                     }),
                     c[0] || (c[0] = x("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
-                    u(a(j), {
+                    u(a(W), {
                       class: "ui-ScrollAreaScrollbar",
                       "data-size": 1,
                       orientation: "vertical"
                     }, {
                       default: r(() => [
-                        u(a(E), { class: "ui-ScrollAreaThumb" })
+                        u(a(j), { class: "ui-ScrollAreaThumb" })
                       ]),
                       _: 1
                     })
@@ -1421,7 +1413,7 @@ const ba = /* @__PURE__ */ p({
 function oa(s, e) {
   return d(), B("div", aa);
 }
-const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = L("ui_ComboboxRoot"), Ya = /* @__PURE__ */ p({
+const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = G("ui_ComboboxRoot"), Ya = /* @__PURE__ */ p({
   __name: "ComboboxRoot",
   props: {
     size: { default: "2" },
@@ -1445,7 +1437,7 @@ const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = L("ui_ComboboxRo
   },
   emits: ["update:modelValue", "highlight", "update:open"],
   setup(s, { emit: e }) {
-    const t = s, o = e, { size: l, color: i, highContrast: n } = G(t), [c, m] = O(t, o, ["size", "color", "highContrast"]);
+    const t = s, o = e, { size: l, color: i, highContrast: n } = F(t), [c, m] = P(t, o, ["size", "color", "highContrast"]);
     return la({
       size: l,
       color: i,
@@ -1478,8 +1470,8 @@ const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = L("ui_ComboboxRo
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = nt(), o = s, l = e, i = re(o, l), n = P(o, "modelValue", l, {
-      passive: !0
+    const t = nt(), o = s, l = e, i = re(o, l), n = I(o, "modelValue", l, {
+      passive: o.modelValue === void 0
     }), c = q(-1), m = v(() => t.modelValue.value), y = (_) => typeof _ == "object" ? JSON.stringify(_) : _.toString(), b = (_) => {
       c.value = _, t.modelValue.value.splice(_, 1), c.value = -1;
     }, C = (_) => {
@@ -1496,35 +1488,35 @@ const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = L("ui_ComboboxRo
     }, {
       default: r(() => [
         a(t).multiple.value ? (d(), B("div", na, [
-          (d(!0), B(Ce, null, be(m.value, (z, J) => (d(), B("div", {
+          (d(!0), B(Ce, null, be(m.value, (z, Q) => (d(), B("div", {
             class: "ui-ComboboxValuesItem",
-            "aria-current": J === c.value,
+            "aria-current": Q === c.value,
             key: y(z),
             value: z
           }, [
             h(_.$slots, "item", { value: z }, () => [
-              x("span", null, M(y(z)), 1)
+              x("span", null, O(y(z)), 1)
             ]),
             x("button", {
               type: "button",
               tabindex: "-1",
-              onClick: Be((_a) => b(J), ["prevent"])
+              onClick: Be((_a) => b(Q), ["prevent"])
             }, [
               u(a(T), { icon: "lucide:x" })
             ], 8, ia)
           ], 8, ra))), 128)),
-          u(a(Z), g({
+          u(a(J), g({
             ..._.$attrs,
             ...a(i),
             variant: void 0,
             radius: void 0
           }, {
             modelValue: a(n),
-            "onUpdate:modelValue": k[0] || (k[0] = (z) => A(n) ? n.value = z : null),
+            "onUpdate:modelValue": k[0] || (k[0] = (z) => M(n) ? n.value = z : null),
             class: "ui-ComboboxInput",
             onKeydown: C
           }), null, 16, ["modelValue"])
-        ])) : (d(), f(a(Z), g({
+        ])) : (d(), f(a(J), g({
           key: 1,
           class: "ui-ComboboxInput"
         }, {
@@ -1592,7 +1584,7 @@ const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = L("ui_ComboboxRo
           "data-accent-color": a(n).color.value
         }), {
           default: r(() => [
-            u(a(N), {
+            u(a(K), {
               type: "auto",
               class: "ui-ScrollArea"
             }, {
@@ -1602,7 +1594,7 @@ const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = L("ui_ComboboxRo
                   "as-child": ""
                 }, {
                   default: r(() => [
-                    u(a(Q), { class: "ui-ScrollAreaViewport" }, {
+                    u(a(N), { class: "ui-ScrollAreaViewport" }, {
                       default: r(() => [
                         h(m.$slots, "default")
                       ]),
@@ -1612,13 +1604,13 @@ const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = L("ui_ComboboxRo
                   _: 3
                 }),
                 y[0] || (y[0] = x("div", { class: "ui-ScrollAreaViewportFocusRing" }, null, -1)),
-                u(a(j), {
+                u(a(W), {
                   class: "ui-ScrollAreaScrollbar",
                   "data-size": 1,
                   orientation: "vertical"
                 }, {
                   default: r(() => [
-                    u(a(E), { class: "ui-ScrollAreaThumb" })
+                    u(a(j), { class: "ui-ScrollAreaThumb" })
                   ]),
                   _: 1
                 })
@@ -1769,7 +1761,7 @@ const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = L("ui_ComboboxRo
                     h(t.$slots, "content", {}, () => [
                       x("p", {
                         class: "ui-TooltipText",
-                        textContent: M(e.content)
+                        textContent: O(e.content)
                       }, null, 8, ua)
                     ]),
                     u(a(Ct), { class: "ui-TooltipArrow" })
@@ -1850,7 +1842,7 @@ const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = L("ui_ComboboxRo
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    const t = e, o = s, [l, i] = O(o, t, ["size"]);
+    const t = e, o = s, [l, i] = P(o, t, ["size"]);
     return (n, c) => (d(), f(a(le), g(a(l), {
       class: ["ui-RadioTabsList", a(i)]
     }), {
@@ -1860,8 +1852,8 @@ const Xa = /* @__PURE__ */ ea(ta, [["render", oa]]), [sa, la] = L("ui_ComboboxRo
       _: 3
     }, 16, ["class"]));
   }
-}), ma = "https://challenges.cloudflare.com/turnstile/v0/api.js", Y = "cfTurnstileOnLoad";
-let H = typeof window < "u" && window.turnstile !== void 0 ? "ready" : "unloaded", U, W, ee;
+}), ma = "https://challenges.cloudflare.com/turnstile/v0/api.js", X = "cfTurnstileOnLoad";
+let L = typeof window < "u" && window.turnstile !== void 0 ? "ready" : "unloaded", U, H, Y;
 const co = /* @__PURE__ */ p({
   __name: "Turnstile",
   props: {
@@ -1879,13 +1871,13 @@ const co = /* @__PURE__ */ p({
     const t = s, o = e, l = q(), i = () => {
       window.turnstile && (o("update:modelValue", ""), window.turnstile.reset());
     }, n = () => {
-      W && (window.turnstile.remove(W), W = void 0);
+      H && (window.turnstile.remove(H), H = void 0);
     }, c = (y) => {
-      o("update:modelValue", y), ee = setTimeout(() => {
+      o("update:modelValue", y), Y = setTimeout(() => {
         i();
       }, t.resetInterval);
     }, m = () => {
-      W = window.turnstile.render(l.value, {
+      H = window.turnstile.render(l.value, {
         sitekey: t.sitekey,
         theme: t.theme,
         size: t.size,
@@ -1894,24 +1886,24 @@ const co = /* @__PURE__ */ p({
         appearance: t.appearance
       });
     };
-    return ae(async () => {
+    return te(async () => {
       const y = new Promise((C, _) => {
-        U = { resolve: C, reject: _ }, H === "ready" && C(void 0);
+        U = { resolve: C, reject: _ }, L === "ready" && C(void 0);
       });
-      window[Y] = () => {
-        U.resolve(), H = "ready";
+      window[X] = () => {
+        U.resolve(), L = "ready";
       }, await (() => {
-        if (H === "unloaded") {
-          H = "loading";
-          const C = `${ma}?onload=${Y}&render=explicit`, _ = document.createElement("script");
+        if (L === "unloaded") {
+          L = "loading";
+          const C = `${ma}?onload=${X}&render=explicit`, _ = document.createElement("script");
           _.src = C, _.async = !0, _.addEventListener("error", () => {
             U.reject("Failed to load Turnstile.");
           }), document.head.appendChild(_);
         }
         return y;
       })(), t.renderOnMount && m();
-    }), oe(() => {
-      n(), clearTimeout(ee);
+    }), ae(() => {
+      n(), clearTimeout(Y);
     }), (y, b) => (d(), B("div", {
       ref_key: "element",
       ref: l