@speckle/ui-components 2.19.0 → 2.19.2

package/dist/lib.js

@@ -1,17 +1,17 @@
-var Dt = Object.defineProperty;
-var Ut = (e, t, r) => t in e ? Dt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var oe = (e, t, r) => (Ut(e, typeof t != "symbol" ? t + "" : t, r), r);
-import { defineComponent as E, resolveDynamicComponent as Z, computed as h, openBlock as a, createBlock as V, normalizeClass as x, withCtx as A, createCommentVNode as I, renderSlot as W, createTextVNode as D, createElementBlock as f, createElementVNode as c, createVNode as _, Transition as Ye, unref as l, toDisplayString as L, toRefs as ie, Fragment as q, renderList as G, ref as O, onMounted as se, onBeforeUnmount as Pe, normalizeStyle as ee, mergeProps as ue, mergeModels as ke, useModel as Ve, watch as te, withDirectives as re, isRef as Te, vModelText as et, useSlots as tt, vModelDynamic as Wt, pushScopeId as qt, popScopeId as Ht, Teleport as Kt, withModifiers as ge, onUnmounted as Gt, toHandlers as pt, nextTick as Nt, resolveDirective as st, getCurrentInstance as Xt, inject as Zt, withKeys as ye, defineAsyncComponent as Qt } from "vue";
-import { isObjectLike as Ke, clamp as mt, isBoolean as Jt, noop as nt, debounce as Ee, isUndefined as me, isArray as J, isString as he, throttle as Ge, uniq as Yt, intersection as es, difference as ts } from "lodash";
-import { ArrowPathIcon as wt, ExclamationCircleIcon as ss, ChevronUpIcon as Ct, ChevronDownIcon as ns, XMarkIcon as lt, MagnifyingGlassIcon as ls, CheckIcon as $t, Bars3Icon as as, Squares2X2Icon as os, UserCircleIcon as rs } from "@heroicons/vue/24/solid";
-import { CheckCircleIcon as is, XCircleIcon as us, ExclamationCircleIcon as cs, InformationCircleIcon as Ne, CheckIcon as ds, ClipboardDocumentCheckIcon as fs, ClipboardDocumentIcon as ps, XMarkIcon as ms, ChevronDownIcon as hs, ArrowLongLeftIcon as vs, ArrowLongRightIcon as gs, ExclamationTriangleIcon as bs } from "@heroicons/vue/24/outline";
-import { XMarkIcon as we, CheckIcon as It, CheckCircleIcon as St, ExclamationCircleIcon as Re, EnvelopeIcon as ys, KeyIcon as xs, XCircleIcon as ks, InformationCircleIcon as ws } from "@heroicons/vue/20/solid";
-import { wait as Cs, isNullOrUndefined as $s, SourceApps as Is, getClientOperatingSystem as Ss, OperatingSystem as Xe, md5 as Bs } from "@speckle/shared";
+var Ft = Object.defineProperty;
+var Dt = (e, t, r) => t in e ? Ft(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var oe = (e, t, r) => (Dt(e, typeof t != "symbol" ? t + "" : t, r), r);
+import { defineComponent as E, resolveDynamicComponent as Z, computed as h, openBlock as a, createBlock as V, normalizeClass as x, withCtx as A, createCommentVNode as I, renderSlot as W, createTextVNode as D, createElementBlock as f, createElementVNode as c, createVNode as _, Transition as Ye, unref as l, toDisplayString as L, toRefs as ie, Fragment as q, renderList as G, ref as O, onMounted as se, onBeforeUnmount as Te, normalizeStyle as ee, mergeProps as ue, mergeModels as we, useModel as Ve, watch as te, withDirectives as re, isRef as Ee, vModelText as et, useSlots as tt, vModelDynamic as Ut, pushScopeId as Wt, popScopeId as qt, Teleport as Ht, withModifiers as be, onUnmounted as Kt, toHandlers as pt, nextTick as Gt, resolveDirective as st, getCurrentInstance as Nt, inject as Xt, withKeys as xe, defineAsyncComponent as Zt } from "vue";
+import { isObjectLike as Ke, clamp as mt, isBoolean as Qt, noop as nt, debounce as Re, isUndefined as me, isArray as J, isString as he, throttle as Ge, uniq as Jt, intersection as Yt, difference as es } from "lodash";
+import { ArrowPathIcon as wt, XMarkIcon as Ct, CheckIcon as ts, ChevronUpIcon as ss, Bars3Icon as ns, Squares2X2Icon as ls, UserCircleIcon as as } from "@heroicons/vue/24/solid";
+import { CheckCircleIcon as os, XCircleIcon as rs, ExclamationCircleIcon as is, InformationCircleIcon as Ne, CheckIcon as us, ClipboardDocumentCheckIcon as cs, ClipboardDocumentIcon as ds, XMarkIcon as fs, ChevronDownIcon as ps, ArrowLongLeftIcon as ms, ArrowLongRightIcon as hs, ExclamationTriangleIcon as vs } from "@heroicons/vue/24/outline";
+import { XMarkIcon as ve, CheckIcon as lt, CheckCircleIcon as $t, ExclamationCircleIcon as je, EnvelopeIcon as gs, KeyIcon as bs, ChevronUpIcon as ys, ChevronDownIcon as xs, MagnifyingGlassIcon as ks, XCircleIcon as ws, InformationCircleIcon as Cs } from "@heroicons/vue/20/solid";
+import { wait as $s, isNullOrUndefined as Is, SourceApps as Ss, getClientOperatingSystem as Bs, OperatingSystem as Xe, md5 as Ls } from "@speckle/shared";
 import { buildManualPromise as Ai } from "@speckle/shared";
-import { useField as je } from "vee-validate";
+import { useField as Me } from "vee-validate";
 import { nanoid as Fe } from "nanoid";
-import { useResizeObserver as Bt, useMutationObserver as Ls, useMounted as Os, useElementBounding as _s, useIntersectionObserver as Vs, useClipboard as js, onKeyDown as Ms, isClient as ve, computedAsync as As, useFocus as zs, useDropZone as Ps } from "@vueuse/core";
-import { Listbox as Ts, ListboxLabel as Es, ListboxButton as Rs, ListboxOptions as Fs, ListboxOption as Ds, Switch as Us, TransitionRoot as Lt, Dialog as Ws, TransitionChild as ht, DialogPanel as qs, Disclosure as Hs, DisclosureButton as Ks, DisclosurePanel as Gs, Menu as Ns, MenuButton as Xs, MenuItems as Zs, MenuItem as Qs, Combobox as Js, ComboboxOptions as Ys, ComboboxOption as en } from "@headlessui/vue";
+import { useResizeObserver as It, useMutationObserver as Os, useMounted as St, useElementBounding as _s, useIntersectionObserver as Vs, useClipboard as js, onKeyDown as Ms, isClient as ge, computedAsync as As, useFocus as zs, useDropZone as Ps } from "@vueuse/core";
+import { Listbox as Ts, ListboxLabel as Es, ListboxButton as Rs, ListboxOptions as Fs, ListboxOption as Ds, Switch as Us, TransitionRoot as Bt, Dialog as Ws, TransitionChild as ht, DialogPanel as qs, Disclosure as Hs, DisclosureButton as Ks, DisclosurePanel as Gs, Menu as Ns, MenuButton as Xs, MenuItems as Zs, MenuItem as Qs, Combobox as Js, ComboboxOptions as Ys, ComboboxOption as en } from "@headlessui/vue";
 import { directive as tn } from "vue-tippy";
 import sn from "v3-infinite-loading";
 const nn = /* @__PURE__ */ E({
@@ -154,20 +154,20 @@ const nn = /* @__PURE__ */ E({
         return s.submit ? "submit" : "button";
     }), i = h(() => s.disabled || s.loading), d = h(() => s.loading ? wt : s.iconLeft), y = h(() => {
       const p = [];
-      if (p.push("border-2"), i.value)
+      if (p.push("border"), i.value)
         p.push(
-          s.outlined ? "border-foreground-disabled" : "bg-foundation-disabled border-transparent"
+          s.outlined ? "border-outline-3" : "bg-foundation-disabled border-transparent"
         );
       else
         switch (s.color) {
           case "invert":
             p.push(
-              s.outlined ? "border-foundation dark:border-foreground" : "bg-foundation dark:bg-foreground border-transparent"
+              s.outlined ? "border-outline-3" : "border-outline-3 bg-foundation dark:bg-foreground"
             );
             break;
           case "card":
             p.push(
-              s.outlined ? "border-foundation-2 shadow" : "bg-foundation-2 dark:bg-foundation-2 border-foundation shadow"
+              s.outlined ? "border-outline-3" : "bg-foundation-2 dark:bg-foundation-2 border-foundation"
             );
             break;
           case "danger":
@@ -175,7 +175,7 @@ const nn = /* @__PURE__ */ E({
             break;
           case "secondary":
             p.push(
-              s.outlined ? "border-foundation" : "bg-foundation border-foundation-2"
+              s.outlined ? "border-outline-3" : "bg-foundation border-outline-3"
             );
             break;
           case "warning":
@@ -249,9 +249,7 @@ const nn = /* @__PURE__ */ E({
               );
               break;
             case "secondary":
-              p.push(
-                (s.outlined, "text-foreground hover:text-primary")
-              );
+              p.push((s.outlined, "text-foreground"));
               break;
             case "default":
             default:
@@ -326,7 +324,7 @@ const nn = /* @__PURE__ */ E({
       return s.fullWidth && p.push("w-full"), i.value && p.push("cursor-not-allowed"), p.join(" ");
     }), $ = h(() => {
       const p = [];
-      return !i.value && !s.link && !s.text && p.push("active:scale-[0.97]"), !i.value && s.link && p.push(
+      return !i.value && !s.link && !s.text && p.push("shadow active:scale-[0.97]"), !i.value && s.link && p.push(
         "underline decoration-transparent decoration-2 underline-offset-4	hover:decoration-inherit"
       ), p.join(" ");
     }), w = h(() => {
@@ -383,14 +381,14 @@ const nn = /* @__PURE__ */ E({
       default: A(() => [
         d.value ? (a(), V(Z(d.value), {
           key: 0,
-          class: x(`${B.value} ${e.hideText ? "" : "mr-2"}`)
+          class: x(`${B.value} ${e.hideText ? "" : "mr-1"}`)
         }, null, 8, ["class"])) : I("", !0),
         e.hideText ? I("", !0) : W(p.$slots, "default", { key: 1 }, () => [
           D("Button")
         ], !0),
         e.iconRight || !e.loading ? (a(), V(Z(e.iconRight), {
           key: 2,
-          class: x(`${B.value} ${e.hideText ? "" : "ml-2"}`)
+          class: x(`${B.value} ${e.hideText ? "" : "ml-1"}`)
         }, null, 8, ["class"])) : I("", !0)
       ]),
       _: 3
@@ -402,7 +400,7 @@ const De = (e, t) => {
   for (const [s, o] of t)
     r[s] = o;
   return r;
-}, ce = /* @__PURE__ */ De(nn, [["__scopeId", "data-v-af864b61"]]), ln = /* @__PURE__ */ E({
+}, ce = /* @__PURE__ */ De(nn, [["__scopeId", "data-v-ad210086"]]), ln = /* @__PURE__ */ E({
   __name: "Link",
   props: {
     to: {
@@ -530,15 +528,15 @@ const an = {
                 class: x(["flex gap-2", o.value ? "items-center" : "items-start"])
               }, [
                 c("div", rn, [
-                  e.notification.type === l(Le).Success ? (a(), V(l(is), {
+                  e.notification.type === l(Le).Success ? (a(), V(l(os), {
                     key: 0,
                     class: x(["text-success", o.value ? "h-5 w-5" : "h-6 w-6"]),
                     "aria-hidden": "true"
-                  }, null, 8, ["class"])) : e.notification.type === l(Le).Danger ? (a(), V(l(us), {
+                  }, null, 8, ["class"])) : e.notification.type === l(Le).Danger ? (a(), V(l(rs), {
                     key: 1,
                     class: x(["text-danger", o.value ? "h-5 w-5" : "h-6 w-6"]),
                     "aria-hidden": "true"
-                  }, null, 8, ["class"])) : e.notification.type === l(Le).Warning ? (a(), V(l(cs), {
+                  }, null, 8, ["class"])) : e.notification.type === l(Le).Warning ? (a(), V(l(is), {
                     key: 2,
                     class: x(["text-warning", o.value ? "h-5 w-5" : "h-6 w-6"]),
                     "aria-hidden": "true"
@@ -578,7 +576,7 @@ const an = {
                     onClick: n
                   }, [
                     fn,
-                    _(l(we), {
+                    _(l(ve), {
                       class: "h-5 w-5",
                       "aria-hidden": "true"
                     })
@@ -593,7 +591,7 @@ const an = {
     ]));
   }
 }), pn = "Enter";
-function Ot(e) {
+function Lt(e) {
   return (t) => {
     t.code === pn && e(t);
   };
@@ -676,7 +674,7 @@ function vn(e) {
   vt = vt ? e : e.slice();
 }
 var Oe = /* @__PURE__ */ ((e) => (e[e.sm = 640] = "sm", e[e.md = 746] = "md", e[e.lg = 1024] = "lg", e[e.xl = 1280] = "xl", e[e["2xl"] = 1536] = "2xl", e))(Oe || {});
-function _t(e) {
+function Ot(e) {
   const {
     props: {
       modelValue: t,
@@ -771,7 +769,7 @@ const gn = ["aria-label"], bn = ["href", "onClick"], yn = { class: "flex space-x
       getStepDisplayValue: u,
       listClasses: i,
       linkClasses: d
-    } = _t({
+    } = Ot({
       props: ie(s),
       emit: r
     });
@@ -793,7 +791,7 @@ const gn = ["aria-label"], bn = ["href", "onClick"], yn = { class: "flex space-x
           }, [
             c("div", yn, [
               c("div", xn, [
-                _(l(It), { class: "w-5 h-5" })
+                _(l(lt), { class: "w-5 h-5" })
               ]),
               c("div", kn, [
                 c("div", null, L(v.name), 1),
@@ -864,7 +862,7 @@ const gn = ["aria-label"], bn = ["href", "onClick"], yn = { class: "flex space-x
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const r = t, s = e, { isCurrentStep: o, isFinishedStep: n, switchStep: m, listClasses: u, linkClasses: i } = _t({
+    const r = t, s = e, { isCurrentStep: o, isFinishedStep: n, switchStep: m, listClasses: u, linkClasses: i } = Ot({
       props: ie(s),
       emit: r
     }), d = h(() => {
@@ -892,7 +890,7 @@ const gn = ["aria-label"], bn = ["href", "onClick"], yn = { class: "flex space-x
             onClick: (j) => l(m)(g, j)
           }, [
             c("span", zn, [
-              e.basic ? (a(), f("span", Pn)) : (a(), V(l(St), {
+              e.basic ? (a(), f("span", Pn)) : (a(), V(l($t), {
                 key: 1,
                 class: "h-full w-full text-primary",
                 "aria-hidden": "true"
@@ -984,7 +982,7 @@ const ll = /* @__PURE__ */ De(Yn, [["render", nl]]), al = { class: "relative asp
   setup(e) {
     const t = e, r = O(!0), s = O({ ...t.initialPosition }), o = O(!1), n = O(500), m = O(!0), u = O(t.slotsConfig || []);
     async function i(k) {
-      await Cs(k.duration);
+      await $s(k.duration);
     }
     function d(k) {
       const v = u.value.find((b) => b.name === k.slot);
@@ -1014,7 +1012,7 @@ const ll = /* @__PURE__ */ De(Yn, [["render", nl]]), al = { class: "relative asp
           m.value = !1, s.value = { ...t.initialPosition }, await i({ type: "delay", duration: 200 });
         }
       })();
-    }), Pe(() => {
+    }), Te(() => {
       r.value = !1;
     }), (k, v) => (a(), f("div", al, [
       c("div", {
@@ -1217,7 +1215,7 @@ const ll = /* @__PURE__ */ De(Yn, [["render", nl]]), al = { class: "relative asp
       errorMessage: n,
       handleChange: m,
       value: u
-    } = je(t.name, t.rules, {
+    } = Me(t.name, t.rules, {
       validateOnMount: t.validateOnMount,
       type: "checkbox",
       checkedValue: s,
@@ -1367,7 +1365,7 @@ const ll = /* @__PURE__ */ De(Yn, [["render", nl]]), al = { class: "relative asp
       errorMessage: n,
       handleChange: m,
       value: u
-    } = je(t.name, t.rules, {
+    } = Me(t.name, t.rules, {
       validateOnMount: t.validateOnMount,
       type: "radio",
       checkedValue: s,
@@ -1438,7 +1436,7 @@ const ll = /* @__PURE__ */ De(Yn, [["render", nl]]), al = { class: "relative asp
   class: "text-xs flex gap-0.5 mt-2 text-foreground select-none"
 }, ni = /* @__PURE__ */ E({
   __name: "RadioGroup",
-  props: /* @__PURE__ */ ke({
+  props: /* @__PURE__ */ we({
     options: null,
     disabled: { type: Boolean }
   }, {
@@ -1468,7 +1466,7 @@ const ll = /* @__PURE__ */ De(Yn, [["render", nl]]), al = { class: "relative asp
               class: x(["absolute top-4 right-3 h-6 w-6 rounded-full", [t.value === n.value ? "" : "border border-outline-3"]])
             }, [
               t.value === n.value ? (a(), f("div", Ll, [
-                _(l(ds), { class: "w-4 h-4 text-white" })
+                _(l(us), { class: "w-4 h-4 text-white" })
               ])) : I("", !0)
             ], 2),
             c("div", Ol, [
@@ -1502,7 +1500,7 @@ const ll = /* @__PURE__ */ De(Yn, [["render", nl]]), al = { class: "relative asp
   }
 });
 function ot(e) {
-  const { props: t, inputEl: r, emit: s, options: o } = e, { value: n, errorMessage: m } = je(t.name, t.rules, {
+  const { props: t, inputEl: r, emit: s, options: o } = e, { value: n, errorMessage: m } = Me(t.name, t.rules, {
     validateOnMount: l(t.validateOnMount),
     validateOnValueUpdate: l(t.validateOnValueUpdate),
     initialValue: l(t.modelValue) || void 0
@@ -1567,14 +1565,14 @@ function ot(e) {
   };
 }
 function li(e) {
-  const { debouncedBy: t = 1e3, isBasicHtmlInput: r = !1, submitOnEnter: s } = e || {}, o = e != null && e.debug ? Jt(e.debug) ? console.debug : e.debug : nt, n = (e == null ? void 0 : e.model) || O(""), m = O(n.value), u = (v) => {
+  const { debouncedBy: t = 1e3, isBasicHtmlInput: r = !1, submitOnEnter: s } = e || {}, o = e != null && e.debug ? Qt(e.debug) ? console.debug : e.debug : nt, n = (e == null ? void 0 : e.model) || O(""), m = O(n.value), u = (v) => {
     if (he(v))
       return v;
     if ("value" in v)
       return v.value;
     const b = v.target;
     return (b == null ? void 0 : b.value) || "";
-  }, i = Ee((v) => {
+  }, i = Re((v) => {
     n.value = v, o("Value updated: " + v);
   }, t), d = r ? "input" : "update:modelValue", y = {
     [d]: (v) => {
@@ -1661,7 +1659,7 @@ const zl = ["for"], Pl = { class: "relative" }, Tl = ["id", "name", "placeholder
           id: e.name,
           ref_key: "inputElement",
           ref: n,
-          "onUpdate:modelValue": B[0] || (B[0] = (z) => Te(i) ? i.value = z : null),
+          "onUpdate:modelValue": B[0] || (B[0] = (z) => Ee(i) ? i.value = z : null),
           name: e.name,
           class: [
             l(m),
@@ -1689,7 +1687,7 @@ const zl = ["for"], Pl = { class: "relative" }, Tl = ["id", "name", "placeholder
           (...z) => l(g) && l(g)(...z))
         }, [
           El,
-          _(l(we), {
+          _(l(ve), {
             class: "h-5 w-5 text-foreground",
             "aria-hidden": "true"
           })
@@ -1701,7 +1699,7 @@ const zl = ["for"], Pl = { class: "relative" }, Tl = ["id", "name", "placeholder
             l(C) ? "pr-8" : "pr-2"
           ])
         }, [
-          _(l(Re), {
+          _(l(je), {
             class: "h-4 w-4 text-danger",
             "aria-hidden": "true"
           })
@@ -1915,11 +1913,11 @@ const zl = ["for"], Pl = { class: "relative" }, Tl = ["id", "name", "placeholder
             key: 0,
             class: x(B.value),
             "aria-hidden": "true"
-          }, null, 8, ["class"])) : e.type === "email" ? (a(), V(l(ys), {
+          }, null, 8, ["class"])) : e.type === "email" ? (a(), V(l(gs), {
             key: 1,
             class: x(B.value),
             "aria-hidden": "true"
-          }, null, 8, ["class"])) : e.type === "password" ? (a(), V(l(xs), {
+          }, null, 8, ["class"])) : e.type === "password" ? (a(), V(l(bs), {
             key: 2,
             class: x(B.value),
             "aria-hidden": "true"
@@ -1929,7 +1927,7 @@ const zl = ["for"], Pl = { class: "relative" }, Tl = ["id", "name", "placeholder
           id: e.name,
           ref_key: "inputElement",
           ref: m,
-          "onUpdate:modelValue": T[0] || (T[0] = (N) => Te(d) ? d.value = N : null),
+          "onUpdate:modelValue": T[0] || (T[0] = (N) => Ee(d) ? d.value = N : null),
           type: e.type,
           name: e.name,
           class: [l(u), p.value, M.value, e.inputClasses || ""],
@@ -1944,7 +1942,7 @@ const zl = ["for"], Pl = { class: "relative" }, Tl = ["id", "name", "placeholder
           onFocus: T[3] || (T[3] = (N) => P.$emit("focus")),
           onBlur: T[4] || (T[4] = (N) => P.$emit("blur"))
         }), null, 16, ql), [
-          [Wt, l(d)]
+          [Ut, l(d)]
         ]),
         W(P.$slots, "input-right", {}, () => [
           l(w) ? (a(), f("a", {
@@ -1957,7 +1955,7 @@ const zl = ["for"], Pl = { class: "relative" }, Tl = ["id", "name", "placeholder
             (...N) => l(j) && l(j)(...N))
           }, [
             Hl,
-            _(l(we), {
+            _(l(ve), {
               class: "h-5 w-5 text-foreground",
               "aria-hidden": "true"
             })
@@ -1969,7 +1967,7 @@ const zl = ["for"], Pl = { class: "relative" }, Tl = ["id", "name", "placeholder
               l(w) ? "pr-8" : "pr-2"
             ])
           }, [
-            _(l(Re), {
+            _(l(je), {
               class: "h-4 w-4 text-danger",
               "aria-hidden": "true"
             })
@@ -1987,16 +1985,16 @@ const zl = ["for"], Pl = { class: "relative" }, Tl = ["id", "name", "placeholder
       }, L(l(v)), 11, Kl)) : I("", !0)
     ], 2));
   }
-}), Vt = /^https?:\/\//, rt = /^[\w-_.+]+@[\w-_.+]+$/, Nl = (e) => (e || "").match(rt) ? !0 : "Value should be a valid e-mail address", Xl = (e) => (e || "").split(",").map((s) => s.trim()).every((s) => s.match(rt)) || "Value should be one or multiple comma-delimited e-mail addresses", Zl = (e) => (he(e) && (e = e.trim()), e ? !0 : "Value is required"), Ql = (e, t) => (r, s) => r === s.form[e] ? !0 : `Value must be the same as in field '${t || e}'`, Jl = (e) => (t) => {
+}), _t = /^https?:\/\//, rt = /^[\w-_.+]+@[\w-_.+]+$/, Nl = (e) => (e || "").match(rt) ? !0 : "Value should be a valid e-mail address", Xl = (e) => (e || "").split(",").map((s) => s.trim()).every((s) => s.match(rt)) || "Value should be one or multiple comma-delimited e-mail addresses", Zl = (e) => (he(e) && (e = e.trim()), e ? !0 : "Value is required"), Ql = (e, t) => (r, s) => r === s.form[e] ? !0 : `Value must be the same as in field '${t || e}'`, Jl = (e) => (t) => {
   const { minLength: r, maxLength: s } = e;
-  return t = $s(t) ? "" : t, he(t) ? !me(r) && t.length < r ? `Value needs to be at least ${r} characters long` : !me(s) && t.length > s ? `Value needs to be no more than ${s} characters long` : !0 : "Value should be a text string";
+  return t = Is(t) ? "" : t, he(t) ? !me(r) && t.length < r ? `Value needs to be at least ${r} characters long` : !me(s) && t.length > s ? `Value needs to be no more than ${s} characters long` : !0 : "Value should be a text string";
 }, Yl = (e) => (t) => {
   const { match: r, message: s } = e;
   return he(t) ? r ? he(r) ? t.includes(r) ? !0 : s : r.test(t) ? !0 : s : !0 : "Value should be a text string";
-}, ea = (e) => Vt.test(e) ? !0 : "Value is not a valid URL", ta = (e) => Array.isArray(e) && e.length > 0 ? !0 : "Value should have at least a single item selected", oi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ea = (e) => _t.test(e) ? !0 : "Value is not a valid URL", ta = (e) => Array.isArray(e) && e.length > 0 ? !0 : "Value should have at least a single item selected", oi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VALID_EMAIL: rt,
-  VALID_HTTP_URL: Vt,
+  VALID_HTTP_URL: _t,
   isEmail: Nl,
   isItemSelected: ta,
   isOneOrMultipleEmails: Xl,
@@ -2006,7 +2004,7 @@ const zl = ["for"], Pl = { class: "relative" }, Tl = ["id", "name", "placeholder
   isUrl: ea,
   stringContains: Yl
 }, Symbol.toStringTag, { value: "Module" }));
-function jt(e) {
+function Vt(e) {
   const {
     skipCalculation: t,
     elementToWatchForChanges: r,
@@ -2025,19 +2023,19 @@ function jt(e) {
     }
     m.value = k - y;
   };
-  return o && Bt(r, u), n && Ls(r, u, {
+  return o && It(r, u), n && Os(r, u, {
     childList: !0,
     subtree: !0
   }), {
     hiddenItemCount: m
   };
 }
-function Mt(e) {
+function jt(e) {
   const { props: t, emit: r, dynamicVisibility: s } = e;
   let o;
   if (s) {
     const { elementToWatchForChanges: d, itemContainer: y } = s;
-    o = jt({
+    o = Vt({
       skipCalculation: h(() => {
         var v;
         return !((v = t.multiple) != null && v.value);
@@ -2073,23 +2071,25 @@ function Mt(e) {
     firstItem: (d) => m(d) ? d[0] : d
   };
 }
-const sa = (e) => (qt("data-v-89e77cae"), e = e(), Ht(), e), na = /* @__PURE__ */ sa(() => /* @__PURE__ */ c("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), la = [
+const sa = (e) => (Wt("data-v-985badae"), e = e(), qt(), e), na = /* @__PURE__ */ sa(() => /* @__PURE__ */ c("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), la = [
   na
 ], aa = /* @__PURE__ */ E({
   __name: "Bar",
   props: {
-    loading: { type: Boolean }
+    loading: { type: Boolean },
+    clientOnly: { type: Boolean }
   },
   setup(e) {
-    return (t, r) => (a(), f("div", {
+    const t = e, r = St(), s = h(() => (r.value || !t.clientOnly) && t.loading);
+    return (o, n) => (a(), f("div", {
       class: x([
         "relative w-full h-1 bg-blue-500/30 text-xs text-foreground-on-primary overflow-hidden rounded-xl",
-        e.loading ? "opacity-100" : "opacity-0"
+        s.value ? "opacity-100" : "opacity-0"
       ])
     }, la, 2));
   }
 });
-const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
+const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-985badae"]]), oa = {
   key: 0,
   class: "text-danger text-xs opacity-80"
 }, ra = { class: "flex items-center justify-between w-full" }, ia = { class: "pointer-events-none shrink-0 ml-1 flex items-center space-x-2" }, ua = {
@@ -2103,7 +2103,7 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
   class: "px-1"
 }, ga = { key: 1 }, ba = { class: "text-foreground-2 text-center" }, ya = {
   class: /* @__PURE__ */ x(["block truncate"])
-}, xa = ["id"], At = /* @__PURE__ */ E({
+}, xa = ["id"], Mt = /* @__PURE__ */ E({
   __name: "Base",
   props: {
     multiple: {
@@ -2281,12 +2281,12 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: r }) {
-    const s = (S) => Ke(S), o = r, n = e, { value: m, errorMessage: u } = je(n.name, n.rules, {
+    const s = (S) => Ke(S), o = r, n = e, { value: m, errorMessage: u } = Me(n.name, n.rules, {
       validateOnMount: n.validateOnMount,
       validateOnValueUpdate: n.validateOnValueUpdate,
       // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
       initialValue: n.modelValue
-    }), i = Os(), d = O(null), y = O(null), k = O(null), v = O(""), b = O([]), g = O(!1), j = O(1), C = O(Fe()), $ = O(!1), w = _s(
+    }), i = St(), d = O(null), y = O(null), k = O(null), v = O(""), b = O([]), g = O(!1), j = O(1), C = O(Fe()), $ = O(!1), w = _s(
       h(() => {
         var S;
         return (S = k.value) == null ? void 0 : S.el;
@@ -2314,7 +2314,7 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
     ), fe = h(() => {
       const S = ["relative flex group"];
       return u.value ? (S.push("hover:shadow rounded-md"), S.push("text-danger-darker focus:border-danger focus:ring-danger"), n.buttonStyle !== "simple" && S.push("outline outline-2 outline-danger")) : n.buttonStyle !== "simple" && (S.push("rounded-md border"), $.value ? S.push("border-outline-1") : S.push("border-outline-3")), n.fixedHeight && S.push("h-8"), S.join(" ");
-    }), Me = h(() => {
+    }), Ae = h(() => {
       const S = [];
       return n.buttonStyle !== "simple" && S.push(
         pe.value ? "bg-foundation-disabled text-foreground-disabled" : ""
@@ -2325,7 +2325,7 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
         "flex items-center justify-center text-center shrink-0",
         "rounded-r-md overflow-hidden transition-all",
         "text-foreground",
-        Ce.value ? `w-6 ${Me.value}` : "w-0"
+        Ce.value ? `w-6 ${Ae.value}` : "w-0"
       ];
       return pe.value || (S.push(
         "hover:bg-primary hover:text-foreground-on-primary dark:text-foreground-on-primary"
@@ -2335,12 +2335,12 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
         "relative z-[2]",
         "normal rounded-md cursor-pointer transition truncate flex-1",
         "flex items-center",
-        Me.value
+        Ae.value
       ];
-      return n.buttonStyle !== "simple" && (S.push("py-2 px-3"), pe.value || (n.buttonStyle === "tinted" ? S.push("bg-foundation-page text-foreground") : S.push("bg-foundation text-foreground"))), N.value && Ce.value && S.push("rounded-r-none"), S.join(" ");
-    }), be = h(
+      return n.buttonStyle !== "simple" && (S.push("p-2"), pe.value || (n.buttonStyle === "tinted" ? S.push("bg-foundation-page text-foreground") : S.push("bg-foundation text-foreground"))), N.value && Ce.value && S.push("rounded-r-none"), S.join(" ");
+    }), ye = h(
       () => !!(n.search && (n.filterPredicate || n.getSearchResults))
-    ), le = h(() => be.value && n.getSearchResults), pe = h(
+    ), le = h(() => ye.value && n.getSearchResults), pe = h(
       () => n.disabled || !n.items.length && !le.value
     ), X = h({
       get: () => {
@@ -2368,7 +2368,7 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
       n.multiple ? X.value = [] : X.value = void 0;
     }, $e = h(() => {
       const S = v.value;
-      return !be.value || !(S != null && S.length) ? b.value : n.filterPredicate ? b.value.filter(
+      return !ye.value || !(S != null && S.length) ? b.value : n.filterPredicate ? b.value.filter(
         (K) => {
           var H;
           return ((H = n.filterPredicate) == null ? void 0 : H.call(n, K, S)) || !1;
@@ -2376,7 +2376,7 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
       ) : b.value;
     }), R = h(() => {
       const S = [
-        "rounded-md bg-foundation-2 py-1 label label--light outline outline-2 outline-primary-muted focus:outline-none shadow mt-1 "
+        "rounded-md bg-foundation-2 py-1 label label--light border border-outline-3 shadow-md mt-1 "
       ];
       return n.mountMenuOnBody ? S.push("fixed z-50") : S.push("absolute top-[100%] w-full z-10"), S.join(" ");
     }), U = h(() => {
@@ -2395,7 +2395,7 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
           g.value = !1;
         }
       }
-    }, Ie = Ee(Y, 1e3), Se = (S) => {
+    }, Ie = Re(Y, 1e3), Se = (S) => {
       const { active: K, disabled: H } = S || {}, { hideCheckmarks: ne } = n, ae = [
         "relative transition cursor-pointer select-none py-1.5 pl-3",
         ne ? "" : "pr-9"
@@ -2459,16 +2459,16 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
                     ])
                   ], 2),
                   c("div", ia, [
-                    z.value ? (a(), V(l(ss), {
+                    z.value ? (a(), V(l(je), {
                       key: 0,
                       class: "h-4 w-4 text-danger",
                       "aria-hidden": "true"
                     })) : !e.showLabel && e.showRequired ? (a(), f("div", ua, " * ")) : I("", !0),
-                    H ? (a(), V(l(Ct), {
+                    H ? (a(), V(l(ys), {
                       key: 2,
                       class: "h-4 w-4 text-foreground",
                       "aria-hidden": "true"
-                    })) : (a(), V(l(ns), {
+                    })) : (a(), V(l(xs), {
                       key: 3,
                       class: "h-4 w-4 text-foreground",
                       "aria-hidden": "true"
@@ -2485,7 +2485,7 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
               disabled: e.disabled,
               onClick: K[0] || (K[0] = (H) => qe())
             }, [
-              _(l(lt), { class: "w-3 h-3" })
+              _(l(ve), { class: "w-3 h-3" })
             ], 10, ca)) : I("", !0),
             l(i) ? (a(), V(Ye, {
               key: 1,
@@ -2494,7 +2494,7 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
               "leave-to-class": "opacity-0"
             }, {
               default: A(() => [
-                (a(), V(Kt, {
+                (a(), V(Ht, {
                   to: "body",
                   disabled: !e.mountMenuOnBody
                 }, [
@@ -2509,11 +2509,11 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
                     })
                   }, {
                     default: A(() => [
-                      be.value ? (a(), f("label", da, [
+                      ye.value ? (a(), f("label", da, [
                         fa,
                         c("div", pa, [
                           c("div", ma, [
-                            _(l(ls), { class: "h-4 w-4 text-foreground-2" })
+                            _(l(ks), { class: "h-4 w-4 text-foreground-2" })
                           ]),
                           re(c("input", {
                             ref_key: "searchInput",
@@ -2522,7 +2522,7 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
                             type: "text",
                             class: "py-1 pl-7 w-full bg-foundation-page rounded-[5px] placeholder:font-normal normal placeholder:text-foreground-2 focus:outline-none focus:ring-1 border-outline-3 focus:border-outline-1 focus:ring-outline-1 text-sm",
                             placeholder: e.searchPlaceholder,
-                            onKeydown: K[2] || (K[2] = ge(() => {
+                            onKeydown: K[2] || (K[2] = be(() => {
                             }, ["stop"]))
                           }, null, 40, ha), [
                             [et, v.value]
@@ -2530,7 +2530,7 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
                         ])
                       ])) : I("", !0),
                       c("div", {
-                        class: x(["overflow-auto simple-scrollbar", [be.value ? "max-h-52" : "max-h-40"]])
+                        class: x(["overflow-auto simple-scrollbar", [ye.value ? "max-h-52" : "max-h-40"]])
                       }, [
                         le.value && g.value ? (a(), f("div", va, [
                           _(it, { loading: !0 })
@@ -2579,7 +2579,7 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
                                       "absolute inset-y-0 right-0 flex items-center pr-4"
                                     ])
                                   }, [
-                                    _(l($t), {
+                                    _(l(lt), {
                                       class: "h-5 w-5",
                                       "aria-hidden": "true"
                                     })
@@ -2704,16 +2704,16 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const r = t, s = e, o = O(null), n = O(null), { selectedValue: m, hiddenSelectedItemCount: u, isMultiItemArrayValue: i, firstItem: d } = Mt({
+    const r = t, s = e, o = O(null), n = O(null), { selectedValue: m, hiddenSelectedItemCount: u, isMultiItemArrayValue: i, firstItem: d } = jt({
       props: ie(s),
       emit: r,
       dynamicVisibility: { elementToWatchForChanges: o, itemContainer: n }
     }), y = (k, v) => k.name.toLocaleLowerCase().includes(v.toLocaleLowerCase());
-    return (k, v) => (a(), V(At, {
+    return (k, v) => (a(), V(Mt, {
       modelValue: l(m),
-      "onUpdate:modelValue": v[0] || (v[0] = (b) => Te(m) ? m.value = b : null),
+      "onUpdate:modelValue": v[0] || (v[0] = (b) => Ee(m) ? m.value = b : null),
       multiple: e.multiple,
-      items: e.items ?? l(Is),
+      items: e.items ?? l(Ss),
       search: e.search,
       "search-placeholder": e.searchPlaceholder,
       label: e.label,
@@ -2787,15 +2787,15 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const r = t, s = e, { selectedValue: o, isArrayValue: n } = Mt({
+    const r = t, s = e, { selectedValue: o, isArrayValue: n } = jt({
       props: ie(s),
       emit: r
     }), m = (u) => {
       n(o.value) ? o.value = o.value.filter((i) => i.id !== u.id) : o.value = void 0;
     };
-    return (u, i) => (a(), V(At, {
+    return (u, i) => (a(), V(Mt, {
       modelValue: l(o),
-      "onUpdate:modelValue": i[0] || (i[0] = (d) => Te(o) ? o.value = d : null),
+      "onUpdate:modelValue": i[0] || (i[0] = (d) => Ee(o) ? o.value = d : null),
       multiple: e.multiple,
       items: e.items,
       label: e.label,
@@ -2814,8 +2814,8 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
             _(at, {
               size: "lg",
               "clickable-icon": !0,
-              "icon-left": l(lt),
-              onClickIcon: ge((k) => m(y), ["stop"])
+              "icon-left": l(Ct),
+              onClickIcon: be((k) => m(y), ["stop"])
             }, {
               default: A(() => [
                 D(L(y.text), 1)
@@ -2833,7 +2833,7 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
   }
 }), La = { class: "flex items-center gap-2" }, Oa = { class: "absolute inset-0 flex items-center gap-2 px-1 text-white" }, _a = ["for"], ui = /* @__PURE__ */ E({
   __name: "Switch",
-  props: /* @__PURE__ */ ke({
+  props: /* @__PURE__ */ we({
     icons: { type: Boolean },
     showLabel: { type: Boolean, default: !0 },
     name: null,
@@ -2874,10 +2874,10 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
       }, {
         default: A(() => [
           c("div", Oa, [
-            _(l($t), {
+            _(l(ts), {
               class: x(["h-5 w-5 drop-shadow-md", e.icons ? "opacity-100" : "opacity-0"])
             }, null, 8, ["class"]),
-            _(l(lt), {
+            _(l(Ct), {
               class: x(["h-5 w-5 drop-shadow-md", e.icons ? "opacity-100" : "opacity-0"])
             }, null, 8, ["class"])
           ]),
@@ -2919,7 +2919,7 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
       e.isMultiline ? (a(), f("div", {
         key: 0,
         class: "relative z-10 text-xs sm:text-sm text-foreground font-mono break-all p-2 pl-3 max-h-[4.8rem] simple-scrollbar overflow-y-auto",
-        onKeypress: d[0] || (d[0] = (y) => l(Ot)(u))
+        onKeypress: d[0] || (d[0] = (y) => l(Lt)(u))
       }, L(e.value), 33)) : (a(), V(l(Gl), {
         key: 1,
         color: "transparent",
@@ -2932,7 +2932,7 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
         _(l(ce), {
           color: "invert",
           size: "sm",
-          "icon-left": n.value ? l(fs) : l(ps),
+          "icon-left": n.value ? l(cs) : l(ds),
           "hide-text": "",
           onClick: m
         }, null, 8, ["icon-left"])
@@ -2941,7 +2941,7 @@ const it = /* @__PURE__ */ De(aa, [["__scopeId", "data-v-89e77cae"]]), oa = {
   }
 });
 var _e = /* @__PURE__ */ ((e) => (e.CtrlOrCmd = "cmd-or-ctrl", e.AltOrOpt = "alt-or-opt", e.Shift = "shift", e))(_e || {});
-const Ze = Ss(), Ma = {
+const Ze = Bs(), Ma = {
   "cmd-or-ctrl": Ze === Xe.Mac ? "Cmd" : "Ctrl",
   "alt-or-opt": Ze === Xe.Mac ? "Opt" : "Alt",
   shift: "Shift"
@@ -2984,7 +2984,7 @@ function pi(e) {
 }
 const Aa = /* @__PURE__ */ c("div", { class: "fixed top-0 left-0 w-full h-full bg-neutral-100/70 dark:bg-neutral-900/70 transition-opacity backdrop-blur-xs" }, null, -1), za = { class: "fixed top-0 left-0 z-10 h-screen !h-[100dvh] w-screen" }, Pa = { class: "flex justify-center items-center h-full w-full p-4 sm:p-0" }, Ta = {
   key: 0,
-  class: "flex items-center justify-start rounded-t-lg shrink-0 min-h-[2rem] sm:min-h-[4rem] py-2 px-4 sm:px-8 truncate text-lg sm:text-2xl font-bold"
+  class: "flex items-center justify-start rounded-t-lg shrink-0 min-h-[2rem] sm:min-h-[4rem] p-4 sm:p-6 truncate text-lg sm:text-2xl font-bold"
 }, Ea = { class: "w-full truncate pr-12" }, Ra = /* @__PURE__ */ c("button", {
   class: "hidden",
   type: "button"
@@ -3003,7 +3003,7 @@ const Aa = /* @__PURE__ */ c("div", { class: "fixed top-0 left-0 w-full h-full b
   emits: ["update:open", "fully-closed"],
   setup(e, { emit: t }) {
     const r = t, s = e, o = tt(), n = O(!1), m = O(!0), u = O(null);
-    Bt(
+    It(
       u,
       Ge(() => {
         C({ target: u.value });
@@ -3040,13 +3040,13 @@ const Aa = /* @__PURE__ */ c("div", { class: "fixed top-0 left-0 w-full h-full b
       n.value = B > 0, m.value = B + z >= p;
     }, 60);
     return te(k, ($) => {
-      if (ve) {
+      if (ge) {
         const w = document.documentElement;
         $ ? w.classList.add("dialog-open") : w.classList.remove("dialog-open");
       }
-    }), Gt(() => {
-      ve && document.documentElement.classList.remove("dialog-open");
-    }), ($, w) => (a(), V(l(Lt), {
+    }), Kt(() => {
+      ge && document.documentElement.classList.remove("dialog-open");
+    }), ($, w) => (a(), V(l(Bt), {
       as: "template",
       show: k.value
     }, {
@@ -3090,7 +3090,7 @@ const Aa = /* @__PURE__ */ c("div", { class: "fixed top-0 left-0 w-full h-full b
                         b.value
                       ]),
                       as: i.value ? "form" : "div",
-                      onSubmit: ge(j, ["prevent"])
+                      onSubmit: be(j, ["prevent"])
                     }, {
                       default: A(() => [
                         c("div", {
@@ -3110,12 +3110,12 @@ const Aa = /* @__PURE__ */ c("div", { class: "fixed top-0 left-0 w-full h-full b
                           class: x(["absolute z-20 bg-foundation rounded-full p-1", y.value ? "top-2 right-3 sm:top-4" : "right-4 top-3"]),
                           onClick: w[0] || (w[0] = (B) => k.value = !1)
                         }, [
-                          _(l(ms), { class: "h-5 sm:h-6 w-5 sm:w-6" })
+                          _(l(fs), { class: "h-5 sm:h-6 w-5 sm:w-6" })
                         ], 2)),
                         c("div", {
                           ref_key: "slotContainer",
                           ref: u,
-                          class: x(["flex-1 simple-scrollbar overflow-y-auto text-sm sm:text-base", y.value ? "p-3 sm:py-6 sm:px-8" : "p-6 pt-10 sm:p-10"]),
+                          class: x(["flex-1 simple-scrollbar overflow-y-auto text-sm sm:text-base", y.value ? "px-4 pb-4 sm:px-6" : "p-4 sm:p-6"]),
                           onScroll: w[1] || (w[1] = //@ts-ignore
                           (...B) => l(C) && l(C)(...B))
                         }, [
@@ -3125,7 +3125,7 @@ const Aa = /* @__PURE__ */ c("div", { class: "fixed top-0 left-0 w-full h-full b
                         ], 34),
                         d.value ? (a(), f("div", {
                           key: 1,
-                          class: x(["relative z-50 flex px-4 py-2 sm:py-4 sm:px-6 gap-2 shrink-0 bg-foundation", {
+                          class: x(["relative z-50 flex p-4 sm:p-6 gap-3 shrink-0 bg-foundation", {
                             "shadow-t": !m.value,
                             [e.buttonsWrapperClasses || ""]: !0
                           }])
@@ -3211,7 +3211,7 @@ const Fa = {
       }
     }), u = async () => {
       var i;
-      o.value = !o.value, o.value && (await Nt(), s.value = (((i = l(r)) == null ? void 0 : i.scrollHeight) || 0) + 64);
+      o.value = !o.value, o.value && (await Gt(), s.value = (((i = l(r)) == null ? void 0 : i.scrollHeight) || 0) + 64);
     };
     return (i, d) => {
       var y, k;
@@ -3228,7 +3228,7 @@ const Fa = {
         }, pt(
           !e.button && !e.alwaysOpen ? {
             click: u,
-            keypress: l(Ot)(u)
+            keypress: l(Lt)(u)
           } : {},
           !0
         )), [
@@ -3245,7 +3245,7 @@ const Fa = {
             c("span", null, L(e.title), 1)
           ], 2),
           c("div", null, [
-            !e.button && !e.alwaysOpen ? (a(), V(l(hs), {
+            !e.button && !e.alwaysOpen ? (a(), V(l(ps), {
               key: 0,
               class: x(["w-4 h-4 sm:w-5 sm:h-5 transition-all duration-400", o.value && "rotate-180"])
             }, null, 8, ["class"])) : I("", !0),
@@ -3367,7 +3367,7 @@ const Fa = {
                 })) : I("", !0),
                 c("span", null, L(e.title), 1)
               ]),
-              _(l(Ct), {
+              _(l(ss), {
                 class: x([m ? "" : "rotate-180 transform", "h-5 w-5"])
               }, null, 8, ["class"])
             ]),
@@ -3391,7 +3391,7 @@ const Fa = {
     ]));
   }
 });
-var xe = /* @__PURE__ */ ((e) => (e.Grid = "grid", e.List = "list", e))(xe || {});
+var ke = /* @__PURE__ */ ((e) => (e.Grid = "grid", e.List = "list", e))(ke || {});
 const Wa = { class: "relative flex bg-primary-muted rounded-md" }, qa = /* @__PURE__ */ c("div", { class: "w-7 h-7 bg-foundation dark:bg-foundation-2 transition rounded shadow" }, null, -1), Ha = [
   qa
 ], Ka = { class: "relative z-10 flex gap-1 items-center p-1 rounded-l" }, Ga = { class: "relative z-10 flex gap-1 items-center p-1 rounded-r" }, gi = /* @__PURE__ */ E({
@@ -3402,11 +3402,11 @@ const Wa = { class: "relative flex bg-primary-muted rounded-md" }, qa = /* @__PU
   emits: ["click", "update:modelValue"],
   setup(e, { emit: t }) {
     const r = t, s = e, o = h({
-      get: () => s.modelValue || xe.Grid,
+      get: () => s.modelValue || ke.Grid,
       set: (m) => r("update:modelValue", m)
     }), n = (m) => {
       r("click", m);
-      const u = o.value === xe.Grid ? xe.List : xe.Grid;
+      const u = o.value === ke.Grid ? ke.List : ke.Grid;
       o.value = u;
     };
     return (m, u) => {
@@ -3418,16 +3418,16 @@ const Wa = { class: "relative flex bg-primary-muted rounded-md" }, qa = /* @__PU
         c("div", Wa, [
           c("div", {
             class: x(["absolute transition", {
-              "translate-x-7": o.value !== l(xe).List
+              "translate-x-7": o.value !== l(ke).List
             }])
           }, Ha, 2),
           re((a(), f("div", Ka, [
-            _(l(as), { class: "h-5 w-5" })
+            _(l(ns), { class: "h-5 w-5" })
           ])), [
             [i, "List View"]
           ]),
           re((a(), f("div", Ga, [
-            _(l(os), { class: "h-5 w-5" })
+            _(l(ls), { class: "h-5 w-5" })
           ])), [
             [i, "Grid View"]
           ])
@@ -3438,19 +3438,19 @@ const Wa = { class: "relative flex bg-primary-muted rounded-md" }, qa = /* @__PU
 });
 var Na = /* @__PURE__ */ ((e) => (e[e.Throttle = 0] = "Throttle", e[e.Debounce = 1] = "Debounce", e))(Na || {}), Qe = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e))(Qe || {});
 function Xa(e, t) {
-  if (!ve)
+  if (!ge)
     return;
   const {
     wait: r = 100,
     throttleOrDebounce: s = 0
     /* Throttle */
-  } = t || {}, o = r ? s === 0 ? Ge(e, r) : Ee(e, r) : e;
-  se(() => window.addEventListener("resize", o)), Pe(() => window.removeEventListener("resize", o));
+  } = t || {}, o = r ? s === 0 ? Ge(e, r) : Re(e, r) : e;
+  se(() => window.addEventListener("resize", o)), Te(() => window.removeEventListener("resize", o));
 }
 function bi(e) {
   se(() => {
     window.addEventListener("beforeunload", e);
-  }), Pe(() => {
+  }), Te(() => {
     window.removeEventListener("beforeunload", e);
   });
 }
@@ -3465,7 +3465,7 @@ function Za(e) {
     const u = l(t);
     return u != null && u.offsetWidth ? u.offsetWidth * 2 : void 0;
   }), n = () => {
-    if (!ve)
+    if (!ge)
       return;
     const m = l(t);
     if (!m)
@@ -3531,7 +3531,7 @@ const Qa = ["disabled", "onClick"], yi = /* @__PURE__ */ E({
             ref_key: "menuButton",
             ref: m,
             class: "hidden",
-            onClick: g[0] || (g[0] = ge(() => {
+            onClick: g[0] || (g[0] = be(() => {
             }, ["stop", "prevent"]))
           }, null, 8, ["id"]),
           c("div", {
@@ -3606,10 +3606,10 @@ const Qa = ["disabled", "onClick"], yi = /* @__PURE__ */ E({
 var Ja = typeof global == "object" && global && global.Object === Object && global;
 const Ya = Ja;
 var eo = typeof self == "object" && self && self.Object === Object && self, to = Ya || eo || Function("return this")();
-const zt = to;
-var so = zt.Symbol;
-const Ae = so;
-var Pt = Object.prototype, no = Pt.hasOwnProperty, lo = Pt.toString, Be = Ae ? Ae.toStringTag : void 0;
+const At = to;
+var so = At.Symbol;
+const ze = so;
+var zt = Object.prototype, no = zt.hasOwnProperty, lo = zt.toString, Be = ze ? ze.toStringTag : void 0;
 function ao(e) {
   var t = no.call(e, Be), r = e[Be];
   try {
@@ -3624,7 +3624,7 @@ var oo = Object.prototype, ro = oo.toString;
 function io(e) {
   return ro.call(e);
 }
-var uo = "[object Null]", co = "[object Undefined]", gt = Ae ? Ae.toStringTag : void 0;
+var uo = "[object Null]", co = "[object Undefined]", gt = ze ? ze.toStringTag : void 0;
 function fo(e) {
   return e == null ? e === void 0 ? co : uo : gt && gt in Object(e) ? ao(e) : io(e);
 }
@@ -3645,7 +3645,7 @@ var bo = /^\s+/;
 function yo(e) {
   return e && e.slice(0, go(e) + 1).replace(bo, "");
 }
-function ze(e) {
+function Pe(e) {
   var t = typeof e;
   return e != null && (t == "object" || t == "function");
 }
@@ -3655,9 +3655,9 @@ function yt(e) {
     return e;
   if (ho(e))
     return bt;
-  if (ze(e)) {
+  if (Pe(e)) {
     var t = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = ze(t) ? t + "" : t;
+    e = Pe(t) ? t + "" : t;
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
@@ -3666,7 +3666,7 @@ function yt(e) {
   return r || wo.test(e) ? Co(e.slice(2), r ? 2 : 8) : xo.test(e) ? bt : +e;
 }
 var $o = function() {
-  return zt.Date.now();
+  return At.Date.now();
 };
 const He = $o;
 var Io = "Expected a function", So = Math.max, Bo = Math.min;
@@ -3674,7 +3674,7 @@ function Lo(e, t, r) {
   var s, o, n, m, u, i, d = 0, y = !1, k = !1, v = !0;
   if (typeof e != "function")
     throw new TypeError(Io);
-  t = yt(t) || 0, ze(r) && (y = !!r.leading, k = "maxWait" in r, n = k ? So(yt(r.maxWait) || 0, t) : n, v = "trailing" in r ? !!r.trailing : v);
+  t = yt(t) || 0, Pe(r) && (y = !!r.leading, k = "maxWait" in r, n = k ? So(yt(r.maxWait) || 0, t) : n, v = "trailing" in r ? !!r.trailing : v);
   function b(M) {
     var P = s, T = o;
     return s = o = void 0, d = M, m = e.apply(T, P), m;
@@ -3722,7 +3722,7 @@ function _o(e, t, r) {
   var s = !0, o = !0;
   if (typeof e != "function")
     throw new TypeError(Oo);
-  return ze(r) && (s = "leading" in r ? !!r.leading : s, o = "trailing" in r ? !!r.trailing : o), Lo(e, t, {
+  return Pe(r) && (s = "leading" in r ? !!r.leading : s, o = "trailing" in r ? !!r.trailing : o), Lo(e, t, {
     leading: s,
     maxWait: t,
     trailing: o
@@ -3733,7 +3733,7 @@ const Vo = { class: "relative z-10 flex gap-4 md:gap-6 flex-col" }, jo = { class
   class: "text-[10px] leading-tight py-0.5 text-foreground-on-primary font-medium px-1.5 rounded-full bg-gradient-to-tr from-[#7025EB] to-primary select-none mt-0.5"
 }, Ro = { class: "absolute right-[-2px] top-[-2px] z-20 pl-8 bg-gradient-to-l from-foundation-page to-transparent" }, xi = /* @__PURE__ */ E({
   __name: "Horizontal",
-  props: /* @__PURE__ */ ke({
+  props: /* @__PURE__ */ we({
     items: null
   }, {
     activeItem: { required: !0 },
@@ -3801,13 +3801,13 @@ const Vo = { class: "relative z-10 flex gap-4 md:gap-6 flex-col" }, jo = { class
       });
     };
     return se(() => {
-      ve && (t.items.length && !r.value && k(t.items[0]), b(), $());
+      ge && (t.items.length && !r.value && k(t.items[0]), b(), $());
     }), te(
       () => [t.items, r.value],
       ([w]) => {
         Array.isArray(w) && w.length && !r.value && k(w[0]), b();
       }
-    ), Pe(() => {
+    ), Te(() => {
       C.cancel();
     }), (w, B) => {
       const z = st("tippy");
@@ -3818,7 +3818,7 @@ const Vo = { class: "relative z-10 flex gap-4 md:gap-6 flex-col" }, jo = { class
             class: "bg-foundation p-1 rounded-full border border-outline-4 shadow",
             onClick: g
           }, [
-            _(l(vs), { class: "h-4 w-4" })
+            _(l(ms), { class: "h-4 w-4" })
           ])) : I("", !0)
         ]),
         Mo,
@@ -3883,7 +3883,7 @@ const Vo = { class: "relative z-10 flex gap-4 md:gap-6 flex-col" }, jo = { class
             class: "bg-foundation p-1 rounded-full border border-outline-3 shadow",
             onClick: j
           }, [
-            _(l(gs), { class: "h-4 w-4" })
+            _(l(hs), { class: "h-4 w-4" })
           ])) : I("", !0)
         ]),
         c("div", null, [
@@ -3898,7 +3898,7 @@ const Fo = { class: "flex gap-8 flex-col lg:flex-row" }, Do = { class: "lg:w-2/1
   class: "text-[10px] leading-tight py-0.5 text-foreground-on-primary font-medium px-1.5 rounded-full bg-gradient-to-tr from-[#7025EB] to-primary select-none mt-0.5"
 }, No = { class: "lg:w-10/12" }, ki = /* @__PURE__ */ E({
   __name: "Vertical",
-  props: /* @__PURE__ */ ke({
+  props: /* @__PURE__ */ we({
     items: null
   }, {
     activeItem: { required: !0 },
@@ -3923,7 +3923,7 @@ const Fo = { class: "flex gap-8 flex-col lg:flex-row" }, Do = { class: "lg:w-2/1
       r.value = n;
     };
     return se(() => {
-      ve && t.items.length && !r.value && o(t.items[0]);
+      ge && t.items.length && !r.value && o(t.items[0]);
     }), te(
       () => [t.items, r.value],
       ([n]) => {
@@ -4062,7 +4062,7 @@ const Fo = { class: "flex gap-8 flex-col lg:flex-row" }, Do = { class: "lg:w-2/1
                   class: x(y.class),
                   "text-color": y.textColor,
                   to: l(he)(y.action) ? y.action : void 0,
-                  onClick: ge((k) => l(he)(y.action) ? l(nt) : y.action(d), ["stop"])
+                  onClick: be((k) => l(he)(y.action) ? l(nt) : y.action(d), ["stop"])
                 }, null, 8, ["icon-left", "class", "text-color", "to", "onClick"])
               ]))), 128))
             ])
@@ -4094,7 +4094,7 @@ const Fo = { class: "flex gap-8 flex-col lg:flex-row" }, Do = { class: "lg:w-2/1
   emits: ["infinite"],
   setup(e) {
     const t = O(null), r = O(!1);
-    return ve && se(() => {
+    return ge && se(() => {
       const s = setInterval(() => {
         var o;
         (o = t.value) != null && o.isConnected && (r.value = !0, clearInterval(s));
@@ -4118,7 +4118,7 @@ const Fo = { class: "flex gap-8 flex-col lg:flex-row" }, Do = { class: "lg:w-2/1
         error: A(({ retry: n }) => [
           c("div", sr, [
             c("div", nr, [
-              _(l(bs), { class: "w-5 h-5 text-danger" }),
+              _(l(vs), { class: "w-5 h-5 text-danger" }),
               lr
             ]),
             e.allowRetry ? (a(), V(ce, {
@@ -4233,14 +4233,14 @@ const Fo = { class: "flex gap-8 flex-col lg:flex-row" }, Do = { class: "lg:w-2/1
         return t.customIcon;
       switch (t.color) {
         case "info":
-          return ws;
+          return Cs;
         case "warning":
-          return Re;
+          return je;
         case "danger":
-          return ks;
+          return ws;
         case "success":
         default:
-          return St;
+          return $t;
       }
     }), n = h(() => {
       const g = [];
@@ -4449,7 +4449,7 @@ const Fo = { class: "flex gap-8 flex-col lg:flex-row" }, Do = { class: "lg:w-2/1
             onClick: j[0] || (j[0] = (C) => g.$emit("dismiss"))
           }, [
             ir,
-            _(l(we), {
+            _(l(ve), {
               class: "h-5 w-5",
               "aria-hidden": "true"
             })
@@ -4470,11 +4470,11 @@ function Si(e) {
 const ur = /* @__PURE__ */ E({
   __name: "ContextManager",
   setup(e, { expose: t }) {
-    const s = Xt().provides, o = Object.getOwnPropertySymbols(s).find(
+    const s = Nt().provides, o = Object.getOwnPropertySymbols(s).find(
       (v) => v.description === "ComboboxContext"
     );
     o || console.error("FormTagsContextManager ctx key not found!");
-    const n = Zt(o || "__undefined");
+    const n = Xt(o || "__undefined");
     return n || console.error("FormTagsContextManager ctx not found!"), t({ goUp: () => {
       n == null || n.goToOption(1);
     }, goDown: () => {
@@ -4541,7 +4541,7 @@ const ur = /* @__PURE__ */ E({
     }), z = O([]), p = O(!1), M = O(!1), P = O(""), T = h({
       get: () => B.value || [],
       set: (R) => {
-        B.value = Yt(R).filter((U) => !!U.length);
+        B.value = Jt(R).filter((U) => !!U.length);
       }
     }), N = h(() => {
       switch (n.size) {
@@ -4555,7 +4555,7 @@ const ur = /* @__PURE__ */ E({
         default:
           return "h-8";
       }
-    }), fe = h(() => n.showClear && !!T.value.length), Me = h(() => {
+    }), fe = h(() => n.showClear && !!T.value.length), Ae = h(() => {
       const R = [
         y.value,
         n.disabled ? "cursor-not-allowed !bg-foundation-disabled !text-disabled-muted" : ""
@@ -4572,7 +4572,7 @@ const ur = /* @__PURE__ */ E({
     }, We = () => {
       var R;
       (R = m.value) == null || R.blur(), M.value = !1;
-    }, be = (R) => {
+    }, ye = (R) => {
       if (R.key !== "Backspace" || P.value.length)
         return;
       const U = T.value.slice();
@@ -4587,7 +4587,7 @@ const ur = /* @__PURE__ */ E({
       n.getAutocompleteItems && (p.value = !0, z.value = await Promise.resolve(
         n.getAutocompleteItems(P.value)
       ), p.value = !1);
-    }, Ce = Ee(X, 1e3), qe = async () => {
+    }, Ce = Re(X, 1e3), qe = async () => {
       p.value = !0, await Ce();
     }, $e = (R, U) => {
       var Q, Y;
@@ -4631,11 +4631,11 @@ const ur = /* @__PURE__ */ E({
               c("span", null, L(l(v)), 1)
             ], 10, cr),
             c("div", {
-              class: x(["relative flex flex-wrap items-center space-x-1 px-2 py-1", Me.value])
+              class: x(["relative flex flex-wrap items-center space-x-1 px-2 py-1", Ae.value])
             }, [
               (a(!0), f(q, null, G(T.value, (F) => (a(), V(at, {
                 key: F,
-                "icon-left": e.disabled ? void 0 : l(we),
+                "icon-left": e.disabled ? void 0 : l(ve),
                 "clickable-icon": "",
                 size: "lg",
                 onClickIcon: () => Ue(F)
@@ -4655,12 +4655,12 @@ const ur = /* @__PURE__ */ E({
                 placeholder: T.value.length ? void 0 : e.placeholder,
                 onInput: $e,
                 onKeydown: [
-                  ye(We, ["escape"]),
-                  U[1] || (U[1] = ye(ge((F) => $e(F, !0), ["stop", "prevent"]), ["enter"])),
-                  ye($e, ["tab"]),
-                  ye(be, ["backspace"]),
-                  ye(le, ["arrow-up"]),
-                  ye(pe, ["arrow-down"])
+                  xe(We, ["escape"]),
+                  U[1] || (U[1] = xe(be((F) => $e(F, !0), ["stop", "prevent"]), ["enter"])),
+                  xe($e, ["tab"]),
+                  xe(ye, ["backspace"]),
+                  xe(le, ["arrow-up"]),
+                  xe(pe, ["arrow-down"])
                 ],
                 onBlur: U[2] || (U[2] = (F) => M.value = !1)
               }, null, 42, dr), [
@@ -4676,7 +4676,7 @@ const ur = /* @__PURE__ */ E({
                 (...F) => l(w) && l(w)(...F))
               }, [
                 fr,
-                _(l(we), {
+                _(l(ve), {
                   class: "h-5 w-5 text-foreground",
                   "aria-hidden": "true"
                 })
@@ -4688,7 +4688,7 @@ const ur = /* @__PURE__ */ E({
                   fe.value ? "pr-8" : "pr-2"
                 ])
               }, [
-                _(l(Re), {
+                _(l(je), {
                   class: "h-4 w-4 text-danger",
                   "aria-hidden": "true"
                 })
@@ -4698,7 +4698,7 @@ const ur = /* @__PURE__ */ E({
                 class: x(["pointer-events-none absolute top-[2px] text-4xl right-0 flex items-center text-danger opacity-50", fe.value ? "pr-8" : "pr-2"])
               }, " * ", 2)) : I("", !0)
             ], 2),
-            _(l(Lt), {
+            _(l(Bt), {
               leave: "transition ease-in duration-100",
               "leave-from": "opacity-100",
               "leave-to": "opacity-0",
@@ -4733,7 +4733,7 @@ const ur = /* @__PURE__ */ E({
                             key: 0,
                             class: x(["absolute inset-y-0 right-0 flex items-center pr-4", { "text-primary": Y, "text-foreground": !Y }])
                           }, [
-                            _(l(It), {
+                            _(l(lt), {
                               class: "h-5 w-5",
                               "aria-hidden": "true"
                             })
@@ -4761,7 +4761,7 @@ const ur = /* @__PURE__ */ E({
     }, 8, ["modelValue", "class"]));
   }
 });
-function Tt(e) {
+function Pt(e) {
   const { props: t } = e, r = h(() => {
     var i;
     switch ((i = t.size) == null ? void 0 : i.value) {
@@ -4857,7 +4857,7 @@ const gr = {
     noBg: { type: Boolean }
   },
   setup(e) {
-    const t = e, { sizeClasses: r, iconClasses: s } = Tt({ props: ie(t) }), o = h(() => {
+    const t = e, { sizeClasses: r, iconClasses: s } = Pt({ props: ie(t) }), o = h(() => {
       var v, b, g;
       if (!((v = t.user) != null && v.name.length))
         return;
@@ -4882,7 +4882,7 @@ const gr = {
             class: "h-full w-full bg-cover bg-center bg-no-repeat",
             style: ee({ backgroundImage: `url('${e.user.avatar}')` })
           }, null, 4)) : o.value ? (a(), f("div", gr, L(o.value), 1)) : (a(), f("div", br, [
-            _(l(rs), {
+            _(l(as), {
               class: x(l(s))
             }, null, 8, ["class"])
           ]))
@@ -4900,12 +4900,12 @@ const gr = {
     maxCount: { default: void 0 }
   },
   setup(e) {
-    const t = e, r = O(null), s = O(null), { hiddenItemCount: o } = jt({
+    const t = e, r = O(null), s = O(null), { hiddenItemCount: o } = Vt({
       elementToWatchForChanges: r,
       itemContainer: s,
       trackResize: !0,
       trackMutations: !0
-    }), { heightClasses: n } = Tt({ props: ie(t) }), m = h(() => t.maxCount ? Math.max(t.users.length - t.maxCount, 0) : 0), u = h(
+    }), { heightClasses: n } = Pt({ props: ie(t) }), m = h(() => t.maxCount ? Math.max(t.users.length - t.maxCount, 0) : 0), u = h(
       () => o.value + m.value
     ), i = h(
       () => t.maxCount ? t.users.slice(0, t.maxCount) : t.users
@@ -4971,7 +4971,7 @@ const gr = {
   class: "w-full text-center text-danger text-sm"
 }, Oi = /* @__PURE__ */ E({
   __name: "AvatarEditable",
-  props: /* @__PURE__ */ ke({
+  props: /* @__PURE__ */ we({
     modelValue: null,
     placeholder: null,
     name: null,
@@ -4984,13 +4984,13 @@ const gr = {
     editMode: { type: Boolean, local: !0 },
     editModeModifiers: {}
   }),
-  emits: /* @__PURE__ */ ke(["save", "update:modelValue"], ["update:editMode"]),
+  emits: /* @__PURE__ */ we(["save", "update:modelValue"], ["update:editMode"]),
   setup(e, { expose: t, emit: r }) {
-    const s = Qt({
+    const s = Zt({
       loader: () => import("./AvatarEditor-ce4e7960.js"),
       loadingComponent: yr,
       delay: 100
-    }), o = r, n = e, { value: m, errorMessage: u } = je(n.name, n.rules, {
+    }), o = r, n = e, { value: m, errorMessage: u } = Me(n.name, n.rules, {
       validateOnMount: n.validateOnMount,
       validateOnValueUpdate: n.validateOnValueUpdate,
       initialValue: n.modelValue || void 0
@@ -5055,7 +5055,7 @@ class Br extends de {
 oe(Br, "defaultMessage", "Operation not supported in current (server or client) environment");
 var ut = /* @__PURE__ */ ((e) => (e.AnyAudio = "audio/*", e.AnyVideo = "video/*", e.AnyImage = "image/*", e))(ut || {});
 function Lr(e, t) {
-  const r = es(
+  const r = Yt(
     Object.values(ut),
     t
   );
@@ -5074,13 +5074,13 @@ function Lr(e, t) {
           return !0;
         break;
     }
-  const s = ts(t, r), o = Or(e.name);
+  const s = es(t, r), o = Or(e.name);
   if (!o)
-    return new Et();
+    return new Tt();
   for (const n of s)
     if (n.toLowerCase() === o.toLowerCase())
       return !0;
-  return new Rt();
+  return new Et();
 }
 function Or(e) {
   const t = e.split(".").pop() || null;
@@ -5109,14 +5109,14 @@ function Vr(e) {
     size: e.size,
     type: e.type
   };
-  return Bs(JSON.stringify(t));
+  return Ls(JSON.stringify(t));
 }
-class Et extends de {
+class Tt extends de {
 }
-oe(Et, "defaultMessage", "The selected file has a missing extension");
-class Rt extends de {
+oe(Tt, "defaultMessage", "The selected file has a missing extension");
+class Et extends de {
 }
-oe(Rt, "defaultMessage", "The selected file type is forbidden");
+oe(Et, "defaultMessage", "The selected file type is forbidden");
 var jr = /* @__PURE__ */ ((e) => (e[e.Success = 1] = "Success", e[e.Failure = 2] = "Failure", e))(jr || {});
 function Mr(e) {
   if (!e)
@@ -5147,7 +5147,7 @@ function Ar(e) {
           d.push({
             file: k,
             id: v,
-            error: new Ft(
+            error: new Rt(
               `The selected file's size (${xt(
                 k.size
               )}) is too big (over ${xt(l(o))})`
@@ -5170,9 +5170,9 @@ function Ar(e) {
     }
   };
 }
-class Ft extends de {
+class Rt extends de {
 }
-oe(Ft, "defaultMessage", "The selected file's size is too large");
+oe(Rt, "defaultMessage", "The selected file's size is too large");
 const zr = ["accept", "multiple"], _i = /* @__PURE__ */ E({
   __name: "Zone",
   props: {
@@ -5224,7 +5224,7 @@ const zr = ["accept", "multiple"], _i = /* @__PURE__ */ E({
         class: "hidden",
         accept: e.accept,
         multiple: e.multiple,
-        onClick: b[0] || (b[0] = ge(() => {
+        onClick: b[0] || (b[0] = be(() => {
         }, ["stop"])),
         onChange: y
       }, null, 40, zr)
@@ -5262,14 +5262,14 @@ export {
   si as FormRadio,
   ni as FormRadioGroup,
   ii as FormSelectBadges,
-  At as FormSelectBase,
+  Mt as FormSelectBase,
   ri as FormSelectSourceApps,
   ui as FormSwitch,
   Bi as FormTags,
   ai as FormTextArea,
   Gl as FormTextInput,
   Xr as GlobalToastRenderer,
-  xe as GridListToggleValue,
+  ke as GridListToggleValue,
   Qe as HorizontalDirection,
   Ci as InfiniteLoading,
   mi as LayoutDialog,
@@ -5297,16 +5297,16 @@ export {
   Ai as buildManualPromise,
   Ze as clientOs,
   di as getKeyboardShortcutTitle,
-  Ot as keyboardClick,
+  Lt as keyboardClick,
   fi as onKeyboardShortcut,
   xt as prettyFileSize,
   li as useDebouncedTextInput,
   pi as useFormCheckboxModel,
-  Mt as useFormSelectChildInternals,
+  jt as useFormSelectChildInternals,
   bi as useOnBeforeWindowUnload,
   Za as useResponsiveHorizontalDirectionCalculation,
   Xa as useWindowResizeHandler,
-  jt as useWrappingContainerHiddenCount,
+  Vt as useWrappingContainerHiddenCount,
   Vi as vKeyboardClickable,
   Si as writableAsyncComputed
 };