@speckle/ui-components 2.18.14 → 2.18.15

package/dist/lib.js

@@ -1,16 +1,17 @@
 var zt = Object.defineProperty;
 var Vt = (e, t, r) => t in e ? zt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var ne = (e, t, r) => (Vt(e, typeof t != "symbol" ? t + "" : t, r), r);
-import { defineComponent as P, resolveDynamicComponent as Q, computed as d, openBlock as a, createBlock as O, normalizeClass as g, withCtx as M, createCommentVNode as I, renderSlot as _, createTextVNode as D, createElementBlock as p, createElementVNode as m, createVNode as V, Transition as We, unref as n, toDisplayString as z, toRefs as ae, Fragment as H, renderList as G, ref as L, onMounted as ee, onBeforeUnmount as qe, normalizeStyle as Y, mergeProps as ie, withDirectives as ue, isRef as ze, vModelText as He, useSlots as Ke, vModelDynamic as Lt, pushScopeId as Ot, popScopeId as Mt, watch as ce, Teleport as At, withModifiers as pe, mergeModels as Be, useModel as Ge, toHandlers as at, nextTick as Pt, resolveDirective as jt, getCurrentInstance as Tt, inject as Ft, withKeys as ve, defineAsyncComponent as Rt } from "vue";
-import { isObjectLike as Re, clamp as ot, isArray as N, isString as ye, isUndefined as be, debounce as Xe, throttle as ct, noop as Ze, uniq as _t, intersection as Dt, difference as Et } from "lodash";
-import { ArrowPathIcon as dt, ExclamationCircleIcon as Ut, ChevronUpIcon as ft, ChevronDownIcon as Wt, XMarkIcon as Ne, MagnifyingGlassIcon as qt, CheckIcon as pt, Squares2X2Icon as Ht, Bars3Icon as Kt, UserCircleIcon as Gt } from "@heroicons/vue/24/solid";
-import { CheckCircleIcon as Xt, XCircleIcon as Zt, ExclamationCircleIcon as Nt, InformationCircleIcon as Qt, ClipboardDocumentCheckIcon as Jt, ClipboardDocumentIcon as Yt, XMarkIcon as es, ChevronDownIcon as ts, ExclamationTriangleIcon as ss } from "@heroicons/vue/24/outline";
+import { defineComponent as P, resolveDynamicComponent as Q, computed as f, openBlock as a, createBlock as L, normalizeClass as g, withCtx as M, createCommentVNode as I, renderSlot as R, createTextVNode as D, createElementBlock as m, createElementVNode as d, createVNode as z, Transition as qe, unref as n, toDisplayString as S, toRefs as ae, Fragment as H, renderList as G, ref as V, onMounted as ee, onBeforeUnmount as We, normalizeStyle as Y, mergeProps as ie, withDirectives as ue, isRef as ze, vModelText as He, useSlots as Ke, vModelDynamic as Lt, pushScopeId as Mt, popScopeId as Ot, watch as ce, Teleport as At, withModifiers as pe, mergeModels as Se, useModel as Ge, toHandlers as at, nextTick as Pt, resolveDirective as jt, getCurrentInstance as Tt, inject as _t, withKeys as ve, defineAsyncComponent as Ft } from "vue";
+import { isObjectLike as Fe, clamp as ot, isArray as N, isString as ye, isUndefined as be, debounce as Ze, throttle as ct, noop as Xe, uniq as Rt, intersection as Dt, difference as Et } from "lodash";
+import { ArrowPathIcon as dt, ExclamationCircleIcon as Ut, ChevronUpIcon as ft, ChevronDownIcon as qt, XMarkIcon as Ne, MagnifyingGlassIcon as Wt, CheckIcon as pt, Bars3Icon as Ht, Squares2X2Icon as Kt, UserCircleIcon as Gt } from "@heroicons/vue/24/solid";
+import { CheckCircleIcon as Zt, XCircleIcon as Xt, ExclamationCircleIcon as Nt, InformationCircleIcon as Qt, ClipboardDocumentCheckIcon as Jt, ClipboardDocumentIcon as Yt, XMarkIcon as es, ChevronDownIcon as ts, ExclamationTriangleIcon as ss } from "@heroicons/vue/24/outline";
 import { XMarkIcon as xe, CheckIcon as mt, CheckCircleIcon as ht, ExclamationCircleIcon as Ve, EnvelopeIcon as ls, KeyIcon as ns, XCircleIcon as as, InformationCircleIcon as os } from "@heroicons/vue/20/solid";
-import { wait as rs, isNullOrUndefined as is, SourceApps as us, getClientOperatingSystem as cs, OperatingSystem as _e, md5 as ds } from "@speckle/shared";
-import { useField as Se } from "vee-validate";
+import { wait as rs, isNullOrUndefined as is, SourceApps as us, getClientOperatingSystem as cs, OperatingSystem as Re, md5 as ds } from "@speckle/shared";
+import { buildManualPromise as fr } from "@speckle/shared";
+import { useField as Be } from "vee-validate";
 import { nanoid as Le } from "nanoid";
