npm - @speckle/ui-components - Versions diffs - 2.18.9 → 2.18.11 - Mend

@speckle/ui-components 2.18.9 → 2.18.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/components/form/Switch.vue.d.ts +6 -0
package/dist/composables/common/async.d.ts +8 -0
package/dist/lib.cjs +1 -1
package/dist/lib.cjs.map +1 -1
package/dist/lib.d.ts +2 -2
package/dist/lib.js +311 -299
package/dist/lib.js.map +1 -1
package/package.json +3 -3

package/dist/lib.js CHANGED Viewed

@@ -1,16 +1,16 @@
 var zt = Object.defineProperty;
 var Vt = (e, t, i) => t in e ? zt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
 var ne = (e, t, i) => (Vt(e, typeof t != "symbol" ? t + "" : t, i), i);
-import { defineComponent as P, resolveDynamicComponent as Q, computed as c, openBlock as a, createBlock as O, normalizeClass as b, withCtx as A, createCommentVNode as I, renderSlot as R, createTextVNode as D, createElementBlock as f, createElementVNode as p, createVNode as V, Transition as Ue, unref as l, toDisplayString as z, toRefs as le, Fragment as H, renderList as G, ref as L, onMounted as ae, onBeforeUnmount as qe, normalizeStyle as Y, mergeProps as ie, withDirectives as ue, isRef as Se, vModelText as We, useSlots as He, vModelDynamic as Lt, pushScopeId as Ot, popScopeId as At, watch as ce, Teleport as Mt, withModifiers as pe, useModel as it, toHandlers as st, nextTick as Pt, resolveDirective as jt, getCurrentInstance as _t, inject as Tt, withKeys as ve, mergeModels as nt, defineAsyncComponent as Ft } from "vue";
-import { isObjectLike as Te, clamp as lt, isArray as N, isString as ye, isUndefined as be, debounce as Ke, throttle as ut, noop as ct, uniq as Rt, intersection as Dt, difference as Et } from "lodash";
-import { ArrowPathIcon as dt, ExclamationCircleIcon as Ut, ChevronUpIcon as ft, ChevronDownIcon as qt, XMarkIcon as Ge, MagnifyingGlassIcon as Wt, CheckIcon as pt, Squares2X2Icon as Ht, Bars3Icon as Kt, UserCircleIcon as Gt } from "@heroicons/vue/24/solid";
+import { defineComponent as P, resolveDynamicComponent as Q, computed as c, openBlock as a, createBlock as O, normalizeClass as b, withCtx as M, createCommentVNode as I, renderSlot as R, createTextVNode as D, createElementBlock as f, createElementVNode as p, createVNode as V, Transition as We, unref as l, toDisplayString as z, toRefs as le, Fragment as H, renderList as G, ref as L, onMounted as ae, onBeforeUnmount as qe, normalizeStyle as Y, mergeProps as ie, withDirectives as ue, isRef as Se, vModelText as He, useSlots as Ke, vModelDynamic as Lt, pushScopeId as Ot, popScopeId as Mt, watch as ce, Teleport as At, withModifiers as pe, mergeModels as _e, useModel as it, toHandlers as nt, nextTick as Pt, resolveDirective as jt, getCurrentInstance as Tt, inject as _t, withKeys as ve, defineAsyncComponent as Ft } from "vue";
+import { isObjectLike as Fe, clamp as lt, isArray as N, isString as ye, isUndefined as be, debounce as Ge, throttle as ut, noop as ct, uniq as Rt, intersection as Dt, difference as Et } from "lodash";
+import { ArrowPathIcon as dt, ExclamationCircleIcon as Ut, ChevronUpIcon as ft, ChevronDownIcon as Wt, XMarkIcon as Xe, MagnifyingGlassIcon as qt, CheckIcon as pt, Squares2X2Icon as Ht, Bars3Icon as Kt, UserCircleIcon as Gt } from "@heroicons/vue/24/solid";
 import { CheckCircleIcon as Xt, XCircleIcon as Zt, ExclamationCircleIcon as Nt, InformationCircleIcon as Qt, ClipboardDocumentCheckIcon as Jt, ClipboardDocumentIcon as Yt, XMarkIcon as es, ChevronDownIcon as ts, ExclamationTriangleIcon as ss } from "@heroicons/vue/24/outline";
 import { XMarkIcon as xe, CheckIcon as mt, CheckCircleIcon as ht, ExclamationCircleIcon as ze, EnvelopeIcon as ns, KeyIcon as ls, XCircleIcon as as, InformationCircleIcon as os } from "@heroicons/vue/20/solid";
-import { wait as rs, isNullOrUndefined as is, SourceApps as us, getClientOperatingSystem as cs, OperatingSystem as Fe, md5 as ds } from "@speckle/shared";
+import { wait as rs, isNullOrUndefined as is, SourceApps as us, getClientOperatingSystem as cs, OperatingSystem as Re, md5 as ds } from "@speckle/shared";
 import { useField as Be } from "vee-validate";
 import { nanoid as Ve } from "nanoid";
 import { useResizeObserver as fs, useMutationObserver as ps, useMounted as ms, useElementBounding as hs, useIntersectionObserver as vs, useClipboard as gs, onKeyDown as bs, isClient as Le, computedAsync as ys, useFocus as xs, useDropZone as ks } from "@vueuse/core";
