@speckle/ui-components 2.15.2-alpha2 → 2.15.2-alpha3

package/dist/lib.js

@@ -1,19 +1,19 @@
-import { defineComponent as M, resolveDynamicComponent as H, computed as c, openBlock as a, createBlock as P, normalizeClass as b, withCtx as B, createCommentVNode as S, renderSlot as D, createTextVNode as A, createElementBlock as h, createElementVNode as u, createVNode as L, Transition as ge, unref as n, toDisplayString as I, toRefs as ae, Fragment as U, renderList as G, ref as O, onMounted as Y, mergeProps as oe, withDirectives as ne, isRef as ve, vModelText as je, useSlots as Ve, vModelDynamic as Xe, pushScopeId as Ne, popScopeId as Je, watch as le, withModifiers as Oe, normalizeStyle as fe, onBeforeUnmount as Me } from "vue";
-import { isObjectLike as _e, clamp as Be, isString as ie, isUndefined as Q, isArray as q, debounce as Ae, throttle as Qe, noop as Ye } from "lodash";
+import { defineComponent as M, resolveDynamicComponent as H, computed as u, openBlock as a, createBlock as P, normalizeClass as y, withCtx as B, createCommentVNode as S, renderSlot as D, createTextVNode as A, createElementBlock as h, createElementVNode as i, createVNode as L, Transition as ge, unref as n, toDisplayString as I, toRefs as ae, Fragment as U, renderList as G, ref as O, onMounted as Y, mergeProps as oe, withDirectives as ne, isRef as ve, vModelText as Ve, useSlots as Oe, vModelDynamic as Xe, pushScopeId as Ne, popScopeId as Je, watch as le, withModifiers as be, normalizeStyle as fe, onBeforeUnmount as Me } from "vue";
+import { isObjectLike as Be, clamp as Le, isString as ie, isUndefined as Q, isArray as q, debounce as Ae, throttle as Qe, noop as Ye } from "lodash";
 import { ArrowPathIcon as Ze, ChevronUpIcon as De, ChevronDownIcon as et, XMarkIcon as tt, MagnifyingGlassIcon as st, CheckIcon as nt, Bars3Icon as lt, Squares2X2Icon as at } from "@heroicons/vue/24/solid";
 import { CheckCircleIcon as ot, XCircleIcon as rt, ExclamationCircleIcon as it, InformationCircleIcon as ut, XMarkIcon as ct, CheckIcon as dt, ExclamationTriangleIcon as ft } from "@heroicons/vue/24/outline";
 import { XMarkIcon as ue, CheckIcon as pt, CheckCircleIcon as Te, ExclamationCircleIcon as Re, EnvelopeIcon as ht, KeyIcon as mt } from "@heroicons/vue/20/solid";
 import { useField as ye } from "vee-validate";
-import { nanoid as be } from "nanoid";
-import { isNullOrUndefined as gt, SourceApps as vt, getClientOperatingSystem as yt, OperatingSystem as pe } from "@speckle/shared";
-import { useResizeObserver as bt, useMutationObserver as xt, onKeyDown as kt, isClient as xe, computedAsync as Ct } from "@vueuse/core";
-import { Listbox as wt, ListboxLabel as $t, ListboxButton as St, ListboxOptions as It, ListboxOption as _t, TransitionRoot as Bt, Dialog as Lt, TransitionChild as Le, DialogPanel as Pt, Disclosure as jt, DisclosureButton as Vt, DisclosurePanel as Ot, Menu as Mt, MenuButton as At, MenuItems as Dt, MenuItem as Tt } from "@headlessui/vue";
-import { directive as ze } from "vue-tippy";
+import { nanoid as xe } from "nanoid";
+import { isNullOrUndefined as gt, SourceApps as vt, getClientOperatingSystem as bt, OperatingSystem as pe } from "@speckle/shared";
+import { useResizeObserver as yt, useMutationObserver as xt, onKeyDown as kt, isClient as ke, computedAsync as Ct } from "@vueuse/core";
+import { Listbox as wt, ListboxLabel as $t, ListboxButton as St, ListboxOptions as It, ListboxOption as _t, TransitionRoot as Bt, Dialog as Lt, TransitionChild as Pe, DialogPanel as Pt, Disclosure as jt, DisclosureButton as Vt, DisclosurePanel as Ot, Menu as Mt, MenuButton as At, MenuItems as Dt, MenuItem as Tt } from "@headlessui/vue";
+import { directive as Fe } from "vue-tippy";
 import Rt from "v3-infinite-loading";