-import { useResizeObserver as fs, useMutationObserver as ps, useMounted as ms, useElementBounding as hs, useIntersectionObserver as vs, useClipboard as gs, onKeyDown as bs, isClient as Oe, computedAsync as ys, useFocus as xs, useDropZone as ks } from "@vueuse/core";
-import { Listbox as ws, ListboxLabel as Cs, ListboxButton as $s, ListboxOptions as Is, ListboxOption as Ss, Switch as Bs, TransitionRoot as vt, Dialog as zs, TransitionChild as rt, DialogPanel as Vs, Disclosure as Ls, DisclosureButton as Os, DisclosurePanel as Ms, Menu as As, MenuButton as Ps, MenuItems as js, MenuItem as Ts, Combobox as Fs, ComboboxOptions as Rs, ComboboxOption as _s } from "@headlessui/vue";
+import { useResizeObserver as fs, useMutationObserver as ps, useMounted as ms, useElementBounding as hs, useIntersectionObserver as vs, useClipboard as gs, onKeyDown as bs, isClient as Me, computedAsync as ys, useFocus as xs, useDropZone as ks } from "@vueuse/core";
+import { Listbox as ws, ListboxLabel as Cs, ListboxButton as $s, ListboxOptions as Is, ListboxOption as Bs, Switch as Ss, TransitionRoot as vt, Dialog as zs, TransitionChild as rt, DialogPanel as Vs, Disclosure as Ls, DisclosureButton as Ms, DisclosurePanel as Os, Menu as As, MenuButton as Ps, MenuItems as js, MenuItem as Ts, Combobox as _s, ComboboxOptions as Fs, ComboboxOption as Rs } from "@headlessui/vue";
 import { directive as gt } from "vue-tippy";
 import Ds from "v3-infinite-loading";
 const Es = /* @__PURE__ */ P({
@@ -148,10 +149,10 @@ const Es = /* @__PURE__ */ P({
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const r = t, s = e, o = Q("NuxtLink"), l = Q("RouterLink"), h = d(() => s.linkComponent ? s.linkComponent : s.external ? "a" : Re(o) ? o : Re(l) ? l : "a"), c = d(() => {
+    const r = t, s = e, o = Q("NuxtLink"), l = Q("RouterLink"), h = f(() => s.linkComponent ? s.linkComponent : s.external ? "a" : Fe(o) ? o : Fe(l) ? l : "a"), c = f(() => {
       if (!s.to)
         return s.submit ? "submit" : "button";
-    }), i = d(() => s.disabled || s.loading), u = d(() => s.loading ? dt : s.iconLeft), v = d(() => {
+    }), i = f(() => s.disabled || s.loading), u = f(() => s.loading ? dt : s.iconLeft), v = f(() => {
       const w = [];
       if (w.push("border-2"), i.value)
         w.push(
@@ -194,7 +195,7 @@ const Es = /* @__PURE__ */ P({
             break;
         }
       return w.join(" ");
-    }), b = d(() => {
+    }), b = f(() => {
       const w = [], E = s.textColor !== "default";
       if (E && !i.value)
         switch (s.textColor) {
@@ -264,10 +265,10 @@ const Es = /* @__PURE__ */ P({
           "text-foundation hover:text-foundation-2 dark:text-foreground dark:hover:text-foreground"
         ) : s.color === "secondary" ? w.push("text-foreground-2 hover:text-primary-focus") : s.color === "success" ? w.push("text-success") : s.color === "warning" ? w.push("text-warning") : s.color === "info" ? w.push("text-info") : s.color === "danger" ? w.push("text-danger") : w.push("text-primary hover:text-primary-focus"));
       return w.join(" ");
-    }), y = d(() => {
+    }), y = f(() => {
       const w = [];
       return w.push(s.rounded ? "rounded-full" : "rounded-md"), w.join(" ");
-    }), x = d(() => {
+    }), x = f(() => {
       const w = [];
       if (!i.value)
         switch (s.color) {
@@ -292,7 +293,7 @@ const Es = /* @__PURE__ */ P({
             break;
         }
       return w.join(" ");
-    }), f = d(() => {
+    }), p = f(() => {
       switch (s.size) {
         case "xs":
           return "h-5 text-xs font-medium xxx-tracking-wide";
@@ -306,7 +307,7 @@ const Es = /* @__PURE__ */ P({
         case "base":
           return "h-8 text-sm sm:text-base font-medium xxx-tracking-wide";
       }
-    }), S = d(() => {
+    }), O = f(() => {
       switch (s.size) {
         case "xs":
           return "px-1";
@@ -320,28 +321,28 @@ const Es = /* @__PURE__ */ P({
         case "base":
           return "px-3";
       }
-    }), k = d(() => {
+    }), k = f(() => {
       const w = [];
       return s.fullWidth && w.push("w-full"), i.value && w.push("cursor-not-allowed"), w.join(" ");
-    }), C = d(() => {
+    }), $ = f(() => {
       const w = [];
       return !i.value && !s.link && !s.text && w.push("active:scale-[0.97]"), !i.value && s.link && w.push(
         "underline decoration-transparent decoration-2 underline-offset-4	hover:decoration-inherit"
       ), w.join(" ");
-    }), B = d(() => {
+    }), B = f(() => {
       const w = s.link || s.text;
       return [
         "transition inline-flex justify-center text-center items-center outline-none select-none leading-[0.9rem]",
         k.value,
-        f.value,
+        p.value,
         b.value,
         w ? "" : v.value,
         w ? "" : y.value,
         w ? "" : x.value,
-        s.link ? "" : S.value,
-        C.value
+        s.link ? "" : O.value,
+        $.value
       ].join(" ");
-    }), F = d(() => {
+    }), j = f(() => {
       const w = [""];
       switch (s.loading && w.push("animate-spin"), s.size) {
         case "xs":
@@ -369,7 +370,7 @@ const Es = /* @__PURE__ */ P({
       }
       r("click", w);
     };
-    return (w, E) => (a(), O(Q(e.to ? h.value : "button"), {
+    return (w, E) => (a(), L(Q(e.to ? h.value : "button"), {
       href: e.to,
       to: e.to,
       type: c.value,
@@ -380,28 +381,28 @@ const Es = /* @__PURE__ */ P({
       onClick: A
     }, {
       default: M(() => [
-        u.value ? (a(), O(Q(u.value), {
+        u.value ? (a(), L(Q(u.value), {
           key: 0,
-          class: g(`${F.value} ${e.hideText ? "" : "mr-2"}`)
+          class: g(`${j.value} ${e.hideText ? "" : "mr-2"}`)
         }, null, 8, ["class"])) : I("", !0),
-        e.hideText ? I("", !0) : _(w.$slots, "default", { key: 1 }, () => [
+        e.hideText ? I("", !0) : R(w.$slots, "default", { key: 1 }, () => [
           D("Button")
         ], !0),
-        e.iconRight || !e.loading ? (a(), O(Q(e.iconRight), {
+        e.iconRight || !e.loading ? (a(), L(Q(e.iconRight), {
           key: 2,
-          class: g(`${F.value} ${e.hideText ? "" : "ml-2"}`)
+          class: g(`${j.value} ${e.hideText ? "" : "ml-2"}`)
         }, null, 8, ["class"])) : I("", !0)
       ]),
       _: 3
     }, 8, ["href", "to", "type", "external", "class", "disabled"]));
   }
 });
-const Me = (e, t) => {
+const Oe = (e, t) => {
   const r = e.__vccOpts || e;
   for (const [s, o] of t)
     r[s] = o;
   return r;
-}, oe = /* @__PURE__ */ Me(Es, [["__scopeId", "data-v-ee26d682"]]), Us = /* @__PURE__ */ P({
+}, oe = /* @__PURE__ */ Oe(Es, [["__scopeId", "data-v-ee26d682"]]), Us = /* @__PURE__ */ P({
   __name: "Link",
   props: {
     to: {
@@ -462,7 +463,7 @@ const Me = (e, t) => {
       }
       r("click", l);
     };
-    return (l, h) => (a(), O(oe, {
+    return (l, h) => (a(), L(oe, {
       link: !e.noUnderline,
       text: e.noUnderline,
       to: e.to,
@@ -477,7 +478,7 @@ const Me = (e, t) => {
       onClickCapture: o
     }, {
       default: M(() => [
-        _(l.$slots, "default", {}, () => [
+        R(l.$slots, "default", {}, () => [
           D("Link")
         ])
       ]),
@@ -486,20 +487,20 @@ const Me = (e, t) => {
   }
 });
 var Ce = /* @__PURE__ */ ((e) => (e[e.Success = 0] = "Success", e[e.Warning = 1] = "Warning", e[e.Danger = 2] = "Danger", e[e.Info = 3] = "Info", e))(Ce || {});
-const Ws = {
+const qs = {
   "aria-live": "assertive",
   class: "pointer-events-none fixed inset-0 flex items-end px-4 py-6 mt-10 sm:items-start sm:p-6 z-50"
-}, qs = { class: "flex w-full flex-col items-center gap-4 sm:items-end" }, Hs = { class: "flex-shrink-0" }, Ks = { class: "w-full min-w-[10rem]" }, Gs = {
+}, Ws = { class: "flex w-full flex-col items-center gap-4 sm:items-end" }, Hs = { class: "flex-shrink-0" }, Ks = { class: "w-full min-w-[10rem]" }, Gs = {
   key: 1,
   class: "label label--light text-foreground-2 text-sm"
-}, Xs = { key: 2 }, Zs = /* @__PURE__ */ m("span", { class: "sr-only" }, "Close", -1), Bo = /* @__PURE__ */ P({
+}, Zs = { key: 2 }, Xs = /* @__PURE__ */ d("span", { class: "sr-only" }, "Close", -1), Lo = /* @__PURE__ */ P({
   __name: "ToastRenderer",
   props: {
     notification: null
   },
   emits: ["update:notification"],
   setup(e, { emit: t }) {
-    const r = t, s = e, o = d(
+    const r = t, s = e, o = f(
       () => {
         var c, i;
         return !((c = s.notification) != null && c.description) && !((i = s.notification) != null && i.cta);
@@ -510,9 +511,9 @@ const Ws = {
       var i, u, v;
       (v = (u = (i = s.notification) == null ? void 0 : i.cta) == null ? void 0 : u.onClick) == null || v.call(u, c), l();
     };
-    return (c, i) => (a(), p("div", Ws, [
-      m("div", qs, [
-        V(We, {
+    return (c, i) => (a(), m("div", qs, [
+      d("div", Ws, [
+        z(qe, {
           "enter-active-class": "transform ease-out duration-300 transition",
           "enter-from-class": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2",
           "enter-to-class": "translate-y-0 opacity-100 sm:translate-x-0",
@@ -521,40 +522,40 @@ const Ws = {
           "leave-to-class": "opacity-0"
         }, {
           default: M(() => [
-            e.notification ? (a(), p("div", {
+            e.notification ? (a(), m("div", {
               key: 0,
               class: g(["pointer-events-auto w-full max-w-[20rem] overflow-hidden rounded-lg bg-foundation text-foreground shadow-lg ring-1 ring-primary-muted ring-opacity-5", o.value ? "p-2" : "p-3"])
             }, [
-              m("div", {
+              d("div", {
                 class: g(["flex gap-2", o.value ? "items-center" : "items-start"])
               }, [
-                m("div", Hs, [
-                  e.notification.type === n(Ce).Success ? (a(), O(n(Xt), {
+                d("div", Hs, [
+                  e.notification.type === n(Ce).Success ? (a(), L(n(Zt), {
                     key: 0,
                     class: g(["text-success", o.value ? "h-5 w-5" : "h-6 w-6"]),
                     "aria-hidden": "true"
-                  }, null, 8, ["class"])) : e.notification.type === n(Ce).Danger ? (a(), O(n(Zt), {
+                  }, null, 8, ["class"])) : e.notification.type === n(Ce).Danger ? (a(), L(n(Xt), {
                     key: 1,
                     class: g(["text-danger", o.value ? "h-5 w-5" : "h-6 w-6"]),
                     "aria-hidden": "true"
-                  }, null, 8, ["class"])) : e.notification.type === n(Ce).Warning ? (a(), O(n(Nt), {
+                  }, null, 8, ["class"])) : e.notification.type === n(Ce).Warning ? (a(), L(n(Nt), {
                     key: 2,
                     class: g(["text-warning", o.value ? "h-5 w-5" : "h-6 w-6"]),
                     "aria-hidden": "true"
-                  }, null, 8, ["class"])) : e.notification.type === n(Ce).Info ? (a(), O(n(Qt), {
+                  }, null, 8, ["class"])) : e.notification.type === n(Ce).Info ? (a(), L(n(Qt), {
                     key: 3,
                     class: g(["text-info", o.value ? "h-5 w-5" : "h-6 w-6"]),
                     "aria-hidden": "true"
                   }, null, 8, ["class"])) : I("", !0)
                 ]),
-                m("div", Ks, [
-                  e.notification.title ? (a(), p("p", {
+                d("div", Ks, [
+                  e.notification.title ? (a(), m("p", {
                     key: 0,
                     class: g(["text-foreground font-bold", o.value ? "text-sm" : "text-base"])
-                  }, z(e.notification.title), 3)) : I("", !0),
-                  e.notification.description ? (a(), p("p", Gs, z(e.notification.description), 1)) : I("", !0),
-                  e.notification.cta ? (a(), p("div", Xs, [
-                    V(Us, {
+                  }, S(e.notification.title), 3)) : I("", !0),
+                  e.notification.description ? (a(), m("p", Gs, S(e.notification.description), 1)) : I("", !0),
+                  e.notification.cta ? (a(), m("div", Zs, [
+                    z(Us, {
                       to: e.notification.cta.url,
                       class: "label",
                       size: "xs",
@@ -562,22 +563,22 @@ const Ws = {
                       onClick: h
                     }, {
                       default: M(() => [
-                        D(z(e.notification.cta.title), 1)
+                        D(S(e.notification.cta.title), 1)
                       ]),
                       _: 1
                     }, 8, ["to"])
                   ])) : I("", !0)
                 ]),
-                m("div", {
+                d("div", {
                   class: g(["ml-2 flex-shrink-0", o.value ? "mt-1.5" : ""])
                 }, [
-                  m("button", {
+                  d("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: l
                   }, [
-                    Zs,
-                    V(n(xe), {
+                    Xs,
+                    z(n(xe), {
                       class: "h-5 w-5",
                       "aria-hidden": "true"
                     })
@@ -597,7 +598,7 @@ function bt(e) {
     t.code === Ns && e(t);
   };
 }
-const Qs = /* @__PURE__ */ m("circle", {
+const Qs = /* @__PURE__ */ d("circle", {
   cx: "4",
   cy: "4",
   r: "3"
@@ -616,11 +617,11 @@ const Qs = /* @__PURE__ */ m("circle", {
   },
   emits: ["click-icon"],
   setup(e, { emit: t }) {
-    const r = t, s = e, o = d(
+    const r = t, s = e, o = f(
       () => s.colorClasses || "bg-blue-100 text-blue-800"
-    ), l = d(
+    ), l = f(
       () => s.dotIconColorClasses || "text-blue-400"
-    ), h = d(() => {
+    ), h = f(() => {
       const v = [
         "inline-flex items-center",
         o.value,
@@ -631,12 +632,12 @@ const Qs = /* @__PURE__ */ m("circle", {
       )) : (v.push("rounded-full"), v.push(
         s.size === "lg" ? "px-2.5 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
       )), v.join(" ");
-    }), c = d(() => {
+    }), c = f(() => {
       const v = [
         "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 s.clickableIcon ? v.push("cursor-pointer") : v.push("cursor-default"), v.join(" ");
-    }), i = d(() => [
+    }), i = f(() => [
       "-ml-0.5 mr-1.5 h-2 w-2",
       l.value
     ].join(" ")), u = (v) => {
@@ -646,24 +647,24 @@ const Qs = /* @__PURE__ */ m("circle", {
       }
       r("click-icon", v);
     };
-    return (v, b) => (a(), p("span", {
+    return (v, b) => (a(), m("span", {
       class: g(h.value)
     }, [
-      e.dot ? (a(), p("svg", {
+      e.dot ? (a(), m("svg", {
         key: 0,
         class: g(i.value),
         fill: "currentColor",
         viewBox: "0 0 8 8"
       }, Js, 2)) : I("", !0),
-      _(v.$slots, "default", {}, () => [
+      R(v.$slots, "default", {}, () => [
         D("Badge")
       ]),
-      e.iconLeft ? (a(), p("button", {
+      e.iconLeft ? (a(), m("button", {
         key: 1,
         class: g(c.value),
         onClick: b[0] || (b[0] = (y) => u(y))
       }, [
-        (a(), O(Q(e.iconLeft), {
+        (a(), L(Q(e.iconLeft), {
           class: g(["h-4 w-4", l.value])
         }, null, 8, ["class"]))
       ], 2)) : I("", !0)
@@ -686,33 +687,33 @@ function yt(e) {
       stepsPadding: h
     },
     emit: c
-  } = e, i = d(
+  } = e, i = f(
     () => (s == null ? void 0 : s.value) === "vertical" ? "vertical" : "horizontal"
-  ), u = d({
+  ), u = f({
     get: () => ot((t == null ? void 0 : t.value) || 0, -1, r.value.length),
     set: (k) => c("update:modelValue", ot(k, 0, r.value.length))
-  }), v = (k) => `${k + 1}`, b = (k) => k === u.value, y = (k) => k < u.value, x = (k, C) => {
-    var F;
+  }), v = (k) => `${k + 1}`, b = (k) => k === u.value, y = (k) => k < u.value, x = (k, $) => {
+    var j;
     if (l != null && l.value) {
-      C == null || C.preventDefault(), C == null || C.stopPropagation(), C == null || C.stopImmediatePropagation();
+      $ == null || $.preventDefault(), $ == null || $.stopPropagation(), $ == null || $.stopImmediatePropagation();
       return;
     }
     u.value = k;
     const B = r.value[u.value];
-    (F = B == null ? void 0 : B.onClick) == null || F.call(B);
-  }, f = d(() => {
+    (j = B == null ? void 0 : B.onClick) == null || j.call(B);
+  }, p = f(() => {
     const k = ["flex"];
-    let C, B;
-    return (h == null ? void 0 : h.value) === "xs" ? (C = "space-x-2", B = "space-y-1") : (h == null ? void 0 : h.value) === "sm" ? (C = "space-x-4", B = "space-y-1") : (C = "space-x-8", B = "space-y-4"), k.push("flex"), i.value === "vertical" || o != null && o.value ? (k.push(`flex-col ${B} justify-center`), (o == null ? void 0 : o.value) === $e.sm ? k.push(
-      `sm:flex-row sm:space-y-0 sm:justify-start sm:${C} sm:items-center`
+    let $, B;
+    return (h == null ? void 0 : h.value) === "xs" ? ($ = "space-x-2", B = "space-y-1") : (h == null ? void 0 : h.value) === "sm" ? ($ = "space-x-4", B = "space-y-1") : ($ = "space-x-8", B = "space-y-4"), k.push("flex"), i.value === "vertical" || o != null && o.value ? (k.push(`flex-col ${B} justify-center`), (o == null ? void 0 : o.value) === $e.sm ? k.push(
+      `sm:flex-row sm:space-y-0 sm:justify-start sm:${$} sm:items-center`
     ) : (o == null ? void 0 : o.value) === $e.md ? k.push(
-      `md:flex-row md:space-y-0 md:justify-start md:${C} md:items-center`
+      `md:flex-row md:space-y-0 md:justify-start md:${$} md:items-center`
     ) : (o == null ? void 0 : o.value) === $e.lg ? k.push(
-      `lg:flex-row lg:space-y-0 lg:justify-start lg:${C} lg:items-center`
+      `lg:flex-row lg:space-y-0 lg:justify-start lg:${$} lg:items-center`
     ) : (o == null ? void 0 : o.value) === $e.xl && k.push(
-      `xl:flex-row xl:space-y-0 xl:justify-start xl:${C} xl:items-center`
-    )) : k.push(`flex-row ${C} items-center`), k.join(" ");
-  }), S = d(() => {
+      `xl:flex-row xl:space-y-0 xl:justify-start xl:${$} xl:items-center`
+    )) : k.push(`flex-row ${$} items-center`), k.join(" ");
+  }), O = f(() => {
     const k = ["flex items-center"];
     return l != null && l.value || k.push("cursor-pointer"), k.join(" ");
   });
@@ -722,8 +723,8 @@ function yt(e) {
     isFinishedStep: y,
     switchStep: x,
     getStepDisplayValue: v,
-    listClasses: f,
-    linkClasses: S,
+    listClasses: p,
+    linkClasses: O,
     orientation: i
   };
 }
@@ -750,7 +751,7 @@ const el = ["aria-label"], tl = ["href", "onClick"], sl = { class: "flex space-x
 }, dl = ["href", "onClick"], fl = { class: "flex space-x-3 items-center text-foreground-disabled normal font-medium leading-5" }, pl = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-foreground-disabled inline-flex items-center justify-center" }, ml = { class: "flex flex-col" }, hl = {
   key: 0,
   class: "label label--light"
-}, zo = /* @__PURE__ */ P({
+}, Mo = /* @__PURE__ */ P({
   __name: "Number",
   props: {
     ariaLabel: null,
@@ -774,56 +775,56 @@ const el = ["aria-label"], tl = ["href", "onClick"], sl = { class: "flex space-x
       props: ae(s),
       emit: r
     });
-    return (v, b) => (a(), p("nav", {
+    return (v, b) => (a(), m("nav", {
       class: "flex justify-center",
       "aria-label": e.ariaLabel || "Progress steps"
     }, [
-      m("ol", {
+      d("ol", {
         class: g(n(i))
       }, [
-        (a(!0), p(H, null, G(e.steps, (y, x) => (a(), p("li", {
+        (a(!0), m(H, null, G(e.steps, (y, x) => (a(), m("li", {
           key: y.name
         }, [
-          n(l)(x) ? (a(), p("a", {
+          n(l)(x) ? (a(), m("a", {
             key: 0,
             href: y.href,
             class: g(n(u)),
-            onClick: (f) => n(h)(x, f)
+            onClick: (p) => n(h)(x, p)
           }, [
-            m("div", sl, [
-              m("div", ll, [
-                V(n(mt), { class: "w-5 h-5" })
+            d("div", sl, [
+              d("div", ll, [
+                z(n(mt), { class: "w-5 h-5" })
               ]),
-              m("div", nl, [
-                m("div", null, z(y.name), 1),
-                y.description ? (a(), p("div", al, z(y.description), 1)) : I("", !0)
+              d("div", nl, [
+                d("div", null, S(y.name), 1),
+                y.description ? (a(), m("div", al, S(y.description), 1)) : I("", !0)
               ])
             ])
-          ], 10, tl)) : n(o)(x) ? (a(), p("a", {
+          ], 10, tl)) : n(o)(x) ? (a(), m("a", {
             key: 1,
             href: y.href,
             class: g(n(u)),
             "aria-current": "step",
-            onClick: (f) => n(h)(x, f)
+            onClick: (p) => n(h)(x, p)
           }, [
-            m("div", rl, [
-              m("div", il, z(n(c)(x)), 1),
-              m("div", ul, [
-                m("div", null, z(y.name), 1),
-                y.description ? (a(), p("div", cl, z(y.description), 1)) : I("", !0)
+            d("div", rl, [
+              d("div", il, S(n(c)(x)), 1),
+              d("div", ul, [
+                d("div", null, S(y.name), 1),
+                y.description ? (a(), m("div", cl, S(y.description), 1)) : I("", !0)
               ])
             ])
-          ], 10, ol)) : (a(), p("a", {
+          ], 10, ol)) : (a(), m("a", {
             key: 2,
             href: y.href,
             class: g(n(u)),
-            onClick: (f) => n(h)(x, f)
+            onClick: (p) => n(h)(x, p)
           }, [
-            m("div", fl, [
-              m("div", pl, z(n(c)(x)), 1),
-              m("div", ml, [
-                m("div", null, z(y.name), 1),
-                y.description ? (a(), p("div", hl, z(y.description), 1)) : I("", !0)
+            d("div", fl, [
+              d("div", pl, S(n(c)(x)), 1),
+              d("div", ml, [
+                d("div", null, S(y.name), 1),
+                y.description ? (a(), m("div", hl, S(y.description), 1)) : I("", !0)
               ])
             ])
           ], 10, dl))
@@ -840,16 +841,16 @@ const el = ["aria-label"], tl = ["href", "onClick"], sl = { class: "flex space-x
 }, wl = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground"
-}, Cl = /* @__PURE__ */ m("span", { class: "absolute h-4 w-4 rounded-full bg-outline-2" }, null, -1), $l = /* @__PURE__ */ m("span", { class: "relative block h-2 w-2 rounded-full bg-primary-focus" }, null, -1), Il = ["href", "onClick"], Sl = {
+}, Cl = /* @__PURE__ */ d("span", { class: "absolute h-4 w-4 rounded-full bg-outline-2" }, null, -1), $l = /* @__PURE__ */ d("span", { class: "relative block h-2 w-2 rounded-full bg-primary-focus" }, null, -1), Il = ["href", "onClick"], Bl = {
   class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center",
   "aria-hidden": "true"
-}, Bl = {
+}, Sl = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground-2"
 }, zl = {
   key: 1,
   class: "h-4 w-4 rounded-full bg-foreground-disabled"
-}, Vo = /* @__PURE__ */ P({
+}, Oo = /* @__PURE__ */ P({
   __name: "Bullet",
   props: {
     ariaLabel: null,
@@ -866,68 +867,68 @@ const el = ["aria-label"], tl = ["href", "onClick"], sl = { class: "flex space-x
     const r = t, s = e, { isCurrentStep: o, isFinishedStep: l, switchStep: h, listClasses: c, linkClasses: i } = yt({
       props: ae(s),
       emit: r
-    }), u = d(() => {
+    }), u = f(() => {
       const b = ["h6 font-medium leading-7"];
       let y;
       return s.stepsPadding === "xs" ? y = "ml-1" : s.stepsPadding === "sm" ? y = "ml-2" : y = "ml-3", b.push(y), s.basic && b.push("sr-only"), b.join(" ");
-    }), v = d(() => {
+    }), v = f(() => {
       const b = [];
       return s.basic && b.push("basic"), b.join(" ");
     });
-    return (b, y) => (a(), p("nav", {
+    return (b, y) => (a(), m("nav", {
       class: "flex justify-center",
       "aria-label": e.ariaLabel || "Progress steps"
     }, [
-      m("ol", {
+      d("ol", {
         class: g([n(c), v.value])
       }, [
-        (a(!0), p(H, null, G(e.steps, (x, f) => (a(), p("li", {
+        (a(!0), m(H, null, G(e.steps, (x, p) => (a(), m("li", {
           key: x.name
         }, [
-          n(l)(f) ? (a(), p("a", {
+          n(l)(p) ? (a(), m("a", {
             key: 0,
             href: x.href,
             class: g(n(i)),
-            onClick: (S) => n(h)(f, S)
+            onClick: (O) => n(h)(p, O)
           }, [
-            m("span", bl, [
-              e.basic ? (a(), p("span", yl)) : (a(), O(n(ht), {
+            d("span", bl, [
+              e.basic ? (a(), m("span", yl)) : (a(), L(n(ht), {
                 key: 1,
                 class: "h-full w-full text-primary",
                 "aria-hidden": "true"
               }))
             ]),
-            m("span", {
+            d("span", {
               class: g(["text-foreground", u.value])
-            }, z(x.name), 3)
-          ], 10, gl)) : n(o)(f) ? (a(), p("a", {
+            }, S(x.name), 3)
+          ], 10, gl)) : n(o)(p) ? (a(), m("a", {
             key: 1,
             href: x.href,
             class: g(n(i)),
             "aria-current": "step",
-            onClick: (S) => n(h)(f, S)
+            onClick: (O) => n(h)(p, O)
           }, [
-            m("span", kl, [
-              e.basic ? (a(), p("span", wl)) : (a(), p(H, { key: 1 }, [
+            d("span", kl, [
+              e.basic ? (a(), m("span", wl)) : (a(), m(H, { key: 1 }, [
                 Cl,
                 $l
               ], 64))
             ]),
-            m("span", {
+            d("span", {
               class: g(["text-primary-focus", u.value])
-            }, z(x.name), 3)
-          ], 10, xl)) : (a(), p("a", {
+            }, S(x.name), 3)
+          ], 10, xl)) : (a(), m("a", {
             key: 2,
             href: x.href,
             class: g(n(i)),
-            onClick: (S) => n(h)(f, S)
+            onClick: (O) => n(h)(p, O)
           }, [
-            m("div", Sl, [
-              e.basic ? (a(), p("span", Bl)) : (a(), p("div", zl))
+            d("div", Bl, [
+              e.basic ? (a(), m("span", Sl)) : (a(), m("div", zl))
             ]),
-            m("p", {
+            d("p", {
               class: g(["text-foreground-disabled", u.value])
-            }, z(x.name), 3)
+            }, S(x.name), 3)
           ], 10, Il))
         ]))), 128))
       ], 2)
@@ -944,34 +945,34 @@ const el = ["aria-label"], tl = ["href", "onClick"], sl = { class: "flex space-x
   fill: "rgba(255,255,255,0.8)",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Ol = /* @__PURE__ */ m("path", {
+}, Ml = /* @__PURE__ */ d("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1), Ml = /* @__PURE__ */ m("path", { d: "M7.904 17.563a1.2 1.2 0 0 0 2.228 .308l2.09 -3.093l4.907 4.907a1.067 1.067 0 0 0 1.509 0l1.047 -1.047a1.067 1.067 0 0 0 0 -1.509l-4.907 -4.907l3.113 -2.09a1.2 1.2 0 0 0 -.309 -2.228l-13.582 -3.904l3.904 13.563z" }, null, -1), Al = [
-  Ol,
-  Ml
+}, null, -1), Ol = /* @__PURE__ */ d("path", { d: "M7.904 17.563a1.2 1.2 0 0 0 2.228 .308l2.09 -3.093l4.907 4.907a1.067 1.067 0 0 0 1.509 0l1.047 -1.047a1.067 1.067 0 0 0 0 -1.509l-4.907 -4.907l3.113 -2.09a1.2 1.2 0 0 0 -.309 -2.228l-13.582 -3.904l3.904 13.563z" }, null, -1), Al = [
+  Ml,
+  Ol
 ];
 function Pl(e, t) {
-  return a(), p("svg", Ll, Al);
+  return a(), m("svg", Ll, Al);
 }
-const jl = /* @__PURE__ */ Me(Vl, [["render", Pl]]), Tl = {}, Fl = {
+const jl = /* @__PURE__ */ Oe(Vl, [["render", Pl]]), Tl = {}, _l = {
   viewBox: "0 0 18 17",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Rl = /* @__PURE__ */ m("path", {
+}, Fl = /* @__PURE__ */ d("path", {
   d: "M9 1.25V3.5M14.834 3.666L13.243 5.257M17.25 9.5H15M4.757 13.743L3.167 15.333M3 9.5H0.75M4.757 5.257L3.167 3.667",
   stroke: "currentColor",
   "stroke-width": "1",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), _l = [
-  Rl
+}, null, -1), Rl = [
+  Fl
 ];
 function Dl(e, t) {
-  return a(), p("svg", Fl, _l);
+  return a(), m("svg", _l, Rl);
 }
-const El = /* @__PURE__ */ Me(Tl, [["render", Dl]]), Ul = { class: "relative aspect-square w-full h-full max-w-[250px] mx-auto mb-8 border-t border-r border-outline-3 select-none" }, Wl = { class: "w-full h-full overflow-hidden" }, Lo = /* @__PURE__ */ P({
+const El = /* @__PURE__ */ Oe(Tl, [["render", Dl]]), Ul = { class: "relative aspect-square w-full h-full max-w-[250px] mx-auto mb-8 border-t border-r border-outline-3 select-none" }, ql = { class: "w-full h-full overflow-hidden" }, Ao = /* @__PURE__ */ P({
   __name: "Instructional",
   props: {
     actions: Array,
@@ -981,7 +982,7 @@ const El = /* @__PURE__ */ Me(Tl, [["render", Dl]]), Ul = { class: "relative asp
     slotsConfig: Array
   },
   setup(e) {
-    const t = e, r = L(!0), s = L({ ...t.initialPosition }), o = L(!1), l = L(500), h = L(!0), c = L(t.slotsConfig || []);
+    const t = e, r = V(!0), s = V({ ...t.initialPosition }), o = V(!1), l = V(500), h = V(!0), c = V(t.slotsConfig || []);
     async function i(b) {
       await rs(b.duration);
     }
@@ -1013,10 +1014,10 @@ const El = /* @__PURE__ */ Me(Tl, [["render", Dl]]), Ul = { class: "relative asp
           h.value = !1, s.value = { ...t.initialPosition }, await i({ type: "delay", duration: 200 });
         }
       })();
-    }), qe(() => {
+    }), We(() => {
       r.value = !1;
-    }), (b, y) => (a(), p("div", Ul, [
-      m("div", {
+    }), (b, y) => (a(), m("div", Ul, [
+      d("div", {
         class: "absolute z-50 text-foreground dark:text-foundation",
         style: Y({
           transitionProperty: "all",
@@ -1025,22 +1026,65 @@ const El = /* @__PURE__ */ Me(Tl, [["render", Dl]]), Ul = { class: "relative asp
           transitionDuration: l.value + "ms"
         })
       }, [
-        V(El, {
+        z(El, {
           class: g(["absolute -top-5 -left-4 h-12 w-12 -rotate-12 text-foreground", [{ hidden: !o.value }]])
         }, null, 8, ["class"]),
-        V(jl, { class: "absolute inset-0 h-11 w-11" })
+        z(jl, { class: "absolute inset-0 h-11 w-11" })
       ], 4),
-      m("div", Wl, [
-        _(b.$slots, "background"),
-        (a(!0), p(H, null, G(c.value, (x) => (a(), p(H, {
+      d("div", ql, [
+        R(b.$slots, "background"),
+        (a(!0), m(H, null, G(c.value, (x) => (a(), m(H, {
           key: x.name
         }, [
-          x.visible ? _(b.$slots, x.name, { key: 0 }) : I("", !0)
+          x.visible ? R(b.$slots, x.name, { key: 0 }) : I("", !0)
         ], 64))), 128))
       ])
     ]));
   }
-}), ql = ["disabled"], Oo = /* @__PURE__ */ P({
+}), Wl = { class: "relative bg-foundation" }, Hl = /* @__PURE__ */ d("div", {
+  class: "absolute inset-0 flex items-center justify-center",
+  role: "status"
+}, [
+  /* @__PURE__ */ d("svg", {
+    "aria-hidden": "true",
+    class: "w-6 h-6 text-outline-2 animate-spin fill-primary",
+    viewBox: "0 0 100 101",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    /* @__PURE__ */ d("path", {
+      d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
+      fill: "currentColor"
+    }),
+    /* @__PURE__ */ d("path", {
+      d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
+      fill: "currentFill"
+    })
+  ]),
+  /* @__PURE__ */ d("span", { class: "sr-only" }, "Loading...")
+], -1), Kl = ["title", "src"], Po = /* @__PURE__ */ P({
+  __name: "VimeoEmbed",
+  props: {
+    vimeoId: null,
+    title: null,
+    autoplay: { type: Boolean },
+    muted: { type: Boolean },
+    controls: { type: Boolean }
+  },
+  setup(e) {
+    return (t, r) => (a(), m("div", Wl, [
+      Hl,
+      d("iframe", {
+        title: e.title,
+        src: `https://player.vimeo.com/video/${e.vimeoId}?badge=0&autopause=0&player_id=0&app_id=58479&autoplay=${e.autoplay ? "1" : "0"}&muted=${e.muted ? "1" : "0"}&controls=${e.controls ? "1" : "0"}`,
+        frameborder: "0",
+        allow: "autoplay; fullscreen;",
+        allowfullscreen: "",
+        class: "aspect-video w-full relative z-10"
+      }, null, 8, Kl)
+    ]));
+  }
+}), Gl = ["disabled"], jo = /* @__PURE__ */ P({
   __name: "CardButton",
   props: {
     disabled: { type: Boolean },
@@ -1048,7 +1092,7 @@ const El = /* @__PURE__ */ Me(Tl, [["render", Dl]]), Ul = { class: "relative asp
   },
   emits: ["update:modelValue", "click"],
   setup(e, { emit: t }) {
-    const r = t, s = e, o = d(() => {
+    const r = t, s = e, o = f(() => {
       const h = [
         "h-20 bg-foundation-2 inline-flex justify-center items-center outline-none",
         "normal px-16 py-5 shadow rounded transition active:scale-95"
@@ -1063,23 +1107,23 @@ const El = /* @__PURE__ */ Me(Tl, [["render", Dl]]), Ul = { class: "relative asp
       }
       r("update:modelValue", !s.modelValue), r("click", h);
     };
-    return (h, c) => (a(), p("button", {
+    return (h, c) => (a(), m("button", {
       class: g(o.value),
       disabled: e.disabled,
       onClick: l
     }, [
-      _(h.$slots, "default", {}, () => [
+      R(h.$slots, "default", {}, () => [
         D("Text")
       ])
-    ], 10, ql));
+    ], 10, Gl));
   }
-}), Hl = { class: "relative flex items-start" }, Kl = { class: "flex h-6 items-center" }, Gl = ["id", "checked", "aria-describedby", "name", "disabled", "value"], Xl = {
+}), Zl = { class: "relative flex items-start" }, Xl = { class: "flex h-6 items-center" }, Nl = ["id", "checked", "aria-describedby", "name", "disabled", "value"], Ql = {
   class: "ml-2 text-sm",
   style: { "padding-top": "2px" }
-}, Zl = ["for"], Nl = {
+}, Jl = ["for"], Yl = {
   key: 0,
   class: "text-danger ml-1"
-}, Ql = ["id"], Mo = /* @__PURE__ */ P({
+}, en = ["id"], To = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -1168,29 +1212,29 @@ const El = /* @__PURE__ */ Me(Tl, [["render", Dl]]), Ul = { class: "relative asp
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = (k) => `${k}-${Le()}`, s = d(() => t.value || t.name), {
+    const t = e, r = (k) => `${k}-${Le()}`, s = f(() => t.value || t.name), {
       checked: o,
       errorMessage: l,
       handleChange: h,
       value: c
-    } = Se(t.name, t.rules, {
+    } = Be(t.name, t.rules, {
       validateOnMount: t.validateOnMount,
       type: "checkbox",
       checkedValue: s,
       initialValue: t.modelValue || void 0
-    }), i = d(() => t.label || t.name), u = d(() => l.value ? "border-danger-lighter" : "border-foreground-4 "), v = d(() => t.description || l.value), b = d(() => `${t.name}-description`), y = d(() => {
+    }), i = f(() => t.label || t.name), u = f(() => l.value ? "border-danger-lighter" : "border-foreground-4 "), v = f(() => t.description || l.value), b = f(() => `${t.name}-description`), y = f(() => {
       const k = [];
       return t.inlineDescription ? k.push("inline ml-2") : k.push("block"), l.value ? k.push("text-danger") : k.push("text-foreground-2"), k.join(" ");
-    }), x = L(r("checkbox")), f = d(() => t.id || x.value), S = (k) => {
+    }), x = V(r("checkbox")), p = f(() => t.id || x.value), O = (k) => {
       t.disabled || h(k);
     };
     return ee(() => {
-      const k = t.modelValue, C = c.value, B = Array.isArray(k) ? k.includes(t.value) : k === t.value, F = Array.isArray(C) ? C.includes(t.value) : C === t.value;
-      B !== F && h(k);
-    }), (k, C) => (a(), p("div", Hl, [
-      m("div", Kl, [
-        m("input", ie({
-          id: f.value,
+      const k = t.modelValue, $ = c.value, B = Array.isArray(k) ? k.includes(t.value) : k === t.value, j = Array.isArray($) ? $.includes(t.value) : $ === t.value;
+      B !== j && h(k);
+    }), (k, $) => (a(), m("div", Zl, [
+      d("div", Xl, [
+        d("input", ie({
+          id: p.value,
           checked: n(o),
           "aria-describedby": b.value,
           name: e.name,
@@ -1198,31 +1242,31 @@ const El = /* @__PURE__ */ Me(Tl, [["render", Dl]]), Ul = { class: "relative asp
           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", u.value]
-        }, k.$attrs, { onChange: S }), null, 16, Gl)
+        }, k.$attrs, { onChange: O }), null, 16, Nl)
       ]),
-      m("div", Xl, [
-        m("label", {
-          for: f.value,
+      d("div", Ql, [
+        d("label", {
+          for: p.value,
           class: g(["font-medium text-foreground", { "sr-only": e.hideLabel }])
         }, [
-          m("span", null, z(i.value), 1),
-          e.showRequired ? (a(), p("span", Nl, "*")) : I("", !0)
-        ], 10, Zl),
-        v.value ? (a(), p("p", {
+          d("span", null, S(i.value), 1),
+          e.showRequired ? (a(), m("span", Yl, "*")) : I("", !0)
+        ], 10, Jl),
+        v.value ? (a(), m("p", {
           key: 0,
           id: b.value,
           class: g(y.value)
-        }, z(v.value), 11, Ql)) : I("", !0)
+        }, S(v.value), 11, en)) : I("", !0)
       ])
     ]));
   }
-}), Jl = { class: "flex h-6 items-center" }, Yl = ["id", "checked", "aria-describedby", "name", "disabled", "value"], en = ["for"], tn = {
+}), tn = { class: "flex h-6 items-center" }, sn = ["id", "checked", "aria-describedby", "name", "disabled", "value"], ln = ["for"], nn = {
   key: 0,
   class: "text-sm"
-}, sn = { class: "flex flex-col" }, ln = ["id"], nn = {
+}, an = { class: "flex flex-col" }, on = ["id"], rn = {
   key: 1,
   class: "text-danger ml-1"
-}, an = ["id"], Ao = /* @__PURE__ */ P({
+}, un = ["id"], _o = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "Radio",
   props: {
@@ -1318,31 +1362,31 @@ const El = /* @__PURE__ */ Me(Tl, [["render", Dl]]), Ul = { class: "relative asp
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = (k) => `${k}-${Le()}`, s = d(() => t.value || t.name), {
+    const t = e, r = (k) => `${k}-${Le()}`, s = f(() => t.value || t.name), {
       checked: o,
       errorMessage: l,
       handleChange: h,
       value: c
-    } = Se(t.name, t.rules, {
+    } = Be(t.name, t.rules, {
       validateOnMount: t.validateOnMount,
       type: "radio",
       checkedValue: s,
       initialValue: t.modelValue || void 0
-    }), i = d(() => t.label || t.name), u = d(() => l.value ? "border-danger-lighter" : "border-foreground-4 "), v = d(() => t.description || l.value), b = d(() => `${t.name}-description`), y = d(() => {
+    }), i = f(() => t.label || t.name), u = f(() => l.value ? "border-danger-lighter" : "border-foreground-4 "), v = f(() => t.description || l.value), b = f(() => `${t.name}-description`), y = f(() => {
       const k = ["text-xs"];
       return l.value ? k.push("text-danger") : k.push("text-foreground-2"), k.join(" ");
-    }), x = L(r("radio")), f = d(() => t.id || x.value), S = (k) => {
+    }), x = V(r("radio")), p = f(() => t.id || x.value), O = (k) => {
       t.disabled || h(k);
     };
     return ee(() => {
-      const k = t.modelValue, C = c.value, B = Array.isArray(k) ? k.includes(t.value) : k === t.value, F = Array.isArray(C) ? C.includes(t.value) : C === t.value;
-      B !== F && h(k);
-    }), (k, C) => (a(), p("div", {
+      const k = t.modelValue, $ = c.value, B = Array.isArray(k) ? k.includes(t.value) : k === t.value, j = Array.isArray($) ? $.includes(t.value) : $ === t.value;
+      B !== j && h(k);
+    }), (k, $) => (a(), m("div", {
       class: g(["relative flex gap-2 mb-2 last:mb-0", e.description && e.inlineDescription ? "items-start" : "items-center"])
     }, [
-      m("div", Jl, [
-        m("input", ie({
-          id: f.value,
+      d("div", tn, [
+        d("input", ie({
+          id: p.value,
           checked: n(o),
           "aria-describedby": b.value,
           name: e.name,
@@ -1350,50 +1394,50 @@ const El = /* @__PURE__ */ Me(Tl, [["render", Dl]]), Ul = { class: "relative asp
           value: s.value,
           type: "radio",
           class: ["h-4 w-4 rounded-full text-primary focus:ring-primary bg-foundation disabled:cursor-not-allowed disabled:bg-disabled disabled:text-disabled-2", u.value]
-        }, k.$attrs, { onChange: S }), null, 16, Yl)
+        }, k.$attrs, { onChange: O }), null, 16, sn)
       ]),
-      m("div", {
+      d("div", {
         class: g(["text-xs sm:text-sm", e.inlineDescription ? "flex gap-2 items-center" : ""])
       }, [
-        m("label", {
-          for: f.value,
+        d("label", {
+          for: p.value,
           class: g(["text-foreground flex gap-2 items-center", { "sr-only": e.hideLabel }])
         }, [
-          e.icon ? (a(), p("div", tn, [
-            (a(), O(Q(e.icon), { class: "h-8 sm:h-10 w-8 sm:w-10" }))
+          e.icon ? (a(), m("div", nn, [
+            (a(), L(Q(e.icon), { class: "h-8 sm:h-10 w-8 sm:w-10" }))
           ])) : I("", !0),
-          m("div", sn, [
-            m("span", null, z(i.value), 1),
-            v.value && !e.inlineDescription ? (a(), p("p", {
+          d("div", an, [
+            d("span", null, S(i.value), 1),
+            v.value && !e.inlineDescription ? (a(), m("p", {
               key: 0,
               id: b.value,
               class: g(y.value)
-            }, z(v.value), 11, ln)) : I("", !0)
+            }, S(v.value), 11, on)) : I("", !0)
           ]),
-          e.showRequired ? (a(), p("span", nn, "*")) : I("", !0)
-        ], 10, en),
-        v.value && e.inlineDescription ? (a(), p("p", {
+          e.showRequired ? (a(), m("span", rn, "*")) : I("", !0)
+        ], 10, ln),
+        v.value && e.inlineDescription ? (a(), m("p", {
           key: 0,
           id: b.value,
           class: g(y.value)
-        }, z(v.value), 11, an)) : I("", !0)
+        }, S(v.value), 11, un)) : I("", !0)
       ], 2)
     ], 2));
   }
 });
 function Je(e) {
-  const { props: t, inputEl: r, emit: s, options: o } = e, { value: l, errorMessage: h } = Se(t.name, t.rules, {
+  const { props: t, inputEl: r, emit: s, options: o } = e, { value: l, errorMessage: h } = Be(t.name, t.rules, {
     validateOnMount: n(t.validateOnMount),
     validateOnValueUpdate: n(t.validateOnValueUpdate),
     initialValue: n(t.modelValue) || void 0
-  }), c = d(() => {
+  }), c = f(() => {
     const A = ["block label text-foreground-2 mb-2"];
     return n(t.showLabel) || A.push("sr-only"), A.join(" ");
-  }), i = d(() => [
+  }), i = f(() => [
     "focus:outline-none disabled:cursor-not-allowed disabled:bg-foundation-disabled",
     "disabled:text-disabled-muted placeholder:text-foreground-2",
     "rounded"
-  ].join(" ")), u = d(() => {
+  ].join(" ")), u = f(() => {
     const A = [
       "block w-full text-foreground transition-all",
       i.value
@@ -1403,20 +1447,20 @@ function Je(e) {
     ) : A.push("border-0 focus:ring-2 focus:ring-outline-2");
     const w = n(t.color);
     return w === "foundation" ? A.push("bg-foundation shadow-sm hover:shadow") : w === "transparent" ? A.push("bg-transparent") : A.push("bg-foundation-page"), A.join(" ");
-  }), v = L(Le()), b = d(() => n(t.label) || n(t.name)), y = d(() => {
+  }), v = V(Le()), b = f(() => n(t.label) || n(t.name)), y = f(() => {
     const A = h.value;
     return !A || !n(t.useLabelInErrors) ? A : A.replace("Value", b.value);
-  }), x = d(
+  }), x = f(
     () => y.value && n(t.hideErrorMessage)
-  ), f = d(() => y.value || n(t.help)), S = d(() => !!f.value), k = d(
-    () => S.value ? `${n(t.name)}-${v.value}` : void 0
-  ), C = d(() => {
+  ), p = f(() => y.value || n(t.help)), O = f(() => !!p.value), k = f(
+    () => O.value ? `${n(t.name)}-${v.value}` : void 0
+  ), $ = f(() => {
     const A = ["mt-2 text-xs sm:text-sm"];
     return A.push(h.value ? "text-danger" : "text-foreground-2"), A.join(" ");
   }), B = () => {
     var A;
     (A = r.value) == null || A.focus();
-  }, F = () => {
+  }, j = () => {
     var A;
     l.value = N(l.value) ? [] : "", (A = o == null ? void 0 : o.customClear) == null || A.call(o), s("change", { value: l.value }), s("clear");
   };
@@ -1428,16 +1472,16 @@ function Je(e) {
     title: b,
     value: l,
     helpTipId: k,
-    helpTipClasses: C,
-    helpTip: f,
+    helpTipClasses: $,
+    helpTip: p,
     hideHelpTip: x,
     errorMessage: y,
-    clear: F,
+    clear: j,
     focus: B,
     labelClasses: c
   };
 }
-const on = ["for"], rn = { class: "relative" }, un = ["id", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], cn = /* @__PURE__ */ m("span", { class: "text-xs sr-only" }, "Clear input", -1), dn = ["id"], Po = /* @__PURE__ */ P({
+const cn = ["for"], dn = { class: "relative" }, fn = ["id", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], pn = /* @__PURE__ */ d("span", { class: "text-xs sr-only" }, "Clear input", -1), mn = ["id"], Fo = /* @__PURE__ */ P({
   __name: "TextArea",
   props: {
     name: null,
@@ -1460,7 +1504,7 @@ const on = ["for"], rn = { class: "relative" }, un = ["id", "name", "placeholder
   },
   emits: ["update:modelValue", "change", "input", "clear"],
   setup(e, { expose: t, emit: r }) {
-    const s = r, o = e, l = L(null), {
+    const s = r, o = e, l = V(null), {
       coreClasses: h,
       title: c,
       value: i,
@@ -1469,31 +1513,31 @@ const on = ["for"], rn = { class: "relative" }, un = ["id", "name", "placeholder
       helpTip: b,
       errorMessage: y,
       labelClasses: x,
-      clear: f,
-      focus: S
+      clear: p,
+      focus: O
     } = Je({
       props: ae(o),
       emit: s,
       inputEl: l
-    }), k = d(() => {
-      const C = ["pl-2"];
-      return o.showClear && y.value ? C.push("pr-12") : (o.showClear || y.value) && C.push("pr-8"), C.join(" ");
+    }), k = f(() => {
+      const $ = ["pl-2"];
+      return o.showClear && y.value ? $.push("pr-12") : (o.showClear || y.value) && $.push("pr-8"), $.join(" ");
     });
-    return t({ focus: S }), (C, B) => (a(), p("div", {
+    return t({ focus: O }), ($, B) => (a(), m("div", {
       class: g([e.fullWidth ? "w-full" : ""])
     }, [
-      m("label", {
+      d("label", {
         for: e.name,
         class: g(n(x))
       }, [
-        m("span", null, z(n(c)), 1)
-      ], 10, on),
-      m("div", rn, [
-        ue(m("textarea", ie({
+        d("span", null, S(n(c)), 1)
+      ], 10, cn),
+      d("div", dn, [
+        ue(d("textarea", ie({
           id: e.name,
           ref_key: "inputElement",
           ref: l,
-          "onUpdate:modelValue": B[0] || (B[0] = (F) => ze(i) ? i.value = F : null),
+          "onUpdate:modelValue": B[0] || (B[0] = (j) => ze(i) ? i.value = j : null),
           name: e.name,
           class: [
             n(h),
@@ -1505,55 +1549,55 @@ const on = ["for"], rn = { class: "relative" }, un = ["id", "name", "placeholder
           disabled: e.disabled,
           "aria-invalid": n(y) ? "true" : "false",
           "aria-describedby": n(u)
-        }, C.$attrs, {
-          onChange: B[1] || (B[1] = (F) => C.$emit("change", { event: F, value: n(i) })),
-          onInput: B[2] || (B[2] = (F) => C.$emit("input", { event: F, value: n(i) }))
-        }), null, 16, un), [
+        }, $.$attrs, {
+          onChange: B[1] || (B[1] = (j) => $.$emit("change", { event: j, value: n(i) })),
+          onInput: B[2] || (B[2] = (j) => $.$emit("input", { event: j, value: n(i) }))
+        }), null, 16, fn), [
           [He, n(i)]
         ]),
-        e.showClear ? (a(), p("a", {
+        e.showClear ? (a(), m("a", {
           key: 0,
           title: "Clear input",
           class: "absolute top-2 right-0 flex items-center pr-2 cursor-pointer",
           onClick: B[3] || (B[3] = //@ts-ignore
-          (...F) => n(f) && n(f)(...F)),
+          (...j) => n(p) && n(p)(...j)),
           onKeydown: B[4] || (B[4] = //@ts-ignore
-          (...F) => n(f) && n(f)(...F))
+          (...j) => n(p) && n(p)(...j))
         }, [
-          cn,
-          V(n(xe), {
+          pn,
+          z(n(xe), {
             class: "h-5 w-5 text-foreground",
             "aria-hidden": "true"
           })
         ], 32)) : I("", !0),
-        n(y) ? (a(), p("div", {
+        n(y) ? (a(), m("div", {
           key: 1,
           class: g([
             "pointer-events-none absolute inset-y-0 right-0 flex items-start mt-2",
             e.showClear ? "pr-8" : "pr-2"
           ])
         }, [
-          V(n(Ve), {
+          z(n(Ve), {
             class: "h-4 w-4 text-danger",
             "aria-hidden": "true"
           })
         ], 2)) : I("", !0),
-        e.showRequired && !n(y) ? (a(), p("div", {
+        e.showRequired && !n(y) ? (a(), m("div", {
           key: 2,
           class: g(["pointer-events-none absolute inset-y-0 mt-0.5 text-4xl right-0 flex items-start text-danger opacity-50", [e.showClear ? "pr-8" : "pr-2"]])
         }, " * ", 2)) : I("", !0)
       ]),
-      n(u) ? (a(), p("p", {
+      n(u) ? (a(), m("p", {
         key: 0,
         id: n(u),
         class: g(n(v))
-      }, z(n(b)), 11, dn)) : I("", !0)
+      }, S(n(b)), 11, mn)) : I("", !0)
     ], 2));
   }
-}), fn = ["for"], pn = { class: "relative" }, mn = {
+}), hn = ["for"], vn = { class: "relative" }, gn = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2"
-}, hn = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], vn = /* @__PURE__ */ m("span", { class: "text-xs sr-only" }, "Clear input", -1), gn = ["id"], bn = /* @__PURE__ */ P({
+}, bn = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], yn = /* @__PURE__ */ d("span", { class: "text-xs sr-only" }, "Clear input", -1), xn = ["id"], kn = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "TextInput",
   props: {
@@ -1690,7 +1734,7 @@ const on = ["for"], rn = { class: "relative" }, un = ["id", "name", "placeholder
   },
   emits: ["update:modelValue", "change", "input", "clear", "focus", "blur"],
   setup(e, { expose: t, emit: r }) {
-    const s = e, o = r, l = Ke(), h = L(null), {
+    const s = e, o = r, l = Ke(), h = V(null), {
       coreClasses: c,
       title: i,
       value: u,
@@ -1698,23 +1742,23 @@ const on = ["for"], rn = { class: "relative" }, un = ["id", "name", "placeholder
       helpTipClasses: b,
       helpTip: y,
       hideHelpTip: x,
-      errorMessage: f,
-      clear: S,
+      errorMessage: p,
+      clear: O,
       focus: k,
-      labelClasses: C
+      labelClasses: $
     } = Je({
       props: ae(s),
       emit: o,
       inputEl: h
-    }), B = d(() => {
+    }), B = f(() => {
       const E = ["h-5 w-5"];
-      return f.value ? E.push("text-danger") : E.push("text-foreground-2"), E.join(" ");
-    }), F = d(
+      return p.value ? E.push("text-danger") : E.push("text-foreground-2"), E.join(" ");
+    }), j = f(
       () => ["email", "password"].includes(s.type) || s.customIcon
-    ), A = d(() => {
+    ), A = f(() => {
       const E = [];
-      return F.value ? E.push("pl-8") : E.push("pl-2"), l["input-right"] || (f.value || s.showClear) && (f.value && s.showClear ? E.push("pr-12") : E.push("pr-8")), E.join(" ");
-    }), w = d(() => {
+      return j.value ? E.push("pl-8") : E.push("pl-2"), l["input-right"] || (p.value || s.showClear) && (p.value && s.showClear ? E.push("pr-12") : E.push("pr-8")), E.join(" ");
+    }), w = f(() => {
       switch (s.size) {
         case "sm":
           return "h-6 text-sm";
@@ -1727,111 +1771,111 @@ const on = ["for"], rn = { class: "relative" }, un = ["id", "name", "placeholder
           return "h-8 text-sm";
       }
     });
-    return t({ focus: k }), (E, W) => (a(), p("div", {
+    return t({ focus: k }), (E, q) => (a(), m("div", {
       class: g([e.fullWidth ? "w-full" : "", e.wrapperClasses])
     }, [
-      m("label", {
+      d("label", {
         for: e.name,
-        class: g(n(C))
+        class: g(n($))
       }, [
-        m("span", null, z(n(i)), 1)
-      ], 10, fn),
-      m("div", pn, [
-        F.value ? (a(), p("div", mn, [
-          e.customIcon ? (a(), O(Q(e.customIcon), {
+        d("span", null, S(n(i)), 1)
+      ], 10, hn),
+      d("div", vn, [
+        j.value ? (a(), m("div", gn, [
+          e.customIcon ? (a(), L(Q(e.customIcon), {
             key: 0,
             class: g(B.value),
             "aria-hidden": "true"
-          }, null, 8, ["class"])) : e.type === "email" ? (a(), O(n(ls), {
+          }, null, 8, ["class"])) : e.type === "email" ? (a(), L(n(ls), {
             key: 1,
             class: g(B.value),
             "aria-hidden": "true"
-          }, null, 8, ["class"])) : e.type === "password" ? (a(), O(n(ns), {
+          }, null, 8, ["class"])) : e.type === "password" ? (a(), L(n(ns), {
             key: 2,
             class: g(B.value),
             "aria-hidden": "true"
           }, null, 8, ["class"])) : I("", !0)
         ])) : I("", !0),
-        ue(m("input", ie({
+        ue(d("input", ie({
           id: e.name,
           ref_key: "inputElement",
           ref: h,
-          "onUpdate:modelValue": W[0] || (W[0] = (U) => ze(u) ? u.value = U : null),
+          "onUpdate:modelValue": q[0] || (q[0] = (U) => ze(u) ? u.value = U : null),
           type: e.type,
           name: e.name,
           class: [n(c), A.value, w.value, e.inputClasses || ""],
           placeholder: e.placeholder,
           disabled: e.disabled,
-          "aria-invalid": n(f) ? "true" : "false",
+          "aria-invalid": n(p) ? "true" : "false",
           "aria-describedby": n(v),
           role: "textbox"
         }, E.$attrs, {
-          onChange: W[1] || (W[1] = (U) => E.$emit("change", { event: U, value: n(u) })),
-          onInput: W[2] || (W[2] = (U) => E.$emit("input", { event: U, value: n(u) })),
-          onFocus: W[3] || (W[3] = (U) => E.$emit("focus")),
-          onBlur: W[4] || (W[4] = (U) => E.$emit("blur"))
-        }), null, 16, hn), [
+          onChange: q[1] || (q[1] = (U) => E.$emit("change", { event: U, value: n(u) })),
+          onInput: q[2] || (q[2] = (U) => E.$emit("input", { event: U, value: n(u) })),
+          onFocus: q[3] || (q[3] = (U) => E.$emit("focus")),
+          onBlur: q[4] || (q[4] = (U) => E.$emit("blur"))
+        }), null, 16, bn), [
           [Lt, n(u)]
         ]),
-        _(E.$slots, "input-right", {}, () => [
-          e.showClear ? (a(), p("a", {
+        R(E.$slots, "input-right", {}, () => [
+          e.showClear ? (a(), m("a", {
             key: 0,
             title: "Clear input",
             class: "absolute inset-y-0 right-0 flex items-center pr-2 cursor-pointer",
-            onClick: W[5] || (W[5] = //@ts-ignore
-            (...U) => n(S) && n(S)(...U)),
-            onKeydown: W[6] || (W[6] = //@ts-ignore
-            (...U) => n(S) && n(S)(...U))
+            onClick: q[5] || (q[5] = //@ts-ignore
+            (...U) => n(O) && n(O)(...U)),
+            onKeydown: q[6] || (q[6] = //@ts-ignore
+            (...U) => n(O) && n(O)(...U))
           }, [
-            vn,
-            V(n(xe), {
+            yn,
+            z(n(xe), {
               class: "h-5 w-5 text-foreground",
               "aria-hidden": "true"
             })
           ], 32)) : I("", !0),
-          n(f) ? (a(), p("div", {
+          n(p) ? (a(), m("div", {
             key: 1,
             class: g([
               "pointer-events-none absolute inset-y-0 right-0 flex items-center",
               e.showClear ? "pr-8" : "pr-2"
             ])
           }, [
-            V(n(Ve), {
+            z(n(Ve), {
               class: "h-4 w-4 text-danger",
               "aria-hidden": "true"
             })
           ], 2)) : I("", !0),
-          e.showRequired && !n(f) ? (a(), p("div", {
+          e.showRequired && !n(p) ? (a(), m("div", {
             key: 2,
             class: g(["pointer-events-none absolute inset-y-0 mt-3 text-4xl right-0 flex items-center text-danger opacity-50", [e.showClear ? "pr-8" : "pr-2"]])
           }, " * ", 2)) : I("", !0)
         ])
       ]),
-      n(v) && !n(x) ? (a(), p("p", {
+      n(v) && !n(x) ? (a(), m("p", {
         key: 0,
         id: n(v),
         class: g(n(b))
-      }, z(n(y)), 11, gn)) : I("", !0)
+      }, S(n(y)), 11, xn)) : I("", !0)
     ], 2));
   }
-}), xt = /^https?:\/\//, Ye = /^[\w-_.+]+@[\w-_.+]+$/, yn = (e) => (e || "").match(Ye) ? !0 : "Value should be a valid e-mail address", xn = (e) => (e || "").split(",").map((s) => s.trim()).every((s) => s.match(Ye)) || "Value should be one or multiple comma-delimited e-mail addresses", kn = (e) => (ye(e) && (e = e.trim()), e ? !0 : "Value is required"), wn = (e, t) => (r, s) => r === s.form[e] ? !0 : `Value must be the same as in field '${t || e}'`, Cn = (e) => (t) => {
+}), xt = /^https?:\/\//, Ye = /^[\w-_.+]+@[\w-_.+]+$/, wn = (e) => (e || "").match(Ye) ? !0 : "Value should be a valid e-mail address", Cn = (e) => (e || "").split(",").map((s) => s.trim()).every((s) => s.match(Ye)) || "Value should be one or multiple comma-delimited e-mail addresses", $n = (e) => (ye(e) && (e = e.trim()), e ? !0 : "Value is required"), In = (e, t) => (r, s) => r === s.form[e] ? !0 : `Value must be the same as in field '${t || e}'`, Bn = (e) => (t) => {
   const { minLength: r, maxLength: s } = e;
   return t = is(t) ? "" : t, ye(t) ? !be(r) && t.length < r ? `Value needs to be at least ${r} characters long` : !be(s) && t.length > s ? `Value needs to be no more than ${s} characters long` : !0 : "Value should be a text string";
-}, $n = (e) => (t) => {
+}, Sn = (e) => (t) => {
   const { match: r, message: s } = e;
   return ye(t) ? r ? ye(r) ? t.includes(r) ? !0 : s : r.test(t) ? !0 : s : !0 : "Value should be a text string";
-}, In = (e) => xt.test(e) ? !0 : "Value is not a valid URL", Sn = (e) => Array.isArray(e) && e.length > 0 ? !0 : "Value should have at least a single item selected", jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, zn = (e) => xt.test(e) ? !0 : "Value is not a valid URL", Vn = (e) => Array.isArray(e) && e.length > 0 ? !0 : "Value should have at least a single item selected", Ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VALID_EMAIL: Ye,
   VALID_HTTP_URL: xt,
-  isEmail: yn,
-  isItemSelected: Sn,
-  isOneOrMultipleEmails: xn,
-  isRequired: kn,
-  isSameAs: wn,
-  isStringOfLength: Cn,
-  isUrl: In,
-  stringContains: $n
+  isEmail: wn,
+  isItemSelected: Vn,
+  isOneOrMultipleEmails: Cn,
+  isRequired: $n,
+  isSameAs: In,
+  isStringOfLength: Bn,
+  isUrl: zn,
+  stringContains: Sn
 }, Symbol.toStringTag, { value: "Module" }));
 function kt(e) {
   const {
@@ -1840,15 +1884,15 @@ function kt(e) {
     itemContainer: s,
     trackResize: o = !1,
     trackMutations: l = !0
-  } = e || {}, h = L(0), c = () => {
+  } = e || {}, h = V(0), c = () => {
     const i = s.value;
     if (t != null && t.value || !i)
       return;
     const u = i.children;
     let v = 0, b = 0, y;
     for (const x of u) {
-      const f = x.offsetTop;
-      be(y) ? (y = f, v += 1) : f === y && (v += 1), b += 1;
+      const p = x.offsetTop;
+      be(y) ? (y = p, v += 1) : p === y && (v += 1), b += 1;
     }
     h.value = b - v;
   };
@@ -1865,7 +1909,7 @@ function wt(e) {
   if (s) {
     const { elementToWatchForChanges: u, itemContainer: v } = s;
     o = kt({
-      skipCalculation: d(() => {
+      skipCalculation: f(() => {
         var y;
         return !((y = t.multiple) != null && y.value);
       }),
@@ -1873,8 +1917,8 @@ function wt(e) {
       itemContainer: v
     }).hiddenItemCount;
   } else
-    o = L(0);
-  const l = d({
+    o = V(0);
+  const l = f({
     get: () => {
       var v, b;
       const u = (v = t.modelValue) == null ? void 0 : v.value;
@@ -1900,34 +1944,34 @@ function wt(e) {
     firstItem: (u) => h(u) ? u[0] : u
   };
 }
-const Bn = (e) => (Ot("data-v-89e77cae"), e = e(), Mt(), e), zn = /* @__PURE__ */ Bn(() => /* @__PURE__ */ m("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), Vn = [
-  zn
-], Ln = /* @__PURE__ */ P({
+const Ln = (e) => (Mt("data-v-89e77cae"), e = e(), Ot(), e), Mn = /* @__PURE__ */ Ln(() => /* @__PURE__ */ d("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), On = [
+  Mn
+], An = /* @__PURE__ */ P({
   __name: "Bar",
   props: {
     loading: { type: Boolean }
   },
   setup(e) {
-    return (t, r) => (a(), p("div", {
+    return (t, r) => (a(), m("div", {
       class: g([
         "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"
       ])
-    }, Vn, 2));
+    }, On, 2));
   }
 });
-const et = /* @__PURE__ */ Me(Ln, [["__scopeId", "data-v-89e77cae"]]), On = { class: "flex items-center justify-between w-full" }, Mn = { class: "block truncate grow text-left text-xs sm:text-sm" }, An = { class: "pointer-events-none shrink-0 ml-1 flex items-center space-x-2" }, Pn = {
+const et = /* @__PURE__ */ Oe(An, [["__scopeId", "data-v-89e77cae"]]), Pn = { class: "flex items-center justify-between w-full" }, jn = { class: "block truncate grow text-left text-xs sm:text-sm" }, Tn = { class: "pointer-events-none shrink-0 ml-1 flex items-center space-x-2" }, _n = {
   key: 1,
   class: "text-4xl text-danger opacity-50 h-4 w-4 leading-6"
-}, jn = ["disabled"], Tn = {
+}, Fn = ["disabled"], Rn = {
   key: 0,
   class: "flex flex-col mx-1 mb-1"
-}, Fn = /* @__PURE__ */ m("span", { class: "sr-only label text-foreground" }, "Search", -1), Rn = { class: "relative" }, _n = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, Dn = ["placeholder"], En = {
+}, Dn = /* @__PURE__ */ d("span", { class: "sr-only label text-foreground" }, "Search", -1), En = { class: "relative" }, Un = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, qn = ["placeholder"], Wn = {
   key: 0,
   class: "px-1"
-}, Un = { key: 1 }, Wn = /* @__PURE__ */ m("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), qn = {
+}, Hn = { key: 1 }, Kn = /* @__PURE__ */ d("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), Gn = {
   class: /* @__PURE__ */ g(["block truncate"])
-}, Hn = ["id"], Ct = /* @__PURE__ */ P({
+}, Zn = ["id"], Ct = /* @__PURE__ */ P({
   __name: "Base",
   props: {
     multiple: {
@@ -2105,141 +2149,141 @@ const et = /* @__PURE__ */ Me(Ln, [["__scopeId", "data-v-89e77cae"]]), On = { cl
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: r }) {
-    const s = ($) => Re($), o = r, l = e, { value: h, errorMessage: c } = Se(l.name, l.rules, {
+    const s = (C) => Fe(C), o = r, l = e, { value: h, errorMessage: c } = Be(l.name, l.rules, {
       validateOnMount: l.validateOnMount,
       validateOnValueUpdate: l.validateOnValueUpdate,
       initialValue: l.modelValue
-    }), i = ms(), u = L(null), v = L(null), b = L(null), y = L(""), x = L([]), f = L(!1), S = L(1), k = L(Le()), C = hs(
-      d(() => {
-        var $;
-        return ($ = b.value) == null ? void 0 : $.el;
+    }), i = ms(), u = V(null), v = V(null), b = V(null), y = V(""), x = V([]), p = V(!1), O = V(1), k = V(Le()), $ = hs(
+      f(() => {
+        var C;
+        return (C = b.value) == null ? void 0 : C.el;
       }),
       { windowResize: !0, windowScroll: !0, immediate: !0 }
     );
     vs(
-      d(() => {
-        var $;
-        return ($ = v.value) == null ? void 0 : $.el;
+      f(() => {
+        var C;
+        return (C = v.value) == null ? void 0 : C.el;
       }),
-      ([{ isIntersecting: $ }]) => {
-        $ && l.mountMenuOnBody && C.update();
+      ([{ isIntersecting: C }]) => {
+        C && l.mountMenuOnBody && $.update();
       }
     );
-    const B = d(() => n(l.label) || n(l.name)), F = d(() => {
-      const $ = c.value;
-      return !$ || !n(l.useLabelInErrors) ? $ : $.replace("Value", B.value);
-    }), A = d(() => F.value || n(l.help)), w = d(() => !!A.value), E = d(
+    const B = f(() => n(l.label) || n(l.name)), j = f(() => {
+      const C = c.value;
+      return !C || !n(l.useLabelInErrors) ? C : C.replace("Value", B.value);
+    }), A = f(() => j.value || n(l.help)), w = f(() => !!A.value), E = f(
       () => w.value ? `${n(l.name)}-${k.value}` : void 0
-    ), W = d(
+    ), q = f(
       () => c.value ? "text-danger" : "text-foreground-2"
-    ), U = d(
+    ), U = f(
       () => l.buttonStyle !== "simple" && l.clearable && !l.disabled
-    ), Ae = d(() => {
-      const $ = ["relative flex group"];
-      return c.value ? ($.push("hover:shadow rounded-md"), $.push("text-danger-darker focus:border-danger focus:ring-danger"), l.buttonStyle !== "simple" && $.push("outline outline-2 outline-danger")) : l.buttonStyle !== "simple" && ($.push("hover:shadow rounded-md"), $.push("outline outline-2 outline-primary-muted")), l.fixedHeight && $.push("h-8"), $.join(" ");
-    }), re = d(() => {
-      const $ = [];
-      return l.buttonStyle !== "simple" && $.push(
+    ), Ae = f(() => {
+      const C = ["relative flex group"];
+      return c.value ? (C.push("hover:shadow rounded-md"), C.push("text-danger-darker focus:border-danger focus:ring-danger"), l.buttonStyle !== "simple" && C.push("outline outline-2 outline-danger")) : l.buttonStyle !== "simple" && (C.push("hover:shadow rounded-md"), C.push("outline outline-2 outline-primary-muted")), l.fixedHeight && C.push("h-8"), C.join(" ");
+    }), re = f(() => {
+      const C = [];
+      return l.buttonStyle !== "simple" && C.push(
         fe.value ? "bg-foundation-disabled text-foreground-disabled" : ""
-      ), fe.value && $.push("cursor-not-allowed"), $.join(" ");
-    }), Pe = d(() => {
-      const $ = [
+      ), fe.value && C.push("cursor-not-allowed"), C.join(" ");
+    }), Pe = f(() => {
+      const C = [
         "relative z-[1]",
         "flex items-center justify-center text-center shrink-0",
         "rounded-r-md overflow-hidden transition-all",
         "text-foreground",
         he.value ? `w-6 ${re.value}` : "w-0"
       ];
-      return fe.value || ($.push(
+      return fe.value || (C.push(
         "hover:bg-primary hover:text-foreground-on-primary dark:text-foreground-on-primary"
-      ), l.buttonStyle === "tinted" ? $.push("bg-outline-3") : $.push("bg-primary-muted")), $.join(" ");
-    }), je = d(() => {
-      const $ = [
+      ), l.buttonStyle === "tinted" ? C.push("bg-outline-3") : C.push("bg-primary-muted")), C.join(" ");
+    }), je = f(() => {
+      const C = [
         "relative z-[2]",
         "normal rounded-md cursor-pointer transition truncate flex-1",
         "flex items-center",
         re.value
       ];
-      return l.buttonStyle !== "simple" && ($.push("py-2 px-3"), fe.value || (l.buttonStyle === "tinted" ? $.push("bg-foundation-page text-foreground") : $.push("bg-foundation text-foreground"))), U.value && he.value && $.push("rounded-r-none"), $.join(" ");
-    }), me = d(
+      return l.buttonStyle !== "simple" && (C.push("py-2 px-3"), fe.value || (l.buttonStyle === "tinted" ? C.push("bg-foundation-page text-foreground") : C.push("bg-foundation text-foreground"))), U.value && he.value && C.push("rounded-r-none"), C.join(" ");
+    }), me = f(
       () => !!(l.search && (l.filterPredicate || l.getSearchResults))
-    ), te = d(() => me.value && l.getSearchResults), fe = d(
+    ), te = f(() => me.value && l.getSearchResults), fe = f(
       () => l.disabled || !l.items.length && !te.value
-    ), X = d({
+    ), Z = f({
       get: () => {
-        const $ = h.value;
-        return l.multiple ? N($) ? $ : [] : N($) ? void 0 : $;
+        const C = h.value;
+        return l.multiple ? N(C) ? C : [] : N(C) ? void 0 : C;
       },
-      set: ($) => {
-        if (l.multiple && !N($)) {
+      set: (C) => {
+        if (l.multiple && !N(C)) {
           console.warn("Attempting to set non-array value in selector w/ multiple=true");
           return;
-        } else if (!l.multiple && N($)) {
+        } else if (!l.multiple && N(C)) {
           console.warn("Attempting to set array value in selector w/ multiple=false");
           return;
         }
         let K;
         if (l.multiple)
-          K = $ || [];
+          K = C || [];
         else {
-          const q = h.value;
-          K = l.allowUnset && q && $ && T(q) === T($) ? void 0 : $;
+          const W = h.value;
+          K = l.allowUnset && W && C && _(W) === _(C) ? void 0 : C;
         }
-        l.fullyControlValue ? o("update:modelValue", K) : h.value = K, S.value += 1;
+        l.fullyControlValue ? o("update:modelValue", K) : h.value = K, O.value += 1;
       }
-    }), he = d(() => l.multiple && N(X.value) ? X.value.length !== 0 : !!X.value), Te = () => {
-      l.multiple ? X.value = [] : X.value = void 0;
-    }, Fe = d(() => {
-      const $ = y.value;
-      return !me.value || !($ != null && $.length) ? x.value : l.filterPredicate ? x.value.filter(
+    }), he = f(() => l.multiple && N(Z.value) ? Z.value.length !== 0 : !!Z.value), Te = () => {
+      l.multiple ? Z.value = [] : Z.value = void 0;
+    }, _e = f(() => {
+      const C = y.value;
+      return !me.value || !(C != null && C.length) ? x.value : l.filterPredicate ? x.value.filter(
         (K) => {
-          var q;
-          return ((q = l.filterPredicate) == null ? void 0 : q.call(l, K, $)) || !1;
+          var W;
+          return ((W = l.filterPredicate) == null ? void 0 : W.call(l, K, C)) || !1;
         }
       ) : x.value;
-    }), ke = d(() => {
-      const $ = [
+    }), ke = f(() => {
+      const C = [
         "rounded-md bg-foundation-2 py-1 label label--light outline outline-2 outline-primary-muted focus:outline-none shadow mt-1 "
       ];
-      return l.mountMenuOnBody ? $.push("fixed z-50") : $.push("absolute top-[100%] w-full z-10"), $.join(" ");
-    }), j = d(() => {
-      const $ = {};
+      return l.mountMenuOnBody ? C.push("fixed z-50") : C.push("absolute top-[100%] w-full z-10"), C.join(" ");
+    }), T = f(() => {
+      const C = {};
       if (l.mountMenuOnBody) {
-        const K = C.top.value, q = C.left.value, J = C.width.value, le = C.height.value;
-        $.top = `${K + le}px`, $.left = `${q}px`, $.width = `${J}px`;
+        const K = $.top.value, W = $.left.value, J = $.width.value, le = $.height.value;
+        C.top = `${K + le}px`, C.left = `${W}px`, C.width = `${J}px`;
       }
-      return $;
-    }), R = ($) => JSON.stringify($), T = ($) => s($) ? $[l.by || "id"] : $, Z = async () => {
+      return C;
+    }), F = (C) => JSON.stringify(C), _ = (C) => s(C) ? C[l.by || "id"] : C, X = async () => {
       if (!(!te.value || !l.getSearchResults)) {
-        f.value = !0;
+        p.value = !0;
         try {
           x.value = await l.getSearchResults(y.value);
         } finally {
-          f.value = !1;
+          p.value = !1;
         }
       }
-    }, se = Xe(Z, 1e3), we = ($) => {
-      const { active: K, disabled: q } = $ || {}, { hideCheckmarks: J } = l, le = [
+    }, se = Ze(X, 1e3), we = (C) => {
+      const { active: K, disabled: W } = C || {}, { hideCheckmarks: J } = l, le = [
         "relative transition cursor-pointer select-none py-1.5 pl-3",
         J ? "" : "pr-9"
       ];
-      return q ? le.push("opacity-50 cursor-not-allowed") : le.push(K ? "text-primary" : "text-foreground"), le.join(" ");
+      return W ? le.push("opacity-50 cursor-not-allowed") : le.push(K ? "text-primary" : "text-foreground"), le.join(" ");
     };
     return ce(
       () => l.items,
-      ($) => {
-        x.value = $.slice();
+      (C) => {
+        x.value = C.slice();
       },
       { immediate: !0 }
     ), ce(y, () => {
       te.value && se();
     }), ee(() => {
-      te.value && !l.items.length && Z();
-    }), t({ triggerSearch: Z }), ($, K) => (a(), p("div", null, [
-      (a(), O(n(ws), {
-        key: S.value,
-        modelValue: X.value,
-        "onUpdate:modelValue": K[4] || (K[4] = (q) => X.value = q),
+      te.value && !l.items.length && X();
+    }), t({ triggerSearch: X }), (C, K) => (a(), m("div", null, [
+      (a(), L(n(ws), {
+        key: O.value,
+        modelValue: Z.value,
+        "onUpdate:modelValue": K[4] || (K[4] = (W) => Z.value = W),
         name: e.name,
         multiple: e.multiple,
         by: e.by,
@@ -2247,47 +2291,48 @@ const et = /* @__PURE__ */ Me(Ln, [["__scopeId", "data-v-89e77cae"]]), On = { cl
         as: "div"
       }, {
         default: M(() => [
-          V(n(Cs), {
+          z(n(Cs), {
             id: e.labelId,
-            class: g(["block label text-foreground-2 mb-2", { "sr-only": !e.showLabel }])
+            class: g(["block label text-foreground-2 mb-2", { "sr-only": !e.showLabel }]),
+            for: e.buttonId
           }, {
             default: M(() => [
-              D(z(e.label), 1)
+              D(S(e.label), 1)
             ]),
             _: 1
-          }, 8, ["id", "class"]),
-          m("div", {
+          }, 8, ["id", "class", "for"]),
+          d("div", {
             class: g(Ae.value)
           }, [
-            V(n($s), {
+            z(n($s), {
               id: e.buttonId,
               ref_key: "listboxButton",
               ref: b,
               class: g(je.value)
             }, {
-              default: M(({ open: q }) => [
-                m("div", On, [
-                  m("div", Mn, [
-                    !X.value || n(N)(X.value) && !X.value.length ? _($.$slots, "nothing-selected", { key: 0 }, () => [
-                      D(z(e.placeholder ? e.placeholder : e.label), 1)
-                    ]) : _($.$slots, "something-selected", {
+              default: M(({ open: W }) => [
+                d("div", Pn, [
+                  d("div", jn, [
+                    !Z.value || n(N)(Z.value) && !Z.value.length ? R(C.$slots, "nothing-selected", { key: 0 }, () => [
+                      D(S(e.placeholder ? e.placeholder : e.label), 1)
+                    ]) : R(C.$slots, "something-selected", {
                       key: 1,
-                      value: X.value
+                      value: Z.value
                     }, () => [
-                      D(z(R(X.value)), 1)
+                      D(S(F(Z.value)), 1)
                     ])
                   ]),
-                  m("div", An, [
-                    F.value ? (a(), O(n(Ut), {
+                  d("div", Tn, [
+                    j.value ? (a(), L(n(Ut), {
                       key: 0,
                       class: "h-4 w-4 text-danger",
                       "aria-hidden": "true"
-                    })) : e.showRequired ? (a(), p("div", Pn, " * ")) : I("", !0),
-                    q ? (a(), O(n(ft), {
+                    })) : e.showRequired ? (a(), m("div", _n, " * ")) : I("", !0),
+                    W ? (a(), L(n(ft), {
                       key: 2,
                       class: "h-4 w-4 text-foreground",
                       "aria-hidden": "true"
-                    })) : (a(), O(n(Wt), {
+                    })) : (a(), L(n(qt), {
                       key: 3,
                       class: "h-4 w-4 text-foreground",
                       "aria-hidden": "true"
@@ -2297,74 +2342,74 @@ const et = /* @__PURE__ */ Me(Ln, [["__scopeId", "data-v-89e77cae"]]), On = { cl
               ]),
               _: 3
             }, 8, ["id", "class"]),
-            U.value ? ue((a(), p("button", {
+            U.value ? ue((a(), m("button", {
               key: 0,
               class: g(Pe.value),
               disabled: e.disabled,
-              onClick: K[0] || (K[0] = (q) => Te())
+              onClick: K[0] || (K[0] = (W) => Te())
             }, [
-              V(n(Ne), { class: "w-3 h-3" })
-            ], 10, jn)), [
+              z(n(Ne), { class: "w-3 h-3" })
+            ], 10, Fn)), [
               [n(gt), "Clear"]
             ]) : I("", !0),
-            n(i) ? (a(), O(We, {
+            n(i) ? (a(), L(qe, {
               key: 1,
               "leave-active-class": "transition ease-in duration-100",
               "leave-from-class": "opacity-100",
               "leave-to-class": "opacity-0"
             }, {
               default: M(() => [
-                (a(), O(At, {
+                (a(), L(At, {
                   to: "body",
                   disabled: !e.mountMenuOnBody
                 }, [
-                  V(n(Is), {
+                  z(n(Is), {
                     ref_key: "menuEl",
                     ref: v,
                     class: g(ke.value),
-                    style: Y(j.value),
-                    onFocus: K[3] || (K[3] = (q) => {
+                    style: Y(T.value),
+                    onFocus: K[3] || (K[3] = (W) => {
                       var J;
                       return (J = u.value) == null ? void 0 : J.focus();
                     })
                   }, {
                     default: M(() => [
-                      me.value ? (a(), p("label", Tn, [
-                        Fn,
-                        m("div", Rn, [
-                          m("div", _n, [
-                            V(n(qt), { class: "h-5 w-5 text-foreground" })
+                      me.value ? (a(), m("label", Rn, [
+                        Dn,
+                        d("div", En, [
+                          d("div", Un, [
+                            z(n(Wt), { class: "h-5 w-5 text-foreground" })
                           ]),
-                          ue(m("input", {
+                          ue(d("input", {
                             ref_key: "searchInput",
                             ref: u,
-                            "onUpdate:modelValue": K[1] || (K[1] = (q) => y.value = q),
+                            "onUpdate:modelValue": K[1] || (K[1] = (W) => y.value = W),
                             type: "text",
                             class: "pl-9 w-full border-0 bg-foundation-page rounded placeholder:font-normal normal placeholder:text-foreground-2 focus:outline-none focus:ring-1 focus:border-outline-1 focus:ring-outline-1",
                             placeholder: e.searchPlaceholder,
                             onKeydown: K[2] || (K[2] = pe(() => {
                             }, ["stop"]))
-                          }, null, 40, Dn), [
+                          }, null, 40, qn), [
                             [He, y.value]
                           ])
                         ])
                       ])) : I("", !0),
-                      m("div", {
+                      d("div", {
                         class: g(["overflow-auto simple-scrollbar", [me.value ? "max-h-52" : "max-h-40"]])
                       }, [
-                        te.value && f.value ? (a(), p("div", En, [
-                          V(et, { loading: !0 })
-                        ])) : te.value && !x.value.length ? (a(), p("div", Un, [
-                          _($.$slots, "nothing-found", {}, () => [
-                            Wn
+                        te.value && p.value ? (a(), m("div", Wn, [
+                          z(et, { loading: !0 })
+                        ])) : te.value && !x.value.length ? (a(), m("div", Hn, [
+                          R(C.$slots, "nothing-found", {}, () => [
+                            Kn
                           ])
                         ])) : I("", !0),
-                        !te.value || !f.value ? (a(!0), p(H, { key: 2 }, G(Fe.value, (q) => {
+                        !te.value || !p.value ? (a(!0), m(H, { key: 2 }, G(_e.value, (W) => {
                           var J;
-                          return a(), O(n(Ss), {
-                            key: T(q),
-                            value: q,
-                            disabled: ((J = e.disabledItemPredicate) == null ? void 0 : J.call(e, q)) || !1
+                          return a(), L(n(Bs), {
+                            key: _(W),
+                            value: W,
+                            disabled: ((J = e.disabledItemPredicate) == null ? void 0 : J.call(e, W)) || !1
                           }, {
                             default: M(({
                               active: le,
@@ -2372,32 +2417,32 @@ const et = /* @__PURE__ */ Me(Ln, [["__scopeId", "data-v-89e77cae"]]), On = { cl
                             }) => {
                               var lt, nt;
                               return [
-                                m("li", {
+                                d("li", {
                                   class: g(
                                     we({
                                       active: le,
-                                      disabled: ((lt = e.disabledItemPredicate) == null ? void 0 : lt.call(e, q)) || !1
+                                      disabled: ((lt = e.disabledItemPredicate) == null ? void 0 : lt.call(e, W)) || !1
                                     })
                                   )
                                 }, [
-                                  m("span", qn, [
-                                    _($.$slots, "option", {
-                                      item: q,
+                                  d("span", Gn, [
+                                    R(C.$slots, "option", {
+                                      item: W,
                                       active: le,
                                       selected: st,
-                                      disabled: ((nt = e.disabledItemPredicate) == null ? void 0 : nt.call(e, q)) || !1
+                                      disabled: ((nt = e.disabledItemPredicate) == null ? void 0 : nt.call(e, W)) || !1
                                     }, () => [
-                                      D(z(R(q)), 1)
+                                      D(S(F(W)), 1)
                                     ])
                                   ]),
-                                  !e.hideCheckmarks && st ? (a(), p("span", {
+                                  !e.hideCheckmarks && st ? (a(), m("span", {
                                     key: 0,
                                     class: g([
                                       le ? "text-primary" : "text-foreground",
                                       "absolute inset-y-0 right-0 flex items-center pr-4"
                                     ])
                                   }, [
-                                    V(n(pt), {
+                                    z(n(pt), {
                                       class: "h-5 w-5",
                                       "aria-hidden": "true"
                                     })
@@ -2420,37 +2465,37 @@ const et = /* @__PURE__ */ Me(Ln, [["__scopeId", "data-v-89e77cae"]]), On = { cl
         ]),
         _: 3
       }, 8, ["modelValue", "name", "multiple", "by", "disabled"])),
-      E.value ? (a(), p("p", {
+      E.value ? (a(), m("p", {
         key: 0,
         id: E.value,
-        class: g(["mt-2 text-xs sm:text-sm", W.value])
-      }, z(A.value), 11, Hn)) : I("", !0)
+        class: g(["mt-2 text-xs sm:text-sm", q.value])
+      }, S(A.value), 11, Zn)) : I("", !0)
     ]));
   }
-}), Kn = /* @__PURE__ */ P({
+}), Xn = /* @__PURE__ */ P({
   __name: "SourceAppBadge",
   props: {
     sourceApp: null
   },
   setup(e) {
-    return (t, r) => (a(), O(Qe, {
+    return (t, r) => (a(), L(Qe, {
       "color-classes": "text-foreground-on-primary",
       rounded: "",
       style: Y({ backgroundColor: e.sourceApp.bgColor })
     }, {
       default: M(() => [
-        D(z(e.sourceApp.short), 1)
+        D(S(e.sourceApp.short), 1)
       ]),
       _: 1
     }, 8, ["style"]));
   }
-}), Gn = {
+}), Nn = {
   key: 0,
   class: "text-foreground-2 normal"
-}, Xn = {
+}, Qn = {
   key: 1,
   class: "flex items-center"
-}, Zn = { class: "truncate" }, Nn = { class: "flex items-center" }, Qn = { class: "truncate" }, To = /* @__PURE__ */ P({
+}, Jn = { class: "truncate" }, Yn = { class: "flex items-center" }, ea = { class: "truncate" }, Do = /* @__PURE__ */ P({
   __name: "SourceApps",
   props: {
     /**
@@ -2522,12 +2567,12 @@ const et = /* @__PURE__ */ Me(Ln, [["__scopeId", "data-v-89e77cae"]]), On = { cl
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const r = t, s = e, o = L(null), l = L(null), { selectedValue: h, hiddenSelectedItemCount: c, isMultiItemArrayValue: i, firstItem: u } = wt({
+    const r = t, s = e, o = V(null), l = V(null), { selectedValue: h, hiddenSelectedItemCount: c, isMultiItemArrayValue: i, firstItem: u } = wt({
       props: ae(s),
       emit: r,
       dynamicVisibility: { elementToWatchForChanges: o, itemContainer: l }
     }), v = (b, y) => b.name.toLocaleLowerCase().includes(y.toLocaleLowerCase());
-    return (b, y) => (a(), O(Ct, {
+    return (b, y) => (a(), L(Ct, {
       modelValue: n(h),
       "onUpdate:modelValue": y[0] || (y[0] = (x) => ze(h) ? h.value = x : null),
       multiple: e.multiple,
@@ -2545,51 +2590,51 @@ const et = /* @__PURE__ */ Me(Ln, [["__scopeId", "data-v-89e77cae"]]), On = { cl
       by: "name"
     }, {
       "nothing-selected": M(() => [
-        e.selectorPlaceholder ? (a(), p(H, { key: 0 }, [
-          D(z(e.selectorPlaceholder), 1)
-        ], 64)) : (a(), p(H, { key: 1 }, [
-          D(z(e.multiple ? "Select apps" : "Select an app"), 1)
+        e.selectorPlaceholder ? (a(), m(H, { key: 0 }, [
+          D(S(e.selectorPlaceholder), 1)
+        ], 64)) : (a(), m(H, { key: 1 }, [
+          D(S(e.multiple ? "Select apps" : "Select an app"), 1)
         ], 64))
       ]),
       "something-selected": M(({ value: x }) => [
-        n(i)(x) ? (a(), p("div", {
+        n(i)(x) ? (a(), m("div", {
           key: 0,
           ref_key: "elementToWatchForChanges",
           ref: o,
           class: "flex items-center space-x-0.5 h-5"
         }, [
-          m("div", {
+          d("div", {
             ref_key: "itemContainer",
             ref: l,
             class: "flex flex-wrap overflow-hidden space-x-0.5 h-5"
           }, [
-            (a(!0), p(H, null, G(x, (f) => (a(), O(Kn, {
-              key: f.name,
-              "source-app": f
+            (a(!0), m(H, null, G(x, (p) => (a(), L(Xn, {
+              key: p.name,
+              "source-app": p
             }, null, 8, ["source-app"]))), 128))
           ], 512),
-          n(c) > 0 ? (a(), p("div", Gn, " +" + z(n(c)), 1)) : I("", !0)
-        ], 512)) : (a(), p("div", Xn, [
-          m("div", {
+          n(c) > 0 ? (a(), m("div", Nn, " +" + S(n(c)), 1)) : I("", !0)
+        ], 512)) : (a(), m("div", Qn, [
+          d("div", {
             class: "h-2 w-2 rounded-full mr-2",
             style: Y({ backgroundColor: n(u)(x).bgColor })
           }, null, 4),
-          m("span", Zn, z(n(u)(x).name), 1)
+          d("span", Jn, S(n(u)(x).name), 1)
         ]))
       ]),
       option: M(({ item: x }) => [
-        m("div", Nn, [
-          m("div", {
+        d("div", Yn, [
+          d("div", {
             class: "h-2 w-2 rounded-full mr-2",
             style: Y({ backgroundColor: x.bgColor })
           }, null, 4),
-          m("span", Qn, z(x.name), 1)
+          d("span", ea, S(x.name), 1)
         ])
       ]),
       _: 1
     }, 8, ["modelValue", "multiple", "items", "search", "search-placeholder", "label", "show-label", "name", "clearable", "help", "label-id", "button-id"]));
   }
-}), Jn = { class: "flex flex-wrap gap-1.5 text-xs" }, Fo = /* @__PURE__ */ P({
+}), ta = { class: "flex flex-wrap gap-1.5 text-xs" }, Eo = /* @__PURE__ */ P({
   __name: "Badges",
   props: {
     items: null,
@@ -2611,7 +2656,7 @@ const et = /* @__PURE__ */ Me(Ln, [["__scopeId", "data-v-89e77cae"]]), On = { cl
     }), h = (c) => {
       l(o.value) ? o.value = o.value.filter((i) => i.id !== c.id) : o.value = void 0;
     };
-    return (c, i) => (a(), O(Ct, {
+    return (c, i) => (a(), L(Ct, {
       modelValue: n(o),
       "onUpdate:modelValue": i[0] || (i[0] = (u) => ze(o) ? o.value = u : null),
       multiple: e.multiple,
@@ -2625,18 +2670,18 @@ const et = /* @__PURE__ */ Me(Ln, [["__scopeId", "data-v-89e77cae"]]), On = { cl
       "button-id": e.buttonId
     }, {
       "something-selected": M(({ value: u }) => [
-        m("ul", Jn, [
-          (a(!0), p(H, null, G(n(l)(u) ? u : [u], (v) => (a(), p("li", {
+        d("ul", ta, [
+          (a(!0), m(H, null, G(n(l)(u) ? u : [u], (v) => (a(), m("li", {
             key: v[e.by]
           }, [
-            V(Qe, {
+            z(Qe, {
               size: "lg",
               "clickable-icon": !0,
               "icon-left": n(Ne),
               onClickIcon: pe((b) => h(v), ["stop"])
             }, {
               default: M(() => [
-                D(z(v.text), 1)
+                D(S(v.text), 1)
               ]),
               _: 2
             }, 1032, ["icon-left", "onClickIcon"])
@@ -2644,14 +2689,14 @@ const et = /* @__PURE__ */ Me(Ln, [["__scopeId", "data-v-89e77cae"]]), On = { cl
         ])
       ]),
       option: M(({ item: u }) => [
-        D(z(u.text), 1)
+        D(S(u.text), 1)
       ]),
       _: 1
     }, 8, ["modelValue", "multiple", "items", "label", "name", "help", "rules", "by", "label-id", "button-id"]));
   }
-}), Yn = { class: "flex items-center" }, ea = { class: "absolute inset-0 flex items-center gap-2 px-1 text-white" }, Ro = /* @__PURE__ */ P({
+}), sa = { class: "flex items-center" }, la = { class: "absolute inset-0 flex items-center gap-2 px-1 text-white" }, Uo = /* @__PURE__ */ P({
   __name: "Switch",
-  props: /* @__PURE__ */ Be({
+  props: /* @__PURE__ */ Se({
     icons: { type: Boolean }
   }, {
     modelValue: { type: Boolean },
@@ -2660,22 +2705,22 @@ const et = /* @__PURE__ */ Me(Ln, [["__scopeId", "data-v-89e77cae"]]), On = { cl
   emits: ["update:modelValue"],
   setup(e) {
     const t = Ge(e, "modelValue");
-    return (r, s) => (a(), p("div", Yn, [
-      V(n(Bs), {
+    return (r, s) => (a(), m("div", sa, [
+      z(n(Ss), {
         modelValue: t.value,
         "onUpdate:modelValue": s[0] || (s[0] = (o) => t.value = o),
         class: g(["relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary", { "bg-primary": t.value, "bg-primary-muted": !t.value }])
       }, {
         default: M(() => [
-          m("div", ea, [
-            V(n(pt), {
+          d("div", la, [
+            z(n(pt), {
               class: g(["h-5 w-5 drop-shadow-md", e.icons ? "opacity-100" : "opacity-0"])
             }, null, 8, ["class"]),
-            V(n(Ne), {
+            z(n(Ne), {
               class: g(["h-5 w-5 drop-shadow-md", e.icons ? "opacity-100" : "opacity-0"])
             }, null, 8, ["class"])
           ]),
-          m("span", {
+          d("span", {
             class: g(["scale-95 pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200", { "translate-x-5": t.value, "translate-x-0": !t.value }])
           }, null, 2)
         ]),
@@ -2683,7 +2728,7 @@ const et = /* @__PURE__ */ Me(Ln, [["__scopeId", "data-v-89e77cae"]]), On = { cl
       }, 8, ["modelValue", "class"])
     ]));
   }
-}), ta = { class: "relative group bg-foundation-page p-2 rounded-lg pr-12" }, sa = { class: "absolute inset-0 right-2 flex justify-end items-center" }, _o = /* @__PURE__ */ P({
+}), na = { class: "relative group bg-foundation-page p-2 rounded-lg pr-12" }, aa = { class: "absolute inset-0 right-2 flex justify-end items-center" }, qo = /* @__PURE__ */ P({
   __name: "ClipboardInput",
   props: {
     value: null,
@@ -2692,7 +2737,7 @@ const et = /* @__PURE__ */ Me(Ln, [["__scopeId", "data-v-89e77cae"]]), On = { cl
   },
   emits: ["copy"],
   setup(e, { emit: t }) {
-    const r = e, s = t, { copy: o } = gs({ legacy: !0 }), l = L(!1), h = async () => {
+    const r = e, s = t, { copy: o } = gs({ legacy: !0 }), l = V(!1), h = async () => {
       r.value && (await o(r.value), l.value = !0, s("copy", r.value), setTimeout(() => {
         l.value = !1;
       }, 2e3));
@@ -2703,12 +2748,12 @@ const et = /* @__PURE__ */ Me(Ln, [["__scopeId", "data-v-89e77cae"]]), On = { cl
         b.selectNodeContents(u), v.removeAllRanges(), v.addRange(b);
       }
     };
-    return (i, u) => (a(), p("div", ta, [
-      e.isMultiline ? (a(), p("div", {
+    return (i, u) => (a(), m("div", na, [
+      e.isMultiline ? (a(), m("div", {
         key: 0,
         class: "relative z-10 text-xs sm:text-sm text-foreground font-mono break-all p-2 pl-3 max-h-[4.8rem] simple-scrollbar overflow-y-auto",
         onKeypress: u[0] || (u[0] = (v) => n(bt)(c))
-      }, z(e.value), 33)) : (a(), O(n(bn), {
+      }, S(e.value), 33)) : (a(), L(n(kn), {
         key: 1,
         color: "transparent",
         name: "contentInput",
@@ -2716,8 +2761,8 @@ const et = /* @__PURE__ */ Me(Ln, [["__scopeId", "data-v-89e77cae"]]), On = { cl
         "model-value": e.value,
         class: "relative z-10 text-sm text-foreground font-mono"
       }, null, 8, ["model-value"])),
-      m("div", sa, [
-        V(n(oe), {
+      d("div", aa, [
+        z(n(oe), {
           color: "invert",
           size: "sm",
           "icon-left": l.value ? n(Jt) : n(Yt),
@@ -2729,20 +2774,20 @@ const et = /* @__PURE__ */ Me(Ln, [["__scopeId", "data-v-89e77cae"]]), On = { cl
   }
 });
 var Ie = /* @__PURE__ */ ((e) => (e.CtrlOrCmd = "cmd-or-ctrl", e.AltOrOpt = "alt-or-opt", e.Shift = "shift", e))(Ie || {});
-const De = cs(), la = {
-  "cmd-or-ctrl": De === _e.Mac ? "Cmd" : "Ctrl",
-  "alt-or-opt": De === _e.Mac ? "Opt" : "Alt",
+const De = cs(), oa = {
+  "cmd-or-ctrl": De === Re.Mac ? "Cmd" : "Ctrl",
+  "alt-or-opt": De === Re.Mac ? "Opt" : "Alt",
   shift: "Shift"
 };
-function Do(e) {
+function Wo(e) {
   const t = (r) => Object.values(Ie).includes(r);
-  return e.map((r) => t(r) ? la[r] : r).join("+");
+  return e.map((r) => t(r) ? oa[r] : r).join("+");
 }
-function Eo(e, ...t) {
+function Ho(e, ...t) {
   bs(
     t[0],
     (r) => {
-      const s = r.getModifierState("Alt"), o = De === _e.Mac ? r.getModifierState("Meta") : r.getModifierState("Control"), l = r.getModifierState("Shift");
+      const s = r.getModifierState("Alt"), o = De === Re.Mac ? r.getModifierState("Meta") : r.getModifierState("Control"), l = r.getModifierState("Shift");
       for (const h of e)
         switch (h) {
           case Ie.CtrlOrCmd:
@@ -2763,17 +2808,17 @@ function Eo(e, ...t) {
     t[2]
   );
 }
-function Uo(e) {
-  const t = (e == null ? void 0 : e.model) || L(), r = d({
+function Ko(e) {
+  const t = (e == null ? void 0 : e.model) || V(), r = f({
     get: () => !!t.value,
     set: (s) => t.value = s ? !0 : void 0
   });
   return { model: t, isChecked: r };
 }
-const na = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 dark:bg-neutral-900/70 transition-opacity backdrop-blur-xs" }, null, -1), aa = { class: "fixed inset-0 z-10 h-[100dvh] w-screen" }, oa = { class: "flex justify-center items-center h-full w-full p-4 sm:p-0" }, ra = {
+const ra = /* @__PURE__ */ d("div", { class: "fixed inset-0 bg-neutral-100/70 dark:bg-neutral-900/70 transition-opacity backdrop-blur-xs" }, null, -1), ia = { class: "fixed inset-0 z-10 h-[100dvh] w-screen" }, ua = { class: "flex justify-center items-center h-full w-full p-4 sm:p-0" }, ca = {
   key: 0,
   class: "flex items-center justify-start rounded-t-lg shrink-0 min-h-[2rem] sm:min-h-[4rem] py-2 px-4 sm:px-8 truncate text-lg sm:text-2xl font-bold"
-}, ia = { class: "w-full truncate pr-12" }, Wo = /* @__PURE__ */ P({
+}, da = { class: "w-full truncate pr-12" }, Go = /* @__PURE__ */ P({
   __name: "Dialog",
   props: {
     open: { type: Boolean },
@@ -2786,10 +2831,10 @@ const na = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
   },
   emits: ["update:open", "fully-closed"],
   setup(e, { emit: t }) {
-    const r = t, s = e, o = Ke(), l = L(!1), h = L(!0), c = d(() => !!s.onSubmit), i = d(() => s.buttons || o.buttons), u = d(() => s.title || o.header), v = d({
+    const r = t, s = e, o = Ke(), l = V(!1), h = V(!0), c = f(() => !!s.onSubmit), i = f(() => s.buttons || o.buttons), u = f(() => s.title || o.header), v = f({
       get: () => s.open,
-      set: (S) => r("update:open", S)
-    }), b = d(() => {
+      set: (k) => r("update:open", k)
+    }), b = f(() => {
       switch (s.maxWidth) {
         case "sm":
           return 0;
@@ -2802,27 +2847,29 @@ const na = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
         default:
           return 1e4;
       }
-    }), y = d(() => {
-      const S = ["w-full", "sm:w-full sm:max-w-2xl"];
-      return b.value >= 1 && S.push("md:max-w-2xl"), b.value >= 2 && S.push("lg:max-w-4xl"), b.value >= 3 && S.push("xl:max-w-6xl"), b.value >= 4 && S.push("2xl:max-w-7xl"), S.join(" ");
+    }), y = f(() => {
+      const k = ["w-full", "sm:w-full sm:max-w-2xl"];
+      return b.value >= 1 && k.push("md:max-w-2xl"), b.value >= 2 && k.push("lg:max-w-4xl"), b.value >= 3 && k.push("xl:max-w-6xl"), b.value >= 4 && k.push("2xl:max-w-7xl"), k.join(" ");
     }), x = () => {
       s.preventCloseOnClickOutside || (v.value = !1);
-    }, f = ct((S) => {
-      const k = S.target, { scrollTop: C, offsetHeight: B, scrollHeight: F } = k;
-      l.value = C > 0, h.value = C + B >= F;
+    }, p = (k) => {
+      (s.onSubmit || Xe)(k);
+    }, O = ct((k) => {
+      const $ = k.target, { scrollTop: B, offsetHeight: j, scrollHeight: A } = $;
+      l.value = B > 0, h.value = B + j >= A;
     }, 60);
-    return (S, k) => (a(), O(n(vt), {
+    return (k, $) => (a(), L(n(vt), {
       as: "template",
       show: v.value
     }, {
       default: M(() => [
-        V(n(zs), {
+        z(n(zs), {
           as: "div",
           class: "relative z-40",
           onClose: x
         }, {
           default: M(() => [
-            V(n(rt), {
+            z(n(rt), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -2832,13 +2879,13 @@ const na = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
               "leave-to": "opacity-0"
             }, {
               default: M(() => [
-                na
+                ra
               ]),
               _: 1
             }),
-            m("div", aa, [
-              m("div", oa, [
-                V(n(rt), {
+            d("div", ia, [
+              d("div", ua, [
+                z(n(rt), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -2846,58 +2893,58 @@ const na = /* @__PURE__ */ m("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: k[3] || (k[3] = (C) => S.$emit("fully-closed"))
+                  onAfterLeave: $[2] || ($[2] = (B) => k.$emit("fully-closed"))
                 }, {
                   default: M(() => [
-                    V(n(Vs), {
+                    z(n(Vs), {
                       class: g([
                         "transform rounded-lg text-foreground overflow-hidden bg-foundation text-left shadow-xl transition-all flex flex-col max-h-[90vh]",
                         y.value
                       ]),
                       as: c.value ? "form" : "div",
-                      onSubmit: k[2] || (k[2] = pe((C) => e.onSubmit || n(Ze), ["prevent"]))
+                      onSubmit: pe(p, ["prevent"])
                     }, {
                       default: M(() => [
-                        m("div", {
+                        d("div", {
                           class: g(l.value && "relative z-20 shadow-lg")
                         }, [
-                          u.value ? (a(), p("div", ra, [
-                            m("div", ia, [
-                              D(z(e.title) + " ", 1),
-                              _(S.$slots, "header")
+                          u.value ? (a(), m("div", ca, [
+                            d("div", da, [
+                              D(S(e.title) + " ", 1),
+                              R(k.$slots, "header")
                             ])
                           ])) : I("", !0)
                         ], 2),
-                        e.hideCloser ? I("", !0) : (a(), p("button", {
+                        e.hideCloser ? I("", !0) : (a(), m("button", {
                           key: 0,
                           class: g(["absolute z-20 bg-foundation rounded-full p-1", u.value ? "top-2 right-3 sm:top-4" : "right-4 top-3"]),
-                          onClick: k[0] || (k[0] = (C) => v.value = !1)
+                          onClick: $[0] || ($[0] = (B) => v.value = !1)
                         }, [
-                          V(n(es), { class: "h-5 sm:h-6 w-5 sm:w-6" })
+                          z(n(es), { class: "h-5 sm:h-6 w-5 sm:w-6" })
                         ], 2)),
-                        m("div", {
+                        d("div", {
                           class: g(["flex-1 simple-scrollbar overflow-y-auto", u.value ? "p-3 sm:py-6 sm:px-8" : "p-6 pt-10 sm:p-10"]),
-                          onScroll: k[1] || (k[1] = //@ts-ignore
-                          (...C) => n(f) && n(f)(...C))
+                          onScroll: $[1] || ($[1] = //@ts-ignore
+                          (...B) => n(O) && n(O)(...B))
                         }, [
-                          _(S.$slots, "default", {}, () => [
+                          R(k.$slots, "default", {}, () => [
                             D("Put your content here!")
                           ])
                         ], 34),
-                        i.value ? (a(), p("div", {
+                        i.value ? (a(), m("div", {
                           key: 1,
                           class: g(["relative z-50 flex px-4 py-2 sm:py-4 sm:px-6 gap-2 shrink-0 bg-foundation", !h.value && "shadow-t"])
                         }, [
-                          e.buttons ? (a(!0), p(H, { key: 0 }, G(e.buttons, (C, B) => (a(), O(n(oe), ie({ key: B }, C.props, {
-                            disabled: C.disabled,
-                            type: C.submit && "submit",
-                            onClick: C.onClick
+                          e.buttons ? (a(!0), m(H, { key: 0 }, G(e.buttons, (B, j) => (a(), L(n(oe), ie({ key: j }, B.props, {
+                            disabled: B.disabled,
+                            type: B.submit && "submit",
+                            onClick: B.onClick
                           }), {
                             default: M(() => [
-                              D(z(C.text), 1)
+                              D(S(B.text), 1)
                             ]),
                             _: 2
-                          }, 1040, ["disabled", "type", "onClick"]))), 128)) : _(S.$slots, "buttons", { key: 1 })
+                          }, 1040, ["disabled", "type", "onClick"]))), 128)) : R(k.$slots, "buttons", { key: 1 })
                         ], 2)) : I("", !0)
                       ]),
                       _: 3
@@ -2914,7 +2961,7 @@ const na = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
       _: 3
     }, 8, ["show"]));
   }
-}), ua = { class: "h-4 sm:h-5 w-4 sm:w-5 empty:h-0 empty:w-0" }, qo = /* @__PURE__ */ P({
+}), fa = { class: "h-4 sm:h-5 w-4 sm:w-5 empty:h-0 empty:w-0" }, Zo = /* @__PURE__ */ P({
   __name: "DialogSection",
   props: {
     title: String,
@@ -2933,10 +2980,10 @@ const na = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
     }
   },
   setup(e) {
-    const t = e, r = L(null), s = L(0), o = L(!1), l = d(() => {
+    const t = e, r = V(null), s = V(0), o = V(!1), l = f(() => {
       const i = [];
       return !t.button && !t.alwaysOpen && i.push("cursor-pointer", "hover:bg-foundation"), o.value && i.push("bg-foundation"), i;
-    }), h = d(() => {
+    }), h = f(() => {
       switch (t.titleColor) {
         case "danger":
           return "text-danger";
@@ -2957,14 +3004,14 @@ const na = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
     };
     return (i, u) => {
       var v, b;
-      return a(), p("div", {
+      return a(), m("div", {
         class: g(["flex flex-col border-primary-muted", {
           "border-t": e.borderT,
           "border-b": e.borderB,
           "relative z-10": o.value
         }])
       }, [
-        m("div", ie({
+        d("div", ie({
           class: ["flex justify-between items-center gap-4 sm:gap-8 py-3 sm:py-4 px-2", l.value],
           tabindex: "0"
         }, at(
@@ -2974,20 +3021,20 @@ const na = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
           } : {},
           !0
         )), [
-          m("div", {
+          d("div", {
             class: g(["text-sm sm:text-base font-bold flex items-center gap-1 sm:gap-2 select-none", h.value])
           }, [
-            m("div", ua, [
-              _(i.$slots, "icon")
+            d("div", fa, [
+              R(i.$slots, "icon")
             ]),
-            m("span", null, z(e.title), 1)
+            d("span", null, S(e.title), 1)
           ], 2),
-          m("div", null, [
-            !e.button && !e.alwaysOpen ? (a(), O(n(ts), {
+          d("div", null, [
+            !e.button && !e.alwaysOpen ? (a(), L(n(ts), {
               key: 0,
               class: g(["w-4 h-4 sm:w-5 sm:h-5 transition-all duration-400", o.value && "rotate-180"])
             }, null, 8, ["class"])) : I("", !0),
-            e.button ? (a(), O(n(oe), ie({
+            e.button ? (a(), L(n(oe), ie({
               key: 1,
               size: "sm",
               to: e.button.expandContent ? void 0 : e.button.to,
@@ -2996,13 +3043,13 @@ const na = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
               onClick: (v = e.button) == null ? void 0 : v.onClick
             }, at((b = e.button) != null && b.expandContent ? { click: c } : {})), {
               default: M(() => [
-                D(z(e.button.expandContent && o.value ? "Cancel" : e.button.text), 1)
+                D(S(e.button.expandContent && o.value ? "Cancel" : e.button.text), 1)
               ]),
               _: 1
             }, 16, ["to", "color", "icon-right", "onClick"])) : I("", !0)
           ])
         ], 16),
-        m("div", {
+        d("div", {
           class: g(["transition-all duration-700 overflow-hidden", [
             e.allowOverflow && o.value ? "!overflow-visible" : "",
             o.value ? "mb-3 mt-1" : "",
@@ -3012,24 +3059,24 @@ const na = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
             e.alwaysOpen ? "max-height: none;" : `max-height: ${o.value ? s.value + "px" : "0px"}`
           )
         }, [
-          t.lazyLoad ? (a(), p(H, { key: 0 }, [
-            o.value || t.alwaysOpen ? (a(), p("div", {
+          t.lazyLoad ? (a(), m(H, { key: 0 }, [
+            o.value || t.alwaysOpen ? (a(), m("div", {
               key: 0,
               ref_key: "content",
               ref: r,
               class: "rounded-md text-sm pb-3 px-2 mt-1"
             }, [
-              _(i.$slots, "default", {}, () => [
+              R(i.$slots, "default", {}, () => [
                 D("Panel contents")
               ])
             ], 512)) : I("", !0)
-          ], 64)) : (a(), p("div", {
+          ], 64)) : (a(), m("div", {
             key: 1,
             ref_key: "content",
             ref: r,
             class: "rounded-md text-sm pb-3 px-2 mt-1"
           }, [
-            _(i.$slots, "default", {}, () => [
+            R(i.$slots, "default", {}, () => [
               D("Panel contents")
             ])
           ], 512))
@@ -3037,7 +3084,7 @@ const na = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
       ], 2);
     };
   }
-}), ca = { class: "inline-flex items-center space-x-2" }, da = { class: "label-light" }, Ho = /* @__PURE__ */ P({
+}), pa = { class: "inline-flex items-center space-x-2" }, ma = { class: "label-light" }, Xo = /* @__PURE__ */ P({
   __name: "Disclosure",
   props: {
     title: null,
@@ -3045,7 +3092,7 @@ const na = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
     color: { default: "default" }
   },
   setup(e) {
-    const t = e, r = d(() => {
+    const t = e, r = f(() => {
       const o = [
         "pr-3 h-10 w-full flex items-center justify-between border-l-2 px-2 rounded transition",
         "ring-1 font-medium"
@@ -3072,7 +3119,7 @@ const na = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
           break;
       }
       return o.join(" ");
-    }), s = d(() => {
+    }), s = f(() => {
       const o = ["p-3 border-x border-b rounded-b-md"];
       switch (t.color) {
         case "warning":
@@ -3091,32 +3138,32 @@ const na = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
       }
       return o.join(" ");
     });
-    return (o, l) => (a(), p("div", null, [
-      V(n(Ls), null, {
+    return (o, l) => (a(), m("div", null, [
+      z(n(Ls), null, {
         default: M(({ open: h }) => [
-          V(n(Os), {
+          z(n(Ms), {
             class: g(r.value)
           }, {
             default: M(() => [
-              m("div", ca, [
-                e.icon ? (a(), O(Q(e.icon), {
+              d("div", pa, [
+                e.icon ? (a(), L(Q(e.icon), {
                   key: 0,
                   class: "h-5 w-5"
                 })) : I("", !0),
-                m("span", null, z(e.title), 1)
+                d("span", null, S(e.title), 1)
               ]),
-              V(n(ft), {
+              z(n(ft), {
                 class: g([h ? "" : "rotate-180 transform", "h-5 w-5"])
               }, null, 8, ["class"])
             ]),
             _: 2
           }, 1032, ["class"]),
-          V(n(Ms), {
+          z(n(Os), {
             class: g(s.value)
           }, {
             default: M(() => [
-              m("div", da, [
-                _(o.$slots, "default", {}, () => [
+              d("div", ma, [
+                R(o.$slots, "default", {}, () => [
                   D("Panel contents")
                 ])
               ])
@@ -3130,16 +3177,16 @@ const na = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
   }
 });
 var ge = /* @__PURE__ */ ((e) => (e.Grid = "grid", e.List = "list", e))(ge || {});
-const fa = { class: "relative flex bg-primary-muted rounded-md" }, pa = /* @__PURE__ */ m("div", { class: "w-7 h-7 bg-foundation dark:bg-foundation-2 transition rounded shadow" }, null, -1), ma = [
-  pa
-], ha = { class: "relative z-10 flex gap-1 items-center p-1 rounded-l" }, va = { class: "relative z-10 flex gap-1 items-center p-1 rounded-r" }, Ko = /* @__PURE__ */ P({
+const ha = { class: "relative flex bg-primary-muted rounded-md" }, va = /* @__PURE__ */ d("div", { class: "w-7 h-7 bg-foundation dark:bg-foundation-2 transition rounded shadow" }, null, -1), ga = [
+  va
+], ba = { class: "relative z-10 flex gap-1 items-center p-1 rounded-l" }, ya = { class: "relative z-10 flex gap-1 items-center p-1 rounded-r" }, No = /* @__PURE__ */ P({
   __name: "GridListToggle",
   props: {
     modelValue: null
   },
   emits: ["click", "update:modelValue"],
   setup(e, { emit: t }) {
-    const r = t, s = e, o = d({
+    const r = t, s = e, o = f({
       get: () => s.modelValue || ge.Grid,
       set: (h) => r("update:modelValue", h)
     }), l = (h) => {
@@ -3149,61 +3196,61 @@ const fa = { class: "relative flex bg-primary-muted rounded-md" }, pa = /* @__PU
     };
     return (h, c) => {
       const i = jt("tippy");
-      return a(), p("button", {
+      return a(), m("button", {
         class: "max-w-max transition flex justify-center items-center gap-2 outline-none select-none h-8 text-foreground border-2 border-primary-muted dark:border-foundation bg-primary-muted rounded-md active:scale-[0.97] grow",
         onClick: l
       }, [
-        m("div", fa, [
-          m("div", {
+        d("div", ha, [
+          d("div", {
             class: g(["absolute transition", {
-              "translate-x-7": o.value !== n(ge).Grid
+              "translate-x-7": o.value !== n(ge).List
             }])
-          }, ma, 2),
-          ue((a(), p("div", ha, [
-            V(n(Ht), { class: "h-5 w-5" })
+          }, ga, 2),
+          ue((a(), m("div", ba, [
+            z(n(Ht), { class: "h-5 w-5" })
           ])), [
-            [i, "Grid View"]
+            [i, "List View"]
           ]),
-          ue((a(), p("div", va, [
-            V(n(Kt), { class: "h-5 w-5" })
+          ue((a(), m("div", ya, [
+            z(n(Kt), { class: "h-5 w-5" })
           ])), [
-            [i, "List View"]
+            [i, "Grid View"]
           ])
         ])
       ]);
     };
   }
 });
-var ga = /* @__PURE__ */ ((e) => (e[e.Throttle = 0] = "Throttle", e[e.Debounce = 1] = "Debounce", e))(ga || {}), Ee = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e))(Ee || {});
-function ba(e, t) {
-  if (!Oe)
+var xa = /* @__PURE__ */ ((e) => (e[e.Throttle = 0] = "Throttle", e[e.Debounce = 1] = "Debounce", e))(xa || {}), Ee = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e))(Ee || {});
+function ka(e, t) {
+  if (!Me)
     return;
   const {
     wait: r = 100,
     throttleOrDebounce: s = 0
     /* Throttle */
-  } = t || {}, o = r ? s === 0 ? ct(e, r) : Xe(e, r) : e;
-  ee(() => window.addEventListener("resize", o)), qe(() => window.removeEventListener("resize", o));
+  } = t || {}, o = r ? s === 0 ? ct(e, r) : Ze(e, r) : e;
+  ee(() => window.addEventListener("resize", o)), We(() => window.removeEventListener("resize", o));
 }
-function Go(e) {
+function Qo(e) {
   ee(() => {
     window.addEventListener("beforeunload", e);
-  }), qe(() => {
+  }), We(() => {
     window.removeEventListener("beforeunload", e);
   });
 }
-function ya(e) {
-  const { el: t, defaultDirection: r } = e, s = L(
+function wa(e) {
+  const { el: t, defaultDirection: r } = e, s = V(
     be(r) ? 1 : r
     /* Right */
-  ), o = d(() => {
+  ), o = f(() => {
     const h = n(e.stopUpdatesBelowWidth);
     if (!be(h))
       return h;
     const c = n(t);
     return c != null && c.offsetWidth ? c.offsetWidth * 2 : void 0;
   }), l = () => {
-    if (!Oe)
+    if (!Me)
       return;
     const h = n(t);
     if (!h)
@@ -3211,17 +3258,17 @@ function ya(e) {
     const c = h.getBoundingClientRect(), i = c.x + c.width > window.innerWidth, u = c.x < 0;
     i && u || !be(o.value) && window.innerWidth < o.value || (i ? s.value = 0 : u && (s.value = 1));
   };
-  return ba(() => l()), ce(
+  return ka(() => l()), ce(
     () => n(t),
     (h) => {
       h && l();
     }
   ), {
-    direction: d(() => s.value),
+    direction: f(() => s.value),
     recalculateDirection: l
   };
 }
-const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
+const Ca = ["disabled", "onClick"], Jo = /* @__PURE__ */ P({
   __name: "Menu",
   props: {
     open: { type: Boolean },
@@ -3230,58 +3277,58 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
   },
   emits: ["update:open", "chosen"],
   setup(e, { emit: t }) {
-    const r = t, s = e, o = L(null), { direction: l } = ya({
-      el: d(() => {
+    const r = t, s = e, o = V(null), { direction: l } = wa({
+      el: f(() => {
         var x;
         return ((x = o.value) == null ? void 0 : x.el) || null;
       }),
       defaultDirection: Ee.Left,
       stopUpdatesBelowWidth: 300
-    }), h = L(null), c = L(!1), i = d({
+    }), h = V(null), c = V(!1), i = f({
       get: () => s.open || !1,
       set: (x) => r("update:open", x)
     }), u = (x) => {
-      const { active: f, disabled: S, color: k } = x, C = [
+      const { active: p, disabled: O, color: k } = x, $ = [
         "group flex gap-3 w-full items-center rounded-md px-2 py-1.5 text-sm"
       ];
-      return f && !k ? C.push("bg-foundation-focus text-foreground") : S ? C.push("text-foreground-disabled") : k === "danger" && f ? C.push("text-foreground-on-primary bg-danger") : k === "danger" && !f ? C.push("text-danger") : k === "info" && f ? C.push("text-foreground-on-primary bg-info") : k === "info" && !f ? C.push("text-info") : C.push("text-foreground"), C.join(" ");
-    }, v = (x, f) => {
-      r("chosen", { item: x, event: f });
+      return p && !k ? $.push("bg-foundation-focus text-foreground") : O ? $.push("text-foreground-disabled") : k === "danger" && p ? $.push("text-foreground-on-primary bg-danger") : k === "danger" && !p ? $.push("text-danger") : k === "info" && p ? $.push("text-foreground-on-primary bg-info") : k === "info" && !p ? $.push("text-info") : $.push("text-foreground"), $.join(" ");
+    }, v = (x, p) => {
+      r("chosen", { item: x, event: p });
     }, b = () => {
       var x;
       return (x = h.value) == null ? void 0 : x.el.click();
     }, y = (x) => {
-      const f = !!x;
-      return c.value = f, f;
+      const p = !!x;
+      return c.value = p, p;
     };
-    return ce(c, (x, f) => {
-      x !== f && (i.value = x);
+    return ce(c, (x, p) => {
+      x !== p && (i.value = x);
     }), ce(i, (x) => {
       (x && !c.value || !x && c.value) && b();
-    }), (x, f) => (a(), O(n(As), {
+    }), (x, p) => (a(), L(n(As), {
       as: "div",
       class: "relative inline-block"
     }, {
-      default: M(({ open: S }) => [
-        m("div", null, [
-          V(n(Ps), {
+      default: M(({ open: O }) => [
+        d("div", null, [
+          z(n(Ps), {
             id: e.menuId,
             ref_key: "menuButton",
             ref: h,
             class: "hidden",
-            onClick: f[0] || (f[0] = pe(() => {
+            onClick: p[0] || (p[0] = pe(() => {
             }, ["stop", "prevent"]))
           }, null, 8, ["id"]),
-          m("div", {
-            class: g(S ? "pointer-events-none" : "")
+          d("div", {
+            class: g(O ? "pointer-events-none" : "")
           }, [
-            _(x.$slots, "default", {
+            R(x.$slots, "default", {
               toggle: b,
-              open: y(S)
+              open: y(O)
             })
           ], 2)
         ]),
-        V(We, {
+        z(qe, {
           "enter-active-class": "transition duration-100 ease-out",
           "enter-from-class": "transform scale-95 opacity-0",
           "enter-to-class": "transform scale-100 opacity-100",
@@ -3290,7 +3337,7 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
           "leave-to-class": "transform scale-95 opacity-0"
         }, {
           default: M(() => [
-            V(n(js), {
+            z(n(js), {
               ref_key: "menuItems",
               ref: o,
               class: g([
@@ -3299,30 +3346,30 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
               ])
             }, {
               default: M(() => [
-                (a(!0), p(H, null, G(e.items, (k, C) => (a(), p("div", {
-                  key: C,
+                (a(!0), m(H, null, G(e.items, (k, $) => (a(), m("div", {
+                  key: $,
                   class: "p-1"
                 }, [
-                  (a(!0), p(H, null, G(k, (B) => (a(), O(n(Ts), {
+                  (a(!0), m(H, null, G(k, (B) => (a(), L(n(Ts), {
                     key: B.id,
                     disabled: B.disabled,
                     color: B.color
                   }, {
-                    default: M(({ active: F, disabled: A }) => [
-                      ue((a(), p("span", null, [
-                        m("button", {
-                          class: g(u({ active: F, disabled: A, color: B.color })),
+                    default: M(({ active: j, disabled: A }) => [
+                      ue((a(), m("span", null, [
+                        d("button", {
+                          class: g(u({ active: j, disabled: A, color: B.color })),
                           disabled: A,
                           onClick: (w) => v(B, w)
                         }, [
-                          B.icon ? (a(), O(Q(B.icon), {
+                          B.icon ? (a(), L(Q(B.icon), {
                             key: 0,
                             class: "h-5 w-5"
                           })) : I("", !0),
-                          _(x.$slots, "item", { item: B }, () => [
-                            D(z(B.title), 1)
+                          R(x.$slots, "item", { item: B }, () => [
+                            D(S(B.title), 1)
                           ])
-                        ], 10, xa)
+                        ], 10, Ca)
                       ])), [
                         [n(gt), B.disabled && B.disabledTooltip]
                       ])
@@ -3340,38 +3387,38 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
       _: 3
     }));
   }
-}), ka = { class: "flex flex-col gap-y-0 sm:gap-y-4" }, wa = { class: "flex gap-x-6" }, Zo = /* @__PURE__ */ P({
+}), $a = { class: "flex flex-col gap-y-0 sm:gap-y-4" }, Ia = { class: "flex gap-x-6" }, Yo = /* @__PURE__ */ P({
   __name: "Tabs",
   props: {
     items: null
   },
   setup(e) {
-    const t = e, r = L(null), s = d(() => r.value && t.items.find((l) => l.id === r.value) || t.items[0]), o = (l) => {
+    const t = e, r = V(null), s = f(() => r.value && t.items.find((l) => l.id === r.value) || t.items[0]), o = (l) => {
       r.value = l.id;
     };
-    return (l, h) => (a(), p("div", ka, [
-      m("div", wa, [
-        (a(!0), p(H, null, G(e.items, (c) => (a(), O(oe, {
+    return (l, h) => (a(), m("div", $a, [
+      d("div", Ia, [
+        (a(!0), m(H, null, G(e.items, (c) => (a(), L(oe, {
           key: c.id,
           link: "",
           color: s.value.id === c.id ? "default" : "secondary",
           onClick: (i) => o(c)
         }, {
           default: M(() => [
-            D(z(c.title), 1)
+            D(S(c.title), 1)
           ]),
           _: 2
         }, 1032, ["color", "onClick"]))), 128))
       ]),
-      _(l.$slots, "default", { activeItem: s.value })
+      R(l.$slots, "default", { activeItem: s.value })
     ]));
   }
-}), Ca = /* @__PURE__ */ m("div", { class: "hidden lg:block absolute bottom-0 left-0 h-px w-full bg-outline-3" }, null, -1), $a = ["data-tab-id", "onClick"], Ia = { class: "min-w-6" }, Sa = {
+}), Ba = /* @__PURE__ */ d("div", { class: "hidden lg:block absolute bottom-0 left-0 h-px w-full bg-outline-3" }, null, -1), Sa = ["data-tab-id", "onClick"], za = { class: "min-w-6" }, Va = {
   key: 2,
   class: "text-[10px] leading-tight py-0.5 text-foreground-on-primary font-medium px-1.5 rounded-full bg-gradient-to-tr from-[#7025EB] to-primary select-none mt-0.5"
-}, No = /* @__PURE__ */ P({
+}, er = /* @__PURE__ */ P({
   __name: "PageTabs",
-  props: /* @__PURE__ */ Be({
+  props: /* @__PURE__ */ Se({
     items: null,
     vertical: { type: Boolean },
     title: null
@@ -3381,14 +3428,14 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
   }),
   emits: ["update:activeItem"],
   setup(e) {
-    const t = e, r = Ge(e, "activeItem"), s = L(null), o = d(() => {
+    const t = e, r = Ge(e, "activeItem"), s = V(null), o = f(() => {
       var v;
       const c = (v = r.value) == null ? void 0 : v.id;
       if (!c)
         return null;
       const i = s.value;
       return i && [...i.getElementsByClassName("tab-button")].find((b) => b.dataset.tabId === c) || null;
-    }), l = d(() => {
+    }), l = f(() => {
       const c = o.value;
       return {
         left: `${(c == null ? void 0 : c.offsetLeft) || 0}px`,
@@ -3397,30 +3444,30 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
     }), h = (c) => {
       r.value = c;
     };
-    return Oe && (ee(() => {
+    return Me && (ee(() => {
       t.items.length && !r.value && h(t.items[0]);
     }), ce(
       () => [t.items, r.value],
       ([c, i]) => {
         c.length && !i && h(c[0]);
       }
-    )), (c, i) => (a(), p("div", {
+    )), (c, i) => (a(), m("div", {
       class: g(["relative z-10 flex gap-4", e.vertical ? "sm:gap-8 flex-col sm:flex-row" : "sm:gap-10 flex-col"])
     }, [
-      m("div", {
+      d("div", {
         class: g([
           "relative flex sm:justify-between overflow-x-auto",
           e.vertical ? "items-center sm:items-start sm:flex-col sm:w-2/12 border-r border-outline gap-4 pl-4" : "border-b border-outline-3 lg:border-none gap-8 w-full"
         ])
       }, [
-        e.vertical ? I("", !0) : (a(), p(H, { key: 0 }, [
-          Ca,
-          m("div", {
+        e.vertical ? I("", !0) : (a(), m(H, { key: 0 }, [
+          Ba,
+          d("div", {
             style: Y(l.value),
             class: "h-[2px] absolute bottom-0 z-20 bg-primary transition-all duration-300"
           }, null, 4)
         ], 64)),
-        m("div", {
+        d("div", {
           ref_key: "buttonContainer",
           ref: s,
           class: g([
@@ -3428,13 +3475,13 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
             e.vertical ? "flex-wrap sm:flex-nowrap flex-row sm:flex-col gap-4" : "gap-6"
           ])
         }, [
-          e.title ? (a(), p("h1", {
+          e.title ? (a(), m("h1", {
             key: 0,
             class: g(["font-bold h4", e.vertical ? "w-full sm:w-auto -ml-4 mb-4" : "mb-2"])
-          }, z(e.title), 3)) : I("", !0),
-          (a(!0), p(H, null, G(e.items, (u) => {
+          }, S(e.title), 3)) : I("", !0),
+          (a(!0), m(H, null, G(e.items, (u) => {
             var v, b;
-            return a(), p("button", {
+            return a(), m("button", {
               key: u.id,
               "data-tab-id": u.id,
               class: g(["tab-button relative z-10 flex items-center gap-1.5 pb-2 border-b-[2px] border-transparent text-base max-w-max px-2", [
@@ -3443,33 +3490,33 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
               ]]),
               onClick: (y) => h(u)
             }, [
-              u.icon ? (a(), O(Q(u.icon), {
+              u.icon ? (a(), L(Q(u.icon), {
                 key: 0,
                 class: "shrink-0 h-4 w-4 stroke-[2px]"
               })) : I("", !0),
-              m("span", Ia, z(u.title), 1),
-              u.count ? (a(), p("div", {
+              d("span", za, S(u.title), 1),
+              u.count ? (a(), m("div", {
                 key: 1,
                 class: g([
                   "rounded-full px-2 text-[11px] transition-all min-w-6",
                   ((b = r.value) == null ? void 0 : b.id) === u.id ? "text-primary bg-blue-100" : "text-foreground-2 bg-gray-200 dark:bg-foundation"
                 ])
               }, [
-                m("span", null, z(u.count), 1)
+                d("span", null, S(u.count), 1)
               ], 2)) : I("", !0),
-              u.tag ? (a(), p("div", Sa, z(u.tag), 1)) : I("", !0)
-            ], 10, $a);
+              u.tag ? (a(), m("div", Va, S(u.tag), 1)) : I("", !0)
+            ], 10, Sa);
           }), 128))
         ], 2)
       ], 2),
-      m("div", {
+      d("div", {
         class: g(e.vertical ? "sm:w-10/12" : "")
       }, [
-        _(c.$slots, "default", { activeItem: r.value })
+        R(c.$slots, "default", { activeItem: r.value })
       ], 2)
     ], 2));
   }
-}), Ba = { class: "text-foreground" }, za = { class: "w-full text-sm overflow-x-auto overflow-y-visible simple-scrollbar" }, Va = ["onClick", "onKeypress"], La = /* @__PURE__ */ m("div", { class: "text-gray-900 font-medium order-1" }, "Placeholder", -1), Oa = { class: "absolute right-1.5 gap-1 flex items-center p-0 h-full" }, Qo = /* @__PURE__ */ P({
+}), La = { class: "text-foreground" }, Ma = { class: "w-full text-sm overflow-x-auto overflow-y-visible simple-scrollbar" }, Oa = ["onClick", "onKeypress"], Aa = /* @__PURE__ */ d("div", { class: "text-gray-900 font-medium order-1" }, "Placeholder", -1), Pa = { class: "absolute right-1.5 gap-1 flex items-center p-0 h-full" }, tr = /* @__PURE__ */ P({
   __name: "Table",
   props: {
     items: null,
@@ -3480,11 +3527,11 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
     rowItemsAlign: { default: "center" }
   },
   setup(e) {
-    const t = e, r = d(() => {
+    const t = e, r = f(() => {
       const c = (t.buttons || []).length;
       let i = 16;
       return c > 0 && (i = 48 + (c - 1) * 42), `${i}px`;
-    }), s = d(() => {
+    }), s = f(() => {
       const c = [
         "relative grid grid-cols-12 items-center gap-6 px-4 py-1 min-w-[900px] bg-foundation"
       ];
@@ -3507,22 +3554,22 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
       var i;
       (i = t.onRowClick) == null || i.call(t, c);
     };
-    return (c, i) => (a(), p("div", Ba, [
-      m("div", za, [
-        e.items.length > 0 ? (a(), p("div", {
+    return (c, i) => (a(), m("div", La, [
+      d("div", Ma, [
+        e.items.length > 0 ? (a(), m("div", {
           key: 0,
           class: "grid z-10 grid-cols-12 items-center gap-6 font-semibold bg-foundation rounded-t-lg w-full border-b border-outline-3 pb-2 pt-4 px-4 min-w-[900px]",
           style: Y({ paddingRight: r.value })
         }, [
-          (a(!0), p(H, null, G(e.columns, (u) => (a(), p("div", {
+          (a(!0), m(H, null, G(e.columns, (u) => (a(), m("div", {
             key: u.id,
             class: g([o(u.id), "capitalize"])
-          }, z(u.header), 3))), 128))
+          }, S(u.header), 3))), 128))
         ], 4)) : I("", !0),
-        m("div", {
+        d("div", {
           class: g(["divide-y divide-outline-3 h-full overflow-visible", { "pb-32": e.overflowCells }])
         }, [
-          (a(!0), p(H, null, G(e.items, (u) => (a(), p("div", {
+          (a(!0), m(H, null, G(e.items, (u) => (a(), m("div", {
             key: u.id,
             style: Y({ paddingRight: r.value }),
             class: g(s.value),
@@ -3530,20 +3577,20 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
             onClick: (v) => h(u),
             onKeypress: (v) => h(u)
           }, [
-            (a(!0), p(H, null, G(e.columns, (v, b) => (a(), p("div", {
+            (a(!0), m(H, null, G(e.columns, (v, b) => (a(), m("div", {
               key: v.id,
               class: g(l(v.id, b)),
               tabindex: "0"
             }, [
-              _(c.$slots, v.id, { item: u }, () => [
-                La
+              R(c.$slots, v.id, { item: u }, () => [
+                Aa
               ])
             ], 2))), 128)),
-            m("div", Oa, [
-              (a(!0), p(H, null, G(e.buttons, (v) => (a(), p("div", {
+            d("div", Pa, [
+              (a(!0), m(H, null, G(e.buttons, (v) => (a(), m("div", {
                 key: v.label
               }, [
-                V(n(oe), {
+                z(n(oe), {
                   "icon-left": v.icon,
                   size: "sm",
                   color: "secondary",
@@ -3551,16 +3598,16 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
                   class: g(v.class),
                   "text-color": v.textColor,
                   to: n(ye)(v.action) ? v.action : void 0,
-                  onClick: pe((b) => n(ye)(v.action) ? n(Ze) : v.action(u), ["stop"])
+                  onClick: pe((b) => n(ye)(v.action) ? n(Xe) : v.action(u), ["stop"])
                 }, null, 8, ["icon-left", "class", "text-color", "to", "onClick"])
               ]))), 128))
             ])
-          ], 46, Va))), 128))
+          ], 46, Oa))), 128))
         ], 2)
       ])
     ]));
   }
-}), Ma = /* @__PURE__ */ m("div", { class: "h-8" }, null, -1), Aa = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, Pa = { class: "inline-flex items-center space-x-1" }, ja = /* @__PURE__ */ m("span", { class: "text-foreground-2" }, "An error occurred while loading", -1), Jo = /* @__PURE__ */ P({
+}), ja = /* @__PURE__ */ d("div", { class: "h-8" }, null, -1), Ta = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, _a = { class: "inline-flex items-center space-x-1" }, Fa = /* @__PURE__ */ d("span", { class: "text-foreground-2" }, "An error occurred while loading", -1), sr = /* @__PURE__ */ P({
   __name: "InfiniteLoading",
   props: {
     settings: null,
@@ -3568,35 +3615,35 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
   },
   emits: ["infinite"],
   setup(e) {
-    const t = L(null), r = L(!1);
-    return Oe && ee(() => {
+    const t = V(null), r = V(!1);
+    return Me && ee(() => {
       const s = setInterval(() => {
         var o;
         (o = t.value) != null && o.isConnected && (r.value = !0, clearInterval(s));
       }, 200);
-    }), (s, o) => (a(), p("div", {
+    }), (s, o) => (a(), m("div", {
       ref_key: "wrapper",
       ref: t
     }, [
-      r.value ? (a(), O(n(Ds), ie({ key: 0 }, s.$props.settings || {}, {
+      r.value ? (a(), L(n(Ds), ie({ key: 0 }, s.$props.settings || {}, {
         onInfinite: o[0] || (o[0] = (l) => s.$emit("infinite", l))
       }), {
         spinner: M(() => [
-          V(et, {
+          z(et, {
             loading: !0,
             class: "my-2"
           })
         ]),
         complete: M(() => [
-          Ma
+          ja
         ]),
         error: M(({ retry: l }) => [
-          m("div", Aa, [
-            m("div", Pa, [
-              V(n(ss), { class: "w-5 h-5 text-danger" }),
-              ja
+          d("div", Ta, [
+            d("div", _a, [
+              z(n(ss), { class: "w-5 h-5 text-danger" }),
+              Fa
             ]),
-            e.allowRetry ? (a(), O(oe, {
+            e.allowRetry ? (a(), L(oe, {
               key: 0,
               onClick: l
             }, {
@@ -3611,10 +3658,10 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
       }, 16)) : I("", !0)
     ], 512));
   }
-}), Ta = { class: "relative group" }, Fa = {
+}), Ra = { class: "relative group" }, Da = {
   key: 0,
   class: "absolute -inset-1 bg-blue-300 dark:bg-blue-500 opacity-5 dark:opacity-0 rounded-md blur-sm group-hover:opacity-60 dark:group-hover:opacity-30 transition duration-500"
-}, Yo = /* @__PURE__ */ P({
+}, lr = /* @__PURE__ */ P({
   __name: "Panel",
   props: {
     /**
@@ -3652,17 +3699,17 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
   },
   emits: ["submit"],
   setup(e, { emit: t }) {
-    const r = t, s = e, o = d(
+    const r = t, s = e, o = f(
       () => s.customPadding ? "" : "px-4 py-4 sm:px-6"
-    ), l = d(
+    ), l = f(
       () => s.customPadding ? "" : "px-4 py-4 sm:p-6"
-    ), h = d(() => {
+    ), h = f(() => {
       const c = ["rounded-lg"];
       return s.noShadow || c.push("shadow"), s.ring && c.push("ring-outline-2 hover:ring-2"), s.panelClasses && c.push(s.panelClasses), c.join(" ");
     });
-    return (c, i) => (a(), p("div", Ta, [
-      e.fancyGlow ? (a(), p("div", Fa)) : I("", !0),
-      (a(), O(Q(e.form ? "form" : "div"), {
+    return (c, i) => (a(), m("div", Ra, [
+      e.fancyGlow ? (a(), m("div", Da)) : I("", !0),
+      (a(), L(Q(e.form ? "form" : "div"), {
         class: g([
           "relative divide-outline-3 bg-foundation text-foreground flex flex-col divide-y overflow-hidden",
           h.value
@@ -3670,29 +3717,29 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
         onSubmit: i[0] || (i[0] = (u) => r("submit", u))
       }, {
         default: M(() => [
-          c.$slots.header ? (a(), p("div", {
+          c.$slots.header ? (a(), m("div", {
             key: 0,
             class: g(o.value)
           }, [
-            _(c.$slots, "header")
+            R(c.$slots, "header")
           ], 2)) : I("", !0),
-          m("div", {
+          d("div", {
             class: g(["grow", l.value])
           }, [
-            _(c.$slots, "default")
+            R(c.$slots, "default")
           ], 2),
-          c.$slots.footer ? (a(), p("div", {
+          c.$slots.footer ? (a(), m("div", {
             key: 1,
             class: g(o.value)
           }, [
-            _(c.$slots, "footer")
+            R(c.$slots, "footer")
           ], 2)) : I("", !0)
         ]),
         _: 3
       }, 40, ["class"]))
     ]));
   }
-}), Ra = { class: "flex-shrink-0" }, _a = /* @__PURE__ */ m("span", { class: "sr-only" }, "Dismiss", -1), er = /* @__PURE__ */ P({
+}), Ea = { class: "flex-shrink-0" }, Ua = /* @__PURE__ */ d("span", { class: "sr-only" }, "Dismiss", -1), nr = /* @__PURE__ */ P({
   __name: "Alert",
   props: {
     color: { default: "success" },
@@ -3703,7 +3750,7 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
   },
   emits: ["dismiss"],
   setup(e) {
-    const t = e, r = Ke(), s = d(() => !!r.description), o = d(() => {
+    const t = e, r = Ke(), s = f(() => !!r.description), o = f(() => {
       if (t.customIcon)
         return t.customIcon;
       switch (t.color) {
@@ -3717,147 +3764,147 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
         default:
           return ht;
       }
-    }), l = d(() => {
-      const f = [];
+    }), l = f(() => {
+      const p = [];
       switch (t.size) {
         case "xs":
-          f.push("p-1");
+          p.push("p-1");
           break;
         case "default":
         default:
-          f.push(s.value ? "p-3 sm:p-4" : "p-2");
+          p.push(s.value ? "p-3 sm:p-4" : "p-2");
           break;
       }
       switch (t.color) {
         case "success":
-          f.push("bg-success-lighter border-l-4 border-success");
+          p.push("bg-success-lighter border-l-4 border-success");
           break;
         case "info":
-          f.push("bg-info-lighter border-l-4 border-info");
+          p.push("bg-info-lighter border-l-4 border-info");
           break;
         case "danger":
-          f.push("bg-danger-lighter border-l-4 border-danger");
+          p.push("bg-danger-lighter border-l-4 border-danger");
           break;
         case "warning":
-          f.push("bg-warning-lighter border-l-4 border-warning");
+          p.push("bg-warning-lighter border-l-4 border-warning");
           break;
       }
-      return f.join(" ");
-    }), h = d(() => {
-      const f = [];
+      return p.join(" ");
+    }), h = f(() => {
+      const p = [];
       if (s.value)
-        f.push("");
+        p.push("");
       else
-        switch (f.push("items-center"), t.size) {
+        switch (p.push("items-center"), t.size) {
           case "xs":
-            f.push("space-x-1");
+            p.push("space-x-1");
             break;
           case "default":
           default:
-            f.push("space-x-2");
+            p.push("space-x-2");
             break;
         }
-      return f.join(" ");
-    }), c = d(() => {
-      const f = ["grow"];
-      switch (s.value || f.push("flex items-center space-x-2"), t.size) {
+      return p.join(" ");
+    }), c = f(() => {
+      const p = ["grow"];
+      switch (s.value || p.push("flex items-center space-x-2"), t.size) {
         case "xs":
-          f.push("ml-1");
+          p.push("ml-1");
           break;
         case "default":
         default:
-          f.push("ml-3");
+          p.push("ml-3");
           break;
       }
-      return f.join(" ");
-    }), i = d(() => {
-      const f = [];
+      return p.join(" ");
+    }), i = f(() => {
+      const p = [];
       switch (t.size) {
         case "xs":
-          f.push("text-xs");
+          p.push("text-xs");
           break;
         case "default":
         default:
-          f.push("mt-1 sm:mt-2 text-xs sm:text-sm");
+          p.push("mt-1 sm:mt-2 text-xs sm:text-sm");
           break;
       }
-      return f.join(" ");
-    }), u = d(() => {
+      return p.join(" ");
+    }), u = f(() => {
       var k;
-      const f = ["flex"];
-      s.value || f.push("grow justify-end");
-      const S = s.value && ((k = t.actions) == null ? void 0 : k.length);
+      const p = ["flex"];
+      s.value || p.push("grow justify-end");
+      const O = s.value && ((k = t.actions) == null ? void 0 : k.length);
       switch (t.size) {
         case "xs":
-          f.push("space-x-1"), S && f.push("mt-1");
+          p.push("space-x-1"), O && p.push("mt-1");
           break;
         case "default":
         default:
-          f.push("space-x-2"), S && f.push("mt-4");
+          p.push("space-x-2"), O && p.push("mt-4");
           break;
       }
-      return f.join(" ");
-    }), v = d(() => {
-      const f = [];
+      return p.join(" ");
+    }), v = f(() => {
+      const p = [];
       switch (t.color) {
         case "success":
-          f.push("text-success-darker");
+          p.push("text-success-darker");
           break;
         case "info":
-          f.push("text-info-darker");
+          p.push("text-info-darker");
           break;
         case "danger":
-          f.push("text-danger-darker");
+          p.push("text-danger-darker");
           break;
         case "warning":
-          f.push("text-warning-darker");
+          p.push("text-warning-darker");
           break;
       }
-      return f.join(" ");
-    }), b = d(() => {
-      const f = [];
+      return p.join(" ");
+    }), b = f(() => {
+      const p = [];
       switch (t.size) {
         case "xs":
-          f.push("h-4 w-4"), f.push(s.value ? "mt-0.5" : "");
+          p.push("h-4 w-4"), p.push(s.value ? "mt-0.5" : "");
           break;
         case "default":
         default:
-          f.push("h-5 w-5");
+          p.push("h-5 w-5");
           break;
       }
       switch (t.color) {
         case "success":
-          f.push("text-success");
+          p.push("text-success");
           break;
         case "info":
-          f.push("text-info");
+          p.push("text-info");
           break;
         case "danger":
-          f.push("text-danger");
+          p.push("text-danger");
           break;
         case "warning":
-          f.push("text-warning");
+          p.push("text-warning");
           break;
       }
-      return f.join(" ");
-    }), y = d(() => {
-      const f = [];
+      return p.join(" ");
+    }), y = f(() => {
+      const p = [];
       switch (t.color) {
         case "success":
-          f.push("bg-success-lighter ring-success");
+          p.push("bg-success-lighter ring-success");
           break;
         case "info":
-          f.push("bg-info-lighter ring-info");
+          p.push("bg-info-lighter ring-info");
           break;
         case "danger":
-          f.push("bg-danger-lighter ring-danger");
+          p.push("bg-danger-lighter ring-danger");
           break;
         case "warning":
-          f.push("bg-warning-lighter ring-warning");
+          p.push("bg-warning-lighter ring-warning");
           break;
       }
-      return f.join(" ");
-    }), x = d(() => {
+      return p.join(" ");
+    }), x = f(() => {
       switch (t.size) {
         case "xs":
           return "xs";
@@ -3866,65 +3913,65 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
           return "sm";
       }
     });
-    return (f, S) => (a(), p("div", {
+    return (p, O) => (a(), m("div", {
       class: g(["rounded-md", [l.value, v.value]])
     }, [
-      m("div", {
+      d("div", {
         class: g(["flex", h.value])
       }, [
-        m("div", Ra, [
-          (a(), O(Q(o.value), {
+        d("div", Ea, [
+          (a(), L(Q(o.value), {
             class: g(b.value),
             "aria-hidden": "true"
           }, null, 8, ["class"]))
         ]),
-        m("div", {
+        d("div", {
           class: g(c.value)
         }, [
-          m("h3", {
+          d("h3", {
             class: g(["text-sm", [s.value ? "font-medium" : ""]])
           }, [
-            _(f.$slots, "title", {}, () => [
+            R(p.$slots, "title", {}, () => [
               D("Title")
             ])
           ], 2),
-          s.value ? (a(), p("div", {
+          s.value ? (a(), m("div", {
             key: 0,
             class: g(i.value)
           }, [
-            _(f.$slots, "description", {}, () => [
+            R(p.$slots, "description", {}, () => [
               D(" Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum similique veniam. ")
             ])
           ], 2)) : I("", !0),
-          m("div", {
+          d("div", {
             class: g(u.value)
           }, [
-            (a(!0), p(H, null, G(e.actions || [], (k, C) => (a(), O(oe, {
-              key: C,
+            (a(!0), m(H, null, G(e.actions || [], (k, $) => (a(), L(oe, {
+              key: $,
               color: e.color,
               size: x.value,
               to: k.url,
               external: k.externalUrl || !1,
-              onClick: (B) => k.onClick || n(Ze)
+              onClick: (B) => k.onClick || n(Xe)
             }, {
               default: M(() => [
-                D(z(k.title), 1)
+                D(S(k.title), 1)
               ]),
               _: 2
             }, 1032, ["color", "size", "to", "external", "onClick"]))), 128))
           ], 2)
         ], 2),
-        e.withDismiss ? (a(), p("div", {
+        e.withDismiss ? (a(), m("div", {
           key: 0,
           class: g(["flex", [s.value ? "items-start" : "items-center"]])
         }, [
-          m("button", {
+          d("button", {
             type: "button",
             class: g(["inline-flex rounded-md focus:outline-none focus:ring-2", y.value]),
-            onClick: S[0] || (S[0] = (k) => f.$emit("dismiss"))
+            onClick: O[0] || (O[0] = (k) => p.$emit("dismiss"))
           }, [
-            _a,
-            V(n(xe), {
+            Ua,
+            z(n(xe), {
               class: "h-5 w-5",
               "aria-hidden": "true"
             })
@@ -3934,27 +3981,22 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
     ], 2));
   }
 });
-function tr(e) {
-  var f, S;
-  const { get: t, initialState: r, readOptions: s, set: o, asyncRead: l = !0, debugging: h } = e, c = h == null ? void 0 : h.log, i = () => (new Error("Trace:").stack || "").substring(7), u = ((S = (f = e.debugging) == null ? void 0 : f.log) == null ? void 0 : S.logger) || console.debug, v = c && !c.writesOnly ? () => {
+function ar(e) {
+  var p, O;
+  const { get: t, initialState: r, readOptions: s, set: o, asyncRead: l = !0, debugging: h } = e, c = h == null ? void 0 : h.log, i = () => (new Error("Trace:").stack || "").substring(7), u = ((O = (p = e.debugging) == null ? void 0 : p.log) == null ? void 0 : O.logger) || console.debug, v = c && !c.writesOnly ? () => {
     const k = t();
     return u(`debugging: '${c.name}' read`, k, i()), k;
-  } : t, b = c && !c.readsOnly ? (k) => (u(`debugging: '${c.name}' written to`, k, i()), o(k)) : o, y = l ? ys(v, r, s) : d(v), x = d(() => y.value);
+  } : t, b = c && !c.readsOnly ? (k) => (u(`debugging: '${c.name}' written to`, k, i()), o(k)) : o, y = l ? ys(v, r, s) : f(v), x = f(() => y.value);
   return x.update = b, x;
 }
-const sr = () => {
-  let e, t;
-  return { promise: new Promise((l, h) => {
-    e = l, t = h;
-  }), resolve: (...l) => e(...l), reject: (...l) => t(...l) };
-}, Da = /* @__PURE__ */ P({
+const qa = /* @__PURE__ */ P({
   __name: "ContextManager",
   setup(e, { expose: t }) {
     const s = Tt().provides, o = Object.getOwnPropertySymbols(s).find(
       (y) => y.description === "ComboboxContext"
     );
     o || console.error("FormTagsContextManager ctx key not found!");
-    const l = Ft(o || "__undefined");
+    const l = _t(o || "__undefined");
     return l || console.error("FormTagsContextManager ctx not found!"), t({ goUp: () => {
       l == null || l.goToOption(1);
     }, goDown: () => {
@@ -3965,15 +4007,15 @@ const sr = () => {
       l == null || l.closeCombobox();
     }, selectActive: () => {
       l == null || l.selectActiveOption();
-    }, isOpen: () => (l == null ? void 0 : l.comboboxState.value) === 0 }), (y, x) => _(y.$slots, "default");
+    }, isOpen: () => (l == null ? void 0 : l.comboboxState.value) === 0 }), (y, x) => R(y.$slots, "default");
   }
-}), Ea = ["for"], Ua = ["disabled", "placeholder"], Wa = /* @__PURE__ */ m("span", { class: "text-xs sr-only" }, "Clear input", -1), qa = { key: 1 }, Ha = /* @__PURE__ */ m("div", { class: "text-foreground-2 text-center" }, [
+}), Wa = ["for"], Ha = ["disabled", "placeholder"], Ka = /* @__PURE__ */ d("span", { class: "text-xs sr-only" }, "Clear input", -1), Ga = { key: 1 }, Za = /* @__PURE__ */ d("div", { class: "text-foreground-2 text-center" }, [
   /* @__PURE__ */ D(" Press "),
-  /* @__PURE__ */ m("strong", null, "Enter"),
+  /* @__PURE__ */ d("strong", null, "Enter"),
   /* @__PURE__ */ D(" to create tag ⚡ ")
-], -1), Ka = [
-  Ha
-], Ga = ["id"], lr = /* @__PURE__ */ P({
+], -1), Xa = [
+  Za
+], Na = ["id"], or = /* @__PURE__ */ P({
   __name: "Tags",
   props: {
     name: null,
@@ -3997,7 +4039,7 @@ const sr = () => {
   },
   emits: ["update:modelValue", "change", "clear"],
   setup(e, { expose: t, emit: r }) {
-    const s = (j) => j.type === "input", o = r, l = e, h = L(null), { focused: c } = xs(h), i = L(
+    const s = (T) => T.type === "input", o = r, l = e, h = V(null), { focused: c } = xs(h), i = V(
       null
     ), {
       coreInputClasses: u,
@@ -4005,12 +4047,12 @@ const sr = () => {
       labelClasses: b,
       title: y,
       helpTip: x,
-      helpTipId: f,
-      hideHelpTip: S,
+      helpTipId: p,
+      hideHelpTip: O,
       helpTipClasses: k,
-      errorMessage: C,
+      errorMessage: $,
       clear: B,
-      value: F
+      value: j
     } = Je({
       props: ae(l),
       emit: o,
@@ -4018,12 +4060,12 @@ const sr = () => {
       // options: {
       //   customClear: () => (selectedItems.value = [])
       // }
-    }), A = L([]), w = L(!1), E = L(!1), W = L(""), U = d({
-      get: () => F.value || [],
-      set: (j) => {
-        F.value = _t(j).filter((R) => !!R.length);
+    }), A = V([]), w = V(!1), E = V(!1), q = V(""), U = f({
+      get: () => j.value || [],
+      set: (T) => {
+        j.value = Rt(T).filter((F) => !!F.length);
       }
-    }), Ae = d(() => {
+    }), Ae = f(() => {
       switch (l.size) {
         case "sm":
           return "h-6";
@@ -4035,100 +4077,100 @@ const sr = () => {
         default:
           return "h-8";
       }
-    }), re = d(() => l.showClear && !!U.value.length), Pe = d(() => {
-      const j = [
+    }), re = f(() => l.showClear && !!U.value.length), Pe = f(() => {
+      const T = [
         v.value,
         l.disabled ? "cursor-not-allowed !bg-foundation-disabled !text-disabled-muted" : ""
       ];
-      return re.value && (C.value || l.showRequired) ? j.push("pr-14") : (re.value || C.value || l.showRequired) && j.push("pr-8"), C.value ? (j.push("border-2 border-danger text-danger-darker"), c.value && j.push("ring-1 ring-danger")) : (j.push("border-2 border-transparent"), c.value && j.push("ring-2 ring-outline-2")), j.join(" ");
-    }), je = (j) => {
+      return re.value && ($.value || l.showRequired) ? T.push("pr-14") : (re.value || $.value || l.showRequired) && T.push("pr-8"), $.value ? (T.push("border-2 border-danger text-danger-darker"), c.value && T.push("ring-1 ring-danger")) : (T.push("border-2 border-transparent"), c.value && T.push("ring-2 ring-outline-2")), T.join(" ");
+    }), je = (T) => {
       if (l.disabled)
         return;
-      const R = U.value.indexOf(j);
-      if (R !== -1) {
-        const T = U.value.slice();
-        T.splice(R, 1), U.value = T;
+      const F = U.value.indexOf(T);
+      if (F !== -1) {
+        const _ = U.value.slice();
+        _.splice(F, 1), U.value = _;
       }
     }, me = () => {
-      var j;
-      (j = h.value) == null || j.blur(), E.value = !1;
-    }, te = (j) => {
-      if (j.key !== "Backspace" || W.value.length)
+      var T;
+      (T = h.value) == null || T.blur(), E.value = !1;
+    }, te = (T) => {
+      if (T.key !== "Backspace" || q.value.length)
         return;
-      const R = U.value.slice();
-      R.pop(), U.value = R, E.value = !1;
+      const F = U.value.slice();
+      F.pop(), U.value = F, E.value = !1;
     }, fe = () => {
-      var j, R, T;
-      (j = i.value) != null && j.isOpen() ? (R = i.value) == null || R.goUp() : (T = i.value) == null || T.open();
-    }, X = () => {
-      var j, R, T;
-      (j = i.value) != null && j.isOpen() ? (R = i.value) == null || R.goDown() : (T = i.value) == null || T.open();
+      var T, F, _;
+      (T = i.value) != null && T.isOpen() ? (F = i.value) == null || F.goUp() : (_ = i.value) == null || _.open();
+    }, Z = () => {
+      var T, F, _;
+      (T = i.value) != null && T.isOpen() ? (F = i.value) == null || F.goDown() : (_ = i.value) == null || _.open();
     }, he = async () => {
       l.getAutocompleteItems && (w.value = !0, A.value = await Promise.resolve(
-        l.getAutocompleteItems(W.value)
+        l.getAutocompleteItems(q.value)
       ), w.value = !1);
-    }, Te = Xe(he, 1e3), Fe = () => {
+    }, Te = Ze(he, 1e3), _e = () => {
       w.value = !0, Te();
-    }, ke = (j, R) => {
-      var Z, se;
-      if (s(j) ? j.data === " " || j.data === "," || j.data === ";" : !0) {
+    }, ke = (T, F) => {
+      var X, se;
+      if (s(T) ? T.data === " " || T.data === "," || T.data === ";" : !0) {
         let we = !1;
-        if ((Z = i.value) != null && Z.isOpen() && A.value.length && !R)
+        if ((X = i.value) != null && X.isOpen() && A.value.length && !F)
           (se = i.value) == null || se.selectActive(), we = !0;
         else {
-          const $ = W.value.trim().substring(0, W.value.length - (s(j) ? 1 : 0)), K = U.value.includes($);
-          $.length > 0 && !K && (U.value = [...U.value, $], we = !0);
+          const C = q.value.trim().substring(0, q.value.length - (s(T) ? 1 : 0)), K = U.value.includes(C);
+          C.length > 0 && !K && (U.value = [...U.value, C], we = !0);
         }
-        we && (W.value = "", E.value = !1);
+        we && (q.value = "", E.value = !1);
       } else
-        E.value = !!W.value.length;
+        E.value = !!q.value.length;
     };
-    return ce(E, (j, R) => {
-      var T, Z;
-      j && !R ? l.getAutocompleteItems && ((T = i.value) == null || T.open()) : !j && R && ((Z = i.value) == null || Z.close());
-    }), ce(W, () => {
-      Fe();
+    return ce(E, (T, F) => {
+      var _, X;
+      T && !F ? l.getAutocompleteItems && ((_ = i.value) == null || _.open()) : !T && F && ((X = i.value) == null || X.close());
+    }), ce(q, () => {
+      _e();
     }), ee(() => {
       he();
-    }), t({ resolveAutocompleteItems: he }), (j, R) => (a(), O(n(Fs), {
+    }), t({ resolveAutocompleteItems: he }), (T, F) => (a(), L(n(_s), {
       modelValue: U.value,
-      "onUpdate:modelValue": R[5] || (R[5] = (T) => U.value = T),
+      "onUpdate:modelValue": F[5] || (F[5] = (_) => U.value = _),
       as: "div",
       multiple: "",
       clearable: "",
       class: g([e.wrapperClasses])
     }, {
       default: M(() => [
-        V(Da, {
+        z(qa, {
           ref_key: "ctxManager",
           ref: i
         }, {
           default: M(() => [
-            m("label", {
+            d("label", {
               for: e.name,
               class: g(n(b))
             }, [
-              m("span", null, z(n(y)), 1)
-            ], 10, Ea),
-            m("div", {
+              d("span", null, S(n(y)), 1)
+            ], 10, Wa),
+            d("div", {
               class: g(["relative flex flex-wrap items-center space-x-1 px-2 py-1", Pe.value])
             }, [
-              (a(!0), p(H, null, G(U.value, (T) => (a(), O(Qe, {
-                key: T,
+              (a(!0), m(H, null, G(U.value, (_) => (a(), L(Qe, {
+                key: _,
                 "icon-left": e.disabled ? void 0 : n(xe),
                 "clickable-icon": "",
                 size: "lg",
-                onClickIcon: () => je(T)
+                onClickIcon: () => je(_)
               }, {
                 default: M(() => [
-                  D(z(T), 1)
+                  D(S(_), 1)
                 ]),
                 _: 2
               }, 1032, ["icon-left", "onClickIcon"]))), 128)),
-              ue(m("input", {
+              ue(d("input", {
                 ref_key: "inputEl",
                 ref: h,
-                "onUpdate:modelValue": R[0] || (R[0] = (T) => W.value = T),
+                "onUpdate:modelValue": F[0] || (F[0] = (_) => q.value = _),
                 disabled: e.disabled,
                 class: g(["bg-transparent grow shrink border-0 focus:ring-0 p-0", [n(u), Ae.value]]),
                 style: { "flex-basis": "70px", "min-width": "70px" },
@@ -4136,84 +4178,84 @@ const sr = () => {
                 onInput: ke,
                 onKeydown: [
                   ve(me, ["escape"]),
-                  R[1] || (R[1] = ve(pe((T) => ke(T, !0), ["stop", "prevent"]), ["enter"])),
+                  F[1] || (F[1] = ve(pe((_) => ke(_, !0), ["stop", "prevent"]), ["enter"])),
                   ve(ke, ["tab"]),
                   ve(te, ["backspace"]),
                   ve(fe, ["arrow-up"]),
-                  ve(X, ["arrow-down"])
+                  ve(Z, ["arrow-down"])
                 ],
-                onBlur: R[2] || (R[2] = (T) => E.value = !1)
-              }, null, 42, Ua), [
-                [He, W.value]
+                onBlur: F[2] || (F[2] = (_) => E.value = !1)
+              }, null, 42, Ha), [
+                [He, q.value]
               ]),
-              re.value ? (a(), p("a", {
+              re.value ? (a(), m("a", {
                 key: 0,
                 title: "Clear input",
                 class: "absolute top-2 right-0 flex items-center pr-2 cursor-pointer",
-                onClick: R[3] || (R[3] = //@ts-ignore
-                (...T) => n(B) && n(B)(...T)),
-                onKeydown: R[4] || (R[4] = //@ts-ignore
-                (...T) => n(B) && n(B)(...T))
+                onClick: F[3] || (F[3] = //@ts-ignore
+                (..._) => n(B) && n(B)(..._)),
+                onKeydown: F[4] || (F[4] = //@ts-ignore
+                (..._) => n(B) && n(B)(..._))
               }, [
-                Wa,
-                V(n(xe), {
+                Ka,
+                z(n(xe), {
                   class: "h-5 w-5 text-foreground",
                   "aria-hidden": "true"
                 })
               ], 32)) : I("", !0),
-              n(C) ? (a(), p("div", {
+              n($) ? (a(), m("div", {
                 key: 1,
                 class: g([
                   "pointer-events-none absolute top-[10px] right-0 flex items-center",
                   re.value ? "pr-8" : "pr-2"
                 ])
               }, [
-                V(n(Ve), {
+                z(n(Ve), {
                   class: "h-4 w-4 text-danger",
                   "aria-hidden": "true"
                 })
               ], 2)) : I("", !0),
-              e.showRequired && !n(C) ? (a(), p("div", {
+              e.showRequired && !n($) ? (a(), m("div", {
                 key: 2,
                 class: g(["pointer-events-none absolute top-[2px] text-4xl right-0 flex items-center text-danger opacity-50", re.value ? "pr-8" : "pr-2"])
               }, " * ", 2)) : I("", !0)
             ], 2),
-            V(n(vt), {
+            z(n(vt), {
               leave: "transition ease-in duration-100",
               "leave-from": "opacity-100",
               "leave-to": "opacity-0",
               class: "relative px-0.5"
             }, {
               default: M(() => [
-                V(n(Rs), { class: "absolute top-1 max-h-60 w-full overflow-auto simple-scrollbar rounded-md bg-foundation-2 py-1 shadow label label--light outline outline-2 outline-primary-muted focus:outline-none" }, {
+                z(n(Fs), { class: "absolute top-1 max-h-60 w-full overflow-auto simple-scrollbar rounded-md bg-foundation-2 py-1 shadow label label--light outline outline-2 outline-primary-muted focus:outline-none" }, {
                   default: M(() => [
-                    w.value ? (a(), p("div", {
+                    w.value ? (a(), m("div", {
                       key: 0,
                       class: g(["px-1", A.value.length ? "mb-1" : ""])
                     }, [
-                      V(et, { loading: !0 })
+                      z(et, { loading: !0 })
                     ], 2)) : I("", !0),
-                    !A.value.length && !w.value ? (a(), p("div", qa, Ka)) : I("", !0),
-                    A.value.length ? (a(!0), p(H, { key: 2 }, G(A.value, (T) => (a(), O(n(_s), {
-                      key: T,
+                    !A.value.length && !w.value ? (a(), m("div", Ga, Xa)) : I("", !0),
+                    A.value.length ? (a(!0), m(H, { key: 2 }, G(A.value, (_) => (a(), L(n(Rs), {
+                      key: _,
                       as: "template",
-                      value: T
+                      value: _
                     }, {
-                      default: M(({ selected: Z, active: se }) => [
-                        m("li", {
+                      default: M(({ selected: X, active: se }) => [
+                        d("li", {
                           class: g(["relative cursor-pointer select-none py-1.5 pl-3", {
                             "text-primary": se,
                             "text-foreground": !se
                           }])
                         }, [
-                          m("span", {
-                            class: g(["block truncate", { "font-medium": Z, "font-normal": !Z }])
-                          }, z(T), 3),
-                          Z ? (a(), p("span", {
+                          d("span", {
+                            class: g(["block truncate", { "font-medium": X, "font-normal": !X }])
+                          }, S(_), 3),
+                          X ? (a(), m("span", {
                             key: 0,
                             class: g(["absolute inset-y-0 right-0 flex items-center pr-4", { "text-primary": se, "text-foreground": !se }])
                           }, [
-                            V(n(mt), {
+                            z(n(mt), {
                               class: "h-5 w-5",
                               "aria-hidden": "true"
                             })
@@ -4228,11 +4270,11 @@ const sr = () => {
               ]),
               _: 1
             }),
-            n(f) && !n(S) ? (a(), p("p", {
+            n(p) && !n(O) ? (a(), m("p", {
               key: 0,
-              id: n(f),
+              id: n(p),
               class: g(n(k))
-            }, z(n(x)), 11, Ga)) : I("", !0)
+            }, S(n(x)), 11, Na)) : I("", !0)
           ]),
           _: 1
         }, 512)
@@ -4242,7 +4284,7 @@ const sr = () => {
   }
 });
 function $t(e) {
-  const { props: t } = e, r = d(() => {
+  const { props: t } = e, r = f(() => {
     var i;
     switch ((i = t.size) == null ? void 0 : i.value) {
       case "xs":
@@ -4261,7 +4303,7 @@ function $t(e) {
       default:
         return "h-8";
     }
-  }), s = d(() => {
+  }), s = f(() => {
     var i;
     switch ((i = t.size) == null ? void 0 : i.value) {
       case "xs":
@@ -4280,7 +4322,7 @@ function $t(e) {
       default:
         return "w-8";
     }
-  }), o = d(() => {
+  }), o = f(() => {
     var i;
     switch ((i = t.size) == null ? void 0 : i.value) {
       case "xs":
@@ -4299,7 +4341,7 @@ function $t(e) {
       default:
         return "text-sm";
     }
-  }), l = d(() => {
+  }), l = f(() => {
     var i;
     switch ((i = t.size) == null ? void 0 : i.value) {
       case "xs":
@@ -4318,15 +4360,15 @@ function $t(e) {
       default:
         return "w-4 h-4";
     }
-  }), h = d(
+  }), h = f(
     () => `${s.value} ${r.value} ${o.value}`
   );
   return { heightClasses: r, widthClasses: s, sizeClasses: h, iconClasses: l };
 }
-const Xa = {
+const Qa = {
   key: 1,
   class: "flex h-full w-full select-none items-center justify-center"
-}, Za = { key: 2 }, Ue = /* @__PURE__ */ P({
+}, Ja = { key: 2 }, Ue = /* @__PURE__ */ P({
   __name: "Avatar",
   props: {
     user: { default: null },
@@ -4337,14 +4379,14 @@ const Xa = {
     noBg: { type: Boolean }
   },
   setup(e) {
-    const t = e, { sizeClasses: r, iconClasses: s } = $t({ props: ae(t) }), o = d(() => {
-      var y, x, f;
+    const t = e, { sizeClasses: r, iconClasses: s } = $t({ props: ae(t) }), o = f(() => {
+      var y, x, p;
       if (!((y = t.user) != null && y.name.length))
         return;
-      const u = t.user.name.split(" "), v = ((x = u[0]) == null ? void 0 : x[0]) || "", b = ((f = u[1]) == null ? void 0 : f[0]) || "";
+      const u = t.user.name.split(" "), v = ((x = u[0]) == null ? void 0 : x[0]) || "", b = ((p = u[1]) == null ? void 0 : p[0]) || "";
       return t.size === "sm" || t.size === "xs" ? v : v + b;
-    }), l = d(() => t.noBorder ? "" : "border-2 border-foundation"), h = d(() => t.noBg ? "" : "bg-primary"), c = d(() => t.hoverEffect ? "hover:border-primary focus:border-primary active:scale-95" : ""), i = d(() => t.active ? "border-primary" : "");
-    return (u, v) => (a(), p("div", {
+    }), l = f(() => t.noBorder ? "" : "border-2 border-foundation"), h = f(() => t.noBg ? "" : "bg-primary"), c = f(() => t.hoverEffect ? "hover:border-primary focus:border-primary active:scale-95" : ""), i = f(() => t.active ? "border-primary" : "");
+    return (u, v) => (a(), m("div", {
       class: g([
         "text-foreground-on-primary flex shrink-0 items-center justify-center overflow-hidden rounded-full font-semibold uppercase transition",
         n(r),
@@ -4354,24 +4396,24 @@ const Xa = {
         i.value
       ])
     }, [
-      _(u.$slots, "default", {}, () => {
+      R(u.$slots, "default", {}, () => {
         var b;
         return [
-          (b = e.user) != null && b.avatar ? (a(), p("div", {
+          (b = e.user) != null && b.avatar ? (a(), m("div", {
             key: 0,
             class: "h-full w-full bg-cover bg-center bg-no-repeat",
             style: Y({ backgroundImage: `url('${e.user.avatar}')` })
-          }, null, 4)) : o.value ? (a(), p("div", Xa, z(o.value), 1)) : (a(), p("div", Za, [
-            V(n(Gt), {
+          }, null, 4)) : o.value ? (a(), m("div", Qa, S(o.value), 1)) : (a(), m("div", Ja, [
+            z(n(Gt), {
               class: g(n(s))
             }, null, 8, ["class"])
           ]))
         ];
       }),
-      _(u.$slots, "absolute-anchor")
+      R(u.$slots, "absolute-anchor")
     ], 2));
   }
-}), nr = /* @__PURE__ */ P({
+}), rr = /* @__PURE__ */ P({
   __name: "AvatarGroup",
   props: {
     users: { default: () => [] },
@@ -4380,51 +4422,51 @@ const Xa = {
     maxCount: { default: void 0 }
   },
   setup(e) {
-    const t = e, r = L(null), s = L(null), { hiddenItemCount: o } = kt({
+    const t = e, r = V(null), s = V(null), { hiddenItemCount: o } = kt({
       elementToWatchForChanges: r,
       itemContainer: s,
       trackResize: !0,
       trackMutations: !0
-    }), { heightClasses: l } = $t({ props: ae(t) }), h = d(() => t.maxCount ? Math.max(t.users.length - t.maxCount, 0) : 0), c = d(
+    }), { heightClasses: l } = $t({ props: ae(t) }), h = f(() => t.maxCount ? Math.max(t.users.length - t.maxCount, 0) : 0), c = f(
       () => o.value + h.value
-    ), i = d(
+    ), i = f(
       () => t.maxCount ? t.users.slice(0, t.maxCount) : t.users
     );
-    return (u, v) => (a(), p("div", {
+    return (u, v) => (a(), m("div", {
       ref_key: "elementToWatchForChanges",
       ref: r,
       class: g(`flex ${e.overlap ? "-space-x-2" : ""}`)
     }, [
-      m("div", {
+      d("div", {
         ref_key: "itemContainer",
         ref: s,
         class: g(`flex flex-wrap overflow-hidden ${e.overlap ? "-space-x-2 " : ""} ${n(l)}`)
       }, [
-        (a(!0), p(H, null, G(i.value, (b, y) => (a(), O(Ue, {
+        (a(!0), m(H, null, G(i.value, (b, y) => (a(), L(Ue, {
           key: b.id || y,
           user: b,
           size: e.size
         }, null, 8, ["user", "size"]))), 128))
       ], 2),
-      c.value ? (a(), O(Ue, {
+      c.value ? (a(), L(Ue, {
         key: 0,
         size: e.size
       }, {
         default: M(() => [
-          D(" +" + z(c.value), 1)
+          D(" +" + S(c.value), 1)
         ]),
         _: 1
       }, 8, ["size"])) : I("", !0)
     ], 2));
   }
-}), Na = /* @__PURE__ */ P({
+}), Ya = /* @__PURE__ */ P({
   __name: "Icon",
   props: {
     loading: { type: Boolean, default: !0 },
     size: { default: "base" }
   },
   setup(e) {
-    const t = e, r = d(() => {
+    const t = e, r = f(() => {
       const s = ["text-primary transition-all animate-spin"];
       switch (s.push(t.loading ? "opacity-100" : "opacity-0"), t.size) {
         case "base":
@@ -4439,19 +4481,19 @@ const Xa = {
       }
       return s.join(" ");
     });
-    return (s, o) => (a(), O(n(dt), {
+    return (s, o) => (a(), L(n(dt), {
       class: g(r.value)
     }, null, 8, ["class"]));
   }
-}), Qa = { class: "flex flex-col items-center space-y-2" }, Ja = {
+}), eo = { class: "flex flex-col items-center space-y-2" }, to = {
   key: 1,
   class: "relative group"
-}, Ya = { class: "opacity-0 transition-all absolute group-hover:opacity-100 inset-0 flex items-end justify-center bottom-4" }, eo = {
+}, so = { class: "opacity-0 transition-all absolute group-hover:opacity-100 inset-0 flex items-end justify-center bottom-4" }, lo = {
   key: 2,
   class: "w-full text-center text-danger text-sm"
-}, ar = /* @__PURE__ */ P({
+}, ir = /* @__PURE__ */ P({
   __name: "AvatarEditable",
-  props: /* @__PURE__ */ Be({
+  props: /* @__PURE__ */ Se({
     modelValue: null,
     placeholder: null,
     name: null,
@@ -4464,17 +4506,17 @@ const Xa = {
     editMode: { type: Boolean, local: !0 },
     editModeModifiers: {}
   }),
-  emits: /* @__PURE__ */ Be(["save", "update:modelValue"], ["update:editMode"]),
+  emits: /* @__PURE__ */ Se(["save", "update:modelValue"], ["update:editMode"]),
   setup(e, { expose: t, emit: r }) {
-    const s = Rt({
+    const s = Ft({
       loader: () => import("./AvatarEditor-ce4e7960.js"),
-      loadingComponent: Na,
+      loadingComponent: Ya,
       delay: 100
-    }), o = r, l = e, { value: h, errorMessage: c } = Se(l.name, l.rules, {
+    }), o = r, l = e, { value: h, errorMessage: c } = Be(l.name, l.rules, {
       validateOnMount: l.validateOnMount,
       validateOnValueUpdate: l.validateOnValueUpdate,
       initialValue: l.modelValue || void 0
-    }), i = Ge(e, "editMode"), u = d(
+    }), i = Ge(e, "editMode"), u = f(
       () => ({
         avatar: h.value,
         name: l.placeholder
@@ -4482,24 +4524,24 @@ const Xa = {
     ), v = (x) => {
       h.value = x, o("save", x);
     };
-    return t({ open: () => i.value = !0, close: () => i.value = !1 }), (x, f) => (a(), p("div", Qa, [
-      i.value ? (a(), O(n(s), {
+    return t({ open: () => i.value = !0, close: () => i.value = !1 }), (x, p) => (a(), m("div", eo, [
+      i.value ? (a(), L(n(s), {
         key: 0,
         user: u.value,
         disabled: e.disabled,
         size: e.size,
-        onCancel: f[0] || (f[0] = (S) => i.value = !1),
+        onCancel: p[0] || (p[0] = (O) => i.value = !1),
         onSave: v
-      }, null, 8, ["user", "disabled", "size"])) : (a(), p("div", Ja, [
-        V(Ue, {
+      }, null, 8, ["user", "disabled", "size"])) : (a(), m("div", to, [
+        z(Ue, {
           user: u.value,
           size: e.size
         }, null, 8, ["user", "size"]),
-        m("div", Ya, [
-          V(oe, {
+        d("div", so, [
+          z(oe, {
             disabled: e.disabled,
             color: "secondary",
-            onClick: f[1] || (f[1] = (S) => i.value = !0)
+            onClick: p[1] || (p[1] = (O) => i.value = !0)
           }, {
             default: M(() => [
               D(" Change ")
@@ -4508,7 +4550,7 @@ const Xa = {
           }, 8, ["disabled"])
         ])
       ])),
-      n(c) ? (a(), p("div", eo, z(n(c)), 1)) : I("", !0)
+      n(c) ? (a(), m("div", lo, S(n(c)), 1)) : I("", !0)
     ]));
   }
 });
@@ -4521,20 +4563,20 @@ class de extends Error {
  * Default message if none is passed
  */
 ne(de, "defaultMessage", "Unexpected error occurred");
-class to extends de {
+class no extends de {
 }
-ne(to, "defaultMessage", "An unexpected logic error occurred!");
-class so extends de {
+ne(no, "defaultMessage", "An unexpected logic error occurred!");
+class ao extends de {
 }
-ne(so, "defaultMessage", "Attempting to access an uninitialized resource");
-class lo extends de {
+ne(ao, "defaultMessage", "Attempting to access an uninitialized resource");
+class oo extends de {
 }
-ne(lo, "defaultMessage", "getCurrentInstance() returned null. Method must be called at the top of a setup function");
-class no extends de {
+ne(oo, "defaultMessage", "getCurrentInstance() returned null. Method must be called at the top of a setup function");
+class ro extends de {
 }
-ne(no, "defaultMessage", "Operation not supported in current (server or client) environment");
+ne(ro, "defaultMessage", "Operation not supported in current (server or client) environment");
 var tt = /* @__PURE__ */ ((e) => (e.AnyAudio = "audio/*", e.AnyVideo = "video/*", e.AnyImage = "image/*", e))(tt || {});
-function ao(e, t) {
+function io(e, t) {
   const r = Dt(
     Object.values(tt),
     t
@@ -4554,19 +4596,19 @@ function ao(e, t) {
           return !0;
         break;
     }
-  const s = Et(t, r), o = oo(e.name);
+  const s = Et(t, r), o = uo(e.name);
   if (!o)
     return new It();
   for (const l of s)
     if (l.toLowerCase() === o.toLowerCase())
       return !0;
-  return new St();
+  return new Bt();
 }
-function oo(e) {
+function uo(e) {
   const t = e.split(".").pop() || null;
   return t ? `.${t}` : null;
 }
-function ro(e) {
+function co(e) {
   return e.startsWith(".") || Object.values(tt).includes(e);
 }
 function ut(e) {
@@ -4582,7 +4624,7 @@ function ut(e) {
   const o = s / 1024;
   return `${t(o)}GB`;
 }
-function io(e) {
+function fo(e) {
   const t = {
     name: e.name,
     lastModified: e.lastModified,
@@ -4594,31 +4636,31 @@ function io(e) {
 class It extends de {
 }
 ne(It, "defaultMessage", "The selected file has a missing extension");
-class St extends de {
+class Bt extends de {
 }
-ne(St, "defaultMessage", "The selected file type is forbidden");
-var uo = /* @__PURE__ */ ((e) => (e[e.Success = 1] = "Success", e[e.Failure = 2] = "Failure", e))(uo || {});
-function co(e) {
+ne(Bt, "defaultMessage", "The selected file type is forbidden");
+var po = /* @__PURE__ */ ((e) => (e[e.Success = 1] = "Success", e[e.Failure = 2] = "Failure", e))(po || {});
+function mo(e) {
   if (!e)
     return;
-  const t = e.split(",").map((r) => ro(r) ? r : null).filter((r) => r !== null);
+  const t = e.split(",").map((r) => co(r) ? r : null).filter((r) => r !== null);
   return t.length ? t : void 0;
 }
-function fo(e) {
-  const { disabled: t, accept: r, multiple: s, sizeLimit: o, countLimit: l } = e, h = d(() => co(n(r))), c = (i) => {
+function ho(e) {
+  const { disabled: t, accept: r, multiple: s, sizeLimit: o, countLimit: l } = e, h = f(() => mo(n(r))), c = (i) => {
     const u = [], v = h.value;
     for (const b of i) {
-      const y = io(b), x = n(s) ? n(l) : 1;
-      if (!u.find((f) => f.id === y)) {
+      const y = fo(b), x = n(s) ? n(l) : 1;
+      if (!u.find((p) => p.id === y)) {
         if (x && u.length >= x)
           break;
         if (v) {
-          const f = ao(b, v);
-          if (f instanceof Error) {
+          const p = io(b, v);
+          if (p instanceof Error) {
             u.push({
               file: b,
               id: y,
-              error: f
+              error: p
             });
             continue;
           }
@@ -4627,7 +4669,7 @@ function fo(e) {
           u.push({
             file: b,
             id: y,
-            error: new Bt(
+            error: new St(
               `The selected file's size (${ut(
                 b.size
               )}) is too big (over ${ut(n(o))})`
@@ -4650,10 +4692,10 @@ function fo(e) {
     }
   };
 }
-class Bt extends de {
+class St extends de {
 }
-ne(Bt, "defaultMessage", "The selected file's size is too large");
-const po = ["accept", "multiple"], or = /* @__PURE__ */ P({
+ne(St, "defaultMessage", "The selected file's size is too large");
+const vo = ["accept", "multiple"], ur = /* @__PURE__ */ P({
   __name: "Zone",
   props: {
     accept: null,
@@ -4664,12 +4706,12 @@ const po = ["accept", "multiple"], or = /* @__PURE__ */ P({
   },
   emits: ["files-selected"],
   setup(e, { expose: t, emit: r }) {
-    const s = r, o = e, l = L(null), h = L(null), { buildUploadableFiles: c } = fo({
-      sizeLimit: d(() => o.sizeLimit),
-      countLimit: d(() => o.countLimit),
-      accept: d(() => o.accept),
-      multiple: d(() => o.multiple),
-      disabled: d(() => o.disabled)
+    const s = r, o = e, l = V(null), h = V(null), { buildUploadableFiles: c } = ho({
+      sizeLimit: f(() => o.sizeLimit),
+      countLimit: f(() => o.countLimit),
+      accept: f(() => o.accept),
+      multiple: f(() => o.multiple),
+      disabled: f(() => o.disabled)
     }), i = (y) => {
       const x = c(y);
       x != null && x.length && s("files-selected", { files: x });
@@ -4687,17 +4729,17 @@ const po = ["accept", "multiple"], or = /* @__PURE__ */ P({
     };
     return t({
       triggerPicker: b
-    }), (y, x) => (a(), p("div", {
+    }), (y, x) => (a(), m("div", {
       ref_key: "fileUploadZone",
       ref: l,
       class: "file-upload-zone"
     }, [
-      _(y.$slots, "default", {
+      R(y.$slots, "default", {
         isDraggingFiles: n(u),
         openFilePicker: b,
         activatorOn: { click: b }
       }),
-      m("input", {
+      d("input", {
         ref_key: "fileInput",
         ref: h,
         type: "file",
@@ -4707,73 +4749,74 @@ const po = ["accept", "multiple"], or = /* @__PURE__ */ P({
         onClick: x[0] || (x[0] = pe(() => {
         }, ["stop"])),
         onChange: v
-      }, null, 40, po)
+      }, null, 40, vo)
     ], 512));
   }
 });
 export {
   de as BaseError,
-  uo as BlobUploadStatus,
-  er as CommonAlert,
-  Lo as CommonAnimationInstructional,
+  po as BlobUploadStatus,
+  nr as CommonAlert,
+  Ao as CommonAnimationInstructional,
   Qe as CommonBadge,
   et as CommonLoadingBar,
-  Na as CommonLoadingIcon,
-  Vo as CommonStepsBullet,
-  zo as CommonStepsNumber,
+  Ya as CommonLoadingIcon,
+  Oo as CommonStepsBullet,
+  Mo as CommonStepsNumber,
   Us as CommonTextLink,
-  lo as ComposableInvokedOutOfScopeError,
+  Po as CommonVimeoEmbed,
+  oo as ComposableInvokedOutOfScopeError,
   oe as FormButton,
-  Oo as FormCardButton,
-  Mo as FormCheckbox,
-  _o as FormClipboardInput,
-  or as FormFileUploadZone,
-  Ao as FormRadio,
-  Fo as FormSelectBadges,
+  jo as FormCardButton,
+  To as FormCheckbox,
+  qo as FormClipboardInput,
+  ur as FormFileUploadZone,
+  _o as FormRadio,
+  Eo as FormSelectBadges,
   Ct as FormSelectBase,
-  To as FormSelectSourceApps,
-  Ro as FormSwitch,
-  lr as FormTags,
-  Po as FormTextArea,
-  bn as FormTextInput,
-  Bo as GlobalToastRenderer,
+  Do as FormSelectSourceApps,
+  Uo as FormSwitch,
+  or as FormTags,
+  Fo as FormTextArea,
+  kn as FormTextInput,
+  Lo as GlobalToastRenderer,
   ge as GridListToggleValue,
   Ee as HorizontalDirection,
-  Jo as InfiniteLoading,
-  Wo as LayoutDialog,
-  qo as LayoutDialogSection,
-  Ho as LayoutDisclosure,
-  Ko as LayoutGridListToggle,
-  Xo as LayoutMenu,
-  No as LayoutPageTabs,
-  Yo as LayoutPanel,
-  Qo as LayoutTable,
-  Zo as LayoutTabs,
-  to as LogicError,
+  sr as InfiniteLoading,
+  Go as LayoutDialog,
+  Zo as LayoutDialogSection,
+  Xo as LayoutDisclosure,
+  No as LayoutGridListToggle,
+  Jo as LayoutMenu,
+  er as LayoutPageTabs,
+  lr as LayoutPanel,
+  tr as LayoutTable,
+  Yo as LayoutTabs,
+  no as LogicError,
   Ie as ModifierKeys,
-  Kn as SourceAppBadge,
+  Xn as SourceAppBadge,
   $e as TailwindBreakpoints,
-  ga as ThrottleOrDebounce,
+  xa as ThrottleOrDebounce,
   Ce as ToastNotificationType,
-  so as UninitializedResourceAccessError,
+  ao as UninitializedResourceAccessError,
   tt as UniqueFileTypeSpecifier,
-  no as UnsupportedEnvironmentError,
+  ro as UnsupportedEnvironmentError,
   Ue as UserAvatar,
-  ar as UserAvatarEditable,
-  nr as UserAvatarGroup,
-  jo as ValidationHelpers,
-  sr as buildManualPromise,
+  ir as UserAvatarEditable,
+  rr as UserAvatarGroup,
+  Ro as ValidationHelpers,
+  fr as buildManualPromise,
   De as clientOs,
-  Do as getKeyboardShortcutTitle,
+  Wo as getKeyboardShortcutTitle,
   bt as keyboardClick,
-  Eo as onKeyboardShortcut,
+  Ho as onKeyboardShortcut,
   ut as prettyFileSize,
-  Uo as useFormCheckboxModel,
+  Ko as useFormCheckboxModel,
   wt as useFormSelectChildInternals,
-  Go as useOnBeforeWindowUnload,
-  ya as useResponsiveHorizontalDirectionCalculation,
-  ba as useWindowResizeHandler,
+  Qo as useOnBeforeWindowUnload,
+  wa as useResponsiveHorizontalDirectionCalculation,
+  ka as useWindowResizeHandler,
   kt as useWrappingContainerHiddenCount,
-  tr as writableAsyncComputed
+  ar as writableAsyncComputed
 };
 //# sourceMappingURL=lib.js.map