@strands.gg/accui 2.17.39 → 2.17.41

package/dist/{StrandsUIPlugin-aEnm6JAu.es.js → StrandsUIPlugin-DuI6-C0h.es.js}

@@ -1,4 +1,4 @@
-import { defineComponent as ae, computed as L, createElementBlock as E, openBlock as C, createElementVNode as $, normalizeClass as Q, createCommentVNode as W, toDisplayString as ee, renderSlot as T, createTextVNode as Ve, unref as R, normalizeStyle as Ne, useSlots as xn, createVNode as z, Fragment as be, withCtx as A, getCurrentInstance as Ns, createBlock as G, resolveDynamicComponent as In, resolveComponent as Hd, ref as _, onUnmounted as wn, mergeProps as Dn, Teleport as di, nextTick as Re, normalizeProps as jd, createSlots as je, useAttrs as qd, h as Kt, onMounted as er, withModifiers as cn, renderList as Ge, watch as ht, toRefs as Ud, withDirectives as Mo, vModelSelect as To, watchEffect as Wd, onBeforeUnmount as Is, shallowRef as Kd, markRaw as Jd, customRef as Gd, useCssVars as Yd } from "vue";
+import { defineComponent as ae, computed as R, createElementBlock as E, openBlock as C, createElementVNode as $, normalizeClass as Q, createCommentVNode as W, toDisplayString as ee, renderSlot as T, createTextVNode as Ve, unref as L, normalizeStyle as Ne, useSlots as xn, createVNode as z, Fragment as be, withCtx as A, getCurrentInstance as Ns, createBlock as G, resolveDynamicComponent as In, resolveComponent as Hd, ref as _, onUnmounted as wn, mergeProps as Dn, Teleport as di, nextTick as Re, normalizeProps as jd, createSlots as je, useAttrs as qd, h as Kt, onMounted as er, withModifiers as cn, renderList as Ge, watch as ht, toRefs as Ud, withDirectives as Mo, vModelSelect as To, watchEffect as Wd, onBeforeUnmount as Is, shallowRef as Kd, markRaw as Jd, customRef as Gd, useCssVars as Yd } from "vue";
 const Ae = (n, e) => {
   const t = n.__vccOpts || n;
   for (const [r, i] of e)
@@ -22,12 +22,12 @@ const Ae = (n, e) => {
   },
   emits: ["dismiss"],
   setup(n) {
-    const e = n, t = L(() => ({
+    const e = n, t = R(() => ({
       success: "alert alert-success",
       error: "alert alert-error",
       warning: "alert alert-warning",
       info: "alert alert-info"
-    })[e.variant]), r = L(() => "alert-title"), i = L(() => "alert-message"), s = L(() => ({
+    })[e.variant]), r = R(() => "alert-title"), i = R(() => "alert-message"), s = R(() => ({
       success: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
       error: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z",
       warning: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",
@@ -111,7 +111,7 @@ const Ae = (n, e) => {
       md: 48,
       lg: 64,
       xl: 80
-    }, s = L(() => typeof r.size == "number" ? r.size : i[r.size] || i.md);
+    }, s = R(() => typeof r.size == "number" ? r.size : i[r.size] || i.md);
     return (o, l) => (C(), E("div", {
       class: Q(["loader-container", [
         { "loader-centered": n.centered },
@@ -127,7 +127,7 @@ const Ae = (n, e) => {
           $("defs", null, [
             $("path", {
               id: "logo-path",
-              d: R(t),
+              d: L(t),
               transform: "translate(81, 13) scale(1.0)"
             }, null, 8, lu)
           ]),
@@ -204,7 +204,7 @@ const Ae = (n, e) => {
     textAlign: { default: "center" }
   },
   setup(n) {
-    const e = xn(), t = L(() => !!e["leading-icon"]), r = L(() => !!e["trailing-icon"]), i = n, s = L(() => {
+    const e = xn(), t = R(() => !!e["leading-icon"]), r = R(() => !!e["trailing-icon"]), i = n, s = R(() => {
       switch (i.size) {
         case "xs":
           return 16;
@@ -224,7 +224,7 @@ const Ae = (n, e) => {
         default:
           return 20;
       }
-    }), o = L(() => i.size ? `button-content-${i.size}` : "button-content-md");
+    }), o = R(() => i.size ? `button-content-${i.size}` : "button-content-md");
     return (l, a) => n.loading ? (C(), E("span", hu, [
       z(Ds, {
         variant: "circle",
@@ -267,7 +267,7 @@ const Ae = (n, e) => {
   },
   emits: ["click"],
   setup(n, { emit: e }) {
-    const t = n, r = e, i = L(() => {
+    const t = n, r = e, i = R(() => {
       if (t.href)
         return t.href;
       if (t.to) {
@@ -328,7 +328,7 @@ const Ae = (n, e) => {
   },
   emits: ["click"],
   setup(n, { emit: e }) {
-    const t = Ns(), r = L(() => t?.appContext.app.component("NuxtLink") ? "NuxtLink" : t?.appContext.app.component("RouterLink") ? "RouterLink" : "a"), i = n, s = e, o = (l) => {
+    const t = Ns(), r = R(() => t?.appContext.app.component("NuxtLink") ? "NuxtLink" : t?.appContext.app.component("RouterLink") ? "RouterLink" : "a"), i = n, s = e, o = (l) => {
       if (i.disabled || i.loading) {
         l.preventDefault();
         return;
@@ -540,21 +540,21 @@ const Ae = (n, e) => {
   },
   emits: ["click"],
   setup(n, { emit: e }) {
-    const t = n, r = L(() => t.title ? typeof t.title == "string" ? {
+    const t = n, r = R(() => t.title ? typeof t.title == "string" ? {
       content: t.title,
       position: "top",
       disabled: t.disabled || t.loading
     } : {
       ...t.title,
       disabled: t.title.disabled ?? (t.disabled || t.loading)
-    } : null), i = L(() => !!(typeof process < "u" && process.client !== void 0 || typeof window < "u" && (window.__NUXT__ || window.$nuxt))), s = L(() => {
+    } : null), i = R(() => !!(typeof process < "u" && process.client !== void 0 || typeof window < "u" && (window.__NUXT__ || window.$nuxt))), s = R(() => {
       try {
         if (typeof window < "u" && window.Vue?.Router)
           return !0;
       } catch {
       }
       return !1;
-    }), o = L(() => [
+    }), o = R(() => [
       "ui-button",
       `ui-button-${t.variant}`,
       `ui-button-${t.size}`,
@@ -564,9 +564,9 @@ const Ae = (n, e) => {
       t.fullWidth ? "ui-button-full-width" : "",
       t.icon ? "ui-button-icon" : "",
       t.squircle ? "ui-button-squircle" : ""
-    ].filter(Boolean)), l = L(() => o.value.join(" ")), a = L(() => ({
+    ].filter(Boolean)), l = R(() => o.value.join(" ")), a = R(() => ({
       fontWeight: t.fontWeight
-    })), c = L(() => t.disabled || t.loading ? -1 : t.tabindex ?? void 0);
+    })), c = R(() => t.disabled || t.loading ? -1 : t.tabindex ?? void 0);
     return (d, u) => n.title ? (C(), G(wu, jd(Dn({ key: 0 }, r.value)), {
       default: A(() => [
         n.to ? i.value && n.to ? (C(), G(Ao, {
@@ -897,48 +897,48 @@ const Ae = (n, e) => {
     to: {}
   },
   setup(n) {
-    const e = n, t = qd(), r = Ns(), i = L(() => e.to ? r?.appContext.app.component("NuxtLink") ? "NuxtLink" : r?.appContext.app.component("RouterLink") ? "RouterLink" : "a" : null), s = L(() => e.to ? i.value || "a" : "div"), o = L(() => {
-      const c = s.value;
-      return c === "NuxtLink" || c === "RouterLink";
-    }), l = L(() => s.value === "a" && !!e.to), a = L(() => [
+    const e = n, t = qd(), r = Ns(), i = R(() => e.to ? r?.appContext.app.component("NuxtLink") ? "NuxtLink" : r?.appContext.app.component("RouterLink") ? "RouterLink" : "a" : null), s = R(() => !e.to || typeof e.to != "string" ? !1 : /^(https?:\/\/|mailto:|tel:)/.test(e.to)), o = R(() => e.to ? s.value ? "a" : i.value || "a" : "div"), l = R(() => {
+      const d = o.value;
+      return d === "NuxtLink" || d === "RouterLink";
+    }), a = R(() => o.value === "a" && !!e.to), c = R(() => [
       `ui-card-${e.variant}`,
       `ui-card-padding-${e.padding}`,
       `ui-card-shadow-${e.shadow}`,
       `ui-card-color-${e.color}`,
       t.class
     ]);
-    return (c, d) => (C(), G(In(s.value), {
-      to: o.value ? n.to : void 0,
-      href: l.value ? typeof n.to == "string" ? n.to : "" : void 0,
-      class: Q(["ui-card", [a.value, { "ui-card-linkable": !!n.to }]])
+    return (d, u) => (C(), G(In(o.value), {
+      to: l.value ? n.to : void 0,
+      href: a.value ? typeof n.to == "string" ? n.to : "" : void 0,
+      class: Q(["ui-card", [c.value, { "ui-card-linkable": !!n.to }]])
     }, {
       default: A(() => [
-        c.$slots.header || n.title || n.subtitle || c.$slots["leading-icon"] || c.$slots["trailing-icon"] ? (C(), E("div", Tu, [
-          T(c.$slots, "header", {}, () => [
-            T(c.$slots, "leading-icon", {}, void 0, !0),
-            n.title || c.$slots.title || n.subtitle || c.$slots.subtitle ? (C(), E("div", Eu, [
-              n.title || c.$slots.title ? T(c.$slots, "title", { key: 0 }, () => [
+        d.$slots.header || n.title || n.subtitle || d.$slots["leading-icon"] || d.$slots["trailing-icon"] ? (C(), E("div", Tu, [
+          T(d.$slots, "header", {}, () => [
+            T(d.$slots, "leading-icon", {}, void 0, !0),
+            n.title || d.$slots.title || n.subtitle || d.$slots.subtitle ? (C(), E("div", Eu, [
+              n.title || d.$slots.title ? T(d.$slots, "title", { key: 0 }, () => [
                 n.title ? (C(), E("h2", Au, ee(n.title), 1)) : W("", !0)
               ], !0) : W("", !0),
-              n.subtitle || c.$slots.subtitle ? T(c.$slots, "subtitle", { key: 1 }, () => [
+              n.subtitle || d.$slots.subtitle ? T(d.$slots, "subtitle", { key: 1 }, () => [
                 n.subtitle ? (C(), E("p", Ou, ee(n.subtitle), 1)) : W("", !0)
               ], !0) : W("", !0)
             ])) : W("", !0),
-            T(c.$slots, "trailing-icon", {}, void 0, !0),
-            T(c.$slots, "actions", {}, void 0, !0)
+            T(d.$slots, "trailing-icon", {}, void 0, !0),
+            T(d.$slots, "actions", {}, void 0, !0)
           ], !0)
         ])) : W("", !0),
-        c.$slots.default ? (C(), E("div", Nu, [
-          T(c.$slots, "default", {}, void 0, !0)
+        d.$slots.default ? (C(), E("div", Nu, [
+          T(d.$slots, "default", {}, void 0, !0)
         ])) : W("", !0),
-        c.$slots.footer ? (C(), E("div", Iu, [
-          T(c.$slots, "footer", {}, void 0, !0)
+        d.$slots.footer ? (C(), E("div", Iu, [
+          T(d.$slots, "footer", {}, void 0, !0)
         ])) : W("", !0)
       ]),
       _: 3
     }, 8, ["to", "href", "class"]));
   }
-}), na = /* @__PURE__ */ Ae(Du, [["__scopeId", "data-v-5bb4dec2"]]);
+}), na = /* @__PURE__ */ Ae(Du, [["__scopeId", "data-v-59655c42"]]);
 const No = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), $u = (n) => n.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (e, t, r) => r ? r.toUpperCase() : t.toLowerCase()
@@ -1201,13 +1201,13 @@ const Rs = oe("x", [
   },
   emits: ["update:modelValue", "blur", "focus", "keydown"],
   setup(n, { emit: e }) {
-    const t = n, r = e, i = _(!1), s = L(() => t.type === "password" ? i.value ? "text" : "password" : t.type), o = L(() => t.hasTrailingIcon || t.type === "password" || t.type === "search" && t.modelValue), l = L(() => {
+    const t = n, r = e, i = _(!1), s = R(() => t.type === "password" ? i.value ? "text" : "password" : t.type), o = R(() => t.hasTrailingIcon || t.type === "password" || t.type === "search" && t.modelValue), l = R(() => {
       if (t.tabindex !== void 0)
         return t.tabindex + 1;
-    }), a = L(() => {
+    }), a = R(() => {
       const g = [];
       return t.error && g.push("input-error"), t.disabled && g.push("input-disabled"), t.readonly && g.push("input-readonly"), g.push(`input-size-${t.size}`), g;
-    }), c = L(() => {
+    }), c = R(() => {
       const g = [];
       return t.hasLeadingIcon ? g.push("input-padding-left-icon") : g.push("input-padding-left"), o.value ? g.push("input-padding-right-icon") : g.push("input-padding-right"), g;
     }), d = (g) => {
@@ -1263,7 +1263,7 @@ const Rs = oe("x", [
           onClick: p
         }, {
           icon: A(() => [
-            i.value ? (C(), G(R(Gu), { key: 0 })) : (C(), G(R(Yu), { key: 1 }))
+            i.value ? (C(), G(L(Gu), { key: 0 })) : (C(), G(L(Yu), { key: 1 }))
           ]),
           _: 1
         }, 8, ["color", "variant", "tabindex", "aria-label"])
@@ -1279,7 +1279,7 @@ const Rs = oe("x", [
           onClick: m
         }, {
           icon: A(() => [
-            z(R(Rs))
+            z(L(Rs))
           ]),
           _: 1
         }, 8, ["tabindex"])
@@ -1322,7 +1322,7 @@ const Rs = oe("x", [
   },
   emits: ["update:modelValue", "blur", "focus", "keydown"],
   setup(n, { emit: e }) {
-    const t = n, r = e, i = xn(), s = L(() => !!i.default), o = _(null);
+    const t = n, r = e, i = xn(), s = R(() => !!i.default), o = _(null);
     er(() => {
       (t.modelValue === void 0 || t.modelValue === "") && s.value && setTimeout(() => {
         if (o.value) {
@@ -1331,10 +1331,10 @@ const Rs = oe("x", [
         }
       }, 0);
     });
-    const l = L(() => {
+    const l = R(() => {
       const h = [];
       return t.error && h.push("input-error"), t.disabled && h.push("input-disabled"), t.readonly && h.push("input-readonly"), h.push(`input-size-${t.size}`), h;
-    }), a = L(() => {
+    }), a = R(() => {
       const h = [];
       return t.hasLeadingIcon ? h.push("input-padding-left-icon") : h.push("input-padding-left"), t.hasTrailingIcon ? h.push("input-padding-right-icon") : h.push("input-padding-right"), h;
     }), c = (h) => {
@@ -1565,7 +1565,7 @@ const Cf = {
   },
   emits: ["update:modelValue", "blur", "focus"],
   setup(n, { emit: e }) {
-    const t = n, r = e, i = _(), s = _(), o = _(), l = L(() => `dropdown-${t.inputId || Math.random().toString(36).substr(2, 9)}`), a = L(() => {
+    const t = n, r = e, i = _(), s = _(), o = _(), l = R(() => `dropdown-${t.inputId || Math.random().toString(36).substr(2, 9)}`), a = R(() => {
       if (i.value) {
         const I = i.value.closest('[role="dialog"][aria-modal="true"]');
         if (I)
@@ -1595,13 +1595,13 @@ const Cf = {
           w();
         }
       }
-    }), h = L(() => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue : [] : t.modelValue !== void 0 ? [t.modelValue] : []), p = L(() => {
+    }), h = R(() => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue : [] : t.modelValue !== void 0 ? [t.modelValue] : []), p = R(() => {
       if (t.multiple) {
         const I = t.options.filter((V) => h.value.includes(V.value));
         return I.length > 0 ? `${I.length} selected` : null;
       } else
         return t.options.find((V) => V.value === t.modelValue)?.label || null;
-    }), m = L(() => {
+    }), m = R(() => {
       let I = t.options;
       if (t.searchable && c.value.searchQuery) {
         const V = c.value.searchQuery.toLowerCase();
@@ -1620,13 +1620,13 @@ const Cf = {
         ]));
       }
       return I;
-    }), g = L(() => t.searchPlaceholder && t.searchPlaceholder.trim() !== "" ? t.searchPlaceholder : t.allowInsert && t.multiple ? "Search or create..." : "Search..."), y = L(() => t.disabled ? -1 : t.tabindex ?? 0), S = L(() => {
+    }), g = R(() => t.searchPlaceholder && t.searchPlaceholder.trim() !== "" ? t.searchPlaceholder : t.allowInsert && t.multiple ? "Search or create..." : "Search..."), y = R(() => t.disabled ? -1 : t.tabindex ?? 0), S = R(() => {
       if (t.tabindex !== void 0)
         return t.tabindex + 1;
-    }), v = L(() => {
+    }), v = R(() => {
       const I = [];
       return t.error && I.push("input-error"), t.disabled && I.push("input-disabled"), I.push(`input-size-${t.size}`), I;
-    }), b = L(() => {
+    }), b = R(() => {
       const I = [];
       return t.hasLeadingIcon ? I.push("input-padding-left-icon") : I.push("input-padding-left"), t.hasTrailingIcon ? I.push("input-padding-right-icon") : I.push("input-padding-right"), I;
     }), k = async () => {
@@ -1753,7 +1753,7 @@ const Cf = {
           $("div", {
             class: Q(["input-select-arrow", { "input-select-arrow-open": c.value.isOpen }])
           }, [
-            z(R($s))
+            z(L($s))
           ], 2)
         ], 42, Sf),
         t.hasTrailingIcon ? (C(), E("div", Af, [
@@ -1768,7 +1768,7 @@ const Cf = {
           ref: s,
           id: l.value,
           class: Q(["input-dropdown", { "input-dropdown--multiple": n.multiple }]),
-          style: Ne(R(d)),
+          style: Ne(L(d)),
           role: "listbox",
           "aria-multiselectable": n.multiple,
           onMousedown: V[1] || (V[1] = cn(() => {
@@ -1787,7 +1787,7 @@ const Cf = {
               onKeydown: te
             }, {
               "leading-icon": A(() => [
-                z(R(lf))
+                z(L(lf))
               ]),
               _: 1
             }, 8, ["modelValue", "placeholder", "tabindex"])
@@ -1819,7 +1819,7 @@ const Cf = {
                 j.description ? (C(), E("div", Lf, ee(j.description), 1)) : W("", !0)
               ]),
               n.multiple && M(j) ? (C(), E("div", Pf, [
-                z(R(qu))
+                z(L(qu))
               ])) : W("", !0)
             ], 42, Df))), 128))
           ], 4)
@@ -1872,12 +1872,12 @@ const Cf = {
   },
   emits: ["update:modelValue", "file-error", "clear-preview", "blur", "focus"],
   setup(n, { emit: e }) {
-    const t = n, r = e, i = _(), s = _(!1), o = _(null), l = _([]), a = L(() => t.preview ? t.preview : o.value);
-    L(() => !!t.preview);
-    const c = L(() => t.preview ? t.preview : null), d = L(() => {
+    const t = n, r = e, i = _(), s = _(!1), o = _(null), l = _([]), a = R(() => t.preview ? t.preview : o.value);
+    R(() => !!t.preview);
+    const c = R(() => t.preview ? t.preview : null), d = R(() => {
       const M = [];
       return t.error && M.push("input-error"), t.disabled && M.push("input-disabled"), M.push(`input-size-${t.size}`), M;
-    }), u = L(() => {
+    }), u = R(() => {
       const M = [];
       return M.push("input-padding-left-icon"), l.value.length > 0 || c.value || t.disabled ? M.push("input-padding-right-icon") : M.push("input-padding-right"), M;
     }), f = (M) => {
@@ -1954,7 +1954,7 @@ const Cf = {
           src: a.value,
           alt: "Preview",
           class: "input-file-preview"
-        }, null, 8, Ff)) : t.hasLeadingIcon ? T(M.$slots, "leading-icon", { key: 1 }, void 0, !0) : (C(), G(R(Qu), { key: 2 }))
+        }, null, 8, Ff)) : t.hasLeadingIcon ? T(M.$slots, "leading-icon", { key: 1 }, void 0, !0) : (C(), G(L(Qu), { key: 2 }))
       ]),
       $("div", {
         class: Q(["input-file-area", {
@@ -2012,7 +2012,7 @@ const Cf = {
           onClick: cn(m, ["stop"]),
           "aria-label": "Clear selected files"
         }, [
-          z(R(Rs))
+          z(L(Rs))
         ])
       ])) : t.hasTrailingIcon ? (C(), E("div", nh, [
         T(M.$slots, "trailing-icon", {}, void 0, !0)
@@ -2040,7 +2040,7 @@ const Cf = {
   },
   emits: ["update:modelValue"],
   setup(n, { emit: e }) {
-    const t = n, r = e, i = xn(), s = L(() => !!i.content), o = L(
+    const t = n, r = e, i = xn(), s = R(() => !!i.content), o = R(
       () => t.tabs.find((v) => v.value === t.modelValue)
     ), l = _([]), a = _(!1), c = _({
       width: "0px",
@@ -2285,9 +2285,9 @@ const Cf = {
                 `tab-button--${n.size}`,
                 `tab-button--${n.variant}`,
                 `tab-button--${n.tabWidth}`,
-                { "tab-button-active": R(S) === k.value }
+                { "tab-button-active": L(S) === k.value }
               ]]),
-              "aria-selected": R(S) === k.value,
+              "aria-selected": L(S) === k.value,
               "aria-controls": "tabpanel",
               id: `tab-${k.value}`,
               role: "tab",
@@ -2311,7 +2311,7 @@ const Cf = {
         key: 0,
         class: Q(["tabs-content", `tabs-content--${n.orientation}`]),
         role: "tabpanel",
-        "aria-labelledby": `tab-${R(S)}`,
+        "aria-labelledby": `tab-${L(S)}`,
         id: "tabpanel"
       }, [
         T(v.$slots, "content", { activeTab: o.value }, void 0, !0)
@@ -2334,7 +2334,7 @@ const Cf = {
     spacing: { default: "auto" }
   },
   setup(n) {
-    const e = n, t = xn(), r = L(() => !!(e.text || t.default)), i = L(() => {
+    const e = n, t = xn(), r = R(() => !!(e.text || t.default)), i = R(() => {
       const s = {};
       return e.orientation === "horizontal" ? (s.width = e.spacing === "auto" ? "100%" : typeof e.spacing == "number" ? `${e.spacing}px` : e.spacing, s.marginTop = typeof e.margin == "number" ? `${e.margin}px` : e.margin, s.marginBottom = typeof e.margin == "number" ? `${e.margin}px` : e.margin, r.value || (s.height = typeof e.thickness == "number" ? `${e.thickness}px` : e.thickness), s["--divider-color"] = e.color === "#e5e7eb" ? "var(--accui-divider-color)" : e.color, s["--divider-thickness"] = typeof e.thickness == "number" ? `${e.thickness}px` : e.thickness) : (s.height = e.spacing === "auto" ? "100%" : typeof e.spacing == "number" ? `${e.spacing}px` : e.spacing, s.marginLeft = typeof e.margin == "number" ? `${e.margin}px` : e.margin, s.marginRight = typeof e.margin == "number" ? `${e.margin}px` : e.margin, r.value || (s.width = typeof e.thickness == "number" ? `${e.thickness}px` : e.thickness), s["--divider-color"] = e.color === "#e5e7eb" ? "var(--accui-divider-color)" : e.color, s["--divider-thickness"] = typeof e.thickness == "number" ? `${e.thickness}px` : e.thickness), s;
     });
@@ -2431,7 +2431,7 @@ const Cf = {
       "October",
       "November",
       "December"
-    ], b = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], k = L(() => t.min ? t.min instanceof Date ? t.min : new Date(t.min) : null), w = L(() => t.max ? t.max instanceof Date ? t.max : new Date(t.max) : null), x = L(() => {
+    ], b = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], k = R(() => t.min ? t.min instanceof Date ? t.min : new Date(t.min) : null), w = R(() => t.max ? t.max instanceof Date ? t.max : new Date(t.max) : null), x = R(() => {
       if (!t.modelValue) return null;
       if (t.modelValue instanceof Date)
         return t.modelValue;
@@ -2443,7 +2443,7 @@ const Cf = {
         }
       }
       return new Date(t.modelValue);
-    }), M = L(() => {
+    }), M = R(() => {
       if (!x.value || isNaN(x.value.getTime())) return "";
       const q = x.value;
       if (t.type === "time") {
@@ -2477,28 +2477,28 @@ const Cf = {
         tn = `${$t}:${String(q.getMinutes()).padStart(2, "0")} ${ve}`;
       }
       return `${Be} ${tn}`;
-    }), D = L(() => {
+    }), D = R(() => {
       const q = [];
       return t.error && q.push("datetime-picker-error"), t.disabled && q.push("datetime-picker-disabled"), t.readonly && q.push("datetime-picker-readonly"), q.push(`datetime-picker-size-${t.size}`), q;
-    }), H = L(() => t.type === "date" || t.type === "datetime" && h.value === "date"), te = L(() => t.type === "time" || t.type === "datetime" && h.value === "time"), Z = L(() => [
+    }), H = R(() => t.type === "date" || t.type === "datetime" && h.value === "date"), te = R(() => t.type === "time" || t.type === "datetime" && h.value === "time"), Z = R(() => [
       { label: "Date", value: "date" },
       { label: "Time", value: "time" }
-    ]), ie = L(() => {
+    ]), ie = R(() => {
       const q = [], F = t.is24Hour ? 23 : 12, B = t.is24Hour ? 0 : 1;
       for (let ne = B; ne <= F; ne++)
         q.push(ne);
       return q;
-    }), I = L(() => {
+    }), I = R(() => {
       const q = [];
       for (let F = 0; F < 60; F += t.minuteStep)
         q.push(F);
       return q;
-    }), V = L(() => {
+    }), V = R(() => {
       const q = (/* @__PURE__ */ new Date()).getFullYear(), F = k.value?.getFullYear() || q - 100, B = w.value?.getFullYear() || q + 100, ne = [];
       for (let Be = F; Be <= B; Be++)
         ne.push(Be);
       return ne;
-    }), j = L(() => k.value ? new Date(m.value, p.value, 1) <= k.value : !1), $e = L(() => w.value ? new Date(m.value, p.value + 1, 0) >= w.value : !1), Ti = L(() => {
+    }), j = R(() => k.value ? new Date(m.value, p.value, 1) <= k.value : !1), $e = R(() => w.value ? new Date(m.value, p.value + 1, 0) >= w.value : !1), Ti = R(() => {
       const q = [], F = m.value, B = p.value, ne = new Date(F, B, 1), Be = new Date(ne);
       Be.setDate(Be.getDate() - ne.getDay());
       const tn = /* @__PURE__ */ new Date();
@@ -2591,7 +2591,7 @@ const Cf = {
         onClick: f
       }, [
         $("div", ph, [
-          n.type === "date" ? (C(), G(R(ju), { key: 0 })) : n.type === "time" ? (C(), G(R(Ku), { key: 1 })) : (C(), G(R(Hu), { key: 2 }))
+          n.type === "date" ? (C(), G(L(ju), { key: 0 })) : n.type === "time" ? (C(), G(L(Ku), { key: 1 })) : (C(), G(L(Hu), { key: 2 }))
         ]),
         $("div", mh, [
           M.value ? (C(), E("span", gh, ee(M.value), 1)) : (C(), E("span", yh, ee(n.placeholder || Dd()), 1))
@@ -2601,9 +2601,9 @@ const Cf = {
           class: "datetime-picker-trailing-icon",
           onClick: cn(So, ["stop"])
         }, [
-          z(R(Rs))
+          z(L(Rs))
         ])) : (C(), E("div", bh, [
-          z(R($s))
+          z(L($s))
         ]))
       ], 2),
       (C(), G(di, { to: "body" }, [
@@ -2612,7 +2612,7 @@ const Cf = {
           ref_key: "floatingElement",
           ref: s,
           class: "datetime-picker-dropdown",
-          style: Ne(R(l))
+          style: Ne(L(l))
         }, [
           n.type === "datetime" ? (C(), G(Ps, {
             key: 0,
@@ -2634,7 +2634,7 @@ const Cf = {
                 squircle: ""
               }, {
                 icon: A(() => [
-                  z(R(Uu))
+                  z(L(Uu))
                 ]),
                 _: 1
               }, 8, ["disabled"]),
@@ -2671,7 +2671,7 @@ const Cf = {
                 squircle: ""
               }, {
                 icon: A(() => [
-                  z(R(Wu))
+                  z(L(Wu))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -15925,7 +15925,7 @@ var Y0 = class extends V0 {
         var i;
         if (!e.value || !((i = r.view.dom) != null && i.parentNode))
           return;
-        const s = R(e.value);
+        const s = L(e.value);
         e.value.append(...r.view.dom.parentNode.childNodes), r.contentComponent = t.ctx._, t && (r.appContext = {
           ...t.appContext,
           // Vue internally uses prototype chain to forward/shadow injects across the entire component chain
@@ -19465,7 +19465,7 @@ const zb = { class: "input-richtext-toolbar" }, Bb = { class: "input-richtext-gr
       c4d6a996: k.minHeight,
       v6f8994c7: k.maxHeight
     }));
-    const t = n, r = e, i = xn(), s = L(() => !!i.default), o = _(null), l = _(typeof t.modelValue == "string" ? t.modelValue : "");
+    const t = n, r = e, i = xn(), s = R(() => !!i.default), o = _(null), l = _(typeof t.modelValue == "string" ? t.modelValue : "");
     er(() => {
       (t.modelValue === void 0 || t.modelValue === "") && s.value && setTimeout(() => {
         if (o.value && b.value) {
@@ -19479,7 +19479,7 @@ const zb = { class: "input-richtext-toolbar" }, Bb = { class: "input-richtext-gr
       updatePosition: f,
       cleanup: h
     } = Ls({
-      trigger: L(() => a.value !== null ? c.value[a.value] : void 0),
+      trigger: R(() => a.value !== null ? c.value[a.value] : void 0),
       floating: d,
       placement: "bottom-start",
       offset: 4,
@@ -19548,58 +19548,58 @@ const zb = { class: "input-richtext-toolbar" }, Bb = { class: "input-richtext-gr
       $("div", zb, [
         $("div", Bb, [
           z(re, {
-            color: R(b)?.isActive("bold") ? "primary" : "secondary",
+            color: L(b)?.isActive("bold") ? "primary" : "secondary",
             size: "sm",
             icon: "",
             squircle: "",
-            onClick: w[0] || (w[0] = (x) => R(b)?.chain().focus().toggleBold().run()),
+            onClick: w[0] || (w[0] = (x) => L(b)?.chain().focus().toggleBold().run()),
             disabled: n.disabled,
             title: "Bold (Ctrl+B)"
           }, {
             icon: A(() => [
-              z(R(Fu), { size: 16 })
+              z(L(Fu), { size: 16 })
             ]),
             _: 1
           }, 8, ["color", "disabled"]),
           z(re, {
-            color: R(b)?.isActive("italic") ? "primary" : "secondary",
+            color: L(b)?.isActive("italic") ? "primary" : "secondary",
             size: "sm",
             icon: "",
             squircle: "",
-            onClick: w[1] || (w[1] = (x) => R(b)?.chain().focus().toggleItalic().run()),
+            onClick: w[1] || (w[1] = (x) => L(b)?.chain().focus().toggleItalic().run()),
             disabled: n.disabled,
             title: "Italic (Ctrl+I)"
           }, {
             icon: A(() => [
-              z(R(ef), { size: 16 })
+              z(L(ef), { size: 16 })
             ]),
             _: 1
           }, 8, ["color", "disabled"]),
           z(re, {
-            color: R(b)?.isActive("underline") ? "primary" : "secondary",
+            color: L(b)?.isActive("underline") ? "primary" : "secondary",
             size: "sm",
             icon: "",
             squircle: "",
-            onClick: w[2] || (w[2] = (x) => R(b)?.chain().focus().toggleUnderline().run()),
+            onClick: w[2] || (w[2] = (x) => L(b)?.chain().focus().toggleUnderline().run()),
             disabled: n.disabled,
             title: "Underline (Ctrl+U)"
           }, {
             icon: A(() => [
-              z(R(cf), { size: 16 })
+              z(L(cf), { size: 16 })
             ]),
             _: 1
           }, 8, ["color", "disabled"]),
           z(re, {
-            color: R(b)?.isActive("strike") ? "primary" : "secondary",
+            color: L(b)?.isActive("strike") ? "primary" : "secondary",
             size: "sm",
             icon: "",
             squircle: "",
-            onClick: w[3] || (w[3] = (x) => R(b)?.chain().focus().toggleStrike().run()),
+            onClick: w[3] || (w[3] = (x) => L(b)?.chain().focus().toggleStrike().run()),
             disabled: n.disabled,
             title: "Strikethrough"
           }, {
             icon: A(() => [
-              z(R(af), { size: 16 })
+              z(L(af), { size: 16 })
             ]),
             _: 1
           }, 8, ["color", "disabled"])
@@ -19611,44 +19611,44 @@ const zb = { class: "input-richtext-toolbar" }, Bb = { class: "input-richtext-gr
         }),
         $("div", Vb, [
           z(re, {
-            color: R(b)?.isActive("heading", { level: 1 }) ? "primary" : "secondary",
+            color: L(b)?.isActive("heading", { level: 1 }) ? "primary" : "secondary",
             size: "sm",
             icon: "",
             squircle: "",
-            onClick: w[4] || (w[4] = (x) => R(b)?.chain().focus().toggleHeading({ level: 1 }).run()),
+            onClick: w[4] || (w[4] = (x) => L(b)?.chain().focus().toggleHeading({ level: 1 }).run()),
             disabled: n.disabled,
             title: "Heading 1"
           }, {
             icon: A(() => [
-              z(R(Xu), { size: 16 })
+              z(L(Xu), { size: 16 })
             ]),
             _: 1
           }, 8, ["color", "disabled"]),
           z(re, {
-            color: R(b)?.isActive("heading", { level: 2 }) ? "primary" : "secondary",
+            color: L(b)?.isActive("heading", { level: 2 }) ? "primary" : "secondary",
             size: "sm",
             icon: "",
             squircle: "",
-            onClick: w[5] || (w[5] = (x) => R(b)?.chain().focus().toggleHeading({ level: 2 }).run()),
+            onClick: w[5] || (w[5] = (x) => L(b)?.chain().focus().toggleHeading({ level: 2 }).run()),
             disabled: n.disabled,
             title: "Heading 2"
           }, {
             icon: A(() => [
-              z(R(Zu), { size: 16 })
+              z(L(Zu), { size: 16 })
             ]),
             _: 1
           }, 8, ["color", "disabled"]),
           z(re, {
-            color: R(b)?.isActive("heading", { level: 3 }) ? "primary" : "secondary",
+            color: L(b)?.isActive("heading", { level: 3 }) ? "primary" : "secondary",
             size: "sm",
             icon: "",
             squircle: "",
-            onClick: w[6] || (w[6] = (x) => R(b)?.chain().focus().toggleHeading({ level: 3 }).run()),
+            onClick: w[6] || (w[6] = (x) => L(b)?.chain().focus().toggleHeading({ level: 3 }).run()),
             disabled: n.disabled,
             title: "Heading 3"
           }, {
             icon: A(() => [
-              z(R(_u), { size: 16 })
+              z(L(_u), { size: 16 })
             ]),
             _: 1
           }, 8, ["color", "disabled"])
@@ -19660,44 +19660,44 @@ const zb = { class: "input-richtext-toolbar" }, Bb = { class: "input-richtext-gr
         }),
         $("div", Fb, [
           z(re, {
-            color: R(b)?.isActive({ textAlign: "left" }) ? "primary" : "secondary",
+            color: L(b)?.isActive({ textAlign: "left" }) ? "primary" : "secondary",
             size: "sm",
             icon: "",
             squircle: "",
-            onClick: w[7] || (w[7] = (x) => R(b)?.chain().focus().setTextAlign("left").run()),
+            onClick: w[7] || (w[7] = (x) => L(b)?.chain().focus().setTextAlign("left").run()),
             disabled: n.disabled,
             title: "Align Left"
           }, {
             icon: A(() => [
-              z(R(Bu), { size: 16 })
+              z(L(Bu), { size: 16 })
             ]),
             _: 1
           }, 8, ["color", "disabled"]),
           z(re, {
-            color: R(b)?.isActive({ textAlign: "center" }) ? "primary" : "secondary",
+            color: L(b)?.isActive({ textAlign: "center" }) ? "primary" : "secondary",
             size: "sm",
             icon: "",
             squircle: "",
-            onClick: w[8] || (w[8] = (x) => R(b)?.chain().focus().setTextAlign("center").run()),
+            onClick: w[8] || (w[8] = (x) => L(b)?.chain().focus().setTextAlign("center").run()),
             disabled: n.disabled,
             title: "Align Center"
           }, {
             icon: A(() => [
-              z(R(zu), { size: 16 })
+              z(L(zu), { size: 16 })
             ]),
             _: 1
           }, 8, ["color", "disabled"]),
           z(re, {
-            color: R(b)?.isActive({ textAlign: "right" }) ? "primary" : "secondary",
+            color: L(b)?.isActive({ textAlign: "right" }) ? "primary" : "secondary",
             size: "sm",
             icon: "",
             squircle: "",
-            onClick: w[9] || (w[9] = (x) => R(b)?.chain().focus().setTextAlign("right").run()),
+            onClick: w[9] || (w[9] = (x) => L(b)?.chain().focus().setTextAlign("right").run()),
             disabled: n.disabled,
             title: "Align Right"
           }, {
             icon: A(() => [
-              z(R(Vu), { size: 16 })
+              z(L(Vu), { size: 16 })
             ]),
             _: 1
           }, 8, ["color", "disabled"])
@@ -19709,58 +19709,58 @@ const zb = { class: "input-richtext-toolbar" }, Bb = { class: "input-richtext-gr
         }),
         $("div", Hb, [
           z(re, {
-            color: R(b)?.isActive("bulletList") ? "primary" : "secondary",
+            color: L(b)?.isActive("bulletList") ? "primary" : "secondary",
             size: "sm",
             icon: "",
             squircle: "",
-            onClick: w[10] || (w[10] = (x) => R(b)?.chain().focus().toggleBulletList().run()),
+            onClick: w[10] || (w[10] = (x) => L(b)?.chain().focus().toggleBulletList().run()),
             disabled: n.disabled,
             title: "Bullet List"
           }, {
             icon: A(() => [
-              z(R(nf), { size: 16 })
+              z(L(nf), { size: 16 })
             ]),
             _: 1
           }, 8, ["color", "disabled"]),
           z(re, {
-            color: R(b)?.isActive("orderedList") ? "primary" : "secondary",
+            color: L(b)?.isActive("orderedList") ? "primary" : "secondary",
             size: "sm",
             icon: "",
             squircle: "",
-            onClick: w[11] || (w[11] = (x) => R(b)?.chain().focus().toggleOrderedList().run()),
+            onClick: w[11] || (w[11] = (x) => L(b)?.chain().focus().toggleOrderedList().run()),
             disabled: n.disabled,
             title: "Numbered List"
           }, {
             icon: A(() => [
-              z(R(tf), { size: 16 })
+              z(L(tf), { size: 16 })
             ]),
             _: 1
           }, 8, ["color", "disabled"]),
           z(re, {
-            color: R(b)?.isActive("blockquote") ? "primary" : "secondary",
+            color: L(b)?.isActive("blockquote") ? "primary" : "secondary",
             size: "sm",
             icon: "",
             squircle: "",
-            onClick: w[12] || (w[12] = (x) => R(b)?.chain().focus().toggleBlockquote().run()),
+            onClick: w[12] || (w[12] = (x) => L(b)?.chain().focus().toggleBlockquote().run()),
             disabled: n.disabled,
             title: "Quote"
           }, {
             icon: A(() => [
-              z(R(sf), { size: 16 })
+              z(L(sf), { size: 16 })
             ]),
             _: 1
           }, 8, ["color", "disabled"]),
           z(re, {
-            color: R(b)?.isActive("codeBlock") ? "primary" : "secondary",
+            color: L(b)?.isActive("codeBlock") ? "primary" : "secondary",
             size: "sm",
             icon: "",
             squircle: "",
-            onClick: w[13] || (w[13] = (x) => R(b)?.chain().focus().toggleCodeBlock().run()),
+            onClick: w[13] || (w[13] = (x) => L(b)?.chain().focus().toggleCodeBlock().run()),
             disabled: n.disabled,
             title: "Code Block"
           }, {
             icon: A(() => [
-              z(R(Ju), { size: 16 })
+              z(L(Ju), { size: 16 })
             ]),
             _: 1
           }, 8, ["color", "disabled"])
@@ -19776,12 +19776,12 @@ const zb = { class: "input-richtext-toolbar" }, Bb = { class: "input-richtext-gr
             size: "sm",
             icon: "",
             squircle: "",
-            onClick: w[14] || (w[14] = (x) => R(b)?.chain().focus().setHorizontalRule().run()),
+            onClick: w[14] || (w[14] = (x) => L(b)?.chain().focus().setHorizontalRule().run()),
             disabled: n.disabled,
             title: "Horizontal Rule"
           }, {
             icon: A(() => [
-              z(R(rf), { size: 16 })
+              z(L(rf), { size: 16 })
             ]),
             _: 1
           }, 8, ["disabled"]),
@@ -19790,12 +19790,12 @@ const zb = { class: "input-richtext-toolbar" }, Bb = { class: "input-richtext-gr
             size: "sm",
             icon: "",
             squircle: "",
-            disabled: !R(b)?.can().undo() || n.disabled,
-            onClick: w[15] || (w[15] = (x) => R(b)?.chain().focus().undo().run()),
+            disabled: !L(b)?.can().undo() || n.disabled,
+            onClick: w[15] || (w[15] = (x) => L(b)?.chain().focus().undo().run()),
             title: "Undo (Ctrl+Z)"
           }, {
             icon: A(() => [
-              z(R(df), { size: 16 })
+              z(L(df), { size: 16 })
             ]),
             _: 1
           }, 8, ["disabled"]),
@@ -19804,12 +19804,12 @@ const zb = { class: "input-richtext-toolbar" }, Bb = { class: "input-richtext-gr
             size: "sm",
             icon: "",
             squircle: "",
-            disabled: !R(b)?.can().redo() || n.disabled,
-            onClick: w[16] || (w[16] = (x) => R(b)?.chain().focus().redo().run()),
+            disabled: !L(b)?.can().redo() || n.disabled,
+            onClick: w[16] || (w[16] = (x) => L(b)?.chain().focus().redo().run()),
             title: "Redo (Ctrl+Y)"
           }, {
             icon: A(() => [
-              z(R(of), { size: 16 })
+              z(L(of), { size: 16 })
             ]),
             _: 1
           }, 8, ["disabled"])
@@ -19859,7 +19859,7 @@ const zb = { class: "input-richtext-toolbar" }, Bb = { class: "input-richtext-gr
                   class: Q({ "input-richtext-dropdown-open": a.value === M })
                 }, je({
                   "trailing-icon": A(() => [
-                    z(R($s), {
+                    z(L($s), {
                       size: 14,
                       class: "input-richtext-dropdown-arrow"
                     })
@@ -19888,7 +19888,7 @@ const zb = { class: "input-richtext-toolbar" }, Bb = { class: "input-richtext-gr
           ref_key: "dropdownRef",
           ref: d,
           class: "input-richtext-dropdown",
-          style: Ne(R(u))
+          style: Ne(L(u))
         }, [
           (C(!0), E(be, null, Ge(n.customControls[a.value].list, (x, M) => (C(), E("button", {
             key: M,
@@ -19906,8 +19906,8 @@ const zb = { class: "input-richtext-toolbar" }, Bb = { class: "input-richtext-gr
         ], 4)) : W("", !0)
       ])),
       $("div", Yb, [
-        z(R(Q0), {
-          editor: R(b),
+        z(L(Q0), {
+          editor: L(b),
           class: "input-richtext-editor",
           id: n.inputId
         }, null, 8, ["editor", "id"])
@@ -19956,12 +19956,12 @@ const zb = { class: "input-richtext-toolbar" }, Bb = { class: "input-richtext-gr
   },
   emits: ["update:modelValue", "blur", "focus", "complete"],
   setup(n, { emit: e }) {
-    const t = n, r = e, i = _([]), s = _(-1), o = L(() => {
+    const t = n, r = e, i = _([]), s = _(-1), o = R(() => {
       const v = (t.modelValue || "").split("");
       for (; v.length < t.maxLength; )
         v.push("");
       return v.slice(0, t.maxLength);
-    }), l = L(() => t.divider ? typeof t.divider == "number" ? t.divider : t.divider.count : 0), a = L(() => t.divider ? typeof t.divider == "number" ? "-" : typeof t.divider == "object" && "character" in t.divider && t.divider.character || "-" : ""), c = L(() => typeof t.divider == "object" && "component" in t.divider && t.divider.component === "divider"), d = L(() => c.value ? {
+    }), l = R(() => t.divider ? typeof t.divider == "number" ? t.divider : t.divider.count : 0), a = R(() => t.divider ? typeof t.divider == "number" ? "-" : typeof t.divider == "object" && "character" in t.divider && t.divider.character || "-" : ""), c = R(() => typeof t.divider == "object" && "component" in t.divider && t.divider.component === "divider"), d = R(() => c.value ? {
       orientation: "vertical",
       variant: "solid",
       thickness: "1px",
@@ -20150,13 +20150,13 @@ const ok = ["for"], lk = {
   },
   emits: ["update:modelValue", "input", "change", "blur", "focus", "keydown", "file-error", "clear-preview", "complete"],
   setup(n, { emit: e }) {
-    const t = n, r = e, i = xn(), s = _(""), o = L(() => t.modelValue !== void 0 ? t.modelValue : t.value !== void 0 ? t.value : s.value);
+    const t = n, r = e, i = xn(), s = _(""), o = R(() => t.modelValue !== void 0 ? t.modelValue : t.value !== void 0 ? t.value : s.value);
     ht(() => t.value, (y) => {
       y !== void 0 && (s.value = y);
     }, { immediate: !0 }), ht(() => t.modelValue, (y) => {
       y !== void 0 && (s.value = y);
     }, { immediate: !0 });
-    const l = L(() => `input-${Math.random().toString(36).substring(2, 11)}`), a = (y) => sk(i, y), c = L(() => {
+    const l = R(() => `input-${Math.random().toString(36).substring(2, 11)}`), a = (y) => sk(i, y), c = R(() => {
       const y = ["text", "email", "password", "number", "tel", "url", "search"], S = t.type || "text";
       return y.includes(S);
     }), d = (y) => {
@@ -20478,7 +20478,7 @@ const ok = ["for"], lk = {
   },
   emits: ["click"],
   setup(n, { emit: e }) {
-    const t = n, r = e, i = L(() => {
+    const t = n, r = e, i = R(() => {
       if (t.href)
         return t.href;
       if (t.to) {
@@ -20509,7 +20509,7 @@ const ok = ["for"], lk = {
     }), l = (d) => {
       const u = o();
       return `color-mix(in srgb, ${u[d] || u.primary} 85%, black 15%)`;
-    }, a = L(() => {
+    }, a = R(() => {
       if (!t.color) return {};
       const d = o(), u = d[t.color] || d.primary, f = l(t.color), h = {
         "--link-color": u,