-import { Listbox as ws, ListboxLabel as Cs, ListboxButton as $s, ListboxOptions as Is, ListboxOption as Bs, Switch as Ss, TransitionRoot as vt, Dialog as zs, TransitionChild as at, DialogPanel as Vs, Disclosure as Ls, DisclosureButton as Os, DisclosurePanel as As, Menu as Ms, MenuButton as Ps, MenuItems as js, MenuItem as _s, Combobox as Ts, ComboboxOptions as Fs, ComboboxOption as Rs } from "@headlessui/vue";
+import { Listbox as ws, ListboxLabel as Cs, ListboxButton as $s, ListboxOptions as Is, ListboxOption as Bs, Switch as Ss, TransitionRoot as vt, Dialog as zs, TransitionChild as at, DialogPanel as Vs, Disclosure as Ls, DisclosureButton as Os, DisclosurePanel as Ms, Menu as As, MenuButton as Ps, MenuItems as js, MenuItem as Ts, Combobox as _s, ComboboxOptions as Fs, ComboboxOption as Rs } from "@headlessui/vue";
 import { directive as gt } from "vue-tippy";
 import Ds from "v3-infinite-loading";
 const Es = /* @__PURE__ */ P({
@@ -148,7 +148,7 @@ const Es = /* @__PURE__ */ P({
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const i = t, s = e, o = Q("NuxtLink"), n = Q("RouterLink"), h = c(() => s.linkComponent ? s.linkComponent : s.external ? "a" : Te(o) ? o : Te(n) ? n : "a"), m = c(() => {
+    const i = t, s = e, o = Q("NuxtLink"), n = Q("RouterLink"), h = c(() => s.linkComponent ? s.linkComponent : s.external ? "a" : Fe(o) ? o : Fe(n) ? n : "a"), m = c(() => {
       if (!s.to)
         return s.submit ? "submit" : "button";
     }), u = c(() => s.disabled || s.loading), r = c(() => s.loading ? dt : s.iconLeft), v = c(() => {
@@ -341,7 +341,7 @@ const Es = /* @__PURE__ */ P({
         s.link ? "" : B.value,
         $.value
       ].join(" ");
-    }), T = c(() => {
+    }), _ = c(() => {
       const w = [""];
       switch (s.loading && w.push("animate-spin"), s.size) {
         case "xs":
@@ -362,7 +362,7 @@ const Es = /* @__PURE__ */ P({
           break;
       }
       return w.join(" ");
-    }), M = (w) => {
+    }), A = (w) => {
       if (u.value) {
         w.preventDefault(), w.stopPropagation(), w.stopImmediatePropagation();
         return;
@@ -377,19 +377,19 @@ const Es = /* @__PURE__ */ P({
       class: b(S.value),
       disabled: u.value,
       role: "button",
-      onClick: M
+      onClick: A
     }, {
-      default: A(() => [
+      default: M(() => [
         r.value ? (a(), O(Q(r.value), {
           key: 0,
-          class: b(`${T.value} ${e.hideText ? "" : "mr-2"}`)
+          class: b(`${_.value} ${e.hideText ? "" : "mr-2"}`)
         }, null, 8, ["class"])) : I("", !0),
         e.hideText ? I("", !0) : R(w.$slots, "default", { key: 1 }, () => [
           D("Button")
         ], !0),
         e.iconRight || !e.loading ? (a(), O(Q(e.iconRight), {
           key: 2,
-          class: b(`${T.value} ${e.hideText ? "" : "ml-2"}`)
+          class: b(`${_.value} ${e.hideText ? "" : "ml-2"}`)
         }, null, 8, ["class"])) : I("", !0)
       ]),
       _: 3
@@ -476,7 +476,7 @@ const Oe = (e, t) => {
       role: "link",
       onClickCapture: o
     }, {
-      default: A(() => [
+      default: M(() => [
         R(n.$slots, "default", {}, () => [
           D("Link")
         ])
@@ -486,10 +486,10 @@ const Oe = (e, t) => {
   }
 });
 var Ce = /* @__PURE__ */ ((e) => (e[e.Success = 0] = "Success", e[e.Warning = 1] = "Warning", e[e.Danger = 2] = "Danger", e[e.Info = 3] = "Info", e))(Ce || {});
-const qs = {
+const Ws = {
   "aria-live": "assertive",
   class: "pointer-events-none fixed inset-0 flex items-end px-4 py-6 mt-10 sm:items-start sm:p-6 z-50"
-}, Ws = { class: "flex w-full flex-col items-center gap-4 sm:items-end" }, Hs = { class: "flex-shrink-0" }, Ks = { class: "w-full min-w-[10rem]" }, Gs = {
+}, qs = { class: "flex w-full flex-col items-center gap-4 sm:items-end" }, Hs = { class: "flex-shrink-0" }, Ks = { class: "w-full min-w-[10rem]" }, Gs = {
   key: 1,
   class: "label label--light text-foreground-2 text-sm"
 }, Xs = { key: 2 }, Zs = /* @__PURE__ */ p("span", { class: "sr-only" }, "Close", -1), So = /* @__PURE__ */ P({
@@ -510,9 +510,9 @@ const qs = {
       var u, r, v;
       (v = (r = (u = s.notification) == null ? void 0 : u.cta) == null ? void 0 : r.onClick) == null || v.call(r, m), n();
     };
-    return (m, u) => (a(), f("div", qs, [
-      p("div", Ws, [
-        V(Ue, {
+    return (m, u) => (a(), f("div", Ws, [
+      p("div", qs, [
+        V(We, {
           "enter-active-class": "transform ease-out duration-300 transition",
           "enter-from-class": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2",
           "enter-to-class": "translate-y-0 opacity-100 sm:translate-x-0",
@@ -520,7 +520,7 @@ const qs = {
           "leave-from-class": "opacity-100",
           "leave-to-class": "opacity-0"
         }, {
-          default: A(() => [
+          default: M(() => [
             e.notification ? (a(), f("div", {
               key: 0,
               class: b(["pointer-events-auto w-full max-w-[20rem] overflow-hidden rounded-lg bg-foundation text-foreground shadow-lg ring-1 ring-primary-muted ring-opacity-5", o.value ? "p-2" : "p-3"])
@@ -561,7 +561,7 @@ const qs = {
                       primary: "",
                       onClick: h
                     }, {
-                      default: A(() => [
+                      default: M(() => [
                         D(z(e.notification.cta.title), 1)
                       ]),
                       _: 1
@@ -603,7 +603,7 @@ const Qs = /* @__PURE__ */ p("circle", {
   r: "3"
 }, null, -1), Js = [
   Qs
-], Xe = /* @__PURE__ */ P({
+], Ze = /* @__PURE__ */ P({
   __name: "Badge",
   props: {
     size: null,
@@ -692,14 +692,14 @@ function yt(e) {
     get: () => lt((t == null ? void 0 : t.value) || 0, -1, i.value.length),
     set: (k) => m("update:modelValue", lt(k, 0, i.value.length))
   }), v = (k) => `${k + 1}`, g = (k) => k === r.value, y = (k) => k < r.value, x = (k, $) => {
-    var T;
+    var _;
     if (n != null && n.value) {
       $ == null || $.preventDefault(), $ == null || $.stopPropagation(), $ == null || $.stopImmediatePropagation();
       return;
     }
     r.value = k;
     const S = i.value[r.value];
-    (T = S == null ? void 0 : S.onClick) == null || T.call(S);
+    (_ = S == null ? void 0 : S.onClick) == null || _.call(S);
   }, d = c(() => {
     const k = ["flex"];
     let $, S;
@@ -944,18 +944,18 @@ const en = ["aria-label"], tn = ["href", "onClick"], sn = { class: "flex space-x
   fill: "rgba(255,255,255,0.8)",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, An = /* @__PURE__ */ p("path", {
+}, Mn = /* @__PURE__ */ p("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1), Mn = /* @__PURE__ */ p("path", { d: "M7.904 17.563a1.2 1.2 0 0 0 2.228 .308l2.09 -3.093l4.907 4.907a1.067 1.067 0 0 0 1.509 0l1.047 -1.047a1.067 1.067 0 0 0 0 -1.509l-4.907 -4.907l3.113 -2.09a1.2 1.2 0 0 0 -.309 -2.228l-13.582 -3.904l3.904 13.563z" }, null, -1), Pn = [
-  An,
-  Mn
+}, null, -1), An = /* @__PURE__ */ p("path", { d: "M7.904 17.563a1.2 1.2 0 0 0 2.228 .308l2.09 -3.093l4.907 4.907a1.067 1.067 0 0 0 1.509 0l1.047 -1.047a1.067 1.067 0 0 0 0 -1.509l-4.907 -4.907l3.113 -2.09a1.2 1.2 0 0 0 -.309 -2.228l-13.582 -3.904l3.904 13.563z" }, null, -1), Pn = [
+  Mn,
+  An
 ];
 function jn(e, t) {
   return a(), f("svg", On, Pn);
 }
-const _n = /* @__PURE__ */ Oe(Ln, [["render", jn]]), Tn = {}, Fn = {
+const Tn = /* @__PURE__ */ Oe(Ln, [["render", jn]]), _n = {}, Fn = {
   viewBox: "0 0 18 17",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
@@ -971,7 +971,7 @@ const _n = /* @__PURE__ */ Oe(Ln, [["render", jn]]), Tn = {}, Fn = {
 function En(e, t) {
   return a(), f("svg", Fn, Dn);
 }
-const Un = /* @__PURE__ */ Oe(Tn, [["render", En]]), qn = { class: "relative aspect-square w-full h-full max-w-[250px] mx-auto mb-8 border-t border-r border-outline-3 select-none" }, Wn = { class: "w-full h-full overflow-hidden" }, Lo = /* @__PURE__ */ P({
+const Un = /* @__PURE__ */ Oe(_n, [["render", En]]), Wn = { class: "relative aspect-square w-full h-full max-w-[250px] mx-auto mb-8 border-t border-r border-outline-3 select-none" }, qn = { class: "w-full h-full overflow-hidden" }, Lo = /* @__PURE__ */ P({
   __name: "Instructional",
   props: {
     actions: Array,
@@ -1015,7 +1015,7 @@ const Un = /* @__PURE__ */ Oe(Tn, [["render", En]]), qn = { class: "relative asp
       })();
     }), qe(() => {
       i.value = !1;
-    }), (g, y) => (a(), f("div", qn, [
+    }), (g, y) => (a(), f("div", Wn, [
       p("div", {
         class: "absolute z-50 text-foreground dark:text-foundation",
         style: Y({
@@ -1028,9 +1028,9 @@ const Un = /* @__PURE__ */ Oe(Tn, [["render", En]]), qn = { class: "relative asp
         V(Un, {
           class: b(["absolute -top-5 -left-4 h-12 w-12 -rotate-12 text-foreground", [{ hidden: !o.value }]])
         }, null, 8, ["class"]),
-        V(_n, { class: "absolute inset-0 h-11 w-11" })
+        V(Tn, { class: "absolute inset-0 h-11 w-11" })
       ], 4),
-      p("div", Wn, [
+      p("div", qn, [
         R(g.$slots, "background"),
         (a(!0), f(H, null, G(m.value, (x) => (a(), f(H, {
           key: x.name
@@ -1079,7 +1079,7 @@ const Un = /* @__PURE__ */ Oe(Tn, [["render", En]]), qn = { class: "relative asp
 }, Nn = ["for"], Qn = {
   key: 0,
   class: "text-danger ml-1"
-}, Jn = ["id"], Ao = /* @__PURE__ */ P({
+}, Jn = ["id"], Mo = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -1185,8 +1185,8 @@ const Un = /* @__PURE__ */ Oe(Tn, [["render", En]]), qn = { class: "relative asp
       t.disabled || h(k);
     };
     return ae(() => {
-      const k = t.modelValue, $ = m.value, S = Array.isArray(k) ? k.includes(t.value) : k === t.value, T = Array.isArray($) ? $.includes(t.value) : $ === t.value;
-      S !== T && h(k);
+      const k = t.modelValue, $ = m.value, S = Array.isArray(k) ? k.includes(t.value) : k === t.value, _ = Array.isArray($) ? $.includes(t.value) : $ === t.value;
+      S !== _ && h(k);
     }), (k, $) => (a(), f("div", Kn, [
       p("div", Gn, [
         p("input", ie({
@@ -1222,7 +1222,7 @@ const Un = /* @__PURE__ */ Oe(Tn, [["render", En]]), qn = { class: "relative asp
 }, nl = { class: "flex flex-col" }, ll = ["id"], al = {
   key: 1,
   class: "text-danger ml-1"
-}, ol = ["id"], Mo = /* @__PURE__ */ P({
+}, ol = ["id"], Ao = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "Radio",
   props: {
@@ -1335,8 +1335,8 @@ const Un = /* @__PURE__ */ Oe(Tn, [["render", En]]), qn = { class: "relative asp
       t.disabled || h(k);
     };
     return ae(() => {
-      const k = t.modelValue, $ = m.value, S = Array.isArray(k) ? k.includes(t.value) : k === t.value, T = Array.isArray($) ? $.includes(t.value) : $ === t.value;
-      S !== T && h(k);
+      const k = t.modelValue, $ = m.value, S = Array.isArray(k) ? k.includes(t.value) : k === t.value, _ = Array.isArray($) ? $.includes(t.value) : $ === t.value;
+      S !== _ && h(k);
     }), (k, $) => (a(), f("div", {
       class: b(["relative flex gap-2 mb-2 last:mb-0", e.description && e.inlineDescription ? "items-start" : "items-center"])
     }, [
@@ -1381,44 +1381,44 @@ const Un = /* @__PURE__ */ Oe(Tn, [["render", En]]), qn = { class: "relative asp
     ], 2));
   }
 });
-function Ze(e) {
+function Ne(e) {
   const { props: t, inputEl: i, emit: s, options: o } = e, { value: n, errorMessage: h } = Be(t.name, t.rules, {
     validateOnMount: l(t.validateOnMount),
     validateOnValueUpdate: l(t.validateOnValueUpdate),
     initialValue: l(t.modelValue) || void 0
   }), m = c(() => {
-    const M = ["block label text-foreground-2 mb-2"];
-    return l(t.showLabel) || M.push("sr-only"), M.join(" ");
+    const A = ["block label text-foreground-2 mb-2"];
+    return l(t.showLabel) || A.push("sr-only"), A.join(" ");
   }), u = c(() => [
     "focus:outline-none disabled:cursor-not-allowed disabled:bg-foundation-disabled",
     "disabled:text-disabled-muted placeholder:text-foreground-2",
     "rounded"
   ].join(" ")), r = c(() => {
-    const M = [
+    const A = [
       "block w-full text-foreground transition-all",
       u.value
     ];
-    h.value ? M.push(
+    h.value ? A.push(
       "focus:border-danger focus:ring-danger border-2 border-danger text-danger-darker"
-    ) : M.push("border-0 focus:ring-2 focus:ring-outline-2");
+    ) : A.push("border-0 focus:ring-2 focus:ring-outline-2");
     const w = l(t.color);
-    return w === "foundation" ? M.push("bg-foundation shadow-sm hover:shadow") : w === "transparent" ? M.push("bg-transparent") : M.push("bg-foundation-page"), M.join(" ");
+    return w === "foundation" ? A.push("bg-foundation shadow-sm hover:shadow") : w === "transparent" ? A.push("bg-transparent") : A.push("bg-foundation-page"), A.join(" ");
   }), v = L(Ve()), g = c(() => l(t.label) || l(t.name)), y = c(() => {
-    const M = h.value;
-    return !M || !l(t.useLabelInErrors) ? M : M.replace("Value", g.value);
+    const A = h.value;
+    return !A || !l(t.useLabelInErrors) ? A : A.replace("Value", g.value);
   }), x = c(
     () => y.value && l(t.hideErrorMessage)
   ), d = c(() => y.value || l(t.help)), B = c(() => !!d.value), k = c(
     () => B.value ? `${l(t.name)}-${v.value}` : void 0
   ), $ = c(() => {
-    const M = ["mt-2 text-xs sm:text-sm"];
-    return M.push(h.value ? "text-danger" : "text-foreground-2"), M.join(" ");
+    const A = ["mt-2 text-xs sm:text-sm"];
+    return A.push(h.value ? "text-danger" : "text-foreground-2"), A.join(" ");
   }), S = () => {
-    var M;
-    (M = i.value) == null || M.focus();
-  }, T = () => {
-    var M;
-    n.value = N(n.value) ? [] : "", (M = o == null ? void 0 : o.customClear) == null || M.call(o), s("change", { value: n.value }), s("clear");
+    var A;
+    (A = i.value) == null || A.focus();
+  }, _ = () => {
+    var A;
+    n.value = N(n.value) ? [] : "", (A = o == null ? void 0 : o.customClear) == null || A.call(o), s("change", { value: n.value }), s("clear");
   };
   return ae(() => {
     l(t.autoFocus) && S();
@@ -1432,7 +1432,7 @@ function Ze(e) {
     helpTip: d,
     hideHelpTip: x,
     errorMessage: y,
-    clear: T,
+    clear: _,
     focus: S,
     labelClasses: m
   };
@@ -1471,7 +1471,7 @@ const rl = ["for"], il = { class: "relative" }, ul = ["id", "name", "placeholder
       labelClasses: x,
       clear: d,
       focus: B
-    } = Ze({
+    } = Ne({
       props: le(o),
       emit: s,
       inputEl: n
@@ -1493,7 +1493,7 @@ const rl = ["for"], il = { class: "relative" }, ul = ["id", "name", "placeholder
           id: e.name,
           ref_key: "inputElement",
           ref: n,
-          "onUpdate:modelValue": S[0] || (S[0] = (T) => Se(u) ? u.value = T : null),
+          "onUpdate:modelValue": S[0] || (S[0] = (_) => Se(u) ? u.value = _ : null),
           name: e.name,
           class: [
             l(h),
@@ -1506,19 +1506,19 @@ const rl = ["for"], il = { class: "relative" }, ul = ["id", "name", "placeholder
           "aria-invalid": l(y) ? "true" : "false",
           "aria-describedby": l(r)
         }, $.$attrs, {
-          onChange: S[1] || (S[1] = (T) => $.$emit("change", { event: T, value: l(u) })),
-          onInput: S[2] || (S[2] = (T) => $.$emit("input", { event: T, value: l(u) }))
+          onChange: S[1] || (S[1] = (_) => $.$emit("change", { event: _, value: l(u) })),
+          onInput: S[2] || (S[2] = (_) => $.$emit("input", { event: _, value: l(u) }))
         }), null, 16, ul), [
-          [We, l(u)]
+          [He, l(u)]
         ]),
         e.showClear ? (a(), f("a", {
           key: 0,
           title: "Clear input",
           class: "absolute top-2 right-0 flex items-center pr-2 cursor-pointer",
           onClick: S[3] || (S[3] = //@ts-ignore
-          (...T) => l(d) && l(d)(...T)),
+          (..._) => l(d) && l(d)(..._)),
           onKeydown: S[4] || (S[4] = //@ts-ignore
-          (...T) => l(d) && l(d)(...T))
+          (..._) => l(d) && l(d)(..._))
         }, [
           cl,
           V(l(xe), {
@@ -1690,7 +1690,7 @@ const rl = ["for"], il = { class: "relative" }, ul = ["id", "name", "placeholder
   },
   emits: ["update:modelValue", "change", "input", "clear", "focus", "blur"],
   setup(e, { expose: t, emit: i }) {
-    const s = e, o = i, n = He(), h = L(null), {
+    const s = e, o = i, n = Ke(), h = L(null), {
       coreClasses: m,
       title: u,
       value: r,
@@ -1702,18 +1702,18 @@ const rl = ["for"], il = { class: "relative" }, ul = ["id", "name", "placeholder
       clear: B,
       focus: k,
       labelClasses: $
-    } = Ze({
+    } = Ne({
       props: le(s),
       emit: o,
       inputEl: h
     }), S = c(() => {
       const E = ["h-5 w-5"];
       return d.value ? E.push("text-danger") : E.push("text-foreground-2"), E.join(" ");
-    }), T = c(
+    }), _ = c(
       () => ["email", "password"].includes(s.type) || s.customIcon
-    ), M = c(() => {
+    ), A = c(() => {
       const E = [];
-      return T.value ? E.push("pl-8") : E.push("pl-2"), n["input-right"] || (d.value || s.showClear) && (d.value && s.showClear ? E.push("pr-12") : E.push("pr-8")), E.join(" ");
+      return _.value ? E.push("pl-8") : E.push("pl-2"), n["input-right"] || (d.value || s.showClear) && (d.value && s.showClear ? E.push("pr-12") : E.push("pr-8")), E.join(" ");
     }), w = c(() => {
       switch (s.size) {
         case "sm":
@@ -1727,7 +1727,7 @@ const rl = ["for"], il = { class: "relative" }, ul = ["id", "name", "placeholder
           return "h-8 text-sm";
       }
     });
-    return t({ focus: k }), (E, q) => (a(), f("div", {
+    return t({ focus: k }), (E, W) => (a(), f("div", {
       class: b([e.fullWidth ? "w-full" : "", e.wrapperClasses])
     }, [
       p("label", {
@@ -1737,7 +1737,7 @@ const rl = ["for"], il = { class: "relative" }, ul = ["id", "name", "placeholder
         p("span", null, z(l(u)), 1)
       ], 10, fl),
       p("div", pl, [
-        T.value ? (a(), f("div", ml, [
+        _.value ? (a(), f("div", ml, [
           e.customIcon ? (a(), O(Q(e.customIcon), {
             key: 0,
             class: b(S.value),
@@ -1756,20 +1756,20 @@ const rl = ["for"], il = { class: "relative" }, ul = ["id", "name", "placeholder
           id: e.name,
           ref_key: "inputElement",
           ref: h,
-          "onUpdate:modelValue": q[0] || (q[0] = (U) => Se(r) ? r.value = U : null),
+          "onUpdate:modelValue": W[0] || (W[0] = (U) => Se(r) ? r.value = U : null),
           type: e.type,
           name: e.name,
-          class: [l(m), M.value, w.value, e.inputClasses || ""],
+          class: [l(m), A.value, w.value, e.inputClasses || ""],
           placeholder: e.placeholder,
           disabled: e.disabled,
           "aria-invalid": l(d) ? "true" : "false",
           "aria-describedby": l(v),
           role: "textbox"
         }, E.$attrs, {
-          onChange: q[1] || (q[1] = (U) => E.$emit("change", { event: U, value: l(r) })),
-          onInput: q[2] || (q[2] = (U) => E.$emit("input", { event: U, value: l(r) })),
-          onFocus: q[3] || (q[3] = (U) => E.$emit("focus")),
-          onBlur: q[4] || (q[4] = (U) => E.$emit("blur"))
+          onChange: W[1] || (W[1] = (U) => E.$emit("change", { event: U, value: l(r) })),
+          onInput: W[2] || (W[2] = (U) => E.$emit("input", { event: U, value: l(r) })),
+          onFocus: W[3] || (W[3] = (U) => E.$emit("focus")),
+          onBlur: W[4] || (W[4] = (U) => E.$emit("blur"))
         }), null, 16, hl), [
           [Lt, l(r)]
         ]),
@@ -1778,9 +1778,9 @@ const rl = ["for"], il = { class: "relative" }, ul = ["id", "name", "placeholder
             key: 0,
             title: "Clear input",
             class: "absolute inset-y-0 right-0 flex items-center pr-2 cursor-pointer",
-            onClick: q[5] || (q[5] = //@ts-ignore
+            onClick: W[5] || (W[5] = //@ts-ignore
             (...U) => l(B) && l(B)(...U)),
-            onKeydown: q[6] || (q[6] = //@ts-ignore
+            onKeydown: W[6] || (W[6] = //@ts-ignore
             (...U) => l(B) && l(B)(...U))
           }, [
             vl,
@@ -1814,7 +1814,7 @@ const rl = ["for"], il = { class: "relative" }, ul = ["id", "name", "placeholder
       }, z(l(y)), 11, gl)) : I("", !0)
     ], 2));
   }
-}), xt = /^https?:\/\//, Ne = /^[\w-_.+]+@[\w-_.+]+$/, yl = (e) => (e || "").match(Ne) ? !0 : "Value should be a valid e-mail address", xl = (e) => (e || "").split(",").map((s) => s.trim()).every((s) => s.match(Ne)) || "Value should be one or multiple comma-delimited e-mail addresses", kl = (e) => (ye(e) && (e = e.trim()), e ? !0 : "Value is required"), wl = (e, t) => (i, s) => i === s.form[e] ? !0 : `Value must be the same as in field '${t || e}'`, Cl = (e) => (t) => {
+}), xt = /^https?:\/\//, Qe = /^[\w-_.+]+@[\w-_.+]+$/, yl = (e) => (e || "").match(Qe) ? !0 : "Value should be a valid e-mail address", xl = (e) => (e || "").split(",").map((s) => s.trim()).every((s) => s.match(Qe)) || "Value should be one or multiple comma-delimited e-mail addresses", kl = (e) => (ye(e) && (e = e.trim()), e ? !0 : "Value is required"), wl = (e, t) => (i, s) => i === s.form[e] ? !0 : `Value must be the same as in field '${t || e}'`, Cl = (e) => (t) => {
   const { minLength: i, maxLength: s } = e;
   return t = is(t) ? "" : t, ye(t) ? !be(i) && t.length < i ? `Value needs to be at least ${i} characters long` : !be(s) && t.length > s ? `Value needs to be no more than ${s} characters long` : !0 : "Value should be a text string";
 }, $l = (e) => (t) => {
@@ -1822,7 +1822,7 @@ const rl = ["for"], il = { class: "relative" }, ul = ["id", "name", "placeholder
   return ye(t) ? i ? ye(i) ? t.includes(i) ? !0 : s : i.test(t) ? !0 : s : !0 : "Value should be a text string";
 }, Il = (e) => xt.test(e) ? !0 : "Value is not a valid URL", Bl = (e) => Array.isArray(e) && e.length > 0 ? !0 : "Value should have at least a single item selected", jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VALID_EMAIL: Ne,
+  VALID_EMAIL: Qe,
   VALID_HTTP_URL: xt,
   isEmail: yl,
   isItemSelected: Bl,
@@ -1900,7 +1900,7 @@ function wt(e) {
     firstItem: (r) => h(r) ? r[0] : r
   };
 }
-const Sl = (e) => (Ot("data-v-89e77cae"), e = e(), At(), e), zl = /* @__PURE__ */ Sl(() => /* @__PURE__ */ p("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), Vl = [
+const Sl = (e) => (Ot("data-v-89e77cae"), e = e(), Mt(), e), zl = /* @__PURE__ */ Sl(() => /* @__PURE__ */ p("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), Vl = [
   zl
 ], Ll = /* @__PURE__ */ P({
   __name: "Bar",
@@ -1916,16 +1916,16 @@ const Sl = (e) => (Ot("data-v-89e77cae"), e = e(), At(), e), zl = /* @__PURE__ *
     }, Vl, 2));
   }
 });
-const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { class: "flex items-center justify-between w-full" }, Al = { class: "block truncate grow text-left text-xs sm:text-sm" }, Ml = { class: "pointer-events-none shrink-0 ml-1 flex items-center space-x-2" }, Pl = {
+const Je = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { class: "flex items-center justify-between w-full" }, Ml = { class: "block truncate grow text-left text-xs sm:text-sm" }, Al = { class: "pointer-events-none shrink-0 ml-1 flex items-center space-x-2" }, Pl = {
   key: 1,
   class: "text-4xl text-danger opacity-50 h-4 w-4 leading-6"
-}, jl = ["disabled"], _l = {
+}, jl = ["disabled"], Tl = {
   key: 0,
   class: "flex flex-col mx-1 mb-1"
-}, Tl = /* @__PURE__ */ p("span", { class: "sr-only label text-foreground" }, "Search", -1), Fl = { class: "relative" }, Rl = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, Dl = ["placeholder"], El = {
+}, _l = /* @__PURE__ */ p("span", { class: "sr-only label text-foreground" }, "Search", -1), Fl = { class: "relative" }, Rl = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, Dl = ["placeholder"], El = {
   key: 0,
   class: "px-1"
-}, Ul = { key: 1 }, ql = /* @__PURE__ */ p("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), Wl = {
+}, Ul = { key: 1 }, Wl = /* @__PURE__ */ p("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), ql = {
   class: /* @__PURE__ */ b(["block truncate"])
 }, Hl = ["id"], Ct = /* @__PURE__ */ P({
   __name: "Base",
@@ -2097,7 +2097,7 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: i }) {
-    const s = (C) => Te(C), o = i, n = e, { value: h, errorMessage: m } = Be(n.name, n.rules, {
+    const s = (C) => Fe(C), o = i, n = e, { value: h, errorMessage: m } = Be(n.name, n.rules, {
       validateOnMount: n.validateOnMount,
       validateOnValueUpdate: n.validateOnValueUpdate,
       initialValue: n.modelValue
@@ -2117,16 +2117,16 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
         C && n.mountMenuOnBody && $.update();
       }
     );
-    const S = c(() => l(n.label) || l(n.name)), T = c(() => {
+    const S = c(() => l(n.label) || l(n.name)), _ = c(() => {
       const C = m.value;
       return !C || !l(n.useLabelInErrors) ? C : C.replace("Value", S.value);
-    }), M = c(() => T.value || l(n.help)), w = c(() => !!M.value), E = c(
+    }), A = c(() => _.value || l(n.help)), w = c(() => !!A.value), E = c(
       () => w.value ? `${l(n.name)}-${k.value}` : void 0
-    ), q = c(
+    ), W = c(
       () => m.value ? "text-danger" : "text-foreground-2"
     ), U = c(
       () => n.buttonStyle !== "simple" && n.clearable && !n.disabled
-    ), Ae = c(() => {
+    ), Me = c(() => {
       const C = ["relative flex group"];
       return m.value ? (C.push("hover:shadow rounded-md"), C.push("text-danger-darker focus:border-danger focus:ring-danger"), n.buttonStyle !== "simple" && C.push("outline outline-2 outline-danger")) : n.buttonStyle !== "simple" && (C.push("hover:shadow rounded-md"), C.push("outline outline-2 outline-primary-muted")), n.fixedHeight && C.push("h-8"), C.join(" ");
     }), re = c(() => {
@@ -2134,7 +2134,7 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
       return n.buttonStyle !== "simple" && C.push(
         fe.value ? "bg-foundation-disabled text-foreground-disabled" : ""
       ), fe.value && C.push("cursor-not-allowed"), C.join(" ");
-    }), Me = c(() => {
+    }), Ae = c(() => {
       const C = [
         "relative z-[1]",
         "flex items-center justify-center text-center shrink-0",
@@ -2174,19 +2174,19 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
         if (n.multiple)
           K = C || [];
         else {
-          const W = h.value;
-          K = n.allowUnset && W && C && _(W) === _(C) ? void 0 : C;
+          const q = h.value;
+          K = n.allowUnset && q && C && T(q) === T(C) ? void 0 : C;
         }
         n.fullyControlValue ? o("update:modelValue", K) : h.value = K, B.value += 1;
       }
     }), he = c(() => n.multiple && N(X.value) ? X.value.length !== 0 : !!X.value), je = () => {
       n.multiple ? X.value = [] : X.value = void 0;
-    }, _e = c(() => {
+    }, Te = c(() => {
       const C = y.value;
       return !me.value || !(C != null && C.length) ? x.value : n.filterPredicate ? x.value.filter(
         (K) => {
-          var W;
-          return ((W = n.filterPredicate) == null ? void 0 : W.call(n, K, C)) || !1;
+          var q;
+          return ((q = n.filterPredicate) == null ? void 0 : q.call(n, K, C)) || !1;
         }
       ) : x.value;
     }), ke = c(() => {
@@ -2197,11 +2197,11 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
     }), j = c(() => {
       const C = {};
       if (n.mountMenuOnBody) {
-        const K = $.top.value, W = $.left.value, J = $.width.value, se = $.height.value;
-        C.top = `${K + se}px`, C.left = `${W}px`, C.width = `${J}px`;
+        const K = $.top.value, q = $.left.value, J = $.width.value, se = $.height.value;
+        C.top = `${K + se}px`, C.left = `${q}px`, C.width = `${J}px`;
       }
       return C;
-    }), F = (C) => JSON.stringify(C), _ = (C) => s(C) ? C[n.by || "id"] : C, Z = async () => {
+    }), F = (C) => JSON.stringify(C), T = (C) => s(C) ? C[n.by || "id"] : C, Z = async () => {
       if (!(!ee.value || !n.getSearchResults)) {
         d.value = !0;
         try {
@@ -2210,12 +2210,12 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
           d.value = !1;
         }
       }
-    }, te = Ke(Z, 1e3), we = (C) => {
-      const { active: K, disabled: W } = C || {}, { hideCheckmarks: J } = n, se = [
+    }, te = Ge(Z, 1e3), we = (C) => {
+      const { active: K, disabled: q } = C || {}, { hideCheckmarks: J } = n, se = [
         "relative transition cursor-pointer select-none py-1.5 pl-3",
         J ? "" : "pr-9"
       ];
-      return W ? se.push("opacity-50 cursor-not-allowed") : se.push(K ? "text-primary" : "text-foreground"), se.join(" ");
+      return q ? se.push("opacity-50 cursor-not-allowed") : se.push(K ? "text-primary" : "text-foreground"), se.join(" ");
     };
     return ce(
       () => n.items,
@@ -2231,33 +2231,33 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
       (a(), O(l(ws), {
         key: B.value,
         modelValue: X.value,
-        "onUpdate:modelValue": K[4] || (K[4] = (W) => X.value = W),
+        "onUpdate:modelValue": K[4] || (K[4] = (q) => X.value = q),
         name: e.name,
         multiple: e.multiple,
         by: e.by,
         disabled: fe.value,
         as: "div"
       }, {
-        default: A(() => [
+        default: M(() => [
           V(l(Cs), {
             class: b(["block label text-foreground-2 mb-2", { "sr-only": !e.showLabel }])
           }, {
-            default: A(() => [
+            default: M(() => [
               D(z(e.label), 1)
             ]),
             _: 1
           }, 8, ["class"]),
           p("div", {
-            class: b(Ae.value)
+            class: b(Me.value)
           }, [
             V(l($s), {
               ref_key: "listboxButton",
               ref: g,
               class: b(Pe.value)
             }, {
-              default: A(({ open: W }) => [
+              default: M(({ open: q }) => [
                 p("div", Ol, [
-                  p("div", Al, [
+                  p("div", Ml, [
                     !X.value || l(N)(X.value) && !X.value.length ? R(C.$slots, "nothing-selected", { key: 0 }, () => [
                       D(z(e.placeholder ? e.placeholder : e.label), 1)
                     ]) : R(C.$slots, "something-selected", {
@@ -2267,17 +2267,17 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
                       D(z(F(X.value)), 1)
                     ])
                   ]),
-                  p("div", Ml, [
-                    T.value ? (a(), O(l(Ut), {
+                  p("div", Al, [
+                    _.value ? (a(), O(l(Ut), {
                       key: 0,
                       class: "h-4 w-4 text-danger",
                       "aria-hidden": "true"
                     })) : e.showRequired ? (a(), f("div", Pl, " * ")) : I("", !0),
-                    W ? (a(), O(l(ft), {
+                    q ? (a(), O(l(ft), {
                       key: 2,
                       class: "h-4 w-4 text-foreground",
                       "aria-hidden": "true"
-                    })) : (a(), O(l(qt), {
+                    })) : (a(), O(l(Wt), {
                       key: 3,
                       class: "h-4 w-4 text-foreground",
                       "aria-hidden": "true"
@@ -2289,22 +2289,22 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
             }, 8, ["class"]),
             U.value ? ue((a(), f("button", {
               key: 0,
-              class: b(Me.value),
+              class: b(Ae.value),
               disabled: e.disabled,
-              onClick: K[0] || (K[0] = (W) => je())
+              onClick: K[0] || (K[0] = (q) => je())
             }, [
-              V(l(Ge), { class: "w-3 h-3" })
+              V(l(Xe), { class: "w-3 h-3" })
             ], 10, jl)), [
               [l(gt), "Clear"]
             ]) : I("", !0),
-            l(u) ? (a(), O(Ue, {
+            l(u) ? (a(), O(We, {
               key: 1,
               "leave-active-class": "transition ease-in duration-100",
               "leave-from-class": "opacity-100",
               "leave-to-class": "opacity-0"
             }, {
-              default: A(() => [
-                (a(), O(Mt, {
+              default: M(() => [
+                (a(), O(At, {
                   to: "body",
                   disabled: !e.mountMenuOnBody
                 }, [
@@ -2313,29 +2313,29 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
                     ref: v,
                     class: b(ke.value),
                     style: Y(j.value),
-                    onFocus: K[3] || (K[3] = (W) => {
+                    onFocus: K[3] || (K[3] = (q) => {
                       var J;
                       return (J = r.value) == null ? void 0 : J.focus();
                     })
                   }, {
-                    default: A(() => [
-                      me.value ? (a(), f("label", _l, [
-                        Tl,
+                    default: M(() => [
+                      me.value ? (a(), f("label", Tl, [
+                        _l,
                         p("div", Fl, [
                           p("div", Rl, [
-                            V(l(Wt), { class: "h-5 w-5 text-foreground" })
+                            V(l(qt), { class: "h-5 w-5 text-foreground" })
                           ]),
                           ue(p("input", {
                             ref_key: "searchInput",
                             ref: r,
-                            "onUpdate:modelValue": K[1] || (K[1] = (W) => y.value = W),
+                            "onUpdate:modelValue": K[1] || (K[1] = (q) => y.value = q),
                             type: "text",
                             class: "pl-9 w-full border-0 bg-foundation-page rounded placeholder:font-normal normal placeholder:text-foreground-2 focus:outline-none focus:ring-1 focus:border-outline-1 focus:ring-outline-1",
                             placeholder: e.searchPlaceholder,
                             onKeydown: K[2] || (K[2] = pe(() => {
                             }, ["stop"]))
                           }, null, 40, Dl), [
-                            [We, y.value]
+                            [He, y.value]
                           ])
                         ])
                       ])) : I("", !0),
@@ -2343,44 +2343,44 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
                         class: b(["overflow-auto simple-scrollbar", [me.value ? "max-h-52" : "max-h-40"]])
                       }, [
                         ee.value && d.value ? (a(), f("div", El, [
-                          V(Qe, { loading: !0 })
+                          V(Je, { loading: !0 })
                         ])) : ee.value && !x.value.length ? (a(), f("div", Ul, [
                           R(C.$slots, "nothing-found", {}, () => [
-                            ql
+                            Wl
                           ])
                         ])) : I("", !0),
-                        !ee.value || !d.value ? (a(!0), f(H, { key: 2 }, G(_e.value, (W) => {
+                        !ee.value || !d.value ? (a(!0), f(H, { key: 2 }, G(Te.value, (q) => {
                           var J;
                           return a(), O(l(Bs), {
-                            key: _(W),
-                            value: W,
-                            disabled: ((J = e.disabledItemPredicate) == null ? void 0 : J.call(e, W)) || !1
+                            key: T(q),
+                            value: q,
+                            disabled: ((J = e.disabledItemPredicate) == null ? void 0 : J.call(e, q)) || !1
                           }, {
-                            default: A(({
+                            default: M(({
                               active: se,
-                              selected: Ye
+                              selected: et
                             }) => {
-                              var et, tt;
+                              var tt, st;
                               return [
                                 p("li", {
                                   class: b(
                                     we({
                                       active: se,
-                                      disabled: ((et = e.disabledItemPredicate) == null ? void 0 : et.call(e, W)) || !1
+                                      disabled: ((tt = e.disabledItemPredicate) == null ? void 0 : tt.call(e, q)) || !1
                                     })
                                   )
                                 }, [
-                                  p("span", Wl, [
+                                  p("span", ql, [
                                     R(C.$slots, "option", {
-                                      item: W,
+                                      item: q,
                                       active: se,
-                                      selected: Ye,
-                                      disabled: ((tt = e.disabledItemPredicate) == null ? void 0 : tt.call(e, W)) || !1
+                                      selected: et,
+                                      disabled: ((st = e.disabledItemPredicate) == null ? void 0 : st.call(e, q)) || !1
                                     }, () => [
-                                      D(z(F(W)), 1)
+                                      D(z(F(q)), 1)
                                     ])
                                   ]),
-                                  !e.hideCheckmarks && Ye ? (a(), f("span", {
+                                  !e.hideCheckmarks && et ? (a(), f("span", {
                                     key: 0,
                                     class: b([
                                       se ? "text-primary" : "text-foreground",
@@ -2413,8 +2413,8 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
       E.value ? (a(), f("p", {
         key: 0,
         id: E.value,
-        class: b(["mt-2 text-xs sm:text-sm", q.value])
-      }, z(M.value), 11, Hl)) : I("", !0)
+        class: b(["mt-2 text-xs sm:text-sm", W.value])
+      }, z(A.value), 11, Hl)) : I("", !0)
     ]));
   }
 }), Kl = /* @__PURE__ */ P({
@@ -2423,12 +2423,12 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
     sourceApp: null
   },
   setup(e) {
-    return (t, i) => (a(), O(Xe, {
+    return (t, i) => (a(), O(Ze, {
       "color-classes": "text-foreground-on-primary",
       rounded: "",
       style: Y({ backgroundColor: e.sourceApp.bgColor })
     }, {
-      default: A(() => [
+      default: M(() => [
         D(z(e.sourceApp.short), 1)
       ]),
       _: 1
@@ -2440,7 +2440,7 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
 }, Xl = {
   key: 1,
   class: "flex items-center"
-}, Zl = { class: "truncate" }, Nl = { class: "flex items-center" }, Ql = { class: "truncate" }, _o = /* @__PURE__ */ P({
+}, Zl = { class: "truncate" }, Nl = { class: "flex items-center" }, Ql = { class: "truncate" }, To = /* @__PURE__ */ P({
   __name: "SourceApps",
   props: {
     /**
@@ -2526,14 +2526,14 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
       help: e.help,
       by: "name"
     }, {
-      "nothing-selected": A(() => [
+      "nothing-selected": M(() => [
         e.selectorPlaceholder ? (a(), f(H, { key: 0 }, [
           D(z(e.selectorPlaceholder), 1)
         ], 64)) : (a(), f(H, { key: 1 }, [
           D(z(e.multiple ? "Select apps" : "Select an app"), 1)
         ], 64))
       ]),
-      "something-selected": A(({ value: x }) => [
+      "something-selected": M(({ value: x }) => [
         l(u)(x) ? (a(), f("div", {
           key: 0,
           ref_key: "elementToWatchForChanges",
@@ -2559,7 +2559,7 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
           p("span", Zl, z(l(r)(x).name), 1)
         ]))
       ]),
-      option: A(({ item: x }) => [
+      option: M(({ item: x }) => [
         p("div", Nl, [
           p("div", {
             class: "h-2 w-2 rounded-full mr-2",
@@ -2571,7 +2571,7 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
       _: 1
     }, 8, ["modelValue", "multiple", "items", "search", "search-placeholder", "label", "show-label", "name", "clearable", "help"]));
   }
-}), Jl = { class: "flex flex-wrap gap-1.5 text-xs" }, To = /* @__PURE__ */ P({
+}), Jl = { class: "flex flex-wrap gap-1.5 text-xs" }, _o = /* @__PURE__ */ P({
   __name: "Badges",
   props: {
     items: null,
@@ -2602,18 +2602,18 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
       rules: e.rules,
       by: e.by
     }, {
-      "something-selected": A(({ value: r }) => [
+      "something-selected": M(({ value: r }) => [
         p("ul", Jl, [
           (a(!0), f(H, null, G(l(n)(r) ? r : [r], (v) => (a(), f("li", {
             key: v[e.by]
           }, [
-            V(Xe, {
+            V(Ze, {
               size: "lg",
               "clickable-icon": !0,
-              "icon-left": l(Ge),
+              "icon-left": l(Xe),
               onClickIcon: pe((g) => h(v), ["stop"])
             }, {
-              default: A(() => [
+              default: M(() => [
                 D(z(v.text), 1)
               ]),
               _: 2
@@ -2621,7 +2621,7 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
           ]))), 128))
         ])
       ]),
-      option: A(({ item: r }) => [
+      option: M(({ item: r }) => [
         D(z(r.text), 1)
       ]),
       _: 1
@@ -2629,9 +2629,11 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
   }
 }), Yl = { class: "flex items-center" }, ea = { class: "absolute inset-0 flex items-center gap-2 px-1 text-white" }, Fo = /* @__PURE__ */ P({
   __name: "Switch",
-  props: {
+  props: _e({
+    icons: { type: Boolean }
+  }, {
     modelValue: { type: Boolean }
-  },
+  }),
   emits: ["update:modelValue"],
   setup(e) {
     const t = it(e, "modelValue");
@@ -2641,10 +2643,14 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
         "onUpdate:modelValue": s[0] || (s[0] = (o) => t.value = o),
         class: b(["relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary", { "bg-primary": t.value, "bg-primary-muted": !t.value }])
       }, {
-        default: A(() => [
+        default: M(() => [
           p("div", ea, [
-            V(l(pt), { class: "h-5 w-5 drop-shadow-md" }),
-            V(l(Ge), { class: "h-5 w-5 drop-shadow-md" })
+            V(l(pt), {
+              class: b(["h-5 w-5 drop-shadow-md", e.icons ? "opacity-100" : "opacity-0"])
+            }, null, 8, ["class"]),
+            V(l(Xe), {
+              class: b(["h-5 w-5 drop-shadow-md", e.icons ? "opacity-100" : "opacity-0"])
+            }, null, 8, ["class"])
           ]),
           p("span", {
             class: b(["scale-95 pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200", { "translate-x-5": t.value, "translate-x-0": !t.value }])
@@ -2700,9 +2706,9 @@ const Qe = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
   }
 });
 var Ie = /* @__PURE__ */ ((e) => (e.CtrlOrCmd = "cmd-or-ctrl", e.AltOrOpt = "alt-or-opt", e.Shift = "shift", e))(Ie || {});
-const Re = cs(), na = {
-  "cmd-or-ctrl": Re === Fe.Mac ? "Cmd" : "Ctrl",
-  "alt-or-opt": Re === Fe.Mac ? "Opt" : "Alt",
+const De = cs(), na = {
+  "cmd-or-ctrl": De === Re.Mac ? "Cmd" : "Ctrl",
+  "alt-or-opt": De === Re.Mac ? "Opt" : "Alt",
   shift: "Shift"
 };
 function Do(e) {
@@ -2713,7 +2719,7 @@ function Eo(e, ...t) {
   bs(
     t[0],
     (i) => {
-      const s = i.getModifierState("Alt"), o = Re === Fe.Mac ? i.getModifierState("Meta") : i.getModifierState("Control"), n = i.getModifierState("Shift");
+      const s = i.getModifierState("Alt"), o = De === Re.Mac ? i.getModifierState("Meta") : i.getModifierState("Control"), n = i.getModifierState("Shift");
       for (const h of e)
         switch (h) {
           case Ie.CtrlOrCmd:
@@ -2744,7 +2750,7 @@ function Uo(e) {
 const la = /* @__PURE__ */ p("div", { class: "fixed inset-0 bg-neutral-100/70 dark:bg-neutral-900/70 transition-opacity backdrop-blur-xs" }, null, -1), aa = { class: "fixed inset-0 z-10 h-[100dvh] w-screen" }, oa = { class: "flex justify-center items-center h-full w-full p-4 sm:p-0" }, ra = {
   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"
-}, ia = { class: "w-full truncate pr-12" }, qo = /* @__PURE__ */ P({
+}, ia = { class: "w-full truncate pr-12" }, Wo = /* @__PURE__ */ P({
   __name: "Dialog",
   props: {
     open: { type: Boolean },
@@ -2757,7 +2763,7 @@ const la = /* @__PURE__ */ p("div", { class: "fixed inset-0 bg-neutral-100/70 da
   },
   emits: ["update:open", "fully-closed"],
   setup(e, { emit: t }) {
-    const i = t, s = e, o = He(), n = L(!1), h = L(!0), m = c(() => !!s.onSubmit), u = c(() => s.buttons || o.buttons), r = c(() => s.title || o.header), v = c({
+    const i = t, s = e, o = Ke(), n = L(!1), h = L(!0), m = c(() => !!s.onSubmit), u = c(() => s.buttons || o.buttons), r = c(() => s.title || o.header), v = c({
       get: () => s.open,
       set: (B) => i("update:open", B)
     }), g = c(() => {
@@ -2779,20 +2785,20 @@ const la = /* @__PURE__ */ p("div", { class: "fixed inset-0 bg-neutral-100/70 da
     }), x = () => {
       s.preventCloseOnClickOutside || (v.value = !1);
     }, d = ut((B) => {
-      const k = B.target, { scrollTop: $, offsetHeight: S, scrollHeight: T } = k;
-      n.value = $ > 0, h.value = $ + S >= T;
+      const k = B.target, { scrollTop: $, offsetHeight: S, scrollHeight: _ } = k;
+      n.value = $ > 0, h.value = $ + S >= _;
     }, 60);
     return (B, k) => (a(), O(l(vt), {
       as: "template",
       show: v.value
     }, {
-      default: A(() => [
+      default: M(() => [
         V(l(zs), {
           as: "div",
           class: "relative z-40",
           onClose: x
         }, {
-          default: A(() => [
+          default: M(() => [
             V(l(at), {
               as: "template",
               enter: "ease-out duration-300",
@@ -2802,7 +2808,7 @@ const la = /* @__PURE__ */ p("div", { class: "fixed inset-0 bg-neutral-100/70 da
               "leave-from": "opacity-100",
               "leave-to": "opacity-0"
             }, {
-              default: A(() => [
+              default: M(() => [
                 la
               ]),
               _: 1
@@ -2819,16 +2825,16 @@ const la = /* @__PURE__ */ p("div", { class: "fixed inset-0 bg-neutral-100/70 da
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
                   onAfterLeave: k[2] || (k[2] = ($) => B.$emit("fully-closed"))
                 }, {
-                  default: A(() => [
+                  default: M(() => [
                     V(l(Vs), {
                       class: b([
-                        "transform rounded-lg text-foreground overflow-hidden bg-foundation text-left shadow-xl transition-all flex flex-col max-h-[90dvh]",
+                        "transform rounded-lg text-foreground overflow-hidden bg-foundation text-left shadow-xl transition-all flex flex-col max-h-[90vh]",
                         y.value
                       ]),
                       as: m.value ? "form" : "div",
                       onSubmit: pe(e.onSubmit, ["prevent"])
                     }, {
-                      default: A(() => [
+                      default: M(() => [
                         p("div", {
                           class: b(n.value && "relative z-20 shadow-lg")
                         }, [
@@ -2847,7 +2853,7 @@ const la = /* @__PURE__ */ p("div", { class: "fixed inset-0 bg-neutral-100/70 da
                           V(l(es), { class: "h-5 sm:h-6 w-5 sm:w-6" })
                         ], 2)),
                         p("div", {
-                          class: b(["flex-1 simple-scrollbar overflow-y-auto", r.value ? "p-3 sm:py-6 sm:px-8" : "p-10"]),
+                          class: b(["flex-1 simple-scrollbar overflow-y-auto", r.value ? "p-3 sm:py-6 sm:px-8" : "p-6 pt-10 sm:p-10"]),
                           onScroll: k[1] || (k[1] = //@ts-ignore
                           (...$) => l(d) && l(d)(...$))
                         }, [
@@ -2864,7 +2870,7 @@ const la = /* @__PURE__ */ p("div", { class: "fixed inset-0 bg-neutral-100/70 da
                             type: $.submit && "submit",
                             onClick: $.onClick
                           }), {
-                            default: A(() => [
+                            default: M(() => [
                               D(z($.text), 1)
                             ]),
                             _: 2
@@ -2885,7 +2891,7 @@ const la = /* @__PURE__ */ p("div", { class: "fixed inset-0 bg-neutral-100/70 da
       _: 3
     }, 8, ["show"]));
   }
-}), ua = { class: "h-4 sm:h-5 h-4 sm:w-5 empty:h-0 empty:w-0" }, Wo = /* @__PURE__ */ P({
+}), ua = { class: "h-4 sm:h-5 w-4 sm:w-5 empty:h-0 empty:w-0" }, qo = /* @__PURE__ */ P({
   __name: "DialogSection",
   props: {
     title: String,
@@ -2938,7 +2944,7 @@ const la = /* @__PURE__ */ p("div", { class: "fixed inset-0 bg-neutral-100/70 da
         p("div", ie({
           class: ["flex justify-between items-center gap-4 sm:gap-8 py-3 sm:py-4 px-2", n.value],
           tabindex: "0"
-        }, st(
+        }, nt(
           !e.button && !e.alwaysOpen ? {
             click: m,
             keypress: l(bt)(m)
@@ -2965,8 +2971,8 @@ const la = /* @__PURE__ */ p("div", { class: "fixed inset-0 bg-neutral-100/70 da
               color: e.button.expandContent && o.value ? "invert" : e.button.color,
               "icon-right": e.button.expandContent && o.value ? void 0 : e.button.iconRight,
               onClick: (v = e.button) == null ? void 0 : v.onClick
-            }, st((g = e.button) != null && g.expandContent ? { click: m } : {})), {
-              default: A(() => [
+            }, nt((g = e.button) != null && g.expandContent ? { click: m } : {})), {
+              default: M(() => [
                 D(z(e.button.expandContent && o.value ? "Cancel" : e.button.text), 1)
               ]),
               _: 1
@@ -3064,11 +3070,11 @@ const la = /* @__PURE__ */ p("div", { class: "fixed inset-0 bg-neutral-100/70 da
     });
     return (o, n) => (a(), f("div", null, [
       V(l(Ls), null, {
-        default: A(({ open: h }) => [
+        default: M(({ open: h }) => [
           V(l(Os), {
             class: b(i.value)
           }, {
-            default: A(() => [
+            default: M(() => [
               p("div", ca, [
                 e.icon ? (a(), O(Q(e.icon), {
                   key: 0,
@@ -3082,10 +3088,10 @@ const la = /* @__PURE__ */ p("div", { class: "fixed inset-0 bg-neutral-100/70 da
             ]),
             _: 2
           }, 1032, ["class"]),
-          V(l(As), {
+          V(l(Ms), {
             class: b(s.value)
           }, {
-            default: A(() => [
+            default: M(() => [
               p("div", da, [
                 R(o.$slots, "default", {}, () => [
                   D("Panel contents")
@@ -3145,7 +3151,7 @@ const fa = { class: "relative flex bg-primary-muted rounded-md" }, pa = /* @__PU
     };
   }
 });
-var ga = /* @__PURE__ */ ((e) => (e[e.Throttle = 0] = "Throttle", e[e.Debounce = 1] = "Debounce", e))(ga || {}), De = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e))(De || {});
+var ga = /* @__PURE__ */ ((e) => (e[e.Throttle = 0] = "Throttle", e[e.Debounce = 1] = "Debounce", e))(ga || {}), Ee = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e))(Ee || {});
 function ba(e, t) {
   if (!Le)
     return;
@@ -3153,7 +3159,7 @@ function ba(e, t) {
     wait: i = 100,
     throttleOrDebounce: s = 0
     /* Throttle */
-  } = t || {}, o = i ? s === 0 ? ut(e, i) : Ke(e, i) : e;
+  } = t || {}, o = i ? s === 0 ? ut(e, i) : Ge(e, i) : e;
   ae(() => window.addEventListener("resize", o)), qe(() => window.removeEventListener("resize", o));
 }
 function Go(e) {
@@ -3205,7 +3211,7 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
         var x;
         return ((x = o.value) == null ? void 0 : x.el) || null;
       }),
-      defaultDirection: De.Left,
+      defaultDirection: Ee.Left,
       stopUpdatesBelowWidth: 300
     }), h = L(null), m = L(!1), u = c({
       get: () => s.open || !1,
@@ -3228,11 +3234,11 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
       x !== d && (u.value = x);
     }), ce(u, (x) => {
       (x && !m.value || !x && m.value) && g();
-    }), (x, d) => (a(), O(l(Ms), {
+    }), (x, d) => (a(), O(l(As), {
       as: "div",
       class: "relative inline-block"
     }, {
-      default: A(({ open: B }) => [
+      default: M(({ open: B }) => [
         p("div", null, [
           V(l(Ps), {
             ref_key: "menuButton",
@@ -3250,7 +3256,7 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
             })
           ], 2)
         ]),
-        V(Ue, {
+        V(We, {
           "enter-active-class": "transition duration-100 ease-out",
           "enter-from-class": "transform scale-95 opacity-0",
           "enter-to-class": "transform scale-100 opacity-100",
@@ -3258,30 +3264,30 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
           "leave-from-class": "transform scale-100 opacity-100",
           "leave-to-class": "transform scale-95 opacity-0"
         }, {
-          default: A(() => [
+          default: M(() => [
             V(l(js), {
               ref_key: "menuItems",
               ref: o,
               class: b([
                 "absolute mt-2 w-48 origin-top-right divide-y divide-outline-3 rounded-md bg-foundation shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none z-40",
-                l(n) === l(De).Left ? "right-0" : ""
+                l(n) === l(Ee).Left ? "right-0" : ""
               ])
             }, {
-              default: A(() => [
+              default: M(() => [
                 (a(!0), f(H, null, G(e.items, (k, $) => (a(), f("div", {
                   key: $,
                   class: "p-1"
                 }, [
-                  (a(!0), f(H, null, G(k, (S) => (a(), O(l(_s), {
+                  (a(!0), f(H, null, G(k, (S) => (a(), O(l(Ts), {
                     key: S.id,
                     disabled: S.disabled,
                     color: S.color
                   }, {
-                    default: A(({ active: T, disabled: M }) => [
+                    default: M(({ active: _, disabled: A }) => [
                       ue((a(), f("span", null, [
                         p("button", {
-                          class: b(r({ active: T, disabled: M, color: S.color })),
-                          disabled: M,
+                          class: b(r({ active: _, disabled: A, color: S.color })),
+                          disabled: A,
                           onClick: (w) => v(S, w)
                         }, [
                           S.icon ? (a(), O(Q(S.icon), {
@@ -3326,7 +3332,7 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
           color: s.value.id === m.id ? "default" : "secondary",
           onClick: (u) => o(m)
         }, {
-          default: A(() => [
+          default: M(() => [
             D(z(m.title), 1)
           ]),
           _: 2
@@ -3522,7 +3528,7 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
       ])
     ]));
   }
-}), Aa = /* @__PURE__ */ p("div", { class: "h-8" }, null, -1), Ma = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, Pa = { class: "inline-flex items-center space-x-1" }, ja = /* @__PURE__ */ p("span", { class: "text-foreground-2" }, "An error occurred while loading", -1), Jo = /* @__PURE__ */ P({
+}), Ma = /* @__PURE__ */ p("div", { class: "h-8" }, null, -1), Aa = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, Pa = { class: "inline-flex items-center space-x-1" }, ja = /* @__PURE__ */ p("span", { class: "text-foreground-2" }, "An error occurred while loading", -1), Jo = /* @__PURE__ */ P({
   __name: "InfiniteLoading",
   props: {
     settings: null,
@@ -3543,17 +3549,17 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
       i.value ? (a(), O(l(Ds), ie({ key: 0 }, s.$props.settings || {}, {
         onInfinite: o[0] || (o[0] = (n) => s.$emit("infinite", n))
       }), {
-        spinner: A(() => [
-          V(Qe, {
+        spinner: M(() => [
+          V(Je, {
             loading: !0,
             class: "my-2"
           })
         ]),
-        complete: A(() => [
-          Aa
+        complete: M(() => [
+          Ma
         ]),
-        error: A(({ retry: n }) => [
-          p("div", Ma, [
+        error: M(({ retry: n }) => [
+          p("div", Aa, [
             p("div", Pa, [
               V(l(ss), { class: "w-5 h-5 text-danger" }),
               ja
@@ -3562,7 +3568,7 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
               key: 0,
               onClick: n
             }, {
-              default: A(() => [
+              default: M(() => [
                 D("Retry")
               ]),
               _: 2
@@ -3573,7 +3579,7 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
       }, 16)) : I("", !0)
     ], 512));
   }
-}), _a = { class: "relative group" }, Ta = {
+}), Ta = { class: "relative group" }, _a = {
   key: 0,
   class: "absolute -inset-1 bg-blue-300 dark:bg-blue-500 opacity-5 dark:opacity-0 rounded-md blur-sm group-hover:opacity-60 dark:group-hover:opacity-30 transition duration-500"
 }, Yo = /* @__PURE__ */ P({
@@ -3622,8 +3628,8 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
       const m = ["rounded-lg"];
       return s.noShadow || m.push("shadow"), s.ring && m.push("ring-outline-2 hover:ring-2"), s.panelClasses && m.push(s.panelClasses), m.join(" ");
     });
-    return (m, u) => (a(), f("div", _a, [
-      e.fancyGlow ? (a(), f("div", Ta)) : I("", !0),
+    return (m, u) => (a(), f("div", Ta, [
+      e.fancyGlow ? (a(), f("div", _a)) : I("", !0),
       (a(), O(Q(e.form ? "form" : "div"), {
         class: b([
           "relative divide-outline-3 bg-foundation text-foreground flex flex-col divide-y overflow-hidden",
@@ -3631,7 +3637,7 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
         ]),
         onSubmit: u[0] || (u[0] = (r) => i("submit", r))
       }, {
-        default: A(() => [
+        default: M(() => [
           m.$slots.header ? (a(), f("div", {
             key: 0,
             class: b(o.value)
@@ -3665,7 +3671,7 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
   },
   emits: ["dismiss"],
   setup(e) {
-    const t = e, i = He(), s = c(() => !!i.description), o = c(() => {
+    const t = e, i = Ke(), s = c(() => !!i.description), o = c(() => {
       if (t.customIcon)
         return t.customIcon;
       switch (t.color) {
@@ -3869,7 +3875,7 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
               external: k.externalUrl || !1,
               onClick: (S) => k.onClick || l(ct)
             }, {
-              default: A(() => [
+              default: M(() => [
                 D(z(k.title), 1)
               ]),
               _: 2
@@ -3904,14 +3910,19 @@ function tr(e) {
   } : t, g = m && !m.readsOnly ? (k) => (r(`debugging: '${m.name}' written to`, k, u()), o(k)) : o, y = n ? ys(v, i, s) : c(v), x = c(() => y.value);
   return x.update = g, x;
 }
-const Da = /* @__PURE__ */ P({
+const sr = () => {
+  let e, t;
+  return { promise: new Promise((n, h) => {
+    e = n, t = h;
+  }), resolve: (...n) => e(...n), reject: (...n) => t(...n) };
+}, Da = /* @__PURE__ */ P({
   __name: "ContextManager",
   setup(e, { expose: t }) {
-    const s = _t().provides, o = Object.getOwnPropertySymbols(s).find(
+    const s = Tt().provides, o = Object.getOwnPropertySymbols(s).find(
       (y) => y.description === "ComboboxContext"
     );
     o || console.error("FormTagsContextManager ctx key not found!");
-    const n = Tt(o || "__undefined");
+    const n = _t(o || "__undefined");
     return n || console.error("FormTagsContextManager ctx not found!"), t({ goUp: () => {
       n == null || n.goToOption(1);
     }, goDown: () => {
@@ -3924,13 +3935,13 @@ const Da = /* @__PURE__ */ P({
       n == null || n.selectActiveOption();
     }, isOpen: () => (n == null ? void 0 : n.comboboxState.value) === 0 }), (y, x) => R(y.$slots, "default");
   }
-}), Ea = ["for"], Ua = ["disabled", "placeholder", "onKeydown"], qa = /* @__PURE__ */ p("span", { class: "text-xs sr-only" }, "Clear input", -1), Wa = { key: 1 }, Ha = /* @__PURE__ */ p("div", { class: "text-foreground-2 text-center" }, [
+}), Ea = ["for"], Ua = ["disabled", "placeholder", "onKeydown"], Wa = /* @__PURE__ */ p("span", { class: "text-xs sr-only" }, "Clear input", -1), qa = { key: 1 }, Ha = /* @__PURE__ */ p("div", { class: "text-foreground-2 text-center" }, [
   /* @__PURE__ */ D(" Press "),
   /* @__PURE__ */ p("strong", null, "Enter"),
   /* @__PURE__ */ D(" to create tag ⚡ ")
 ], -1), Ka = [
   Ha
-], Ga = ["id"], sr = /* @__PURE__ */ P({
+], Ga = ["id"], nr = /* @__PURE__ */ P({
   __name: "Tags",
   props: {
     name: null,
@@ -3967,20 +3978,20 @@ const Da = /* @__PURE__ */ P({
       helpTipClasses: k,
       errorMessage: $,
       clear: S,
-      value: T
-    } = Ze({
+      value: _
+    } = Ne({
       props: le(n),
       emit: o,
       inputEl: h
       // options: {
       //   customClear: () => (selectedItems.value = [])
       // }
-    }), M = L([]), w = L(!1), E = L(!1), q = L(""), U = c({
-      get: () => T.value || [],
+    }), A = L([]), w = L(!1), E = L(!1), W = L(""), U = c({
+      get: () => _.value || [],
       set: (j) => {
-        T.value = Rt(j).filter((F) => !!F.length);
+        _.value = Rt(j).filter((F) => !!F.length);
       }
-    }), Ae = c(() => {
+    }), Me = c(() => {
       switch (n.size) {
         case "sm":
           return "h-6";
@@ -3992,7 +4003,7 @@ const Da = /* @__PURE__ */ P({
         default:
           return "h-8";
       }
-    }), re = c(() => n.showClear && !!U.value.length), Me = c(() => {
+    }), re = c(() => n.showClear && !!U.value.length), Ae = c(() => {
       const j = [
         v.value,
         n.disabled ? "cursor-not-allowed !bg-foundation-disabled !text-disabled-muted" : ""
@@ -4003,64 +4014,64 @@ const Da = /* @__PURE__ */ P({
         return;
       const F = U.value.indexOf(j);
       if (F !== -1) {
-        const _ = U.value.slice();
-        _.splice(F, 1), U.value = _;
+        const T = U.value.slice();
+        T.splice(F, 1), U.value = T;
       }
     }, me = () => {
       var j;
       (j = h.value) == null || j.blur(), E.value = !1;
     }, ee = (j) => {
-      if (j.key !== "Backspace" || q.value.length)
+      if (j.key !== "Backspace" || W.value.length)
         return;
       const F = U.value.slice();
       F.pop(), U.value = F, E.value = !1;
     }, fe = () => {
-      var j, F, _;
-      (j = u.value) != null && j.isOpen() ? (F = u.value) == null || F.goUp() : (_ = u.value) == null || _.open();
+      var j, F, T;
+      (j = u.value) != null && j.isOpen() ? (F = u.value) == null || F.goUp() : (T = u.value) == null || T.open();
     }, X = () => {
-      var j, F, _;
-      (j = u.value) != null && j.isOpen() ? (F = u.value) == null || F.goDown() : (_ = u.value) == null || _.open();
+      var j, F, T;
+      (j = u.value) != null && j.isOpen() ? (F = u.value) == null || F.goDown() : (T = u.value) == null || T.open();
     }, he = async () => {
-      n.getAutocompleteItems && (w.value = !0, M.value = await Promise.resolve(
-        n.getAutocompleteItems(q.value)
+      n.getAutocompleteItems && (w.value = !0, A.value = await Promise.resolve(
+        n.getAutocompleteItems(W.value)
       ), w.value = !1);
-    }, je = Ke(he, 1e3), _e = () => {
+    }, je = Ge(he, 1e3), Te = () => {
       w.value = !0, je();
     }, ke = (j, F) => {
       var Z, te;
       if (s(j) ? j.data === " " || j.data === "," || j.data === ";" : !0) {
         let we = !1;
-        if ((Z = u.value) != null && Z.isOpen() && M.value.length && !F)
+        if ((Z = u.value) != null && Z.isOpen() && A.value.length && !F)
           (te = u.value) == null || te.selectActive(), we = !0;
         else {
-          const C = q.value.trim().substring(0, q.value.length - (s(j) ? 1 : 0)), K = U.value.includes(C);
+          const C = W.value.trim().substring(0, W.value.length - (s(j) ? 1 : 0)), K = U.value.includes(C);
           C.length > 0 && !K && (U.value = [...U.value, C], we = !0);
         }
-        we && (q.value = "", E.value = !1);
+        we && (W.value = "", E.value = !1);
       } else
-        E.value = !!q.value.length;
+        E.value = !!W.value.length;
     };
     return ce(E, (j, F) => {
-      var _, Z;
-      j && !F ? n.getAutocompleteItems && ((_ = u.value) == null || _.open()) : !j && F && ((Z = u.value) == null || Z.close());
-    }), ce(q, () => {
-      _e();
+      var T, Z;
+      j && !F ? n.getAutocompleteItems && ((T = u.value) == null || T.open()) : !j && F && ((Z = u.value) == null || Z.close());
+    }), ce(W, () => {
+      Te();
     }), ae(() => {
       he();
-    }), t({ resolveAutocompleteItems: he }), (j, F) => (a(), O(l(Ts), {
+    }), t({ resolveAutocompleteItems: he }), (j, F) => (a(), O(l(_s), {
       modelValue: U.value,
-      "onUpdate:modelValue": F[5] || (F[5] = (_) => U.value = _),
+      "onUpdate:modelValue": F[5] || (F[5] = (T) => U.value = T),
       as: "div",
       multiple: "",
       clearable: "",
       class: b([e.wrapperClasses])
     }, {
-      default: A(() => [
+      default: M(() => [
         V(Da, {
           ref_key: "ctxManager",
           ref: u
         }, {
-          default: A(() => [
+          default: M(() => [
             p("label", {
               for: e.name,
               class: b(l(g))
@@ -4068,51 +4079,51 @@ const Da = /* @__PURE__ */ P({
               p("span", null, z(l(y)), 1)
             ], 10, Ea),
             p("div", {
-              class: b(["relative flex flex-wrap items-center space-x-1 px-2 py-1", Me.value])
+              class: b(["relative flex flex-wrap items-center space-x-1 px-2 py-1", Ae.value])
             }, [
-              (a(!0), f(H, null, G(U.value, (_) => (a(), O(Xe, {
-                key: _,
+              (a(!0), f(H, null, G(U.value, (T) => (a(), O(Ze, {
+                key: T,
                 "icon-left": e.disabled ? void 0 : l(xe),
                 "clickable-icon": "",
                 size: "lg",
-                onClickIcon: () => Pe(_)
+                onClickIcon: () => Pe(T)
               }, {
-                default: A(() => [
-                  D(z(_), 1)
+                default: M(() => [
+                  D(z(T), 1)
                 ]),
                 _: 2
               }, 1032, ["icon-left", "onClickIcon"]))), 128)),
               ue(p("input", {
                 ref_key: "inputEl",
                 ref: h,
-                "onUpdate:modelValue": F[0] || (F[0] = (_) => q.value = _),
+                "onUpdate:modelValue": F[0] || (F[0] = (T) => W.value = T),
                 disabled: e.disabled,
-                class: b(["bg-transparent grow shrink border-0 focus:ring-0 p-0", [l(r), Ae.value]]),
+                class: b(["bg-transparent grow shrink border-0 focus:ring-0 p-0", [l(r), Me.value]]),
                 style: { "flex-basis": "70px", "min-width": "70px" },
                 placeholder: U.value.length ? void 0 : e.placeholder,
                 onInput: ke,
                 onKeydown: [
                   ve(me, ["escape"]),
-                  F[1] || (F[1] = ve(pe((_) => ke(_, !0), ["stop", "prevent"]), ["enter"])),
+                  F[1] || (F[1] = ve(pe((T) => ke(T, !0), ["stop", "prevent"]), ["enter"])),
                   ve(ke, ["tab"]),
                   ve(ee, ["backspace"]),
                   ve(fe, ["arrow-up"]),
                   ve(X, ["arrow-down"])
                 ],
-                onBlur: F[2] || (F[2] = (_) => E.value = !1)
+                onBlur: F[2] || (F[2] = (T) => E.value = !1)
               }, null, 42, Ua), [
-                [We, q.value]
+                [He, W.value]
               ]),
               re.value ? (a(), f("a", {
                 key: 0,
                 title: "Clear input",
                 class: "absolute top-2 right-0 flex items-center pr-2 cursor-pointer",
                 onClick: F[3] || (F[3] = //@ts-ignore
-                (..._) => l(S) && l(S)(..._)),
+                (...T) => l(S) && l(S)(...T)),
                 onKeydown: F[4] || (F[4] = //@ts-ignore
-                (..._) => l(S) && l(S)(..._))
+                (...T) => l(S) && l(S)(...T))
               }, [
-                qa,
+                Wa,
                 V(l(xe), {
                   class: "h-5 w-5 text-foreground",
                   "aria-hidden": "true"
@@ -4141,22 +4152,22 @@ const Da = /* @__PURE__ */ P({
               "leave-to": "opacity-0",
               class: "relative px-0.5"
             }, {
-              default: A(() => [
+              default: M(() => [
                 V(l(Fs), { class: "absolute top-1 max-h-60 w-full overflow-auto simple-scrollbar rounded-md bg-foundation-2 py-1 shadow label label--light outline outline-2 outline-primary-muted focus:outline-none" }, {
-                  default: A(() => [
+                  default: M(() => [
                     w.value ? (a(), f("div", {
                       key: 0,
-                      class: b(["px-1", M.value.length ? "mb-1" : ""])
+                      class: b(["px-1", A.value.length ? "mb-1" : ""])
                     }, [
-                      V(Qe, { loading: !0 })
+                      V(Je, { loading: !0 })
                     ], 2)) : I("", !0),
-                    !M.value.length && !w.value ? (a(), f("div", Wa, Ka)) : I("", !0),
-                    M.value.length ? (a(!0), f(H, { key: 2 }, G(M.value, (_) => (a(), O(l(Rs), {
-                      key: _,
+                    !A.value.length && !w.value ? (a(), f("div", qa, Ka)) : I("", !0),
+                    A.value.length ? (a(!0), f(H, { key: 2 }, G(A.value, (T) => (a(), O(l(Rs), {
+                      key: T,
                       as: "template",
-                      value: _
+                      value: T
                     }, {
-                      default: A(({ selected: Z, active: te }) => [
+                      default: M(({ selected: Z, active: te }) => [
                         p("li", {
                           class: b(["relative cursor-pointer select-none py-1.5 pl-3", {
                             "text-primary": te,
@@ -4165,7 +4176,7 @@ const Da = /* @__PURE__ */ P({
                         }, [
                           p("span", {
                             class: b(["block truncate", { "font-medium": Z, "font-normal": !Z }])
-                          }, z(_), 3),
+                          }, z(T), 3),
                           Z ? (a(), f("span", {
                             key: 0,
                             class: b(["absolute inset-y-0 right-0 flex items-center pr-4", { "text-primary": te, "text-foreground": !te }])
@@ -4283,7 +4294,7 @@ function $t(e) {
 const Xa = {
   key: 1,
   class: "flex h-full w-full select-none items-center justify-center"
-}, Za = { key: 2 }, Ee = /* @__PURE__ */ P({
+}, Za = { key: 2 }, Ue = /* @__PURE__ */ P({
   __name: "Avatar",
   props: {
     user: { default: null },
@@ -4328,7 +4339,7 @@ const Xa = {
       R(r.$slots, "absolute-anchor")
     ], 2));
   }
-}), nr = /* @__PURE__ */ P({
+}), lr = /* @__PURE__ */ P({
   __name: "AvatarGroup",
   props: {
     users: { default: () => [] },
@@ -4357,17 +4368,17 @@ const Xa = {
         ref: s,
         class: b(`flex flex-wrap overflow-hidden ${e.overlap ? "-space-x-2 " : ""} ${l(n)}`)
       }, [
-        (a(!0), f(H, null, G(u.value, (g, y) => (a(), O(Ee, {
+        (a(!0), f(H, null, G(u.value, (g, y) => (a(), O(Ue, {
           key: g.id || y,
           user: g,
           size: e.size
         }, null, 8, ["user", "size"]))), 128))
       ], 2),
-      m.value ? (a(), O(Ee, {
+      m.value ? (a(), O(Ue, {
         key: 0,
         size: e.size
       }, {
-        default: A(() => [
+        default: M(() => [
           D(" +" + z(m.value), 1)
         ]),
         _: 1
@@ -4406,9 +4417,9 @@ const Xa = {
 }, Ya = { class: "opacity-0 transition-all absolute group-hover:opacity-100 inset-0 flex items-end justify-center bottom-4" }, eo = {
   key: 2,
   class: "w-full text-center text-danger text-sm"
-}, lr = /* @__PURE__ */ P({
+}, ar = /* @__PURE__ */ P({
   __name: "AvatarEditable",
-  props: nt({
+  props: _e({
     modelValue: null,
     placeholder: null,
     name: null,
@@ -4420,7 +4431,7 @@ const Xa = {
   }, {
     editMode: { type: Boolean, local: !0 }
   }),
-  emits: nt(["save", "update:modelValue"], ["update:editMode"]),
+  emits: _e(["save", "update:modelValue"], ["update:editMode"]),
   setup(e, { expose: t, emit: i }) {
     const s = Ft({
       loader: () => import("./AvatarEditor-ce4e7960.js"),
@@ -4447,7 +4458,7 @@ const Xa = {
         onCancel: d[0] || (d[0] = (B) => u.value = !1),
         onSave: v
       }, null, 8, ["user", "disabled", "size"])) : (a(), f("div", Ja, [
-        V(Ee, {
+        V(Ue, {
           user: r.value,
           size: e.size
         }, null, 8, ["user", "size"]),
@@ -4457,7 +4468,7 @@ const Xa = {
             color: "secondary",
             onClick: d[1] || (d[1] = (B) => u.value = !0)
           }, {
-            default: A(() => [
+            default: M(() => [
               D(" Change ")
             ]),
             _: 1
@@ -4489,10 +4500,10 @@ ne(no, "defaultMessage", "getCurrentInstance() returned null. Method must be cal
 class lo extends de {
 }
 ne(lo, "defaultMessage", "Operation not supported in current (server or client) environment");
-var Je = /* @__PURE__ */ ((e) => (e.AnyAudio = "audio/*", e.AnyVideo = "video/*", e.AnyImage = "image/*", e))(Je || {});
+var Ye = /* @__PURE__ */ ((e) => (e.AnyAudio = "audio/*", e.AnyVideo = "video/*", e.AnyImage = "image/*", e))(Ye || {});
 function ao(e, t) {
   const i = Dt(
-    Object.values(Je),
+    Object.values(Ye),
     t
   );
   for (const n of i)
@@ -4523,7 +4534,7 @@ function oo(e) {
   return t ? `.${t}` : null;
 }
 function ro(e) {
-  return e.startsWith(".") || Object.values(Je).includes(e);
+  return e.startsWith(".") || Object.values(Ye).includes(e);
 }
 function rt(e) {
   const t = (n) => parseFloat(n.toFixed(2)).toString();
@@ -4609,7 +4620,7 @@ function fo(e) {
 class St extends de {
 }
 ne(St, "defaultMessage", "The selected file's size is too large");
-const po = ["accept", "multiple"], ar = /* @__PURE__ */ P({
+const po = ["accept", "multiple"], or = /* @__PURE__ */ P({
   __name: "Zone",
   props: {
     accept: null,
@@ -4672,8 +4683,8 @@ export {
   uo as BlobUploadStatus,
   er as CommonAlert,
   Lo as CommonAnimationInstructional,
-  Xe as CommonBadge,
-  Qe as CommonLoadingBar,
+  Ze as CommonBadge,
+  Je as CommonLoadingBar,
   Na as CommonLoadingIcon,
   Vo as CommonStepsBullet,
   zo as CommonStepsNumber,
@@ -4681,23 +4692,23 @@ export {
   no as ComposableInvokedOutOfScopeError,
   oe as FormButton,
   Oo as FormCardButton,
-  Ao as FormCheckbox,
+  Mo as FormCheckbox,
   Ro as FormClipboardInput,
-  ar as FormFileUploadZone,
-  Mo as FormRadio,
-  To as FormSelectBadges,
+  or as FormFileUploadZone,
+  Ao as FormRadio,
+  _o as FormSelectBadges,
   Ct as FormSelectBase,
-  _o as FormSelectSourceApps,
+  To as FormSelectSourceApps,
   Fo as FormSwitch,
-  sr as FormTags,
+  nr as FormTags,
   Po as FormTextArea,
   bl as FormTextInput,
   So as GlobalToastRenderer,
   ge as GridListToggleValue,
-  De as HorizontalDirection,
+  Ee as HorizontalDirection,
   Jo as InfiniteLoading,
-  qo as LayoutDialog,
-  Wo as LayoutDialogSection,
+  Wo as LayoutDialog,
+  qo as LayoutDialogSection,
   Ho as LayoutDisclosure,
   Ko as LayoutGridListToggle,
   Xo as LayoutMenu,
@@ -4712,13 +4723,14 @@ export {
   ga as ThrottleOrDebounce,
   Ce as ToastNotificationType,
   so as UninitializedResourceAccessError,
-  Je as UniqueFileTypeSpecifier,
+  Ye as UniqueFileTypeSpecifier,
   lo as UnsupportedEnvironmentError,
-  Ee as UserAvatar,
-  lr as UserAvatarEditable,
-  nr as UserAvatarGroup,
+  Ue as UserAvatar,
+  ar as UserAvatarEditable,
+  lr as UserAvatarGroup,
   jo as ValidationHelpers,
-  Re as clientOs,
+  sr as buildManualPromise,
+  De as clientOs,
   Do as getKeyboardShortcutTitle,
   bt as keyboardClick,
   Eo as onKeyboardShortcut,