-const zt = {
+const Ft = {
   key: 2,
   style: { margin: "0 !important", width: "0.01px" }
-}, Ft = /* @__PURE__ */ M({
+}, zt = /* @__PURE__ */ M({
   __name: "Button",
   props: {
     /**
@@ -141,12 +141,12 @@ const zt = {
   },
   emits: ["click"],
   setup(e, { emit: l }) {
-    const t = e, s = H("NuxtLink"), o = H("RouterLink"), f = c(() => t.linkComponent ? t.linkComponent : t.external ? "a" : _e(s) ? s : _e(o) ? o : "a"), p = c(() => {
+    const t = e, s = H("NuxtLink"), o = H("RouterLink"), c = u(() => t.linkComponent ? t.linkComponent : t.external ? "a" : Be(s) ? s : Be(o) ? o : "a"), f = u(() => {
       if (!t.to)
         return t.submit ? "submit" : "button";
-    }), r = c(() => t.disabled || t.loading), i = c(() => t.loading ? Ze : t.iconLeft), d = c(() => {
+    }), p = u(() => t.disabled || t.loading), r = u(() => t.loading ? Ze : t.iconLeft), d = u(() => {
       const g = [];
-      if (g.push("border-2"), r.value)
+      if (g.push("border-2"), p.value)
         g.push(
           t.outlined ? "border-foreground-disabled" : "bg-foundation-disabled border-transparent"
         );
@@ -187,10 +187,10 @@ const zt = {
             break;
         }
       return g.join(" ");
-    }), x = c(() => {
+    }), x = u(() => {
       const g = [];
       if (!t.text && !t.link)
-        if (r.value)
+        if (p.value)
           g.push(
             (t.outlined, "text-foreground-disabled")
           );
@@ -237,16 +237,16 @@ const zt = {
               break;
           }
       else
-        r.value ? g.push("text-foreground-disabled") : t.color === "invert" ? g.push(
+        p.value ? g.push("text-foreground-disabled") : t.color === "invert" ? g.push(
           "text-foundation hover:text-foundation-2 dark:text-foreground dark:hover:text-foreground"
         ) : t.color === "secondary" ? g.push("text-foreground-2 hover:text-primary-focus") : t.color === "success" ? g.push("text-success") : t.color === "warning" ? g.push("text-warning") : t.color === "info" ? g.push("text-info") : t.color === "danger" ? g.push("text-danger") : g.push("text-primary hover:text-primary-focus");
       return g.join(" ");
-    }), v = c(() => {
+    }), v = u(() => {
       const g = [];
       return g.push(t.rounded ? "rounded-full" : "rounded-md"), g.join(" ");
-    }), m = c(() => {
+    }), m = u(() => {
       const g = [];
-      if (!r.value)
+      if (!p.value)
         switch (t.color) {
           case "invert":
             g.push("hover:ring-4 ring-white/50");
@@ -269,7 +269,7 @@ const zt = {
             break;
         }
       return g.join(" ");
-    }), k = c(() => {
+    }), k = u(() => {
       switch (t.size) {
         case "xs":
           return "h-5 text-xs font-medium xxx-tracking-wide";
@@ -283,7 +283,7 @@ const zt = {
         case "base":
           return "h-8 text-base font-medium xxx-tracking-wide";
       }
-    }), _ = c(() => {
+    }), _ = u(() => {
       switch (t.size) {
         case "xs":
           return "px-1";
@@ -297,15 +297,15 @@ const zt = {
         case "base":
           return "px-3";
       }
-    }), j = c(() => {
+    }), j = u(() => {
       const g = [];
-      return t.fullWidth && g.push("w-full"), r.value && g.push("cursor-not-allowed"), g.join(" ");
-    }), y = c(() => {
+      return t.fullWidth && g.push("w-full"), p.value && g.push("cursor-not-allowed"), g.join(" ");
+    }), b = u(() => {
       const g = [];
-      return !r.value && !t.link && !t.text && g.push("active:scale-[0.97]"), !r.value && t.link && g.push(
+      return !p.value && !t.link && !t.text && g.push("active:scale-[0.97]"), !p.value && t.link && g.push(
         "underline decoration-transparent decoration-2 underline-offset-4	hover:decoration-inherit"
       ), g.join(" ");
-    }), w = c(() => {
+    }), w = u(() => {
       const g = t.link || t.text;
       return [
         "transition inline-flex justify-center items-center space-x-2 outline-none select-none",
@@ -316,9 +316,9 @@ const zt = {
         g ? "" : v.value,
         g ? "" : m.value,
         t.link ? "" : _.value,
-        y.value
+        b.value
       ].join(" ");
-    }), $ = c(() => {
+    }), $ = u(() => {
       const g = [""];
       switch (t.loading && g.push("animate-spin"), t.size) {
         case "xs":
@@ -339,46 +339,46 @@ const zt = {
           break;
       }
       return g.join(" ");
-    }), z = (g) => {
-      if (r.value) {
+    }), F = (g) => {
+      if (p.value) {
         g.preventDefault(), g.stopPropagation(), g.stopImmediatePropagation();
         return;
       }
       l("click", g);
     };
-    return (g, R) => (a(), P(H(e.to ? f.value : "button"), {
+    return (g, R) => (a(), P(H(e.to ? c.value : "button"), {
       href: e.to,
       to: e.to,
-      type: p.value,
+      type: f.value,
       external: e.external,
-      class: b(w.value),
-      disabled: r.value,
+      class: y(w.value),
+      disabled: p.value,
       role: "button",
-      onClick: z
+      onClick: F
     }, {
       default: B(() => [
-        i.value ? (a(), P(H(i.value), {
+        r.value ? (a(), P(H(r.value), {
           key: 0,
-          class: b(`${$.value} ${e.hideText ? "" : "mr-2"}`)
+          class: y(`${$.value} ${e.hideText ? "" : "mr-2"}`)
         }, null, 8, ["class"])) : S("", !0),
-        e.hideText ? (a(), h("div", zt, "   ")) : D(g.$slots, "default", { key: 1 }, () => [
+        e.hideText ? (a(), h("div", Ft, "   ")) : D(g.$slots, "default", { key: 1 }, () => [
           A("Button")
         ], !0),
         e.iconRight || !e.loading ? (a(), P(H(e.iconRight), {
           key: 3,
-          class: b(`${$.value} ${e.hideText ? "" : "ml-2"}`)
+          class: y(`${$.value} ${e.hideText ? "" : "ml-2"}`)
         }, null, 8, ["class"])) : S("", !0)
       ]),
       _: 3
     }, 8, ["href", "to", "type", "external", "class", "disabled"]));
   }
 });
-const Fe = (e, l) => {
+const ze = (e, l) => {
   const t = e.__vccOpts || e;
   for (const [s, o] of l)
     t[s] = o;
   return t;
-}, re = /* @__PURE__ */ Fe(Ft, [["__scopeId", "data-v-38aa371e"]]), Et = /* @__PURE__ */ M({
+}, re = /* @__PURE__ */ ze(zt, [["__scopeId", "data-v-38aa371e"]]), Et = /* @__PURE__ */ M({
   __name: "Link",
   props: {
     to: {
@@ -435,7 +435,7 @@ const Fe = (e, l) => {
       }
       l("click", o);
     };
-    return (o, f) => (a(), P(re, {
+    return (o, c) => (a(), P(re, {
       link: "",
       to: e.to,
       external: e.external,
@@ -473,26 +473,26 @@ const Ut = {
 }, Qt = {
   key: 2,
   class: "flex justify-start mt-2"
-}, Yt = /* @__PURE__ */ u("span", { class: "sr-only" }, "Close", -1), bl = /* @__PURE__ */ M({
+}, Yt = /* @__PURE__ */ i("span", { class: "sr-only" }, "Close", -1), yl = /* @__PURE__ */ M({
   __name: "ToastRenderer",
   props: {
     notification: null
   },
   emits: ["update:notification"],
   setup(e, { emit: l }) {
-    const t = e, s = c(
+    const t = e, s = u(
       () => {
-        var p, r;
-        return !((p = t.notification) != null && p.description) && !((r = t.notification) != null && r.cta);
+        var f, p;
+        return !((f = t.notification) != null && f.description) && !((p = t.notification) != null && p.cta);
       }
     ), o = () => {
       l("update:notification", null);
-    }, f = (p) => {
-      var r, i, d;
-      (d = (i = (r = t.notification) == null ? void 0 : r.cta) == null ? void 0 : i.onClick) == null || d.call(i, p), o();
+    }, c = (f) => {
+      var p, r, d;
+      (d = (r = (p = t.notification) == null ? void 0 : p.cta) == null ? void 0 : r.onClick) == null || d.call(r, f), o();
     };
-    return (p, r) => (a(), h("div", Ut, [
-      u("div", Wt, [
+    return (f, p) => (a(), h("div", Ut, [
+      i("div", Wt, [
         L(ge, {
           "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",
@@ -503,9 +503,9 @@ const Ut = {
         }, {
           default: B(() => [
             e.notification ? (a(), h("div", qt, [
-              u("div", Ht, [
-                u("div", Gt, [
-                  u("div", Kt, [
+              i("div", Ht, [
+                i("div", Gt, [
+                  i("div", Kt, [
                     e.notification.type === n(ee).Success ? (a(), P(n(ot), {
                       key: 0,
                       class: "h-6 w-6 text-success",
@@ -524,7 +524,7 @@ const Ut = {
                       "aria-hidden": "true"
                     })) : S("", !0)
                   ]),
-                  u("div", Xt, [
+                  i("div", Xt, [
                     e.notification.title ? (a(), h("p", Nt, I(e.notification.title), 1)) : S("", !0),
                     e.notification.description ? (a(), h("p", Jt, I(e.notification.description), 1)) : S("", !0),
                     e.notification.cta ? (a(), h("div", Qt, [
@@ -532,7 +532,7 @@ const Ut = {
                         to: e.notification.cta.url,
                         class: "label",
                         primary: "",
-                        onClick: f
+                        onClick: c
                       }, {
                         default: B(() => [
                           A(I(e.notification.cta.title), 1)
@@ -541,10 +541,10 @@ const Ut = {
                       }, 8, ["to"])
                     ])) : S("", !0)
                   ]),
-                  u("div", {
-                    class: b(["ml-4 flex flex-shrink-0", { "self-center": s.value }])
+                  i("div", {
+                    class: y(["ml-4 flex flex-shrink-0", { "self-center": s.value }])
                   }, [
-                    u("button", {
+                    i("button", {
                       type: "button",
                       class: "inline-flex rounded-md bg-foundation text-foreground-2 hover:text-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2",
                       onClick: o
@@ -565,7 +565,7 @@ const Ut = {
       ])
     ]));
   }
-}), Zt = /* @__PURE__ */ u("circle", {
+}), Zt = /* @__PURE__ */ i("circle", {
   cx: "4",
   cy: "4",
   r: "3"
@@ -584,11 +584,11 @@ const Ut = {
   },
   emits: ["click-icon"],
   setup(e, { emit: l }) {
-    const t = e, s = c(
+    const t = e, s = u(
       () => t.colorClasses || "bg-blue-100 text-blue-800"
-    ), o = c(
+    ), o = u(
       () => t.dotIconColorClasses || "text-blue-400"
-    ), f = c(() => {
+    ), c = u(() => {
       const d = [
         "inline-flex items-center",
         s.value,
@@ -599,15 +599,15 @@ const Ut = {
       )) : (d.push("rounded-full"), d.push(
         t.size === "lg" ? "px-2.5 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
       )), d.join(" ");
-    }), p = c(() => {
+    }), f = u(() => {
       const d = [
         "mt-0.5 ml-0.5 inline-flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-full focus:outline-none"
       ];
       return t.clickableIcon ? d.push("cursor-pointer") : d.push("cursor-default"), d.join(" ");
-    }), r = c(() => [
+    }), p = u(() => [
       "-ml-0.5 mr-1.5 h-2 w-2",
       o.value
-    ].join(" ")), i = (d) => {
+    ].join(" ")), r = (d) => {
       if (!t.clickableIcon) {
         d.stopPropagation(), d.stopImmediatePropagation(), d.preventDefault();
         return;
@@ -615,11 +615,11 @@ const Ut = {
       l("click-icon", d);
     };
     return (d, x) => (a(), h("span", {
-      class: b(f.value)
+      class: y(c.value)
     }, [
       e.dot ? (a(), h("svg", {
         key: 0,
-        class: b(r.value),
+        class: y(p.value),
         fill: "currentColor",
         viewBox: "0 0 8 8"
       }, es, 2)) : S("", !0),
@@ -628,19 +628,19 @@ const Ut = {
       ]),
       e.iconLeft ? (a(), h("button", {
         key: 1,
-        class: b(p.value),
-        onClick: x[0] || (x[0] = (v) => i(v))
+        class: y(f.value),
+        onClick: x[0] || (x[0] = (v) => r(v))
       }, [
         (a(), P(H(e.iconLeft), {
-          class: b(["h-4 w-4", o.value])
+          class: y(["h-4 w-4", o.value])
         }, null, 8, ["class"]))
       ], 2)) : S("", !0)
     ], 2));
   }
 });
-let Pe = [];
+let je = [];
 function ss(e) {
-  Pe = Pe ? e : e.slice();
+  je = je ? e : e.slice();
 }
 var te = /* @__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))(te || {});
 function Ee(e) {
@@ -650,39 +650,39 @@ function Ee(e) {
       steps: t,
       orientation: s,
       goVerticalBelow: o,
-      nonInteractive: f,
-      stepsPadding: p
+      nonInteractive: c,
+      stepsPadding: f
     },
-    emit: r
-  } = e, i = c(
+    emit: p
+  } = e, r = u(
     () => (s == null ? void 0 : s.value) === "vertical" ? "vertical" : "horizontal"
-  ), d = c({
-    get: () => Be((l == null ? void 0 : l.value) || 0, -1, t.value.length),
-    set: (y) => r("update:modelValue", Be(y, 0, t.value.length))
-  }), x = (y) => `${y + 1}`, v = (y) => y === d.value, m = (y) => y < d.value, k = (y, w) => {
-    var z;
-    if (f != null && f.value) {
+  ), d = u({
+    get: () => Le((l == null ? void 0 : l.value) || 0, -1, t.value.length),
+    set: (b) => p("update:modelValue", Le(b, 0, t.value.length))
+  }), x = (b) => `${b + 1}`, v = (b) => b === d.value, m = (b) => b < d.value, k = (b, w) => {
+    var F;
+    if (c != null && c.value) {
       w == null || w.preventDefault(), w == null || w.stopPropagation(), w == null || w.stopImmediatePropagation();
       return;
     }
-    d.value = y;
+    d.value = b;
     const $ = t.value[d.value];
-    (z = $ == null ? void 0 : $.onClick) == null || z.call($);
-  }, _ = c(() => {
-    const y = ["flex"];
+    (F = $ == null ? void 0 : $.onClick) == null || F.call($);
+  }, _ = u(() => {
+    const b = ["flex"];
     let w, $;
-    return (p == null ? void 0 : p.value) === "xs" ? (w = "space-x-2", $ = "space-y-1") : (p == null ? void 0 : p.value) === "sm" ? (w = "space-x-4", $ = "space-y-1") : (w = "space-x-8", $ = "space-y-4"), y.push("flex"), i.value === "vertical" || o != null && o.value ? (y.push(`flex-col ${$} justify-center`), (o == null ? void 0 : o.value) === te.sm ? y.push(
+    return (f == null ? void 0 : f.value) === "xs" ? (w = "space-x-2", $ = "space-y-1") : (f == null ? void 0 : f.value) === "sm" ? (w = "space-x-4", $ = "space-y-1") : (w = "space-x-8", $ = "space-y-4"), b.push("flex"), r.value === "vertical" || o != null && o.value ? (b.push(`flex-col ${$} justify-center`), (o == null ? void 0 : o.value) === te.sm ? b.push(
       `sm:flex-row sm:space-y-0 sm:justify-start sm:${w} sm:items-center`
-    ) : (o == null ? void 0 : o.value) === te.md ? y.push(
+    ) : (o == null ? void 0 : o.value) === te.md ? b.push(
       `md:flex-row md:space-y-0 md:justify-start md:${w} md:items-center`
-    ) : (o == null ? void 0 : o.value) === te.lg ? y.push(
+    ) : (o == null ? void 0 : o.value) === te.lg ? b.push(
       `lg:flex-row lg:space-y-0 lg:justify-start lg:${w} lg:items-center`
-    ) : (o == null ? void 0 : o.value) === te.xl && y.push(
+    ) : (o == null ? void 0 : o.value) === te.xl && b.push(
       `xl:flex-row xl:space-y-0 xl:justify-start xl:${w} xl:items-center`
-    )) : y.push(`flex-row ${w} items-center`), y.join(" ");
-  }), j = c(() => {
-    const y = ["flex items-center"];
-    return f != null && f.value || y.push("cursor-pointer"), y.join(" ");
+    )) : b.push(`flex-row ${w} items-center`), b.join(" ");
+  }), j = u(() => {
+    const b = ["flex items-center"];
+    return c != null && c.value || b.push("cursor-pointer"), b.join(" ");
   });
   return {
     value: d,
@@ -692,7 +692,7 @@ function Ee(e) {
     getStepDisplayValue: x,
     listClasses: _,
     linkClasses: j,
-    orientation: i
+    orientation: r
   };
 }
 ss([
@@ -715,7 +715,7 @@ const ns = ["aria-label"], ls = ["href", "onClick"], as = { class: "flex space-x
 }, us = ["href", "onClick"], cs = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, ds = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-primary-focus inline-flex items-center justify-center" }, fs = { class: "flex flex-col" }, ps = {
   key: 0,
   class: "label label--light text-foreground"
-}, hs = ["href", "onClick"], ms = { class: "flex space-x-3 items-center text-foreground-disabled normal font-medium leading-5" }, gs = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-foreground-disabled inline-flex items-center justify-center" }, vs = { class: "flex flex-col" }, ys = {
+}, hs = ["href", "onClick"], ms = { class: "flex space-x-3 items-center text-foreground-disabled normal font-medium leading-5" }, gs = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-foreground-disabled inline-flex items-center justify-center" }, vs = { class: "flex flex-col" }, bs = {
   key: 0,
   class: "label label--light"
 }, xl = /* @__PURE__ */ M({
@@ -734,10 +734,10 @@ const ns = ["aria-label"], ls = ["href", "onClick"], as = { class: "flex space-x
     const t = e, {
       isCurrentStep: s,
       isFinishedStep: o,
-      switchStep: f,
-      getStepDisplayValue: p,
-      listClasses: r,
-      linkClasses: i
+      switchStep: c,
+      getStepDisplayValue: f,
+      listClasses: p,
+      linkClasses: r
     } = Ee({
       props: ae(t),
       emit: l
@@ -746,8 +746,8 @@ const ns = ["aria-label"], ls = ["href", "onClick"], as = { class: "flex space-x
       class: "flex justify-center",
       "aria-label": e.ariaLabel || "Progress steps"
     }, [
-      u("ol", {
-        class: b(n(r))
+      i("ol", {
+        class: y(n(p))
       }, [
         (a(!0), h(U, null, G(e.steps, (v, m) => (a(), h("li", {
           key: v.name
@@ -755,43 +755,43 @@ const ns = ["aria-label"], ls = ["href", "onClick"], as = { class: "flex space-x
           n(o)(m) ? (a(), h("a", {
             key: 0,
             href: v.href,
-            class: b(n(i)),
-            onClick: (k) => n(f)(m, k)
+            class: y(n(r)),
+            onClick: (k) => n(c)(m, k)
           }, [
-            u("div", as, [
-              u("div", os, [
+            i("div", as, [
+              i("div", os, [
                 L(n(pt), { class: "w-5 h-5" })
               ]),
-              u("div", rs, [
-                u("div", null, I(v.name), 1),
+              i("div", rs, [
+                i("div", null, I(v.name), 1),
                 v.description ? (a(), h("div", is, I(v.description), 1)) : S("", !0)
               ])
             ])
           ], 10, ls)) : n(s)(m) ? (a(), h("a", {
             key: 1,
             href: v.href,
-            class: b(n(i)),
+            class: y(n(r)),
             "aria-current": "step",
-            onClick: (k) => n(f)(m, k)
+            onClick: (k) => n(c)(m, k)
           }, [
-            u("div", cs, [
-              u("div", ds, I(n(p)(m)), 1),
-              u("div", fs, [
-                u("div", null, I(v.name), 1),
+            i("div", cs, [
+              i("div", ds, I(n(f)(m)), 1),
+              i("div", fs, [
+                i("div", null, I(v.name), 1),
                 v.description ? (a(), h("div", ps, I(v.description), 1)) : S("", !0)
               ])
             ])
           ], 10, us)) : (a(), h("a", {
             key: 2,
             href: v.href,
-            class: b(n(i)),
-            onClick: (k) => n(f)(m, k)
+            class: y(n(r)),
+            onClick: (k) => n(c)(m, k)
           }, [
-            u("div", ms, [
-              u("div", gs, I(n(p)(m)), 1),
-              u("div", vs, [
-                u("div", null, I(v.name), 1),
-                v.description ? (a(), h("div", ys, I(v.description), 1)) : S("", !0)
+            i("div", ms, [
+              i("div", gs, I(n(f)(m)), 1),
+              i("div", vs, [
+                i("div", null, I(v.name), 1),
+                v.description ? (a(), h("div", bs, I(v.description), 1)) : S("", !0)
               ])
             ])
           ], 10, hs))
@@ -799,7 +799,7 @@ const ns = ["aria-label"], ls = ["href", "onClick"], as = { class: "flex space-x
       ], 2)
     ], 8, ns));
   }
-}), bs = ["aria-label"], xs = ["href", "onClick"], ks = { class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center" }, Cs = {
+}), ys = ["aria-label"], xs = ["href", "onClick"], ks = { class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center" }, Cs = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground-2"
 }, ws = ["href", "onClick"], $s = {
@@ -808,7 +808,7 @@ const ns = ["aria-label"], ls = ["href", "onClick"], as = { class: "flex space-x
 }, Ss = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground"
-}, Is = /* @__PURE__ */ u("span", { class: "absolute h-4 w-4 rounded-full bg-outline-2" }, null, -1), _s = /* @__PURE__ */ u("span", { class: "relative block h-2 w-2 rounded-full bg-primary-focus" }, null, -1), Bs = ["href", "onClick"], Ls = {
+}, Is = /* @__PURE__ */ i("span", { class: "absolute h-4 w-4 rounded-full bg-outline-2" }, null, -1), _s = /* @__PURE__ */ i("span", { class: "relative block h-2 w-2 rounded-full bg-primary-focus" }, null, -1), Bs = ["href", "onClick"], Ls = {
   class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center",
   "aria-hidden": "true"
 }, Ps = {
@@ -831,14 +831,14 @@ const ns = ["aria-label"], ls = ["href", "onClick"], as = { class: "flex space-x
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const t = e, { isCurrentStep: s, isFinishedStep: o, switchStep: f, listClasses: p, linkClasses: r } = Ee({
+    const t = e, { isCurrentStep: s, isFinishedStep: o, switchStep: c, listClasses: f, linkClasses: p } = Ee({
       props: ae(t),
       emit: l
-    }), i = c(() => {
+    }), r = u(() => {
       const x = ["h6 font-medium leading-7"];
       let v;
       return t.stepsPadding === "xs" ? v = "ml-1" : t.stepsPadding === "sm" ? v = "ml-2" : v = "ml-3", x.push(v), t.basic && x.push("sr-only"), x.join(" ");
-    }), d = c(() => {
+    }), d = u(() => {
       const x = [];
       return t.basic && x.push("basic"), x.join(" ");
     });
@@ -846,8 +846,8 @@ const ns = ["aria-label"], ls = ["href", "onClick"], as = { class: "flex space-x
       class: "flex justify-center",
       "aria-label": e.ariaLabel || "Progress steps"
     }, [
-      u("ol", {
-        class: b([n(p), d.value])
+      i("ol", {
+        class: y([n(f), d.value])
       }, [
         (a(!0), h(U, null, G(e.steps, (m, k) => (a(), h("li", {
           key: m.name
@@ -855,51 +855,51 @@ const ns = ["aria-label"], ls = ["href", "onClick"], as = { class: "flex space-x
           n(o)(k) ? (a(), h("a", {
             key: 0,
             href: m.href,
-            class: b(n(r)),
-            onClick: (_) => n(f)(k, _)
+            class: y(n(p)),
+            onClick: (_) => n(c)(k, _)
           }, [
-            u("span", ks, [
+            i("span", ks, [
               e.basic ? (a(), h("span", Cs)) : (a(), P(n(Te), {
                 key: 1,
                 class: "h-full w-full text-primary",
                 "aria-hidden": "true"
               }))
             ]),
-            u("span", {
-              class: b(["text-foreground", i.value])
+            i("span", {
+              class: y(["text-foreground", r.value])
             }, I(m.name), 3)
           ], 10, xs)) : n(s)(k) ? (a(), h("a", {
             key: 1,
             href: m.href,
-            class: b(n(r)),
+            class: y(n(p)),
             "aria-current": "step",
-            onClick: (_) => n(f)(k, _)
+            onClick: (_) => n(c)(k, _)
           }, [
-            u("span", $s, [
+            i("span", $s, [
               e.basic ? (a(), h("span", Ss)) : (a(), h(U, { key: 1 }, [
                 Is,
                 _s
               ], 64))
             ]),
-            u("span", {
-              class: b(["text-primary-focus", i.value])
+            i("span", {
+              class: y(["text-primary-focus", r.value])
             }, I(m.name), 3)
           ], 10, ws)) : (a(), h("a", {
             key: 2,
             href: m.href,
-            class: b(n(r)),
-            onClick: (_) => n(f)(k, _)
+            class: y(n(p)),
+            onClick: (_) => n(c)(k, _)
           }, [
-            u("div", Ls, [
+            i("div", Ls, [
               e.basic ? (a(), h("span", Ps)) : (a(), h("div", js))
             ]),
-            u("p", {
-              class: b(["text-foreground-disabled", i.value])
+            i("p", {
+              class: y(["text-foreground-disabled", r.value])
             }, I(m.name), 3)
           ], 10, Bs))
         ]))), 128))
       ], 2)
-    ], 8, bs));
+    ], 8, ys));
   }
 }), Vs = ["disabled"], Cl = /* @__PURE__ */ M({
   __name: "CardButton",
@@ -909,27 +909,27 @@ const ns = ["aria-label"], ls = ["href", "onClick"], as = { class: "flex space-x
   },
   emits: ["update:modelValue", "click"],
   setup(e, { emit: l }) {
-    const t = e, s = c(() => {
-      const f = [
+    const t = e, s = u(() => {
+      const c = [
         "h-20 bg-foundation-2 inline-flex justify-center items-center outline-none",
         "normal px-16 py-5 shadow rounded transition active:scale-95"
       ];
-      return t.disabled ? f.push("bg-foundation-disabled text-foreground-2 cursor-not-allowed") : (f.push(
+      return t.disabled ? c.push("bg-foundation-disabled text-foreground-2 cursor-not-allowed") : (c.push(
         t.modelValue ? "bg-primary-focus text-foreground-on-primary" : "bg-foundation text-foreground"
-      ), f.push("ring-outline-2 hover:ring-4")), f.join(" ");
-    }), o = (f) => {
+      ), c.push("ring-outline-2 hover:ring-4")), c.join(" ");
+    }), o = (c) => {
       if (t.disabled) {
-        f.preventDefault(), f.stopPropagation(), f.stopImmediatePropagation();
+        c.preventDefault(), c.stopPropagation(), c.stopImmediatePropagation();
         return;
       }
-      l("update:modelValue", !t.modelValue), l("click", f);
+      l("update:modelValue", !t.modelValue), l("click", c);
     };
-    return (f, p) => (a(), h("button", {
-      class: b(s.value),
+    return (c, f) => (a(), h("button", {
+      class: y(s.value),
       disabled: e.disabled,
       onClick: o
     }, [
-      D(f.$slots, "default", {}, () => [
+      D(c.$slots, "default", {}, () => [
         A("Text")
       ])
     ], 10, Vs));
@@ -940,7 +940,7 @@ const ns = ["aria-label"], ls = ["href", "onClick"], as = { class: "flex space-x
 }, Ts = ["for"], Rs = {
   key: 0,
   class: "text-danger ml-1"
-}, zs = ["id"], wl = /* @__PURE__ */ M({
+}, Fs = ["id"], wl = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -1029,28 +1029,28 @@ const ns = ["aria-label"], ls = ["href", "onClick"], as = { class: "flex space-x
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const l = e, t = (y) => `${y}-${be()}`, s = c(() => l.value || l.name), {
+    const l = e, t = (b) => `${b}-${xe()}`, s = u(() => l.value || l.name), {
       checked: o,
-      errorMessage: f,
-      handleChange: p,
-      value: r
+      errorMessage: c,
+      handleChange: f,
+      value: p
     } = ye(l.name, l.rules, {
       validateOnMount: l.validateOnMount,
       type: "checkbox",
       checkedValue: s,
       initialValue: l.modelValue || void 0
-    }), i = c(() => l.label || l.name), d = c(() => f.value ? "border-danger-lighter" : "border-foreground-4 "), x = c(() => l.description || f.value), v = c(() => `${l.name}-description`), m = c(() => {
-      const y = [];
-      return l.inlineDescription ? y.push("inline ml-2") : y.push("block"), f.value ? y.push("text-danger") : y.push("text-foreground-2"), y.join(" ");
-    }), k = O(t("checkbox")), _ = c(() => l.id || k.value), j = (y) => {
-      l.disabled || p(y);
+    }), r = u(() => l.label || l.name), d = u(() => c.value ? "border-danger-lighter" : "border-foreground-4 "), x = u(() => l.description || c.value), v = u(() => `${l.name}-description`), m = u(() => {
+      const b = [];
+      return l.inlineDescription ? b.push("inline ml-2") : b.push("block"), c.value ? b.push("text-danger") : b.push("text-foreground-2"), b.join(" ");
+    }), k = O(t("checkbox")), _ = u(() => l.id || k.value), j = (b) => {
+      l.disabled || f(b);
     };
     return Y(() => {
-      const y = l.modelValue, w = r.value, $ = Array.isArray(y) ? y.includes(l.value) : y === l.value, z = Array.isArray(w) ? w.includes(l.value) : w === l.value;
-      $ !== z && p(y);
-    }), (y, w) => (a(), h("div", Os, [
-      u("div", Ms, [
-        u("input", oe({
+      const b = l.modelValue, w = p.value, $ = Array.isArray(b) ? b.includes(l.value) : b === l.value, F = Array.isArray(w) ? w.includes(l.value) : w === l.value;
+      $ !== F && f(b);
+    }), (b, w) => (a(), h("div", Os, [
+      i("div", Ms, [
+        i("input", oe({
           id: _.value,
           checked: n(o),
           "aria-describedby": v.value,
@@ -1059,62 +1059,62 @@ const ns = ["aria-label"], ls = ["href", "onClick"], as = { class: "flex space-x
           value: s.value,
           type: "checkbox",
           class: ["h-4 w-4 rounded text-primary focus:ring-primary bg-foundation disabled:cursor-not-allowed disabled:bg-disabled disabled:text-disabled-2", d.value]
-        }, y.$attrs, { onChange: j }), null, 16, As)
+        }, b.$attrs, { onChange: j }), null, 16, As)
       ]),
-      u("div", Ds, [
-        u("label", {
+      i("div", Ds, [
+        i("label", {
           for: _.value,
-          class: b(["font-medium text-foreground", { "sr-only": e.hideLabel }])
+          class: y(["font-medium text-foreground", { "sr-only": e.hideLabel }])
         }, [
-          u("span", null, I(i.value), 1),
+          i("span", null, I(r.value), 1),
           e.showRequired ? (a(), h("span", Rs, "*")) : S("", !0)
         ], 10, Ts),
         x.value ? (a(), h("p", {
           key: 0,
           id: v.value,
-          class: b(m.value)
-        }, I(x.value), 11, zs)) : S("", !0)
+          class: y(m.value)
+        }, I(x.value), 11, Fs)) : S("", !0)
       ])
     ]));
   }
 });
 function Ue(e) {
-  const { props: l, inputEl: t, emit: s } = e, { value: o, errorMessage: f } = ye(l.name, l.rules, {
+  const { props: l, inputEl: t, emit: s } = e, { value: o, errorMessage: c } = ye(l.name, l.rules, {
     validateOnMount: n(l.validateOnMount),
     validateOnValueUpdate: n(l.validateOnValueUpdate),
     initialValue: n(l.modelValue) || void 0
-  }), p = c(() => {
+  }), f = u(() => {
     const $ = ["block label text-foreground-2 mb-2"];
     return n(l.showLabel) || $.push("sr-only"), $.join(" ");
-  }), r = c(() => {
+  }), p = u(() => {
     const $ = [
       "block w-full rounded focus:outline-none text-foreground transition-all",
       "disabled:cursor-not-allowed disabled:bg-foundation-disabled disabled:text-disabled-muted",
       "placeholder:text-foreground-2"
     ];
-    return f.value ? $.push(
+    return c.value ? $.push(
       "border-2 border-danger text-danger-darker focus:border-danger focus:ring-danger"
     ) : $.push("border-0 focus:ring-2 focus:ring-outline-2"), n(l.color) === "foundation" ? $.push("bg-foundation shadow-sm hover:shadow") : $.push("bg-foundation-page"), $.join(" ");
-  }), i = O(be()), d = c(() => n(l.label) || n(l.name)), x = c(() => {
-    const $ = f.value;
+  }), r = O(xe()), d = u(() => n(l.label) || n(l.name)), x = u(() => {
+    const $ = c.value;
     return !$ || !n(l.useLabelInErrors) ? $ : $.replace("Value", d.value);
-  }), v = c(
+  }), v = u(
     () => x.value && n(l.hideErrorMessage)
-  ), m = c(() => x.value || n(l.help)), k = c(() => !!m.value), _ = c(
-    () => k.value ? `${n(l.name)}-${i.value}` : void 0
-  ), j = c(() => {
+  ), m = u(() => x.value || n(l.help)), k = u(() => !!m.value), _ = u(
+    () => k.value ? `${n(l.name)}-${r.value}` : void 0
+  ), j = u(() => {
     const $ = ["mt-2 text-sm"];
-    return $.push(f.value ? "text-danger" : "text-foreground-2"), $.join(" ");
-  }), y = () => {
+    return $.push(c.value ? "text-danger" : "text-foreground-2"), $.join(" ");
+  }), b = () => {
     var $;
     ($ = t.value) == null || $.focus();
   }, w = () => {
     o.value = "", s("change", { value: "" }), s("clear");
   };
   return Y(() => {
-    n(l.autoFocus) && y();
+    n(l.autoFocus) && b();
   }), {
-    coreClasses: r,
+    coreClasses: p,
     title: d,
     value: o,
     helpTipId: _,
@@ -1123,11 +1123,11 @@ function Ue(e) {
     hideHelpTip: v,
     errorMessage: x,
     clear: w,
-    focus: y,
-    labelClasses: p
+    focus: b,
+    labelClasses: f
   };
 }
-const Fs = ["for"], Es = { class: "relative" }, Us = ["id", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], Ws = /* @__PURE__ */ u("span", { class: "text-xs sr-only" }, "Clear input", -1), qs = {
+const zs = ["for"], Es = { class: "relative" }, Us = ["id", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], Ws = /* @__PURE__ */ i("span", { class: "text-xs sr-only" }, "Clear input", -1), qs = {
   key: 2,
   class: "pointer-events-none absolute inset-y-0 mt-3 text-4xl right-0 flex items-center pr-2 text-danger opacity-50"
 }, Hs = ["id"], $l = /* @__PURE__ */ M({
@@ -1153,10 +1153,10 @@ const Fs = ["for"], Es = { class: "relative" }, Us = ["id", "name", "placeholder
   emits: ["update:modelValue", "change", "input", "clear"],
   setup(e, { expose: l, emit: t }) {
     const s = e, o = O(null), {
-      coreClasses: f,
-      title: p,
-      value: r,
-      helpTipId: i,
+      coreClasses: c,
+      title: f,
+      value: p,
+      helpTipId: r,
       helpTipClasses: d,
       helpTip: x,
       errorMessage: v,
@@ -1167,36 +1167,36 @@ const Fs = ["for"], Es = { class: "relative" }, Us = ["id", "name", "placeholder
       props: ae(s),
       emit: t,
       inputEl: o
-    }), j = c(() => {
-      const y = ["pl-2"];
-      return s.showClear && v.value ? y.push("pr-12") : (s.showClear || v.value) && y.push("pr-8"), y.join(" ");
+    }), j = u(() => {
+      const b = ["pl-2"];
+      return s.showClear && v.value ? b.push("pr-12") : (s.showClear || v.value) && b.push("pr-8"), b.join(" ");
     });
-    return l({ focus: _ }), (y, w) => (a(), h("div", {
-      class: b([e.fullWidth ? "w-full" : ""])
+    return l({ focus: _ }), (b, w) => (a(), h("div", {
+      class: y([e.fullWidth ? "w-full" : ""])
     }, [
-      u("label", {
+      i("label", {
         for: e.name,
-        class: b(n(m))
+        class: y(n(m))
       }, [
-        u("span", null, I(n(p)), 1)
-      ], 10, Fs),
-      u("div", Es, [
-        ne(u("textarea", oe({
+        i("span", null, I(n(f)), 1)
+      ], 10, zs),
+      i("div", Es, [
+        ne(i("textarea", oe({
           id: e.name,
           ref_key: "inputElement",
           ref: o,
-          "onUpdate:modelValue": w[0] || (w[0] = ($) => ve(r) ? r.value = $ : null),
+          "onUpdate:modelValue": w[0] || (w[0] = ($) => ve(p) ? p.value = $ : null),
           name: e.name,
-          class: [n(f), j.value, "min-h-[4rem]"],
+          class: [n(c), j.value, "min-h-[4rem]"],
           placeholder: e.placeholder,
           disabled: e.disabled,
           "aria-invalid": n(v) ? "true" : "false",
-          "aria-describedby": n(i)
-        }, y.$attrs, {
-          onChange: w[1] || (w[1] = ($) => y.$emit("change", { event: $, value: n(r) })),
-          onInput: w[2] || (w[2] = ($) => y.$emit("input", { event: $, value: n(r) }))
+          "aria-describedby": n(r)
+        }, b.$attrs, {
+          onChange: w[1] || (w[1] = ($) => b.$emit("change", { event: $, value: n(p) })),
+          onInput: w[2] || (w[2] = ($) => b.$emit("input", { event: $, value: n(p) }))
         }), null, 16, Us), [
-          [je, n(r)]
+          [Ve, n(p)]
         ]),
         e.showClear ? (a(), h("a", {
           key: 0,
@@ -1215,7 +1215,7 @@ const Fs = ["for"], Es = { class: "relative" }, Us = ["id", "name", "placeholder
         ], 32)) : S("", !0),
         n(v) ? (a(), h("div", {
           key: 1,
-          class: b([
+          class: y([
             "pointer-events-none absolute inset-y-0 right-0 flex items-center",
             e.showClear ? "pr-8" : "pr-2"
           ])
@@ -1227,17 +1227,17 @@ const Fs = ["for"], Es = { class: "relative" }, Us = ["id", "name", "placeholder
         ], 2)) : S("", !0),
         e.showRequired && !n(v) ? (a(), h("div", qs, " * ")) : S("", !0)
       ]),
-      n(i) ? (a(), h("p", {
+      n(r) ? (a(), h("p", {
         key: 0,
-        id: n(i),
-        class: b(n(d))
+        id: n(r),
+        class: y(n(d))
       }, I(n(x)), 11, Hs)) : S("", !0)
     ], 2));
   }
 }), Gs = ["for"], Ks = { class: "relative" }, Xs = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2"
-}, Ns = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], Js = /* @__PURE__ */ u("span", { class: "text-xs sr-only" }, "Clear input", -1), Qs = {
+}, Ns = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], Js = /* @__PURE__ */ i("span", { class: "text-xs sr-only" }, "Clear input", -1), Qs = {
   key: 2,
   class: "pointer-events-none absolute inset-y-0 mt-3 text-4xl right-0 flex items-center pr-2 text-danger opacity-50"
 }, Ys = ["id"], Sl = /* @__PURE__ */ M({
@@ -1377,10 +1377,10 @@ const Fs = ["for"], Es = { class: "relative" }, Us = ["id", "name", "placeholder
   },
   emits: ["update:modelValue", "change", "input", "clear", "focusin", "focusout"],
   setup(e, { expose: l, emit: t }) {
-    const s = e, o = Ve(), f = O(null), {
-      coreClasses: p,
-      title: r,
-      value: i,
+    const s = e, o = Oe(), c = O(null), {
+      coreClasses: f,
+      title: p,
+      value: r,
       helpTipId: d,
       helpTipClasses: x,
       helpTip: v,
@@ -1388,20 +1388,20 @@ const Fs = ["for"], Es = { class: "relative" }, Us = ["id", "name", "placeholder
       errorMessage: k,
       clear: _,
       focus: j,
-      labelClasses: y
+      labelClasses: b
     } = Ue({
       props: ae(s),
       emit: t,
-      inputEl: f
-    }), w = c(() => {
+      inputEl: c
+    }), w = u(() => {
       const R = ["h-5 w-5"];
       return k.value ? R.push("text-danger") : R.push("text-foreground-2"), R.join(" ");
-    }), $ = c(
+    }), $ = u(
       () => ["email", "password"].includes(s.type) || s.customIcon
-    ), z = c(() => {
+    ), F = u(() => {
       const R = [];
       return $.value ? R.push("pl-8") : R.push("pl-2"), o["input-right"] || (k.value || s.showClear) && (k.value && s.showClear ? R.push("pr-12") : R.push("pr-8")), R.join(" ");
-    }), g = c(() => {
+    }), g = u(() => {
       switch (s.size) {
         case "sm":
           return "h-6";
@@ -1415,48 +1415,48 @@ const Fs = ["for"], Es = { class: "relative" }, Us = ["id", "name", "placeholder
       }
     });
     return l({ focus: j }), (R, E) => (a(), h("div", {
-      class: b([e.fullWidth ? "w-full" : "", e.wrapperClasses])
+      class: y([e.fullWidth ? "w-full" : "", e.wrapperClasses])
     }, [
-      u("label", {
+      i("label", {
         for: e.name,
-        class: b(n(y))
+        class: y(n(b))
       }, [
-        u("span", null, I(n(r)), 1)
+        i("span", null, I(n(p)), 1)
       ], 10, Gs),
-      u("div", Ks, [
+      i("div", Ks, [
         $.value ? (a(), h("div", Xs, [
           e.customIcon ? (a(), P(H(e.customIcon), {
             key: 0,
-            class: b(w.value),
+            class: y(w.value),
             "aria-hidden": "true"
           }, null, 8, ["class"])) : e.type === "email" ? (a(), P(n(ht), {
             key: 1,
-            class: b(w.value),
+            class: y(w.value),
             "aria-hidden": "true"
           }, null, 8, ["class"])) : e.type === "password" ? (a(), P(n(mt), {
             key: 2,
-            class: b(w.value),
+            class: y(w.value),
             "aria-hidden": "true"
           }, null, 8, ["class"])) : S("", !0)
         ])) : S("", !0),
-        ne(u("input", oe({
+        ne(i("input", oe({
           id: e.name,
           ref_key: "inputElement",
-          ref: f,
-          "onUpdate:modelValue": E[0] || (E[0] = (F) => ve(i) ? i.value = F : null),
+          ref: c,
+          "onUpdate:modelValue": E[0] || (E[0] = (z) => ve(r) ? r.value = z : null),
           type: e.type,
           name: e.name,
-          class: [n(p), z.value, g.value, e.inputClasses || ""],
+          class: [n(f), F.value, g.value, e.inputClasses || ""],
           placeholder: e.placeholder,
           disabled: e.disabled,
           "aria-invalid": n(k) ? "true" : "false",
           "aria-describedby": n(d),
           role: "textbox"
         }, R.$attrs, {
-          onChange: E[1] || (E[1] = (F) => R.$emit("change", { event: F, value: n(i) })),
-          onInput: E[2] || (E[2] = (F) => R.$emit("input", { event: F, value: n(i) }))
+          onChange: E[1] || (E[1] = (z) => R.$emit("change", { event: z, value: n(r) })),
+          onInput: E[2] || (E[2] = (z) => R.$emit("input", { event: z, value: n(r) }))
         }), null, 16, Ns), [
-          [Xe, n(i)]
+          [Xe, n(r)]
         ]),
         D(R.$slots, "input-right", {}, () => [
           e.showClear ? (a(), h("a", {
@@ -1464,9 +1464,9 @@ const Fs = ["for"], Es = { class: "relative" }, Us = ["id", "name", "placeholder
             title: "Clear input",
             class: "absolute inset-y-0 right-0 flex items-center pr-2 cursor-pointer",
             onClick: E[3] || (E[3] = //@ts-ignore
-            (...F) => n(_) && n(_)(...F)),
+            (...z) => n(_) && n(_)(...z)),
             onKeydown: E[4] || (E[4] = //@ts-ignore
-            (...F) => n(_) && n(_)(...F))
+            (...z) => n(_) && n(_)(...z))
           }, [
             Js,
             L(n(ue), {
@@ -1476,7 +1476,7 @@ const Fs = ["for"], Es = { class: "relative" }, Us = ["id", "name", "placeholder
           ], 32)) : S("", !0),
           n(k) ? (a(), h("div", {
             key: 1,
-            class: b([
+            class: y([
               "pointer-events-none absolute inset-y-0 right-0 flex items-center",
               e.showClear ? "pr-8" : "pr-2"
             ])
@@ -1492,11 +1492,11 @@ const Fs = ["for"], Es = { class: "relative" }, Us = ["id", "name", "placeholder
       n(d) && !n(m) ? (a(), h("p", {
         key: 0,
         id: n(d),
-        class: b(n(x))
+        class: y(n(x))
       }, I(n(v)), 11, Ys)) : S("", !0)
     ], 2));
   }
-}), Zs = /^https?:\/\//, ke = /^[\w-_.+]+@[\w-_.+]+$/, en = (e) => (e || "").match(ke) ? !0 : "Value should be a valid e-mail address", tn = (e) => (e || "").split(",").map((s) => s.trim()).every((s) => s.match(ke)) || "Value should be one or multiple comma-delimited e-mail addresses", sn = (e) => (ie(e) && (e = e.trim()), e ? !0 : "Value is required"), nn = (e, l) => (t, s) => t === s.form[e] ? !0 : `Value must be the same as in field '${l || e}'`, ln = (e) => (l) => {
+}), Zs = /^https?:\/\//, Ce = /^[\w-_.+]+@[\w-_.+]+$/, en = (e) => (e || "").match(Ce) ? !0 : "Value should be a valid e-mail address", tn = (e) => (e || "").split(",").map((s) => s.trim()).every((s) => s.match(Ce)) || "Value should be one or multiple comma-delimited e-mail addresses", sn = (e) => (ie(e) && (e = e.trim()), e ? !0 : "Value is required"), nn = (e, l) => (t, s) => t === s.form[e] ? !0 : `Value must be the same as in field '${l || e}'`, ln = (e) => (l) => {
   const { minLength: t, maxLength: s } = e;
   return l = gt(l) ? "" : l, ie(l) ? !Q(t) && l.length < t ? `Value needs to be at least ${t} characters long` : !Q(s) && l.length > s ? `Value needs to be no more than ${s} characters long` : !0 : "Value should be a text string";
 }, an = (e) => (l) => {
@@ -1504,7 +1504,7 @@ const Fs = ["for"], Es = { class: "relative" }, Us = ["id", "name", "placeholder
   return ie(l) ? t ? ie(t) ? l.includes(t) ? !0 : s : t.test(l) ? !0 : s : !0 : "Value should be a text string";
 }, Il = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VALID_EMAIL: ke,
+  VALID_EMAIL: Ce,
   VALID_HTTP_URL: Zs,
   isEmail: en,
   isOneOrMultipleEmails: tn,
@@ -1519,24 +1519,24 @@ function on(e) {
     elementToWatchForChanges: t,
     itemContainer: s,
     trackResize: o = !1,
-    trackMutations: f = !0
-  } = e || {}, p = O(0), r = () => {
-    const i = s.value;
-    if (l != null && l.value || !i)
+    trackMutations: c = !0
+  } = e || {}, f = O(0), p = () => {
+    const r = s.value;
+    if (l != null && l.value || !r)
       return;
-    const d = i.children;
+    const d = r.children;
     let x = 0, v = 0, m;
     for (const k of d) {
       const _ = k.offsetTop;
       Q(m) ? (m = _, x += 1) : _ === m && (x += 1), v += 1;
     }
-    p.value = v - x;
+    f.value = v - x;
   };
-  return o && bt(t, r), f && xt(t, r, {
+  return o && yt(t, p), c && xt(t, p, {
     childList: !0,
     subtree: !0
   }), {
-    hiddenItemCount: p
+    hiddenItemCount: f
   };
 }
 function rn(e) {
@@ -1545,7 +1545,7 @@ function rn(e) {
   if (s) {
     const { elementToWatchForChanges: d, itemContainer: x } = s;
     o = on({
-      skipCalculation: c(() => {
+      skipCalculation: u(() => {
         var m;
         return !((m = l.multiple) != null && m.value);
       }),
@@ -1554,7 +1554,7 @@ function rn(e) {
     }).hiddenItemCount;
   } else
     o = O(0);
-  const f = c({
+  const c = u({
     get: () => {
       var x, v;
       const d = (x = l.modelValue) == null ? void 0 : x.value;
@@ -1571,16 +1571,16 @@ function rn(e) {
       }
       t("update:modelValue", (m = l.multiple) != null && m.value ? d || [] : d);
     }
-  }), p = (d) => q(d);
+  }), f = (d) => q(d);
   return {
-    selectedValue: f,
+    selectedValue: c,
     hiddenSelectedItemCount: o,
-    isArrayValue: p,
+    isArrayValue: f,
     isMultiItemArrayValue: (d) => q(d) && d.length > 1,
-    firstItem: (d) => p(d) ? d[0] : d
+    firstItem: (d) => f(d) ? d[0] : d
   };
 }
-const un = (e) => (Ne("data-v-60cf597b"), e = e(), Je(), e), cn = /* @__PURE__ */ un(() => /* @__PURE__ */ u("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), dn = [
+const un = (e) => (Ne("data-v-60cf597b"), e = e(), Je(), e), cn = /* @__PURE__ */ un(() => /* @__PURE__ */ i("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), dn = [
   cn
 ], fn = /* @__PURE__ */ M({
   __name: "Bar",
@@ -1589,21 +1589,21 @@ const un = (e) => (Ne("data-v-60cf597b"), e = e(), Je(), e), cn = /* @__PURE__ *
   },
   setup(e) {
     return (l, t) => (a(), h("div", {
-      class: b([
+      class: y([
         "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"
       ])
     }, dn, 2));
   }
 });
-const We = /* @__PURE__ */ Fe(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { class: "flex items-center justify-between w-full" }, hn = { class: "block truncate grow text-left" }, mn = { class: "pointer-events-none shrink-0 ml-1 flex items-center" }, gn = ["disabled"], vn = {
+const We = /* @__PURE__ */ ze(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { class: "flex items-center justify-between w-full" }, hn = { class: "block truncate grow text-left" }, mn = { class: "pointer-events-none shrink-0 ml-1 flex items-center" }, gn = ["disabled"], vn = {
   key: 0,
   class: "flex flex-col mx-1 mb-1"
-}, yn = /* @__PURE__ */ u("span", { class: "sr-only label text-foreground" }, "Search", -1), bn = { class: "relative" }, xn = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, kn = ["placeholder"], Cn = {
+}, bn = /* @__PURE__ */ i("span", { class: "sr-only label text-foreground" }, "Search", -1), yn = { class: "relative" }, xn = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, kn = ["placeholder"], Cn = {
   key: 0,
   class: "px-1"
-}, wn = { key: 1 }, $n = /* @__PURE__ */ u("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), Sn = {
-  class: /* @__PURE__ */ b(["block truncate"])
+}, wn = { key: 1 }, $n = /* @__PURE__ */ i("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), Sn = {
+  class: /* @__PURE__ */ y(["block truncate"])
 }, In = ["id"], _n = /* @__PURE__ */ M({
   __name: "Base",
   props: {
@@ -1743,51 +1743,51 @@ const We = /* @__PURE__ */ Fe(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { cl
   },
   emits: ["update:modelValue"],
   setup(e, { expose: l, emit: t }) {
-    const s = e, { value: o, errorMessage: f } = ye(s.name, s.rules, {
+    const s = e, { value: o, errorMessage: c } = ye(s.name, s.rules, {
       validateOnMount: s.validateOnMount,
       validateOnValueUpdate: s.validateOnValueUpdate,
       initialValue: s.modelValue
-    }), p = O(null), r = O(""), i = O([]), d = O(!1), x = O(1), v = O(be()), m = c(() => n(s.label) || n(s.name)), k = c(() => {
-      const C = f.value;
+    }), f = O(null), p = O(""), r = O([]), d = O(!1), x = O(1), v = O(xe()), m = u(() => n(s.label) || n(s.name)), k = u(() => {
+      const C = c.value;
       return !C || !n(s.useLabelInErrors) ? C : C.replace("Value", m.value);
-    }), _ = c(() => k.value || n(s.help)), j = c(() => !!_.value), y = c(
+    }), _ = u(() => k.value || n(s.help)), j = u(() => !!_.value), b = u(
       () => j.value ? `${n(s.name)}-${v.value}` : void 0
-    ), w = c(
-      () => f.value ? "text-danger" : "text-foreground-2"
-    ), $ = c(
+    ), w = u(
+      () => c.value ? "text-danger" : "text-foreground-2"
+    ), $ = u(
       () => s.buttonStyle !== "simple" && s.clearable && !s.disabled
-    ), z = c(() => {
+    ), F = u(() => {
       const C = ["relative flex group"];
       return s.buttonStyle !== "simple" && (C.push("hover:shadow rounded-md"), C.push("outline outline-2 outline-primary-muted")), s.fixedHeight && C.push("h-8"), C.join(" ");
-    }), g = c(() => {
+    }), g = u(() => {
       const C = [];
       return s.buttonStyle !== "simple" && C.push(
         Z.value ? "bg-foundation-disabled text-foreground-disabled" : ""
       ), Z.value && C.push("cursor-not-allowed"), C.join(" ");
-    }), R = c(() => {
+    }), R = u(() => {
       const C = [
         "relative z-[1]",
         "flex items-center justify-center text-center shrink-0",
         "rounded-r-md overflow-hidden transition-all",
         "text-foreground",
-        Ce.value ? `w-6 ${g.value}` : "w-0"
+        we.value ? `w-6 ${g.value}` : "w-0"
       ];
       return Z.value || (C.push(
         "hover:bg-primary hover:text-foreground-on-primary dark:text-foreground-on-primary"
       ), s.buttonStyle === "tinted" ? C.push("bg-outline-3") : C.push("bg-primary-muted")), C.join(" ");
-    }), E = c(() => {
+    }), E = u(() => {
       const C = [
         "relative z-[2]",
         "normal rounded-md cursor-pointer transition truncate flex-1",
         "flex items-center",
         g.value
       ];
-      return s.buttonStyle !== "simple" && (C.push("py-2 px-3"), Z.value || (s.buttonStyle === "tinted" ? C.push("bg-foundation-page text-foreground") : C.push("bg-foundation text-foreground"))), $.value && Ce.value && C.push("rounded-r-none"), C.join(" ");
-    }), F = c(
+      return s.buttonStyle !== "simple" && (C.push("py-2 px-3"), Z.value || (s.buttonStyle === "tinted" ? C.push("bg-foundation-page text-foreground") : C.push("bg-foundation text-foreground"))), $.value && we.value && C.push("rounded-r-none"), C.join(" ");
+    }), z = u(
       () => !!(s.search && (s.filterPredicate || s.getSearchResults))
-    ), X = c(() => F.value && s.getSearchResults), Z = c(
+    ), X = u(() => z.value && s.getSearchResults), Z = u(
       () => s.disabled || !s.items.length && !X.value
-    ), W = c({
+    ), W = u({
       get: () => {
         const C = o.value;
         return s.multiple ? q(C) ? C : [] : q(C) ? void 0 : C;
@@ -1809,21 +1809,21 @@ const We = /* @__PURE__ */ Fe(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { cl
         }
         t("update:modelValue", T), x.value += 1;
       }
-    }), Ce = c(() => s.multiple ? W.value.length !== 0 : !!W.value), qe = () => {
+    }), we = u(() => s.multiple ? W.value.length !== 0 : !!W.value), qe = () => {
       s.multiple ? W.value = [] : W.value = void 0;
-    }, He = c(() => {
-      const C = r.value;
-      return !F.value || !(C != null && C.length) ? i.value : s.filterPredicate ? i.value.filter(
+    }, He = u(() => {
+      const C = p.value;
+      return !z.value || !(C != null && C.length) ? r.value : s.filterPredicate ? r.value.filter(
         (T) => {
           var V;
           return ((V = s.filterPredicate) == null ? void 0 : V.call(s, T, C)) || !1;
         }
-      ) : i.value;
-    }), we = (C) => JSON.stringify(C), ce = (C) => s.by ? C[s.by] : C, de = async () => {
+      ) : r.value;
+    }), $e = (C) => JSON.stringify(C), ce = (C) => s.by ? C[s.by] : C, de = async () => {
       if (!(!X.value || !s.getSearchResults)) {
         d.value = !0;
         try {
-          i.value = await s.getSearchResults(r.value);
+          r.value = await s.getSearchResults(p.value);
         } finally {
           d.value = !1;
         }
@@ -1838,10 +1838,10 @@ const We = /* @__PURE__ */ Fe(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { cl
     return le(
       () => s.items,
       (C) => {
-        i.value = C.slice();
+        r.value = C.slice();
       },
       { immediate: !0 }
-    ), le(r, () => {
+    ), le(p, () => {
       X.value && Ge();
     }), Y(() => {
       X.value && !s.items.length && de();
@@ -1858,32 +1858,32 @@ const We = /* @__PURE__ */ Fe(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { cl
       }, {
         default: B(() => [
           L(n($t), {
-            class: b(["block label text-foreground-2 mb-2", { "sr-only": !e.showLabel }])
+            class: y(["block label text-foreground-2 mb-2", { "sr-only": !e.showLabel }])
           }, {
             default: B(() => [
               A(I(e.label), 1)
             ]),
             _: 1
           }, 8, ["class"]),
-          u("div", {
-            class: b(z.value)
+          i("div", {
+            class: y(F.value)
           }, [
             L(n(St), {
-              class: b(E.value)
+              class: y(E.value)
             }, {
               default: B(({ open: V }) => [
-                u("div", pn, [
-                  u("div", hn, [
+                i("div", pn, [
+                  i("div", hn, [
                     !W.value || n(q)(W.value) && !W.value.length ? D(C.$slots, "nothing-selected", { key: 0 }, () => [
                       A(I(e.label), 1)
                     ]) : D(C.$slots, "something-selected", {
                       key: 1,
                       value: W.value
                     }, () => [
-                      A(I(we(W.value)), 1)
+                      A(I($e(W.value)), 1)
                     ])
                   ]),
-                  u("div", mn, [
+                  i("div", mn, [
                     V ? (a(), P(n(De), {
                       key: 0,
                       class: "h-4 w-4 text-foreground",
@@ -1900,13 +1900,13 @@ const We = /* @__PURE__ */ Fe(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { cl
             }, 8, ["class"]),
             $.value ? ne((a(), h("button", {
               key: 0,
-              class: b(R.value),
+              class: y(R.value),
               disabled: e.disabled,
               onClick: T[0] || (T[0] = (V) => qe())
             }, [
               L(n(tt), { class: "w-3 h-3" })
             ], 10, gn)), [
-              [n(ze), "Clear"]
+              [n(Fe), "Clear"]
             ]) : S("", !0),
             L(ge, {
               "leave-active-class": "transition ease-in duration-100",
@@ -1919,36 +1919,36 @@ const We = /* @__PURE__ */ Fe(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { cl
                   class: "absolute top-[100%] z-10 mt-1 w-full rounded-md bg-foundation-2 py-1 label label--light outline outline-2 outline-primary-muted focus:outline-none shadow",
                   onFocus: T[3] || (T[3] = (V) => {
                     var K;
-                    return (K = p.value) == null ? void 0 : K.focus();
+                    return (K = f.value) == null ? void 0 : K.focus();
                   })
                 }, {
                   default: B(() => [
-                    F.value ? (a(), h("label", vn, [
-                      yn,
-                      u("div", bn, [
-                        u("div", xn, [
+                    z.value ? (a(), h("label", vn, [
+                      bn,
+                      i("div", yn, [
+                        i("div", xn, [
                           L(n(st), { class: "h-5 w-5 text-foreground" })
                         ]),
-                        ne(u("input", {
+                        ne(i("input", {
                           ref_key: "searchInput",
-                          ref: p,
-                          "onUpdate:modelValue": T[1] || (T[1] = (V) => r.value = V),
+                          ref: f,
+                          "onUpdate:modelValue": T[1] || (T[1] = (V) => p.value = V),
                           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: T[2] || (T[2] = Oe(() => {
+                          onKeydown: T[2] || (T[2] = be(() => {
                           }, ["stop"]))
                         }, null, 40, kn), [
-                          [je, r.value]
+                          [Ve, p.value]
                         ])
                       ])
                     ])) : S("", !0),
-                    u("div", {
-                      class: b(["overflow-auto simple-scrollbar", [F.value ? "max-h-52" : "max-h-60"]])
+                    i("div", {
+                      class: y(["overflow-auto simple-scrollbar", [z.value ? "max-h-52" : "max-h-60"]])
                     }, [
                       X.value && d.value ? (a(), h("div", Cn, [
                         L(We, { loading: !0 })
-                      ])) : X.value && !i.value.length ? (a(), h("div", wn, [
+                      ])) : X.value && !r.value.length ? (a(), h("div", wn, [
                         D(C.$slots, "nothing-found", {}, () => [
                           $n
                         ])
@@ -1960,30 +1960,30 @@ const We = /* @__PURE__ */ Fe(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { cl
                           value: V,
                           disabled: ((K = e.disabledItemPredicate) == null ? void 0 : K.call(e, V)) || !1
                         }, {
-                          default: B(({ active: N, selected: $e }) => {
-                            var Se, Ie;
+                          default: B(({ active: N, selected: Se }) => {
+                            var Ie, _e;
                             return [
-                              u("li", {
-                                class: b(
+                              i("li", {
+                                class: y(
                                   Ke({
                                     active: N,
-                                    disabled: ((Se = e.disabledItemPredicate) == null ? void 0 : Se.call(e, V)) || !1
+                                    disabled: ((Ie = e.disabledItemPredicate) == null ? void 0 : Ie.call(e, V)) || !1
                                   })
                                 )
                               }, [
-                                u("span", Sn, [
+                                i("span", Sn, [
                                   D(C.$slots, "option", {
                                     item: V,
                                     active: N,
-                                    selected: $e,
-                                    disabled: ((Ie = e.disabledItemPredicate) == null ? void 0 : Ie.call(e, V)) || !1
+                                    selected: Se,
+                                    disabled: ((_e = e.disabledItemPredicate) == null ? void 0 : _e.call(e, V)) || !1
                                   }, () => [
-                                    A(I(we(V)), 1)
+                                    A(I($e(V)), 1)
                                   ])
                                 ]),
-                                !e.hideCheckmarks && $e ? (a(), h("span", {
+                                !e.hideCheckmarks && Se ? (a(), h("span", {
                                   key: 0,
-                                  class: b([
+                                  class: y([
                                     N ? "text-primary" : "text-foreground",
                                     "absolute inset-y-0 right-0 flex items-center pr-4"
                                   ])
@@ -2010,10 +2010,10 @@ const We = /* @__PURE__ */ Fe(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { cl
         ]),
         _: 3
       }, 8, ["modelValue", "name", "multiple", "by", "disabled"])),
-      y.value ? (a(), h("p", {
+      b.value ? (a(), h("p", {
         key: 0,
-        id: y.value,
-        class: b(["mt-2 text-sm", w.value])
+        id: b.value,
+        class: y(["mt-2 text-sm", w.value])
       }, I(_.value), 11, In)) : S("", !0)
     ]));
   }
@@ -2100,14 +2100,14 @@ const We = /* @__PURE__ */ Fe(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { cl
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const t = e, s = O(null), o = O(null), { selectedValue: f, hiddenSelectedItemCount: p, isMultiItemArrayValue: r, firstItem: i } = rn({
+    const t = e, s = O(null), o = O(null), { selectedValue: c, hiddenSelectedItemCount: f, isMultiItemArrayValue: p, firstItem: r } = rn({
       props: ae(t),
       emit: l,
       dynamicVisibility: { elementToWatchForChanges: s, itemContainer: o }
     }), d = (x, v) => x.name.toLocaleLowerCase().includes(v.toLocaleLowerCase());
     return (x, v) => (a(), P(_n, {
-      modelValue: n(f),
-      "onUpdate:modelValue": v[0] || (v[0] = (m) => ve(f) ? f.value = m : null),
+      modelValue: n(c),
+      "onUpdate:modelValue": v[0] || (v[0] = (m) => ve(c) ? c.value = m : null),
       multiple: e.multiple,
       items: e.items ?? n(vt),
       search: e.search,
@@ -2126,13 +2126,13 @@ const We = /* @__PURE__ */ Fe(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { cl
         ], 64))
       ]),
       "something-selected": B(({ value: m }) => [
-        n(r)(m) ? (a(), h("div", {
+        n(p)(m) ? (a(), h("div", {
           key: 0,
           ref_key: "elementToWatchForChanges",
           ref: s,
           class: "flex items-center space-x-0.5 h-5"
         }, [
-          u("div", {
+          i("div", {
             ref_key: "itemContainer",
             ref: o,
             class: "flex flex-wrap overflow-hidden space-x-0.5 h-5"
@@ -2142,22 +2142,22 @@ const We = /* @__PURE__ */ Fe(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { cl
               "source-app": k
             }, null, 8, ["source-app"]))), 128))
           ], 512),
-          n(p) > 0 ? (a(), h("div", Ln, " +" + I(n(p)), 1)) : S("", !0)
+          n(f) > 0 ? (a(), h("div", Ln, " +" + I(n(f)), 1)) : S("", !0)
         ], 512)) : (a(), h("div", Pn, [
-          u("div", {
+          i("div", {
             class: "h-2 w-2 rounded-full mr-2",
-            style: fe({ backgroundColor: n(i)(m).bgColor })
+            style: fe({ backgroundColor: n(r)(m).bgColor })
           }, null, 4),
-          u("span", jn, I(n(i)(m).name), 1)
+          i("span", jn, I(n(r)(m).name), 1)
         ]))
       ]),
       option: B(({ item: m }) => [
-        u("div", Vn, [
-          u("div", {
+        i("div", Vn, [
+          i("div", {
             class: "h-2 w-2 rounded-full mr-2",
             style: fe({ backgroundColor: m.bgColor })
           }, null, 4),
-          u("span", On, I(m.name), 1)
+          i("span", On, I(m.name), 1)
         ])
       ]),
       _: 1
@@ -2165,7 +2165,7 @@ const We = /* @__PURE__ */ Fe(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { cl
   }
 });
 var se = /* @__PURE__ */ ((e) => (e.CtrlOrCmd = "cmd-or-ctrl", e.AltOrOpt = "alt-or-opt", e.Shift = "shift", e))(se || {});
-const he = yt(), Mn = {
+const he = bt(), Mn = {
   [
     "cmd-or-ctrl"
     /* CtrlOrCmd */
@@ -2184,9 +2184,9 @@ function Ll(e, ...l) {
   kt(
     l[0],
     (t) => {
-      const s = t.getModifierState("Alt"), o = he === pe.Mac ? t.getModifierState("Meta") : t.getModifierState("Control"), f = t.getModifierState("Shift");
-      for (const p of e)
-        switch (p) {
+      const s = t.getModifierState("Alt"), o = he === pe.Mac ? t.getModifierState("Meta") : t.getModifierState("Control"), c = t.getModifierState("Shift");
+      for (const f of e)
+        switch (f) {
           case se.CtrlOrCmd:
             if (!o)
               return;
@@ -2196,7 +2196,7 @@ function Ll(e, ...l) {
               return;
             break;
           case se.Shift:
-            if (!f)
+            if (!c)
               return;
             break;
         }
@@ -2206,16 +2206,16 @@ function Ll(e, ...l) {
   );
 }
 function Pl(e) {
-  const l = (e == null ? void 0 : e.model) || O(), t = c({
+  const l = (e == null ? void 0 : e.model) || O(), t = u({
     get: () => !!l.value,
     set: (s) => l.value = s ? !0 : void 0
   });
   return { model: l, isChecked: t };
 }
-const An = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 dark:bg-neutral-900/70 transition-opacity" }, null, -1), Dn = { class: "fixed inset-0 z-10 overflow-y-auto" }, Tn = { class: "flex min-h-full justify-center p-4 text-center items-center sm:p-0" }, Rn = {
+const An = /* @__PURE__ */ i("div", { class: "fixed inset-0 bg-neutral-100/70 dark:bg-neutral-900/70 transition-opacity" }, null, -1), Dn = { class: "fixed inset-0 z-10 overflow-y-auto" }, Tn = { class: "flex min-h-full justify-center p-4 text-center items-center sm:p-0" }, Rn = {
   key: 0,
   class: "flex items-center justify-center shadow p-4 relative z-10 bg-foundation rounded-t-lg"
-}, zn = { class: "text-2xl font-bold" }, Fn = { class: "p-4 sm:p-6" }, En = {
+}, Fn = { class: "text-2xl font-bold" }, zn = { class: "p-4 sm:p-6" }, En = {
   key: 2,
   class: "flex p-4 sm:px-6 sm:py-5 border-t gap-2 border-outline-3"
 }, jl = /* @__PURE__ */ M({
@@ -2226,14 +2226,15 @@ const An = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
     hideCloser: { type: Boolean },
     preventCloseOnClickOutside: { type: Boolean },
     title: null,
-    buttons: null
+    buttons: null,
+    onSubmit: { type: Function }
   },
   emits: ["update:open", "fully-closed"],
   setup(e, { emit: l }) {
-    const t = e, s = c({
+    const t = e, s = u(() => !!t.onSubmit), o = u({
       get: () => t.open,
       set: (r) => l("update:open", r)
-    }), o = c(() => {
+    }), c = u(() => {
       switch (t.maxWidth) {
         case "sm":
           return 0;
@@ -2246,15 +2247,15 @@ const An = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
         default:
           return 1e4;
       }
-    }), f = c(() => {
+    }), f = u(() => {
       const r = ["w-full", "sm:my-8 sm:w-full sm:max-w-xl"];
-      return t.title || r.push("px-4 pt-4 pb-4", "sm:p-6"), o.value >= 1 && r.push("md:max-w-2xl"), o.value >= 2 && r.push("lg:max-w-4xl"), o.value >= 3 && r.push("xl:max-w-6xl"), o.value >= 4 && r.push("2xl:max-w-7xl"), r.join(" ");
+      return t.title || r.push("px-4 pt-4 pb-4", "sm:p-6"), c.value >= 1 && r.push("md:max-w-2xl"), c.value >= 2 && r.push("lg:max-w-4xl"), c.value >= 3 && r.push("xl:max-w-6xl"), c.value >= 4 && r.push("2xl:max-w-7xl"), r.join(" ");
     }), p = () => {
-      t.preventCloseOnClickOutside || (s.value = !1);
+      t.preventCloseOnClickOutside || (o.value = !1);
     };
-    return (r, i) => (a(), P(n(Bt), {
+    return (r, d) => (a(), P(n(Bt), {
       as: "template",
-      show: s.value
+      show: o.value
     }, {
       default: B(() => [
         L(n(Lt), {
@@ -2263,7 +2264,7 @@ const An = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
           onClose: p
         }, {
           default: B(() => [
-            L(n(Le), {
+            L(n(Pe), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -2277,9 +2278,9 @@ const An = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
               ]),
               _: 1
             }),
-            u("div", Dn, [
-              u("div", Tn, [
-                L(n(Le), {
+            i("div", Dn, [
+              i("div", Tn, [
+                L(n(Pe), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -2287,44 +2288,46 @@ const An = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
                   leave: "ease-in duration-200",
                   "leave-from": "opacity-100 translate-y-0 sm:scale-100",
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
-                  onAfterLeave: i[1] || (i[1] = (d) => r.$emit("fully-closed"))
+                  onAfterLeave: d[1] || (d[1] = (x) => r.$emit("fully-closed"))
                 }, {
                   default: B(() => [
                     L(n(Pt), {
-                      class: b([
+                      class: y([
                         "transform rounded-lg bg-foundation text-left shadow-xl transition-all",
                         f.value
-                      ])
+                      ]),
+                      as: s.value ? "form" : "div",
+                      onSubmit: be(e.onSubmit, ["prevent"])
                     }, {
                       default: B(() => [
                         e.title ? (a(), h("div", Rn, [
-                          u("h4", zn, I(e.title), 1)
+                          i("h4", Fn, I(e.title), 1)
                         ])) : S("", !0),
                         e.hideCloser ? S("", !0) : (a(), h("button", {
                           key: 1,
                           class: "absolute z-20 top-5 right-4 text-foreground",
-                          onClick: i[0] || (i[0] = (d) => s.value = !1)
+                          onClick: d[0] || (d[0] = (x) => o.value = !1)
                         }, [
                           L(n(ct), { class: "h-6 w-6" })
                         ])),
-                        u("div", Fn, [
+                        i("div", zn, [
                           D(r.$slots, "default", {}, () => [
                             A("Put your content here!")
                           ])
                         ]),
                         e.buttons ? (a(), h("div", En, [
-                          (a(!0), h(U, null, G(e.buttons, (d, x) => (a(), P(n(re), oe({ key: x }, d.props, {
-                            onClick: d.onClick
+                          (a(!0), h(U, null, G(e.buttons, (x, v) => (a(), P(n(re), oe({ key: v }, x.props, {
+                            onClick: x.onClick
                           }), {
                             default: B(() => [
-                              A(I(d.text), 1)
+                              A(I(x.text), 1)
                             ]),
                             _: 2
                           }, 1040, ["onClick"]))), 128))
                         ])) : S("", !0)
                       ]),
                       _: 3
-                    }, 8, ["class"])
+                    }, 8, ["class", "as", "onSubmit"])
                   ]),
                   _: 3
                 })
@@ -2345,7 +2348,7 @@ const An = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
     color: { default: "default" }
   },
   setup(e) {
-    const l = e, t = c(() => {
+    const l = e, t = u(() => {
       const o = [
         "pr-3 h-10 w-full flex items-center justify-between border-l-2 px-2 rounded transition",
         "ring-1"
@@ -2362,7 +2365,7 @@ const An = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
           break;
       }
       return o.join(" ");
-    }), s = c(() => {
+    }), s = u(() => {
       const o = ["mt-4 px-3 py-1 border-x "];
       switch (l.color) {
         case "danger":
@@ -2375,31 +2378,31 @@ const An = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
       }
       return o.join(" ");
     });
-    return (o, f) => (a(), h("div", null, [
+    return (o, c) => (a(), h("div", null, [
       L(n(jt), null, {
-        default: B(({ open: p }) => [
+        default: B(({ open: f }) => [
           L(n(Vt), {
-            class: b(t.value)
+            class: y(t.value)
           }, {
             default: B(() => [
-              u("div", Un, [
+              i("div", Un, [
                 e.icon ? (a(), P(H(e.icon), {
                   key: 0,
                   class: "h-4 w-4"
                 })) : S("", !0),
-                u("span", null, I(e.title), 1)
+                i("span", null, I(e.title), 1)
               ]),
               L(n(De), {
-                class: b([p ? "" : "rotate-180 transform", "h-5 w-5"])
+                class: y([f ? "" : "rotate-180 transform", "h-5 w-5"])
               }, null, 8, ["class"])
             ]),
             _: 2
           }, 1032, ["class"]),
           L(n(Ot), {
-            class: b(s.value)
+            class: y(s.value)
           }, {
             default: B(() => [
-              u("div", Wn, [
+              i("div", Wn, [
                 D(o.$slots, "default", {}, () => [
                   A("Panel contents")
                 ])
@@ -2421,19 +2424,19 @@ const Ol = /* @__PURE__ */ M({
   },
   emits: ["click", "update:modelValue"],
   setup(e, { emit: l }) {
-    const t = e, s = c({
+    const t = e, s = u({
       get: () => t.modelValue || J.Grid,
-      set: (p) => l("update:modelValue", p)
-    }), o = c(
+      set: (f) => l("update:modelValue", f)
+    }), o = u(
       () => s.value === J.Grid ? lt : at
-    ), f = (p) => {
-      l("click", p);
-      const r = s.value === J.Grid ? J.List : J.Grid;
-      s.value = r;
+    ), c = (f) => {
+      l("click", f);
+      const p = s.value === J.Grid ? J.List : J.Grid;
+      s.value = p;
     };
-    return (p, r) => (a(), h("button", {
+    return (f, p) => (a(), h("button", {
       class: "flex items-center justify-center rounded bg-foundation h-8 w-8 shadow cursor-pointer text-foreground",
-      onClick: f
+      onClick: c
     }, [
       (a(), P(H(o.value), { class: "h-6 w-6" }))
     ]));
@@ -2441,7 +2444,7 @@ const Ol = /* @__PURE__ */ M({
 });
 var qn = /* @__PURE__ */ ((e) => (e[e.Throttle = 0] = "Throttle", e[e.Debounce = 1] = "Debounce", e))(qn || {}), me = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e))(me || {});
 function Hn(e, l) {
-  if (!xe)
+  if (!ke)
     return;
   const {
     wait: t = 100,
@@ -2461,29 +2464,29 @@ function Gn(e) {
   const { el: l, defaultDirection: t } = e, s = O(
     Q(t) ? 1 : t
     /* Right */
-  ), o = c(() => {
-    const p = n(e.stopUpdatesBelowWidth);
-    if (!Q(p))
-      return p;
-    const r = n(l);
-    return r != null && r.offsetWidth ? r.offsetWidth * 2 : void 0;
-  }), f = () => {
-    if (!xe)
-      return;
+  ), o = u(() => {
+    const f = n(e.stopUpdatesBelowWidth);
+    if (!Q(f))
+      return f;
     const p = n(l);
-    if (!p)
+    return p != null && p.offsetWidth ? p.offsetWidth * 2 : void 0;
+  }), c = () => {
+    if (!ke)
+      return;
+    const f = n(l);
+    if (!f)
       return;
-    const r = p.getBoundingClientRect(), i = r.x + r.width > window.innerWidth, d = r.x < 0;
-    i && d || !Q(o.value) && window.innerWidth < o.value || (i ? s.value = 0 : d && (s.value = 1));
+    const p = f.getBoundingClientRect(), r = p.x + p.width > window.innerWidth, d = p.x < 0;
+    r && d || !Q(o.value) && window.innerWidth < o.value || (r ? s.value = 0 : d && (s.value = 1));
   };
-  return Hn(() => f()), le(
+  return Hn(() => c()), le(
     () => n(l),
-    (p) => {
-      p && f();
+    (f) => {
+      f && c();
     }
   ), {
-    direction: c(() => s.value),
-    recalculateDirection: f
+    direction: u(() => s.value),
+    recalculateDirection: c
   };
 }
 const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
@@ -2495,46 +2498,46 @@ const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
   emits: ["update:open", "chosen"],
   setup(e, { emit: l }) {
     const t = e, s = O(null), { direction: o } = Gn({
-      el: c(() => {
+      el: u(() => {
         var m;
         return ((m = s.value) == null ? void 0 : m.el) || null;
       }),
       defaultDirection: me.Left,
       stopUpdatesBelowWidth: 300
-    }), f = O(null), p = O(!1), r = c({
+    }), c = O(null), f = O(!1), p = u({
       get: () => t.open || !1,
       set: (m) => l("update:open", m)
-    }), i = (m) => {
+    }), r = (m) => {
       const { active: k, disabled: _ } = m, j = ["group flex w-full items-center rounded-md px-2 py-2 text-sm"];
       return k ? j.push("bg-primary text-foreground-on-primary") : _ ? j.push("text-foreground-disabled") : j.push("text-foreground"), j.join(" ");
     }, d = (m, k) => {
       l("chosen", { item: m, event: k });
     }, x = () => {
       var m;
-      return (m = f.value) == null ? void 0 : m.el.click();
+      return (m = c.value) == null ? void 0 : m.el.click();
     }, v = (m) => {
       const k = !!m;
-      return p.value = k, k;
+      return f.value = k, k;
     };
-    return le(p, (m, k) => {
-      m !== k && (r.value = m);
-    }), le(r, (m) => {
-      (m && !p.value || !m && p.value) && x();
+    return le(f, (m, k) => {
+      m !== k && (p.value = m);
+    }), le(p, (m) => {
+      (m && !f.value || !m && f.value) && x();
     }), (m, k) => (a(), P(n(Mt), {
       as: "div",
       class: "relative inline-block"
     }, {
       default: B(({ open: _ }) => [
-        u("div", null, [
+        i("div", null, [
           L(n(At), {
             ref_key: "menuButton",
-            ref: f,
+            ref: c,
             class: "hidden",
-            onClick: k[0] || (k[0] = Oe(() => {
+            onClick: k[0] || (k[0] = be(() => {
             }, ["stop", "prevent"]))
           }, null, 512),
-          u("div", {
-            class: b(_ ? "pointer-events-none" : "")
+          i("div", {
+            class: y(_ ? "pointer-events-none" : "")
           }, [
             D(m.$slots, "default", {
               toggle: x,
@@ -2554,25 +2557,25 @@ const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
             L(n(Dt), {
               ref_key: "menuItems",
               ref: s,
-              class: b([
+              class: y([
                 "absolute mt-2 w-56 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",
                 n(o) === n(me).Left ? "right-0" : ""
               ])
             }, {
               default: B(() => [
-                (a(!0), h(U, null, G(e.items, (j, y) => (a(), h("div", {
-                  key: y,
+                (a(!0), h(U, null, G(e.items, (j, b) => (a(), h("div", {
+                  key: b,
                   class: "px-1 py-1"
                 }, [
                   (a(!0), h(U, null, G(j, (w) => (a(), P(n(Tt), {
                     key: w.id,
                     disabled: w.disabled
                   }, {
-                    default: B(({ active: $, disabled: z }) => [
+                    default: B(({ active: $, disabled: F }) => [
                       ne((a(), h("span", null, [
-                        u("button", {
-                          class: b(i({ active: $, disabled: z })),
-                          disabled: z,
+                        i("button", {
+                          class: y(r({ active: $, disabled: F })),
+                          disabled: F,
                           onClick: (g) => d(w, g)
                         }, [
                           D(m.$slots, "item", { item: w }, () => [
@@ -2580,7 +2583,7 @@ const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
                           ])
                         ], 10, Kn)
                       ])), [
-                        [n(ze), w.disabled && w.disabledTooltip]
+                        [n(Fe), w.disabled && w.disabledTooltip]
                       ])
                     ]),
                     _: 2
@@ -2602,27 +2605,27 @@ const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
     items: null
   },
   setup(e) {
-    const l = e, t = O(null), s = c(() => t.value && l.items.find((f) => f.id === t.value) || l.items[0]), o = (f) => {
-      t.value = f.id;
+    const l = e, t = O(null), s = u(() => t.value && l.items.find((c) => c.id === t.value) || l.items[0]), o = (c) => {
+      t.value = c.id;
     };
-    return (f, p) => (a(), h("div", Xn, [
-      u("div", Nn, [
-        (a(!0), h(U, null, G(e.items, (r) => (a(), P(re, {
-          key: r.id,
+    return (c, f) => (a(), h("div", Xn, [
+      i("div", Nn, [
+        (a(!0), h(U, null, G(e.items, (p) => (a(), P(re, {
+          key: p.id,
           link: "",
-          color: s.value.id === r.id ? "default" : "secondary",
-          onClick: (i) => o(r)
+          color: s.value.id === p.id ? "default" : "secondary",
+          onClick: (r) => o(p)
         }, {
           default: B(() => [
-            A(I(r.title), 1)
+            A(I(p.title), 1)
           ]),
           _: 2
         }, 1032, ["color", "onClick"]))), 128))
       ]),
-      D(f.$slots, "default", { activeItem: s.value })
+      D(c.$slots, "default", { activeItem: s.value })
     ]));
   }
-}), Jn = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, Qn = { class: "inline-flex items-center space-x-1" }, Yn = /* @__PURE__ */ u("span", { class: "text-foreground-2" }, "That's it, you've loaded everything!", -1), Zn = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, el = { class: "inline-flex items-center space-x-1" }, tl = /* @__PURE__ */ u("span", { class: "text-foreground-2" }, "An error occurred while loading", -1), Tl = /* @__PURE__ */ M({
+}), Jn = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, Qn = { class: "inline-flex items-center space-x-1" }, Yn = /* @__PURE__ */ i("span", { class: "text-foreground-2" }, "That's it, you've loaded everything!", -1), Zn = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, el = { class: "inline-flex items-center space-x-1" }, tl = /* @__PURE__ */ i("span", { class: "text-foreground-2" }, "An error occurred while loading", -1), Tl = /* @__PURE__ */ M({
   __name: "InfiniteLoading",
   props: {
     settings: null,
@@ -2631,7 +2634,7 @@ const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
   emits: ["infinite"],
   setup(e) {
     const l = O(null), t = O(!1);
-    return xe && Y(() => {
+    return ke && Y(() => {
       const s = setInterval(() => {
         var o;
         (o = l.value) != null && o.isConnected && (t.value = !0, clearInterval(s));
@@ -2641,7 +2644,7 @@ const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
       ref: l
     }, [
       t.value ? (a(), P(n(Rt), oe({ key: 0 }, s.$props.settings || {}, {
-        onInfinite: o[0] || (o[0] = (f) => s.$emit("infinite", f))
+        onInfinite: o[0] || (o[0] = (c) => s.$emit("infinite", c))
       }), {
         spinner: B(() => [
           L(We, {
@@ -2650,22 +2653,22 @@ const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
           })
         ]),
         complete: B(() => [
-          u("div", Jn, [
-            u("div", Qn, [
+          i("div", Jn, [
+            i("div", Qn, [
               L(n(dt), { class: "w-5 h-5 text-success" }),
               Yn
             ])
           ])
         ]),
-        error: B(({ retry: f }) => [
-          u("div", Zn, [
-            u("div", el, [
+        error: B(({ retry: c }) => [
+          i("div", Zn, [
+            i("div", el, [
               L(n(ft), { class: "w-5 h-5 text-danger" }),
               tl
             ]),
             e.allowRetry ? (a(), P(re, {
               key: 0,
-              onClick: f
+              onClick: c
             }, {
               default: B(() => [
                 A("Retry")
@@ -2716,40 +2719,40 @@ const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
   },
   emits: ["submit"],
   setup(e, { emit: l }) {
-    const t = e, s = c(
+    const t = e, s = u(
       () => t.customPadding ? "" : "px-4 py-4 sm:px-6"
-    ), o = c(
+    ), o = u(
       () => t.customPadding ? "" : "px-4 py-4 sm:p-6"
-    ), f = c(() => {
-      const p = ["rounded-lg"];
-      return t.noShadow || p.push("shadow"), t.ring && p.push("ring-outline-2 hover:ring-2"), p.join(" ");
+    ), c = u(() => {
+      const f = ["rounded-lg"];
+      return t.noShadow || f.push("shadow"), t.ring && f.push("ring-outline-2 hover:ring-2"), f.join(" ");
     });
-    return (p, r) => (a(), h("div", sl, [
+    return (f, p) => (a(), h("div", sl, [
       e.fancyGlow ? (a(), h("div", nl)) : S("", !0),
       (a(), P(H(e.form ? "form" : "div"), {
-        class: b([
+        class: y([
           "relative divide-outline-3 bg-foundation text-foreground flex flex-col divide-y overflow-hidden",
-          f.value
+          c.value
         ]),
-        onSubmit: r[0] || (r[0] = (i) => l("submit", i))
+        onSubmit: p[0] || (p[0] = (r) => l("submit", r))
       }, {
         default: B(() => [
-          p.$slots.header ? (a(), h("div", {
+          f.$slots.header ? (a(), h("div", {
             key: 0,
-            class: b(s.value)
+            class: y(s.value)
           }, [
-            D(p.$slots, "header")
+            D(f.$slots, "header")
           ], 2)) : S("", !0),
-          u("div", {
-            class: b(["grow", o.value])
+          i("div", {
+            class: y(["grow", o.value])
           }, [
-            D(p.$slots, "default")
+            D(f.$slots, "default")
           ], 2),
-          p.$slots.footer ? (a(), h("div", {
+          f.$slots.footer ? (a(), h("div", {
             key: 1,
-            class: b(s.value)
+            class: y(s.value)
           }, [
-            D(p.$slots, "footer")
+            D(f.$slots, "footer")
           ], 2)) : S("", !0)
         ]),
         _: 3
@@ -2759,7 +2762,7 @@ const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
 }), ll = { class: "flex-shrink-0" }, al = {
   key: 0,
   class: "mt-2 text-sm"
-}, ol = /* @__PURE__ */ u("span", { class: "sr-only" }, "Dismiss", -1), zl = /* @__PURE__ */ M({
+}, ol = /* @__PURE__ */ i("span", { class: "sr-only" }, "Dismiss", -1), Fl = /* @__PURE__ */ M({
   __name: "Alert",
   props: {
     color: { default: "success" },
@@ -2768,109 +2771,109 @@ const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
   },
   emits: ["dismiss"],
   setup(e) {
-    const l = e, t = Ve(), s = c(() => !!t.description), o = c(() => {
-      const i = [];
-      switch (i.push(s.value ? "p-4" : "p-2"), l.color) {
+    const l = e, t = Oe(), s = u(() => !!t.description), o = u(() => {
+      const r = [];
+      switch (r.push(s.value ? "p-4" : "p-2"), l.color) {
         case "success":
-          i.push("bg-success-lighter border-l-4 border-success");
+          r.push("bg-success-lighter border-l-4 border-success");
           break;
         case "info":
-          i.push("bg-info-lighter border-l-4 border-info");
+          r.push("bg-info-lighter border-l-4 border-info");
           break;
         case "danger":
-          i.push("bg-danger-lighter border-l-4 border-danger");
+          r.push("bg-danger-lighter border-l-4 border-danger");
           break;
         case "warning":
-          i.push("bg-warning-lighter border-l-4 border-warning");
+          r.push("bg-warning-lighter border-l-4 border-warning");
           break;
       }
-      return i.join(" ");
-    }), f = c(() => {
-      const i = [];
+      return r.join(" ");
+    }), c = u(() => {
+      const r = [];
       switch (l.color) {
         case "success":
-          i.push("text-success-darker");
+          r.push("text-success-darker");
           break;
         case "info":
-          i.push("text-info-darker");
+          r.push("text-info-darker");
           break;
         case "danger":
-          i.push("text-danger-darker");
+          r.push("text-danger-darker");
           break;
         case "warning":
-          i.push("text-warning-darker");
+          r.push("text-warning-darker");
           break;
       }
-      return i.join(" ");
-    }), p = c(() => {
-      const i = [];
+      return r.join(" ");
+    }), f = u(() => {
+      const r = [];
       switch (l.color) {
         case "success":
-          i.push("text-success");
+          r.push("text-success");
           break;
         case "info":
-          i.push("text-info");
+          r.push("text-info");
           break;
         case "danger":
-          i.push("text-danger");
+          r.push("text-danger");
           break;
         case "warning":
-          i.push("text-warning");
+          r.push("text-warning");
           break;
       }
-      return i.join(" ");
-    }), r = c(() => {
-      const i = [];
+      return r.join(" ");
+    }), p = u(() => {
+      const r = [];
       switch (l.color) {
         case "success":
-          i.push("bg-success-lighter ring-success");
+          r.push("bg-success-lighter ring-success");
           break;
         case "info":
-          i.push("bg-info-lighter ring-info");
+          r.push("bg-info-lighter ring-info");
           break;
         case "danger":
-          i.push("bg-danger-lighter ring-danger");
+          r.push("bg-danger-lighter ring-danger");
           break;
         case "warning":
-          i.push("bg-warning-lighter ring-warning");
+          r.push("bg-warning-lighter ring-warning");
           break;
       }
-      return i.join(" ");
+      return r.join(" ");
     });
-    return (i, d) => {
+    return (r, d) => {
       var x;
       return a(), h("div", {
-        class: b(["rounded-md", [o.value, f.value]])
+        class: y(["rounded-md", [o.value, c.value]])
       }, [
-        u("div", {
-          class: b(["flex", [s.value ? "" : "items-center space-x-2"]])
+        i("div", {
+          class: y(["flex", [s.value ? "" : "items-center space-x-2"]])
         }, [
-          u("div", ll, [
+          i("div", ll, [
             L(n(Te), {
-              class: b(["h-5 w-5", p.value]),
+              class: y(["h-5 w-5", f.value]),
               "aria-hidden": "true"
             }, null, 8, ["class"])
           ]),
-          u("div", {
-            class: b(["ml-3 grow", [s.value ? "" : "flex items-center space-x-2"]])
+          i("div", {
+            class: y(["ml-3 grow", [s.value ? "" : "flex items-center space-x-2"]])
           }, [
-            u("h3", {
-              class: b(["text-sm", [s.value ? "font-medium" : ""]])
+            i("h3", {
+              class: y(["text-sm", [s.value ? "font-medium" : ""]])
             }, [
-              D(i.$slots, "title", {}, () => [
+              D(r.$slots, "title", {}, () => [
                 A("Title")
               ])
             ], 2),
             s.value ? (a(), h("div", al, [
-              D(i.$slots, "description", {}, () => [
+              D(r.$slots, "description", {}, () => [
                 A(" Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum similique veniam. ")
               ])
             ])) : S("", !0),
-            u("div", {
-              class: b([s.value ? (x = e.actions) != null && x.length ? "mt-4" : "" : "grow flex"])
+            i("div", {
+              class: y([s.value ? (x = e.actions) != null && x.length ? "mt-4" : "" : "grow flex"])
             }, [
-              u("div", {
-                class: b(["flex", ["space-x-2", s.value ? "" : "grow justify-end"]])
+              i("div", {
+                class: y(["flex", ["space-x-2", s.value ? "" : "grow justify-end"]])
               }, [
                 (a(!0), h(U, null, G(e.actions || [], (v, m) => (a(), P(re, {
                   key: m,
@@ -2890,12 +2893,12 @@ const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
           ], 2),
           e.withDismiss ? (a(), h("div", {
             key: 0,
-            class: b(["flex", [s.value ? "items-start" : "items-center"]])
+            class: y(["flex", [s.value ? "items-start" : "items-center"]])
           }, [
-            u("button", {
+            i("button", {
               type: "button",
-              class: b(["inline-flex rounded-md focus:outline-none focus:ring-2", r.value]),
-              onClick: d[0] || (d[0] = (v) => i.$emit("dismiss"))
+              class: y(["inline-flex rounded-md focus:outline-none focus:ring-2", p.value]),
+              onClick: d[0] || (d[0] = (v) => r.$emit("dismiss"))
             }, [
               ol,
               L(n(ue), {
@@ -2909,16 +2912,16 @@ const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
     };
   }
 });
-function Fl(e) {
+function zl(e) {
   var _, j;
-  const { get: l, initialState: t, readOptions: s, set: o, asyncRead: f = !0, debugging: p } = e, r = p == null ? void 0 : p.log, i = () => (new Error("Trace:").stack || "").substring(7), d = ((j = (_ = e.debugging) == null ? void 0 : _.log) == null ? void 0 : j.logger) || console.debug, x = r && !r.writesOnly ? () => {
-    const y = l();
-    return d(`debugging: '${r.name}' read`, y, i()), y;
-  } : l, v = r && !r.readsOnly ? (y) => (d(`debugging: '${r.name}' written to`, y, i()), o(y)) : o, m = f ? Ct(x, t, s) : c(x), k = c(() => m.value);
+  const { get: l, initialState: t, readOptions: s, set: o, asyncRead: c = !0, debugging: f } = e, p = f == null ? void 0 : f.log, r = () => (new Error("Trace:").stack || "").substring(7), d = ((j = (_ = e.debugging) == null ? void 0 : _.log) == null ? void 0 : j.logger) || console.debug, x = p && !p.writesOnly ? () => {
+    const b = l();
+    return d(`debugging: '${p.name}' read`, b, r()), b;
+  } : l, v = p && !p.readsOnly ? (b) => (d(`debugging: '${p.name}' written to`, b, r()), o(b)) : o, m = c ? Ct(x, t, s) : u(x), k = u(() => m.value);
   return k.update = v, k;
 }
 export {
-  zl as CommonAlert,
+  Fl as CommonAlert,
   ts as CommonBadge,
   We as CommonLoadingBar,
   kl as CommonStepsBullet,
@@ -2931,7 +2934,7 @@ export {
   _l as FormSelectSourceApps,
   $l as FormTextArea,
   Sl as FormTextInput,
-  bl as GlobalToastRenderer,
+  yl as GlobalToastRenderer,
   J as GridListToggleValue,
   me as HorizontalDirection,
   Tl as InfiniteLoading,
@@ -2956,5 +2959,5 @@ export {
   Gn as useResponsiveHorizontalDirectionCalculation,
   Hn as useWindowResizeHandler,
   on as useWrappingContainerHiddenCount,
-  Fl as writableAsyncComputed
+  zl as writableAsyncComputed
 };