@speckle/ui-components 2.17.7 → 2.17.8

package/dist/lib.js

@@ -1,22 +1,22 @@
 var St = Object.defineProperty;
 var Bt = (e, t, r) => t in e ? St(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var se = (e, t, r) => (Bt(e, typeof t != "symbol" ? t + "" : t, r), r);
-import { defineComponent as T, resolveDynamicComponent as N, computed as u, openBlock as a, createBlock as O, normalizeClass as b, withCtx as L, createCommentVNode as I, renderSlot as D, createTextVNode as R, createElementBlock as h, createElementVNode as m, createVNode as z, Transition as Ee, unref as l, toDisplayString as V, toRefs as ne, Fragment as K, renderList as G, ref as j, onMounted as ie, mergeProps as oe, withDirectives as be, isRef as Be, vModelText as De, useSlots as Ue, vModelDynamic as Vt, pushScopeId as Ot, popScopeId as zt, watch as de, Teleport as Lt, normalizeStyle as re, withModifiers as fe, useModel as ot, toHandlers as et, onBeforeUnmount as rt, getCurrentInstance as Mt, inject as jt, withKeys as he, mergeModels as tt, defineAsyncComponent as At } from "vue";
-import { isObjectLike as Pe, clamp as st, isArray as Q, isString as Se, isUndefined as ge, debounce as qe, throttle as it, noop as Pt, uniq as Tt, intersection as _t, difference as Ft } from "lodash";
-import { ArrowPathIcon as ut, ExclamationCircleIcon as Rt, ChevronUpIcon as ct, ChevronDownIcon as Et, XMarkIcon as We, MagnifyingGlassIcon as Dt, CheckIcon as dt, Bars3Icon as Ut, UserCircleIcon as qt } from "@heroicons/vue/24/solid";
-import { CheckCircleIcon as Wt, XCircleIcon as Ht, ExclamationCircleIcon as Kt, InformationCircleIcon as Gt, ClipboardDocumentIcon as Xt, XMarkIcon as Zt, ChevronDownIcon as Qt, Squares2X2Icon as Nt, CheckIcon as Jt, ExclamationTriangleIcon as Yt } from "@heroicons/vue/24/outline";
-import { XMarkIcon as ye, CheckIcon as ft, CheckCircleIcon as pt, ExclamationCircleIcon as Ve, EnvelopeIcon as es, KeyIcon as ts, XCircleIcon as ss, InformationCircleIcon as ns } from "@heroicons/vue/20/solid";
+import { defineComponent as P, resolveDynamicComponent as N, computed as c, openBlock as a, createBlock as O, normalizeClass as b, withCtx as L, createCommentVNode as I, renderSlot as D, createTextVNode as R, createElementBlock as h, createElementVNode as f, createVNode as z, Transition as Ee, unref as n, toDisplayString as V, toRefs as le, Fragment as K, renderList as G, ref as M, onMounted as ae, onBeforeUnmount as Ue, normalizeStyle as ne, mergeProps as ie, withDirectives as be, isRef as Be, vModelText as qe, useSlots as We, vModelDynamic as Vt, pushScopeId as zt, popScopeId as Ot, watch as fe, Teleport as Lt, withModifiers as pe, useModel as it, toHandlers as st, getCurrentInstance as Mt, inject as _t, withKeys as ve, mergeModels as nt, defineAsyncComponent as At } from "vue";
+import { isObjectLike as je, clamp as lt, isArray as Q, isString as Se, isUndefined as ge, debounce as He, throttle as ut, noop as Pt, uniq as jt, intersection as Tt, difference as Ft } from "lodash";
+import { ArrowPathIcon as ct, ExclamationCircleIcon as Rt, ChevronUpIcon as dt, ChevronDownIcon as Dt, XMarkIcon as Ke, MagnifyingGlassIcon as Et, CheckIcon as ft, Squares2X2Icon as Ut, Bars3Icon as qt, UserCircleIcon as Wt } from "@heroicons/vue/24/solid";
+import { CheckCircleIcon as Ht, XCircleIcon as Kt, ExclamationCircleIcon as Gt, InformationCircleIcon as Xt, ClipboardDocumentIcon as Zt, XMarkIcon as Qt, ChevronDownIcon as Nt, CheckIcon as Jt, ExclamationTriangleIcon as Yt } from "@heroicons/vue/24/outline";
+import { XMarkIcon as ye, CheckIcon as pt, CheckCircleIcon as mt, ExclamationCircleIcon as Ve, EnvelopeIcon as es, KeyIcon as ts, XCircleIcon as ss, InformationCircleIcon as ns } from "@heroicons/vue/20/solid";
+import { wait as ls, isNullOrUndefined as as, SourceApps as os, getClientOperatingSystem as rs, OperatingSystem as Te, md5 as is } from "@speckle/shared";
 import { useField as Ie } from "vee-validate";
-import { nanoid as Oe } from "nanoid";
-import { isNullOrUndefined as ls, SourceApps as as, getClientOperatingSystem as os, OperatingSystem as Te, md5 as rs } from "@speckle/shared";
-import { useResizeObserver as is, useMutationObserver as us, useMounted as cs, useElementBounding as ds, useIntersectionObserver as fs, useClipboard as ps, onKeyDown as ms, isClient as He, computedAsync as hs, useFocus as vs, useDropZone as gs } from "@vueuse/core";
-import { Listbox as bs, ListboxLabel as ys, ListboxButton as xs, ListboxOptions as ks, ListboxOption as ws, Switch as Cs, TransitionRoot as mt, Dialog as $s, TransitionChild as nt, DialogPanel as Is, Disclosure as Ss, DisclosureButton as Bs, DisclosurePanel as Vs, Menu as Os, MenuButton as zs, MenuItems as Ls, MenuItem as Ms, Combobox as js, ComboboxOptions as As, ComboboxOption as Ps } from "@headlessui/vue";
-import { directive as ht } from "vue-tippy";
+import { nanoid as ze } from "nanoid";
+import { useResizeObserver as us, useMutationObserver as cs, useMounted as ds, useElementBounding as fs, useIntersectionObserver as ps, useClipboard as ms, onKeyDown as hs, isClient as Ge, computedAsync as vs, useFocus as gs, useDropZone as bs } from "@vueuse/core";
+import { Listbox as ys, ListboxLabel as xs, ListboxButton as ks, ListboxOptions as ws, ListboxOption as Cs, Switch as $s, TransitionRoot as ht, Dialog as Is, TransitionChild as at, DialogPanel as Ss, Disclosure as Bs, DisclosureButton as Vs, DisclosurePanel as zs, Menu as Os, MenuButton as Ls, MenuItems as Ms, MenuItem as _s, Combobox as As, ComboboxOptions as Ps, ComboboxOption as js } from "@headlessui/vue";
+import { directive as vt } from "vue-tippy";
 import Ts from "v3-infinite-loading";
-const _s = {
+const Fs = {
   key: 2,
   style: { margin: "0 !important", width: "0.01px" }
-}, Fs = /* @__PURE__ */ T({
+}, Rs = /* @__PURE__ */ P({
   __name: "Button",
   props: {
     /**
@@ -144,10 +144,10 @@ const _s = {
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const r = t, s = e, o = N("NuxtLink"), n = N("RouterLink"), d = u(() => s.linkComponent ? s.linkComponent : s.external ? "a" : Pe(o) ? o : Pe(n) ? n : "a"), p = u(() => {
+    const r = t, s = e, o = N("NuxtLink"), l = N("RouterLink"), d = c(() => s.linkComponent ? s.linkComponent : s.external ? "a" : je(o) ? o : je(l) ? l : "a"), m = c(() => {
       if (!s.to)
         return s.submit ? "submit" : "button";
-    }), i = u(() => s.disabled || s.loading), f = u(() => s.loading ? ut : s.iconLeft), x = u(() => {
+    }), i = c(() => s.disabled || s.loading), p = c(() => s.loading ? ct : s.iconLeft), k = c(() => {
       const w = [];
       if (w.push("border-2"), i.value)
         w.push(
@@ -190,7 +190,7 @@ const _s = {
             break;
         }
       return w.join(" ");
-    }), k = u(() => {
+    }), y = c(() => {
       const w = [];
       if (!s.text && !s.link)
         if (i.value)
@@ -244,10 +244,10 @@ const _s = {
           "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(" ");
-    }), v = u(() => {
+    }), v = c(() => {
       const w = [];
       return w.push(s.rounded ? "rounded-full" : "rounded-md"), w.join(" ");
-    }), g = u(() => {
+    }), g = c(() => {
       const w = [];
       if (!i.value)
         switch (s.color) {
@@ -272,7 +272,7 @@ const _s = {
             break;
         }
       return w.join(" ");
-    }), c = u(() => {
+    }), u = c(() => {
       switch (s.size) {
         case "xs":
           return "h-5 text-xs font-medium xxx-tracking-wide";
@@ -286,7 +286,7 @@ const _s = {
         case "base":
           return "h-8 text-sm sm:text-base font-medium xxx-tracking-wide";
       }
-    }), S = u(() => {
+    }), S = c(() => {
       switch (s.size) {
         case "xs":
           return "px-1";
@@ -300,28 +300,28 @@ const _s = {
         case "base":
           return "px-3";
       }
-    }), y = u(() => {
+    }), x = c(() => {
       const w = [];
       return s.fullWidth && w.push("w-full"), i.value && w.push("cursor-not-allowed"), w.join(" ");
-    }), $ = u(() => {
+    }), $ = c(() => {
       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 = u(() => {
+    }), B = c(() => {
       const w = s.link || s.text;
       return [
         "transition inline-flex justify-center text-center items-center space-x-2 outline-none select-none",
+        x.value,
+        u.value,
         y.value,
-        c.value,
-        k.value,
-        w ? "" : x.value,
+        w ? "" : k.value,
         w ? "" : v.value,
         w ? "" : g.value,
         s.link ? "" : S.value,
         $.value
       ].join(" ");
-    }), _ = u(() => {
+    }), T = c(() => {
       const w = [""];
       switch (s.loading && w.push("animate-spin"), s.size) {
         case "xs":
@@ -342,7 +342,7 @@ const _s = {
           break;
       }
       return w.join(" ");
-    }), M = (w) => {
+    }), _ = (w) => {
       if (i.value) {
         w.preventDefault(), w.stopPropagation(), w.stopImmediatePropagation();
         return;
@@ -352,36 +352,36 @@ const _s = {
     return (w, U) => (a(), O(N(e.to ? d.value : "button"), {
       href: e.to,
       to: e.to,
-      type: p.value,
+      type: m.value,
       external: e.external,
       class: b(B.value),
       disabled: i.value,
       role: "button",
-      onClick: M
+      onClick: _
     }, {
       default: L(() => [
-        f.value ? (a(), O(N(f.value), {
+        p.value ? (a(), O(N(p.value), {
           key: 0,
-          class: b(`${_.value} ${e.hideText ? "" : "mr-2"}`)
+          class: b(`${T.value} ${e.hideText ? "" : "mr-2"}`)
         }, null, 8, ["class"])) : I("", !0),
-        e.hideText ? (a(), h("div", _s, "   ")) : D(w.$slots, "default", { key: 1 }, () => [
+        e.hideText ? (a(), h("div", Fs, "   ")) : D(w.$slots, "default", { key: 1 }, () => [
           R("Button")
         ], !0),
         e.iconRight || !e.loading ? (a(), O(N(e.iconRight), {
           key: 3,
-          class: b(`${_.value} ${e.hideText ? "" : "ml-2"}`)
+          class: b(`${T.value} ${e.hideText ? "" : "ml-2"}`)
         }, null, 8, ["class"])) : I("", !0)
       ]),
       _: 3
     }, 8, ["href", "to", "type", "external", "class", "disabled"]));
   }
 });
-const vt = (e, t) => {
+const Oe = (e, t) => {
   const r = e.__vccOpts || e;
   for (const [s, o] of t)
     r[s] = o;
   return r;
-}, le = /* @__PURE__ */ vt(Fs, [["__scopeId", "data-v-facc4a03"]]), Rs = /* @__PURE__ */ T({
+}, oe = /* @__PURE__ */ Oe(Rs, [["__scopeId", "data-v-facc4a03"]]), Ds = /* @__PURE__ */ P({
   __name: "Link",
   props: {
     to: {
@@ -431,14 +431,14 @@ const vt = (e, t) => {
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const r = t, s = e, o = (n) => {
+    const r = t, s = e, o = (l) => {
       if (s.disabled) {
-        n.preventDefault(), n.stopPropagation(), n.stopImmediatePropagation();
+        l.preventDefault(), l.stopPropagation(), l.stopImmediatePropagation();
         return;
       }
-      r("click", n);
+      r("click", l);
     };
-    return (n, d) => (a(), O(le, {
+    return (l, d) => (a(), O(oe, {
       link: "",
       to: e.to,
       external: e.external,
@@ -452,7 +452,7 @@ const vt = (e, t) => {
       onClickCapture: o
     }, {
       default: L(() => [
-        D(n.$slots, "default", {}, () => [
+        D(l.$slots, "default", {}, () => [
           R("Link")
         ])
       ]),
@@ -464,38 +464,38 @@ var we = /* @__PURE__ */ ((e) => (e[e.Success = 0] = "Success", e[e.Warning = 1]
 const Es = {
   "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"
-}, Ds = { class: "flex w-full flex-col items-center space-y-4 sm:items-end" }, Us = {
+}, Us = { class: "flex w-full flex-col items-center space-y-4 sm:items-end" }, qs = {
   key: 0,
   class: "pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-foundation text-foreground shadow-lg ring-1 ring-primary-muted ring-opacity-5"
-}, qs = { class: "p-4" }, Ws = { class: "flex items-start" }, Hs = { class: "flex-shrink-0" }, Ks = { class: "ml-2 w-0 flex-1 flex flex-col" }, Gs = {
+}, Ws = { class: "p-4" }, Hs = { class: "flex items-start" }, Ks = { class: "flex-shrink-0" }, Gs = { class: "ml-2 w-0 flex-1 flex flex-col" }, Xs = {
   key: 0,
   class: "text-foreground font-bold"
-}, Xs = {
+}, Zs = {
   key: 1,
   class: "label label--light text-foreground-2"
-}, Zs = {
+}, Qs = {
   key: 2,
   class: "flex justify-start mt-2"
-}, Qs = /* @__PURE__ */ m("span", { class: "sr-only" }, "Close", -1), oo = /* @__PURE__ */ T({
+}, Ns = /* @__PURE__ */ f("span", { class: "sr-only" }, "Close", -1), Io = /* @__PURE__ */ P({
   __name: "ToastRenderer",
   props: {
     notification: null
   },
   emits: ["update:notification"],
   setup(e, { emit: t }) {
-    const r = t, s = e, o = u(
+    const r = t, s = e, o = c(
       () => {
-        var p, i;
-        return !((p = s.notification) != null && p.description) && !((i = s.notification) != null && i.cta);
+        var m, i;
+        return !((m = s.notification) != null && m.description) && !((i = s.notification) != null && i.cta);
       }
-    ), n = () => {
+    ), l = () => {
       r("update:notification", null);
-    }, d = (p) => {
-      var i, f, x;
-      (x = (f = (i = s.notification) == null ? void 0 : i.cta) == null ? void 0 : f.onClick) == null || x.call(f, p), n();
+    }, d = (m) => {
+      var i, p, k;
+      (k = (p = (i = s.notification) == null ? void 0 : i.cta) == null ? void 0 : p.onClick) == null || k.call(p, m), l();
     };
-    return (p, i) => (a(), h("div", Es, [
-      m("div", Ds, [
+    return (m, i) => (a(), h("div", Es, [
+      f("div", Us, [
         z(Ee, {
           "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",
@@ -505,33 +505,33 @@ const Es = {
           "leave-to-class": "opacity-0"
         }, {
           default: L(() => [
-            e.notification ? (a(), h("div", Us, [
-              m("div", qs, [
-                m("div", Ws, [
-                  m("div", Hs, [
-                    e.notification.type === l(we).Success ? (a(), O(l(Wt), {
+            e.notification ? (a(), h("div", qs, [
+              f("div", Ws, [
+                f("div", Hs, [
+                  f("div", Ks, [
+                    e.notification.type === n(we).Success ? (a(), O(n(Ht), {
                       key: 0,
                       class: "h-6 w-6 text-success",
                       "aria-hidden": "true"
-                    })) : e.notification.type === l(we).Danger ? (a(), O(l(Ht), {
+                    })) : e.notification.type === n(we).Danger ? (a(), O(n(Kt), {
                       key: 1,
                       class: "h-6 w-6 text-danger",
                       "aria-hidden": "true"
-                    })) : e.notification.type === l(we).Warning ? (a(), O(l(Kt), {
+                    })) : e.notification.type === n(we).Warning ? (a(), O(n(Gt), {
                       key: 2,
                       class: "h-6 w-6 text-warning",
                       "aria-hidden": "true"
-                    })) : e.notification.type === l(we).Info ? (a(), O(l(Gt), {
+                    })) : e.notification.type === n(we).Info ? (a(), O(n(Xt), {
                       key: 3,
                       class: "h-6 w-6 text-info",
                       "aria-hidden": "true"
                     })) : I("", !0)
                   ]),
-                  m("div", Ks, [
-                    e.notification.title ? (a(), h("p", Gs, V(e.notification.title), 1)) : I("", !0),
-                    e.notification.description ? (a(), h("p", Xs, V(e.notification.description), 1)) : I("", !0),
-                    e.notification.cta ? (a(), h("div", Zs, [
-                      z(Rs, {
+                  f("div", Gs, [
+                    e.notification.title ? (a(), h("p", Xs, V(e.notification.title), 1)) : I("", !0),
+                    e.notification.description ? (a(), h("p", Zs, V(e.notification.description), 1)) : I("", !0),
+                    e.notification.cta ? (a(), h("div", Qs, [
+                      z(Ds, {
                         to: e.notification.cta.url,
                         class: "label",
                         primary: "",
@@ -544,16 +544,16 @@ const Es = {
                       }, 8, ["to"])
                     ])) : I("", !0)
                   ]),
-                  m("div", {
+                  f("div", {
                     class: b(["ml-4 flex flex-shrink-0", { "self-center": o.value }])
                   }, [
-                    m("button", {
+                    f("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: n
+                      onClick: l
                     }, [
-                      Qs,
-                      z(l(ye), {
+                      Ns,
+                      z(n(ye), {
                         class: "h-6 w-6",
                         "aria-hidden": "true"
                       })
@@ -568,19 +568,19 @@ const Es = {
       ])
     ]));
   }
-}), Ns = "Enter";
-function Js(e) {
+}), Js = "Enter";
+function Ys(e) {
   return (t) => {
-    t.code === Ns && e(t);
+    t.code === Js && e(t);
   };
 }
-const Ys = /* @__PURE__ */ m("circle", {
+const en = /* @__PURE__ */ f("circle", {
   cx: "4",
   cy: "4",
   r: "3"
-}, null, -1), en = [
-  Ys
-], Ke = /* @__PURE__ */ T({
+}, null, -1), tn = [
+  en
+], Xe = /* @__PURE__ */ P({
   __name: "Badge",
   props: {
     size: null,
@@ -593,37 +593,37 @@ const Ys = /* @__PURE__ */ m("circle", {
   },
   emits: ["click-icon"],
   setup(e, { emit: t }) {
-    const r = t, s = e, o = u(
+    const r = t, s = e, o = c(
       () => s.colorClasses || "bg-blue-100 text-blue-800"
-    ), n = u(
+    ), l = c(
       () => s.dotIconColorClasses || "text-blue-400"
-    ), d = u(() => {
-      const x = [
+    ), d = c(() => {
+      const k = [
         "inline-flex items-center",
         o.value,
         s.size === "lg" ? "px-3 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
       ];
-      return s.rounded ? (x.push("rounded"), x.push(
+      return s.rounded ? (k.push("rounded"), k.push(
         s.size === "lg" ? "px-2 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
-      )) : (x.push("rounded-full"), x.push(
+      )) : (k.push("rounded-full"), k.push(
         s.size === "lg" ? "px-2.5 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
-      )), x.join(" ");
-    }), p = u(() => {
-      const x = [
+      )), k.join(" ");
+    }), m = c(() => {
+      const k = [
         "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 ? x.push("cursor-pointer") : x.push("cursor-default"), x.join(" ");
-    }), i = u(() => [
+      return s.clickableIcon ? k.push("cursor-pointer") : k.push("cursor-default"), k.join(" ");
+    }), i = c(() => [
       "-ml-0.5 mr-1.5 h-2 w-2",
-      n.value
-    ].join(" ")), f = (x) => {
+      l.value
+    ].join(" ")), p = (k) => {
       if (!s.clickableIcon) {
-        x.stopPropagation(), x.stopImmediatePropagation(), x.preventDefault();
+        k.stopPropagation(), k.stopImmediatePropagation(), k.preventDefault();
         return;
       }
-      r("click-icon", x);
+      r("click-icon", k);
     };
-    return (x, k) => (a(), h("span", {
+    return (k, y) => (a(), h("span", {
       class: b(d.value)
     }, [
       e.dot ? (a(), h("svg", {
@@ -631,25 +631,25 @@ const Ys = /* @__PURE__ */ m("circle", {
         class: b(i.value),
         fill: "currentColor",
         viewBox: "0 0 8 8"
-      }, en, 2)) : I("", !0),
-      D(x.$slots, "default", {}, () => [
+      }, tn, 2)) : I("", !0),
+      D(k.$slots, "default", {}, () => [
         R("Badge")
       ]),
       e.iconLeft ? (a(), h("button", {
         key: 1,
-        class: b(p.value),
-        onClick: k[0] || (k[0] = (v) => f(v))
+        class: b(m.value),
+        onClick: y[0] || (y[0] = (v) => p(v))
       }, [
         (a(), O(N(e.iconLeft), {
-          class: b(["h-4 w-4", n.value])
+          class: b(["h-4 w-4", l.value])
         }, null, 8, ["class"]))
       ], 2)) : I("", !0)
     ], 2));
   }
 });
-let lt = [];
-function tn(e) {
-  lt = lt ? e : e.slice();
+let ot = [];
+function sn(e) {
+  ot = ot ? e : e.slice();
 }
 var Ce = /* @__PURE__ */ ((e) => (e[e.sm = 640] = "sm", e[e.md = 746] = "md", e[e.lg = 1024] = "lg", e[e.xl = 1280] = "xl", e[e["2xl"] = 1536] = "2xl", e))(Ce || {});
 function gt(e) {
@@ -659,52 +659,52 @@ function gt(e) {
       steps: r,
       orientation: s,
       goVerticalBelow: o,
-      nonInteractive: n,
+      nonInteractive: l,
       stepsPadding: d
     },
-    emit: p
-  } = e, i = u(
+    emit: m
+  } = e, i = c(
     () => (s == null ? void 0 : s.value) === "vertical" ? "vertical" : "horizontal"
-  ), f = u({
-    get: () => st((t == null ? void 0 : t.value) || 0, -1, r.value.length),
-    set: (y) => p("update:modelValue", st(y, 0, r.value.length))
-  }), x = (y) => `${y + 1}`, k = (y) => y === f.value, v = (y) => y < f.value, g = (y, $) => {
-    var _;
-    if (n != null && n.value) {
+  ), p = c({
+    get: () => lt((t == null ? void 0 : t.value) || 0, -1, r.value.length),
+    set: (x) => m("update:modelValue", lt(x, 0, r.value.length))
+  }), k = (x) => `${x + 1}`, y = (x) => x === p.value, v = (x) => x < p.value, g = (x, $) => {
+    var T;
+    if (l != null && l.value) {
       $ == null || $.preventDefault(), $ == null || $.stopPropagation(), $ == null || $.stopImmediatePropagation();
       return;
     }
-    f.value = y;
-    const B = r.value[f.value];
-    (_ = B == null ? void 0 : B.onClick) == null || _.call(B);
-  }, c = u(() => {
-    const y = ["flex"];
+    p.value = x;
+    const B = r.value[p.value];
+    (T = B == null ? void 0 : B.onClick) == null || T.call(B);
+  }, u = c(() => {
+    const x = ["flex"];
     let $, B;
-    return (d == null ? void 0 : d.value) === "xs" ? ($ = "space-x-2", B = "space-y-1") : (d == null ? void 0 : d.value) === "sm" ? ($ = "space-x-4", B = "space-y-1") : ($ = "space-x-8", B = "space-y-4"), y.push("flex"), i.value === "vertical" || o != null && o.value ? (y.push(`flex-col ${B} justify-center`), (o == null ? void 0 : o.value) === Ce.sm ? y.push(
+    return (d == null ? void 0 : d.value) === "xs" ? ($ = "space-x-2", B = "space-y-1") : (d == null ? void 0 : d.value) === "sm" ? ($ = "space-x-4", B = "space-y-1") : ($ = "space-x-8", B = "space-y-4"), x.push("flex"), i.value === "vertical" || o != null && o.value ? (x.push(`flex-col ${B} justify-center`), (o == null ? void 0 : o.value) === Ce.sm ? x.push(
       `sm:flex-row sm:space-y-0 sm:justify-start sm:${$} sm:items-center`
-    ) : (o == null ? void 0 : o.value) === Ce.md ? y.push(
+    ) : (o == null ? void 0 : o.value) === Ce.md ? x.push(
       `md:flex-row md:space-y-0 md:justify-start md:${$} md:items-center`
-    ) : (o == null ? void 0 : o.value) === Ce.lg ? y.push(
+    ) : (o == null ? void 0 : o.value) === Ce.lg ? x.push(
       `lg:flex-row lg:space-y-0 lg:justify-start lg:${$} lg:items-center`
-    ) : (o == null ? void 0 : o.value) === Ce.xl && y.push(
+    ) : (o == null ? void 0 : o.value) === Ce.xl && x.push(
       `xl:flex-row xl:space-y-0 xl:justify-start xl:${$} xl:items-center`
-    )) : y.push(`flex-row ${$} items-center`), y.join(" ");
-  }), S = u(() => {
-    const y = ["flex items-center"];
-    return n != null && n.value || y.push("cursor-pointer"), y.join(" ");
+    )) : x.push(`flex-row ${$} items-center`), x.join(" ");
+  }), S = c(() => {
+    const x = ["flex items-center"];
+    return l != null && l.value || x.push("cursor-pointer"), x.join(" ");
   });
   return {
-    value: f,
-    isCurrentStep: k,
+    value: p,
+    isCurrentStep: y,
     isFinishedStep: v,
     switchStep: g,
-    getStepDisplayValue: x,
-    listClasses: c,
+    getStepDisplayValue: k,
+    listClasses: u,
     linkClasses: S,
     orientation: i
   };
 }
-tn([
+sn([
   "sm:space-x-8",
   "md:space-x-8",
   "lg:space-x-8",
@@ -718,16 +718,16 @@ tn([
   "lg:space-x-4",
   "xl:space-x-4"
 ]);
-const sn = ["aria-label"], nn = ["href", "onClick"], ln = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, an = { class: "shrink-0 h-8 w-8 rounded-full bg-primary-focus text-foreground-on-primary inline-flex items-center justify-center" }, on = { class: "flex flex-col" }, rn = {
+const nn = ["aria-label"], ln = ["href", "onClick"], an = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, on = { class: "shrink-0 h-8 w-8 rounded-full bg-primary-focus text-foreground-on-primary inline-flex items-center justify-center" }, rn = { class: "flex flex-col" }, un = {
   key: 0,
   class: "label label--light text-foreground"
-}, un = ["href", "onClick"], cn = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, dn = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-primary-focus inline-flex items-center justify-center" }, fn = { class: "flex flex-col" }, pn = {
+}, cn = ["href", "onClick"], dn = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, fn = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-primary-focus inline-flex items-center justify-center" }, pn = { class: "flex flex-col" }, mn = {
   key: 0,
   class: "label label--light text-foreground"
-}, mn = ["href", "onClick"], hn = { class: "flex space-x-3 items-center text-foreground-disabled normal font-medium leading-5" }, vn = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-foreground-disabled inline-flex items-center justify-center" }, gn = { class: "flex flex-col" }, bn = {
+}, hn = ["href", "onClick"], vn = { class: "flex space-x-3 items-center text-foreground-disabled normal font-medium leading-5" }, gn = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-foreground-disabled inline-flex items-center justify-center" }, bn = { class: "flex flex-col" }, yn = {
   key: 0,
   class: "label label--light"
-}, ro = /* @__PURE__ */ T({
+}, So = /* @__PURE__ */ P({
   __name: "Number",
   props: {
     ariaLabel: null,
@@ -742,91 +742,91 @@ const sn = ["aria-label"], nn = ["href", "onClick"], ln = { class: "flex space-x
   setup(e, { emit: t }) {
     const r = t, s = e, {
       isCurrentStep: o,
-      isFinishedStep: n,
+      isFinishedStep: l,
       switchStep: d,
-      getStepDisplayValue: p,
+      getStepDisplayValue: m,
       listClasses: i,
-      linkClasses: f
+      linkClasses: p
     } = gt({
-      props: ne(s),
+      props: le(s),
       emit: r
     });
-    return (x, k) => (a(), h("nav", {
+    return (k, y) => (a(), h("nav", {
       class: "flex justify-center",
       "aria-label": e.ariaLabel || "Progress steps"
     }, [
-      m("ol", {
-        class: b(l(i))
+      f("ol", {
+        class: b(n(i))
       }, [
         (a(!0), h(K, null, G(e.steps, (v, g) => (a(), h("li", {
           key: v.name
         }, [
-          l(n)(g) ? (a(), h("a", {
+          n(l)(g) ? (a(), h("a", {
             key: 0,
             href: v.href,
-            class: b(l(f)),
-            onClick: (c) => l(d)(g, c)
+            class: b(n(p)),
+            onClick: (u) => n(d)(g, u)
           }, [
-            m("div", ln, [
-              m("div", an, [
-                z(l(ft), { class: "w-5 h-5" })
+            f("div", an, [
+              f("div", on, [
+                z(n(pt), { class: "w-5 h-5" })
               ]),
-              m("div", on, [
-                m("div", null, V(v.name), 1),
-                v.description ? (a(), h("div", rn, V(v.description), 1)) : I("", !0)
+              f("div", rn, [
+                f("div", null, V(v.name), 1),
+                v.description ? (a(), h("div", un, V(v.description), 1)) : I("", !0)
               ])
             ])
-          ], 10, nn)) : l(o)(g) ? (a(), h("a", {
+          ], 10, ln)) : n(o)(g) ? (a(), h("a", {
             key: 1,
             href: v.href,
-            class: b(l(f)),
+            class: b(n(p)),
             "aria-current": "step",
-            onClick: (c) => l(d)(g, c)
+            onClick: (u) => n(d)(g, u)
           }, [
-            m("div", cn, [
-              m("div", dn, V(l(p)(g)), 1),
-              m("div", fn, [
-                m("div", null, V(v.name), 1),
-                v.description ? (a(), h("div", pn, V(v.description), 1)) : I("", !0)
+            f("div", dn, [
+              f("div", fn, V(n(m)(g)), 1),
+              f("div", pn, [
+                f("div", null, V(v.name), 1),
+                v.description ? (a(), h("div", mn, V(v.description), 1)) : I("", !0)
               ])
             ])
-          ], 10, un)) : (a(), h("a", {
+          ], 10, cn)) : (a(), h("a", {
             key: 2,
             href: v.href,
-            class: b(l(f)),
-            onClick: (c) => l(d)(g, c)
+            class: b(n(p)),
+            onClick: (u) => n(d)(g, u)
           }, [
-            m("div", hn, [
-              m("div", vn, V(l(p)(g)), 1),
-              m("div", gn, [
-                m("div", null, V(v.name), 1),
-                v.description ? (a(), h("div", bn, V(v.description), 1)) : I("", !0)
+            f("div", vn, [
+              f("div", gn, V(n(m)(g)), 1),
+              f("div", bn, [
+                f("div", null, V(v.name), 1),
+                v.description ? (a(), h("div", yn, V(v.description), 1)) : I("", !0)
               ])
             ])
-          ], 10, mn))
+          ], 10, hn))
         ]))), 128))
       ], 2)
-    ], 8, sn));
+    ], 8, nn));
   }
-}), yn = ["aria-label"], xn = ["href", "onClick"], kn = { class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center" }, wn = {
+}), xn = ["aria-label"], kn = ["href", "onClick"], wn = { class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center" }, Cn = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground-2"
-}, Cn = ["href", "onClick"], $n = {
+}, $n = ["href", "onClick"], In = {
   class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center",
   "aria-hidden": "true"
-}, In = {
+}, Sn = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground"
-}, Sn = /* @__PURE__ */ m("span", { class: "absolute h-4 w-4 rounded-full bg-outline-2" }, null, -1), Bn = /* @__PURE__ */ m("span", { class: "relative block h-2 w-2 rounded-full bg-primary-focus" }, null, -1), Vn = ["href", "onClick"], On = {
+}, Bn = /* @__PURE__ */ f("span", { class: "absolute h-4 w-4 rounded-full bg-outline-2" }, null, -1), Vn = /* @__PURE__ */ f("span", { class: "relative block h-2 w-2 rounded-full bg-primary-focus" }, null, -1), zn = ["href", "onClick"], On = {
   class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center",
   "aria-hidden": "true"
-}, zn = {
+}, Ln = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground-2"
-}, Ln = {
+}, Mn = {
   key: 1,
   class: "h-4 w-4 rounded-full bg-foreground-disabled"
-}, io = /* @__PURE__ */ T({
+}, Bo = /* @__PURE__ */ P({
   __name: "Bullet",
   props: {
     ariaLabel: null,
@@ -840,77 +840,184 @@ const sn = ["aria-label"], nn = ["href", "onClick"], ln = { class: "flex space-x
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const r = t, s = e, { isCurrentStep: o, isFinishedStep: n, switchStep: d, listClasses: p, linkClasses: i } = gt({
-      props: ne(s),
+    const r = t, s = e, { isCurrentStep: o, isFinishedStep: l, switchStep: d, listClasses: m, linkClasses: i } = gt({
+      props: le(s),
       emit: r
-    }), f = u(() => {
-      const k = ["h6 font-medium leading-7"];
+    }), p = c(() => {
+      const y = ["h6 font-medium leading-7"];
       let v;
-      return s.stepsPadding === "xs" ? v = "ml-1" : s.stepsPadding === "sm" ? v = "ml-2" : v = "ml-3", k.push(v), s.basic && k.push("sr-only"), k.join(" ");
-    }), x = u(() => {
-      const k = [];
-      return s.basic && k.push("basic"), k.join(" ");
+      return s.stepsPadding === "xs" ? v = "ml-1" : s.stepsPadding === "sm" ? v = "ml-2" : v = "ml-3", y.push(v), s.basic && y.push("sr-only"), y.join(" ");
+    }), k = c(() => {
+      const y = [];
+      return s.basic && y.push("basic"), y.join(" ");
     });
-    return (k, v) => (a(), h("nav", {
+    return (y, v) => (a(), h("nav", {
       class: "flex justify-center",
       "aria-label": e.ariaLabel || "Progress steps"
     }, [
-      m("ol", {
-        class: b([l(p), x.value])
+      f("ol", {
+        class: b([n(m), k.value])
       }, [
-        (a(!0), h(K, null, G(e.steps, (g, c) => (a(), h("li", {
+        (a(!0), h(K, null, G(e.steps, (g, u) => (a(), h("li", {
           key: g.name
         }, [
-          l(n)(c) ? (a(), h("a", {
+          n(l)(u) ? (a(), h("a", {
             key: 0,
             href: g.href,
-            class: b(l(i)),
-            onClick: (S) => l(d)(c, S)
+            class: b(n(i)),
+            onClick: (S) => n(d)(u, S)
           }, [
-            m("span", kn, [
-              e.basic ? (a(), h("span", wn)) : (a(), O(l(pt), {
+            f("span", wn, [
+              e.basic ? (a(), h("span", Cn)) : (a(), O(n(mt), {
                 key: 1,
                 class: "h-full w-full text-primary",
                 "aria-hidden": "true"
               }))
             ]),
-            m("span", {
-              class: b(["text-foreground", f.value])
+            f("span", {
+              class: b(["text-foreground", p.value])
             }, V(g.name), 3)
-          ], 10, xn)) : l(o)(c) ? (a(), h("a", {
+          ], 10, kn)) : n(o)(u) ? (a(), h("a", {
             key: 1,
             href: g.href,
-            class: b(l(i)),
+            class: b(n(i)),
             "aria-current": "step",
-            onClick: (S) => l(d)(c, S)
+            onClick: (S) => n(d)(u, S)
           }, [
-            m("span", $n, [
-              e.basic ? (a(), h("span", In)) : (a(), h(K, { key: 1 }, [
-                Sn,
-                Bn
+            f("span", In, [
+              e.basic ? (a(), h("span", Sn)) : (a(), h(K, { key: 1 }, [
+                Bn,
+                Vn
               ], 64))
             ]),
-            m("span", {
-              class: b(["text-primary-focus", f.value])
+            f("span", {
+              class: b(["text-primary-focus", p.value])
             }, V(g.name), 3)
-          ], 10, Cn)) : (a(), h("a", {
+          ], 10, $n)) : (a(), h("a", {
             key: 2,
             href: g.href,
-            class: b(l(i)),
-            onClick: (S) => l(d)(c, S)
+            class: b(n(i)),
+            onClick: (S) => n(d)(u, S)
           }, [
-            m("div", On, [
-              e.basic ? (a(), h("span", zn)) : (a(), h("div", Ln))
+            f("div", On, [
+              e.basic ? (a(), h("span", Ln)) : (a(), h("div", Mn))
             ]),
-            m("p", {
-              class: b(["text-foreground-disabled", f.value])
+            f("p", {
+              class: b(["text-foreground-disabled", p.value])
             }, V(g.name), 3)
-          ], 10, Vn))
+          ], 10, zn))
         ]))), 128))
       ], 2)
-    ], 8, yn));
+    ], 8, xn));
+  }
+}), _n = {}, An = {
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "icon icon-tabler icon-tabler-pointer",
+  width: "44",
+  height: "44",
+  viewBox: "0 0 24 24",
+  "stroke-width": "1.5",
+  stroke: "currentColor",
+  fill: "rgba(255,255,255,0.8)",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, Pn = /* @__PURE__ */ f("path", {
+  stroke: "none",
+  d: "M0 0h24v24H0z",
+  fill: "none"
+}, null, -1), jn = /* @__PURE__ */ f("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), Tn = [
+  Pn,
+  jn
+];
+function Fn(e, t) {
+  return a(), h("svg", An, Tn);
+}
+const Rn = /* @__PURE__ */ Oe(_n, [["render", Fn]]), Dn = {}, En = {
+  viewBox: "0 0 18 17",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Un = /* @__PURE__ */ f("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), qn = [
+  Un
+];
+function Wn(e, t) {
+  return a(), h("svg", En, qn);
+}
+const Hn = /* @__PURE__ */ Oe(Dn, [["render", Wn]]), Kn = { class: "relative aspect-square w-full h-full max-w-[250px] mx-auto mb-8 border-t border-r border-outline-3 select-none" }, Gn = { class: "w-full h-full overflow-hidden" }, Vo = /* @__PURE__ */ P({
+  __name: "Instructional",
+  props: {
+    actions: Array,
+    initialPosition: {
+      type: Object
+    },
+    slotsConfig: Array
+  },
+  setup(e) {
+    const t = e, r = M(!0), s = M({ ...t.initialPosition }), o = M(!1), l = M(500), d = M(!0), m = M(t.slotsConfig || []);
+    async function i(y) {
+      await ls(y.duration);
+    }
+    function p(y) {
+      const v = m.value.find((g) => g.name === y.slot);
+      v && (v.visible = !v.visible);
+    }
+    function k(y) {
+      switch (y.type) {
+        case "animation":
+          s.value = { top: y.top, left: y.left }, l.value = y.duration;
+          break;
+        case "click":
+          o.value = !0, setTimeout(() => o.value = !1, 500);
+          break;
+        case "delay":
+          return i(y);
+        case "slot":
+          p(y);
+          break;
+      }
+    }
+    return ae(() => {
+      (async () => {
+        for (; r.value; ) {
+          await i({ type: "delay", duration: 800 }), d.value = !0;
+          for (const v of t.actions || [])
+            await k(v);
+          d.value = !1, s.value = { ...t.initialPosition }, await i({ type: "delay", duration: 200 });
+        }
+      })();
+    }), Ue(() => {
+      r.value = !1;
+    }), (y, v) => (a(), h("div", Kn, [
+      f("div", {
+        class: "absolute z-50 text-foreground dark:text-foundation",
+        style: ne({
+          transitionProperty: "all",
+          top: s.value.top + "%",
+          left: s.value.left + "%",
+          transitionDuration: l.value + "ms"
+        })
+      }, [
+        z(Hn, {
+          class: b(["absolute -top-5 -left-4 h-12 w-12 -rotate-12 text-foreground", [{ hidden: !o.value }]])
+        }, null, 8, ["class"]),
+        z(Rn, { class: "absolute inset-0 h-11 w-11" })
+      ], 4),
+      f("div", Gn, [
+        D(y.$slots, "background"),
+        (a(!0), h(K, null, G(m.value, (g) => (a(), h(K, {
+          key: g.name
+        }, [
+          g.visible ? D(y.$slots, g.name, { key: 0 }) : I("", !0)
+        ], 64))), 128))
+      ])
+    ]));
   }
-}), Mn = ["disabled"], uo = /* @__PURE__ */ T({
+}), Xn = ["disabled"], zo = /* @__PURE__ */ P({
   __name: "CardButton",
   props: {
     disabled: { type: Boolean },
@@ -918,7 +1025,7 @@ const sn = ["aria-label"], nn = ["href", "onClick"], ln = { class: "flex space-x
   },
   emits: ["update:modelValue", "click"],
   setup(e, { emit: t }) {
-    const r = t, s = e, o = u(() => {
+    const r = t, s = e, o = c(() => {
       const d = [
         "h-20 bg-foundation-2 inline-flex justify-center items-center outline-none",
         "normal px-16 py-5 shadow rounded transition active:scale-95"
@@ -926,30 +1033,30 @@ const sn = ["aria-label"], nn = ["href", "onClick"], ln = { class: "flex space-x
       return s.disabled ? d.push("bg-foundation-disabled text-foreground-2 cursor-not-allowed") : (d.push(
         s.modelValue ? "bg-primary-focus text-foreground-on-primary" : "bg-foundation text-foreground"
       ), d.push("ring-outline-2 hover:ring-4")), d.join(" ");
-    }), n = (d) => {
+    }), l = (d) => {
       if (s.disabled) {
         d.preventDefault(), d.stopPropagation(), d.stopImmediatePropagation();
         return;
       }
       r("update:modelValue", !s.modelValue), r("click", d);
     };
-    return (d, p) => (a(), h("button", {
+    return (d, m) => (a(), h("button", {
       class: b(o.value),
       disabled: e.disabled,
-      onClick: n
+      onClick: l
     }, [
       D(d.$slots, "default", {}, () => [
         R("Text")
       ])
-    ], 10, Mn));
+    ], 10, Xn));
   }
-}), jn = { class: "relative flex items-start" }, An = { class: "flex h-6 items-center" }, Pn = ["id", "checked", "aria-describedby", "name", "disabled", "value"], Tn = {
+}), Zn = { class: "relative flex items-start" }, Qn = { class: "flex h-6 items-center" }, Nn = ["id", "checked", "aria-describedby", "name", "disabled", "value"], Jn = {
   class: "ml-2 text-sm",
   style: { "padding-top": "2px" }
-}, _n = ["for"], Fn = {
+}, Yn = ["for"], el = {
   key: 0,
   class: "text-danger ml-1"
-}, Rn = ["id"], co = /* @__PURE__ */ T({
+}, tl = ["id"], Oo = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -1038,61 +1145,61 @@ const sn = ["aria-label"], nn = ["href", "onClick"], ln = { class: "flex space-x
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = (y) => `${y}-${Oe()}`, s = u(() => t.value || t.name), {
+    const t = e, r = (x) => `${x}-${ze()}`, s = c(() => t.value || t.name), {
       checked: o,
-      errorMessage: n,
+      errorMessage: l,
       handleChange: d,
-      value: p
+      value: m
     } = Ie(t.name, t.rules, {
       validateOnMount: t.validateOnMount,
       type: "checkbox",
       checkedValue: s,
       initialValue: t.modelValue || void 0
-    }), i = u(() => t.label || t.name), f = u(() => n.value ? "border-danger-lighter" : "border-foreground-4 "), x = u(() => t.description || n.value), k = u(() => `${t.name}-description`), v = u(() => {
-      const y = [];
-      return t.inlineDescription ? y.push("inline ml-2") : y.push("block"), n.value ? y.push("text-danger") : y.push("text-foreground-2"), y.join(" ");
-    }), g = j(r("checkbox")), c = u(() => t.id || g.value), S = (y) => {
-      t.disabled || d(y);
+    }), i = c(() => t.label || t.name), p = c(() => l.value ? "border-danger-lighter" : "border-foreground-4 "), k = c(() => t.description || l.value), y = c(() => `${t.name}-description`), v = c(() => {
+      const x = [];
+      return t.inlineDescription ? x.push("inline ml-2") : x.push("block"), l.value ? x.push("text-danger") : x.push("text-foreground-2"), x.join(" ");
+    }), g = M(r("checkbox")), u = c(() => t.id || g.value), S = (x) => {
+      t.disabled || d(x);
     };
-    return ie(() => {
-      const y = t.modelValue, $ = p.value, B = Array.isArray(y) ? y.includes(t.value) : y === t.value, _ = Array.isArray($) ? $.includes(t.value) : $ === t.value;
-      B !== _ && d(y);
-    }), (y, $) => (a(), h("div", jn, [
-      m("div", An, [
-        m("input", oe({
-          id: c.value,
-          checked: l(o),
-          "aria-describedby": k.value,
+    return ae(() => {
+      const x = t.modelValue, $ = m.value, B = Array.isArray(x) ? x.includes(t.value) : x === t.value, T = Array.isArray($) ? $.includes(t.value) : $ === t.value;
+      B !== T && d(x);
+    }), (x, $) => (a(), h("div", Zn, [
+      f("div", Qn, [
+        f("input", ie({
+          id: u.value,
+          checked: n(o),
+          "aria-describedby": y.value,
           name: e.name,
           disabled: e.disabled,
           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", f.value]
-        }, y.$attrs, { onChange: S }), null, 16, Pn)
+          class: ["h-4 w-4 rounded text-primary focus:ring-primary bg-foundation disabled:cursor-not-allowed disabled:bg-disabled disabled:text-disabled-2", p.value]
+        }, x.$attrs, { onChange: S }), null, 16, Nn)
       ]),
-      m("div", Tn, [
-        m("label", {
-          for: c.value,
+      f("div", Jn, [
+        f("label", {
+          for: u.value,
           class: b(["font-medium text-foreground", { "sr-only": e.hideLabel }])
         }, [
-          m("span", null, V(i.value), 1),
-          e.showRequired ? (a(), h("span", Fn, "*")) : I("", !0)
-        ], 10, _n),
-        x.value ? (a(), h("p", {
+          f("span", null, V(i.value), 1),
+          e.showRequired ? (a(), h("span", el, "*")) : I("", !0)
+        ], 10, Yn),
+        k.value ? (a(), h("p", {
           key: 0,
-          id: k.value,
+          id: y.value,
           class: b(v.value)
-        }, V(x.value), 11, Rn)) : I("", !0)
+        }, V(k.value), 11, tl)) : I("", !0)
       ])
     ]));
   }
-}), En = { class: "flex h-6 items-center" }, Dn = ["id", "checked", "aria-describedby", "name", "disabled", "value"], Un = {
+}), sl = { class: "flex h-6 items-center" }, nl = ["id", "checked", "aria-describedby", "name", "disabled", "value"], ll = ["for"], al = {
   key: 0,
   class: "text-sm"
-}, qn = { class: "text-sm" }, Wn = ["for"], Hn = {
-  key: 0,
+}, ol = {
+  key: 1,
   class: "text-danger ml-1"
-}, Kn = ["id"], fo = /* @__PURE__ */ T({
+}, rl = ["id"], Lo = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "Radio",
   props: {
@@ -1188,117 +1295,119 @@ const sn = ["aria-label"], nn = ["href", "onClick"], ln = { class: "flex space-x
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = (y) => `${y}-${Oe()}`, s = u(() => t.value || t.name), {
+    const t = e, r = (x) => `${x}-${ze()}`, s = c(() => t.value || t.name), {
       checked: o,
-      errorMessage: n,
+      errorMessage: l,
       handleChange: d,
-      value: p
+      value: m
     } = Ie(t.name, t.rules, {
       validateOnMount: t.validateOnMount,
       type: "radio",
       checkedValue: s,
       initialValue: t.modelValue || void 0
-    }), i = u(() => t.label || t.name), f = u(() => n.value ? "border-danger-lighter" : "border-foreground-4 "), x = u(() => t.description || n.value), k = u(() => `${t.name}-description`), v = u(() => {
-      const y = [];
-      return t.inlineDescription ? y.push("inline ml-2") : y.push("block"), n.value ? y.push("text-danger") : y.push("text-foreground-2"), y.join(" ");
-    }), g = j(r("radio")), c = u(() => t.id || g.value), S = (y) => {
-      t.disabled || d(y);
+    }), i = c(() => t.label || t.name), p = c(() => l.value ? "border-danger-lighter" : "border-foreground-4 "), k = c(() => t.description || l.value), y = c(() => `${t.name}-description`), v = c(() => {
+      const x = [];
+      return l.value ? x.push("text-danger") : x.push("text-foreground-2"), x.join(" ");
+    }), g = M(r("radio")), u = c(() => t.id || g.value), S = (x) => {
+      t.disabled || d(x);
     };
-    return ie(() => {
-      const y = t.modelValue, $ = p.value, B = Array.isArray(y) ? y.includes(t.value) : y === t.value, _ = Array.isArray($) ? $.includes(t.value) : $ === t.value;
-      B !== _ && d(y);
-    }), (y, $) => (a(), h("div", {
+    return ae(() => {
+      const x = t.modelValue, $ = m.value, B = Array.isArray(x) ? x.includes(t.value) : x === t.value, T = Array.isArray($) ? $.includes(t.value) : $ === t.value;
+      B !== T && d(x);
+    }), (x, $) => (a(), h("div", {
       class: b(["relative flex gap-2 mb-2 last:mb-0", e.description ? "items-start" : "items-center"])
     }, [
-      m("div", En, [
-        m("input", oe({
-          id: c.value,
-          checked: l(o),
-          "aria-describedby": k.value,
+      f("div", sl, [
+        f("input", ie({
+          id: u.value,
+          checked: n(o),
+          "aria-describedby": y.value,
           name: e.name,
           disabled: e.disabled,
           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", f.value]
-        }, y.$attrs, { onChange: S }), null, 16, Dn)
+          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", p.value]
+        }, x.$attrs, { onChange: S }), null, 16, nl)
       ]),
-      e.icon ? (a(), h("div", Un, [
-        (a(), O(N(e.icon), { class: "h-10 w-10" }))
-      ])) : I("", !0),
-      m("div", qn, [
-        m("label", {
-          for: c.value,
-          class: b(["text-foreground", { "sr-only": e.hideLabel }])
+      f("div", {
+        class: b(["text-sm", e.inlineDescription ? "flex gap-2 items-center" : ""])
+      }, [
+        f("label", {
+          for: u.value,
+          class: b(["text-foreground flex gap-2 items-center", { "sr-only": e.hideLabel }])
         }, [
-          m("span", null, V(i.value), 1),
-          e.showRequired ? (a(), h("span", Hn, "*")) : I("", !0)
-        ], 10, Wn),
-        x.value ? (a(), h("p", {
+          e.icon ? (a(), h("div", al, [
+            (a(), O(N(e.icon), { class: "h-10 w-10" }))
+          ])) : I("", !0),
+          f("span", null, V(i.value), 1),
+          e.showRequired ? (a(), h("span", ol, "*")) : I("", !0)
+        ], 10, ll),
+        k.value ? (a(), h("p", {
           key: 0,
-          id: k.value,
+          id: y.value,
           class: b(v.value)
-        }, V(x.value), 11, Kn)) : I("", !0)
-      ])
+        }, V(k.value), 11, rl)) : I("", !0)
+      ], 2)
     ], 2));
   }
 });
-function Ge(e) {
-  const { props: t, inputEl: r, emit: s, options: o } = e, { value: n, errorMessage: d } = Ie(t.name, t.rules, {
-    validateOnMount: l(t.validateOnMount),
-    validateOnValueUpdate: l(t.validateOnValueUpdate),
-    initialValue: l(t.modelValue) || void 0
-  }), p = u(() => {
-    const M = ["block label text-foreground-2 mb-2"];
-    return l(t.showLabel) || M.push("sr-only"), M.join(" ");
-  }), i = u(() => [
+function Ze(e) {
+  const { props: t, inputEl: r, emit: s, options: o } = e, { value: l, errorMessage: d } = Ie(t.name, t.rules, {
+    validateOnMount: n(t.validateOnMount),
+    validateOnValueUpdate: n(t.validateOnValueUpdate),
+    initialValue: n(t.modelValue) || void 0
+  }), m = c(() => {
+    const _ = ["block label text-foreground-2 mb-2"];
+    return n(t.showLabel) || _.push("sr-only"), _.join(" ");
+  }), i = c(() => [
     "focus:outline-none disabled:cursor-not-allowed disabled:bg-foundation-disabled",
     "disabled:text-disabled-muted placeholder:text-foreground-2",
     "rounded"
-  ].join(" ")), f = u(() => {
-    const M = [
+  ].join(" ")), p = c(() => {
+    const _ = [
       "block w-full text-foreground transition-all",
       i.value
     ];
-    d.value ? M.push(
+    d.value ? _.push(
       "focus:border-danger focus:ring-danger border-2 border-danger text-danger-darker"
-    ) : M.push("border-0 focus:ring-2 focus:ring-outline-2");
-    const w = l(t.color);
-    return w === "foundation" ? M.push("bg-foundation shadow-sm hover:shadow") : w === "transparent" ? M.push("bg-transparent") : M.push("bg-foundation-page"), M.join(" ");
-  }), x = j(Oe()), k = u(() => l(t.label) || l(t.name)), v = u(() => {
-    const M = d.value;
-    return !M || !l(t.useLabelInErrors) ? M : M.replace("Value", k.value);
-  }), g = u(
-    () => v.value && l(t.hideErrorMessage)
-  ), c = u(() => v.value || l(t.help)), S = u(() => !!c.value), y = u(
-    () => S.value ? `${l(t.name)}-${x.value}` : void 0
-  ), $ = u(() => {
-    const M = ["mt-2 text-xs sm:text-sm"];
-    return M.push(d.value ? "text-danger" : "text-foreground-2"), M.join(" ");
+    ) : _.push("border-0 focus:ring-2 focus:ring-outline-2");
+    const w = n(t.color);
+    return w === "foundation" ? _.push("bg-foundation shadow-sm hover:shadow") : w === "transparent" ? _.push("bg-transparent") : _.push("bg-foundation-page"), _.join(" ");
+  }), k = M(ze()), y = c(() => n(t.label) || n(t.name)), v = c(() => {
+    const _ = d.value;
+    return !_ || !n(t.useLabelInErrors) ? _ : _.replace("Value", y.value);
+  }), g = c(
+    () => v.value && n(t.hideErrorMessage)
+  ), u = c(() => v.value || n(t.help)), S = c(() => !!u.value), x = c(
+    () => S.value ? `${n(t.name)}-${k.value}` : void 0
+  ), $ = c(() => {
+    const _ = ["mt-2 text-xs sm:text-sm"];
+    return _.push(d.value ? "text-danger" : "text-foreground-2"), _.join(" ");
   }), B = () => {
-    var M;
-    (M = r.value) == null || M.focus();
-  }, _ = () => {
-    var M;
-    n.value = Q(n.value) ? [] : "", (M = o == null ? void 0 : o.customClear) == null || M.call(o), s("change", { value: n.value }), s("clear");
+    var _;
+    (_ = r.value) == null || _.focus();
+  }, T = () => {
+    var _;
+    l.value = Q(l.value) ? [] : "", (_ = o == null ? void 0 : o.customClear) == null || _.call(o), s("change", { value: l.value }), s("clear");
   };
-  return ie(() => {
-    l(t.autoFocus) && B();
+  return ae(() => {
+    n(t.autoFocus) && B();
   }), {
     coreInputClasses: i,
-    coreClasses: f,
-    title: k,
-    value: n,
-    helpTipId: y,
+    coreClasses: p,
+    title: y,
+    value: l,
+    helpTipId: x,
     helpTipClasses: $,
-    helpTip: c,
+    helpTip: u,
     hideHelpTip: g,
     errorMessage: v,
-    clear: _,
+    clear: T,
     focus: B,
-    labelClasses: p
+    labelClasses: m
   };
 }
-const Gn = ["for"], Xn = { class: "relative" }, Zn = ["id", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], Qn = /* @__PURE__ */ m("span", { class: "text-xs sr-only" }, "Clear input", -1), Nn = ["id"], Jn = /* @__PURE__ */ T({
+const il = ["for"], ul = { class: "relative" }, cl = ["id", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], dl = /* @__PURE__ */ f("span", { class: "text-xs sr-only" }, "Clear input", -1), fl = ["id"], pl = /* @__PURE__ */ P({
   __name: "TextArea",
   props: {
     name: null,
@@ -1321,100 +1430,100 @@ const Gn = ["for"], Xn = { class: "relative" }, Zn = ["id", "name", "placeholder
   },
   emits: ["update:modelValue", "change", "input", "clear"],
   setup(e, { expose: t, emit: r }) {
-    const s = r, o = e, n = j(null), {
+    const s = r, o = e, l = M(null), {
       coreClasses: d,
-      title: p,
+      title: m,
       value: i,
-      helpTipId: f,
-      helpTipClasses: x,
-      helpTip: k,
+      helpTipId: p,
+      helpTipClasses: k,
+      helpTip: y,
       errorMessage: v,
       labelClasses: g,
-      clear: c,
+      clear: u,
       focus: S
-    } = Ge({
-      props: ne(o),
+    } = Ze({
+      props: le(o),
       emit: s,
-      inputEl: n
-    }), y = u(() => {
+      inputEl: l
+    }), x = c(() => {
       const $ = ["pl-2"];
       return o.showClear && v.value ? $.push("pr-12") : (o.showClear || v.value) && $.push("pr-8"), $.join(" ");
     });
     return t({ focus: S }), ($, B) => (a(), h("div", {
       class: b([e.fullWidth ? "w-full" : ""])
     }, [
-      m("label", {
+      f("label", {
         for: e.name,
-        class: b(l(g))
+        class: b(n(g))
       }, [
-        m("span", null, V(l(p)), 1)
-      ], 10, Gn),
-      m("div", Xn, [
-        be(m("textarea", oe({
+        f("span", null, V(n(m)), 1)
+      ], 10, il),
+      f("div", ul, [
+        be(f("textarea", ie({
           id: e.name,
           ref_key: "inputElement",
-          ref: n,
-          "onUpdate:modelValue": B[0] || (B[0] = (_) => Be(i) ? i.value = _ : null),
+          ref: l,
+          "onUpdate:modelValue": B[0] || (B[0] = (T) => Be(i) ? i.value = T : null),
           name: e.name,
           class: [
-            l(d),
-            y.value,
+            n(d),
+            x.value,
             e.textareaClasses || "",
             "min-h-[3rem] simple-scrollbar text-sm"
           ],
           placeholder: e.placeholder,
           disabled: e.disabled,
-          "aria-invalid": l(v) ? "true" : "false",
-          "aria-describedby": l(f)
+          "aria-invalid": n(v) ? "true" : "false",
+          "aria-describedby": n(p)
         }, $.$attrs, {
-          onChange: B[1] || (B[1] = (_) => $.$emit("change", { event: _, value: l(i) })),
-          onInput: B[2] || (B[2] = (_) => $.$emit("input", { event: _, value: l(i) }))
-        }), null, 16, Zn), [
-          [De, l(i)]
+          onChange: B[1] || (B[1] = (T) => $.$emit("change", { event: T, value: n(i) })),
+          onInput: B[2] || (B[2] = (T) => $.$emit("input", { event: T, value: n(i) }))
+        }), null, 16, cl), [
+          [qe, n(i)]
         ]),
         e.showClear ? (a(), h("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
-          (..._) => l(c) && l(c)(..._)),
+          (...T) => n(u) && n(u)(...T)),
           onKeydown: B[4] || (B[4] = //@ts-ignore
-          (..._) => l(c) && l(c)(..._))
+          (...T) => n(u) && n(u)(...T))
         }, [
-          Qn,
-          z(l(ye), {
+          dl,
+          z(n(ye), {
             class: "h-5 w-5 text-foreground",
             "aria-hidden": "true"
           })
         ], 32)) : I("", !0),
-        l(v) ? (a(), h("div", {
+        n(v) ? (a(), h("div", {
           key: 1,
           class: b([
             "pointer-events-none absolute inset-y-0 right-0 flex items-start mt-2",
             e.showClear ? "pr-8" : "pr-2"
           ])
         }, [
-          z(l(Ve), {
+          z(n(Ve), {
             class: "h-4 w-4 text-danger",
             "aria-hidden": "true"
           })
         ], 2)) : I("", !0),
-        e.showRequired && !l(v) ? (a(), h("div", {
+        e.showRequired && !n(v) ? (a(), h("div", {
           key: 2,
           class: b(["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)
       ]),
-      l(f) ? (a(), h("p", {
+      n(p) ? (a(), h("p", {
         key: 0,
-        id: l(f),
-        class: b(l(x))
-      }, V(l(k)), 11, Nn)) : I("", !0)
+        id: n(p),
+        class: b(n(k))
+      }, V(n(y)), 11, fl)) : I("", !0)
     ], 2));
   }
-}), Yn = ["for"], el = { class: "relative" }, tl = {
+}), ml = ["for"], hl = { class: "relative" }, vl = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2"
-}, sl = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], nl = /* @__PURE__ */ m("span", { class: "text-xs sr-only" }, "Clear input", -1), ll = ["id"], al = /* @__PURE__ */ T({
+}, gl = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], bl = /* @__PURE__ */ f("span", { class: "text-xs sr-only" }, "Clear input", -1), yl = ["id"], xl = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "TextInput",
   props: {
@@ -1551,31 +1660,31 @@ const Gn = ["for"], Xn = { class: "relative" }, Zn = ["id", "name", "placeholder
   },
   emits: ["update:modelValue", "change", "input", "clear", "focus", "blur"],
   setup(e, { expose: t, emit: r }) {
-    const s = e, o = r, n = Ue(), d = j(null), {
-      coreClasses: p,
+    const s = e, o = r, l = We(), d = M(null), {
+      coreClasses: m,
       title: i,
-      value: f,
-      helpTipId: x,
-      helpTipClasses: k,
+      value: p,
+      helpTipId: k,
+      helpTipClasses: y,
       helpTip: v,
       hideHelpTip: g,
-      errorMessage: c,
+      errorMessage: u,
       clear: S,
-      focus: y,
+      focus: x,
       labelClasses: $
-    } = Ge({
-      props: ne(s),
+    } = Ze({
+      props: le(s),
       emit: o,
       inputEl: d
-    }), B = u(() => {
+    }), B = c(() => {
       const U = ["h-5 w-5"];
-      return c.value ? U.push("text-danger") : U.push("text-foreground-2"), U.join(" ");
-    }), _ = u(
+      return u.value ? U.push("text-danger") : U.push("text-foreground-2"), U.join(" ");
+    }), T = c(
       () => ["email", "password"].includes(s.type) || s.customIcon
-    ), M = u(() => {
+    ), _ = c(() => {
       const U = [];
-      return _.value ? U.push("pl-8") : U.push("pl-2"), n["input-right"] || (c.value || s.showClear) && (c.value && s.showClear ? U.push("pr-12") : U.push("pr-8")), U.join(" ");
-    }), w = u(() => {
+      return T.value ? U.push("pl-8") : U.push("pl-2"), l["input-right"] || (u.value || s.showClear) && (u.value && s.showClear ? U.push("pr-12") : U.push("pr-8")), U.join(" ");
+    }), w = c(() => {
       switch (s.size) {
         case "sm":
           return "h-6 text-sm";
@@ -1588,51 +1697,51 @@ const Gn = ["for"], Xn = { class: "relative" }, Zn = ["id", "name", "placeholder
           return "h-8 text-sm";
       }
     });
-    return t({ focus: y }), (U, q) => (a(), h("div", {
+    return t({ focus: x }), (U, q) => (a(), h("div", {
       class: b([e.fullWidth ? "w-full" : "", e.wrapperClasses])
     }, [
-      m("label", {
+      f("label", {
         for: e.name,
-        class: b(l($))
+        class: b(n($))
       }, [
-        m("span", null, V(l(i)), 1)
-      ], 10, Yn),
-      m("div", el, [
-        _.value ? (a(), h("div", tl, [
+        f("span", null, V(n(i)), 1)
+      ], 10, ml),
+      f("div", hl, [
+        T.value ? (a(), h("div", vl, [
           e.customIcon ? (a(), O(N(e.customIcon), {
             key: 0,
             class: b(B.value),
             "aria-hidden": "true"
-          }, null, 8, ["class"])) : e.type === "email" ? (a(), O(l(es), {
+          }, null, 8, ["class"])) : e.type === "email" ? (a(), O(n(es), {
             key: 1,
             class: b(B.value),
             "aria-hidden": "true"
-          }, null, 8, ["class"])) : e.type === "password" ? (a(), O(l(ts), {
+          }, null, 8, ["class"])) : e.type === "password" ? (a(), O(n(ts), {
             key: 2,
             class: b(B.value),
             "aria-hidden": "true"
           }, null, 8, ["class"])) : I("", !0)
         ])) : I("", !0),
-        be(m("input", oe({
+        be(f("input", ie({
           id: e.name,
           ref_key: "inputElement",
           ref: d,
-          "onUpdate:modelValue": q[0] || (q[0] = (E) => Be(f) ? f.value = E : null),
+          "onUpdate:modelValue": q[0] || (q[0] = (E) => Be(p) ? p.value = E : null),
           type: e.type,
           name: e.name,
-          class: [l(p), M.value, w.value, e.inputClasses || ""],
+          class: [n(m), _.value, w.value, e.inputClasses || ""],
           placeholder: e.placeholder,
           disabled: e.disabled,
-          "aria-invalid": l(c) ? "true" : "false",
-          "aria-describedby": l(x),
+          "aria-invalid": n(u) ? "true" : "false",
+          "aria-describedby": n(k),
           role: "textbox"
         }, U.$attrs, {
-          onChange: q[1] || (q[1] = (E) => U.$emit("change", { event: E, value: l(f) })),
-          onInput: q[2] || (q[2] = (E) => U.$emit("input", { event: E, value: l(f) })),
+          onChange: q[1] || (q[1] = (E) => U.$emit("change", { event: E, value: n(p) })),
+          onInput: q[2] || (q[2] = (E) => U.$emit("input", { event: E, value: n(p) })),
           onFocus: q[3] || (q[3] = (E) => U.$emit("focus")),
           onBlur: q[4] || (q[4] = (E) => U.$emit("blur"))
-        }), null, 16, sl), [
-          [Vt, l(f)]
+        }), null, 16, gl), [
+          [Vt, n(p)]
         ]),
         D(U.$slots, "input-right", {}, () => [
           e.showClear ? (a(), h("a", {
@@ -1640,59 +1749,59 @@ const Gn = ["for"], Xn = { class: "relative" }, Zn = ["id", "name", "placeholder
             title: "Clear input",
             class: "absolute inset-y-0 right-0 flex items-center pr-2 cursor-pointer",
             onClick: q[5] || (q[5] = //@ts-ignore
-            (...E) => l(S) && l(S)(...E)),
+            (...E) => n(S) && n(S)(...E)),
             onKeydown: q[6] || (q[6] = //@ts-ignore
-            (...E) => l(S) && l(S)(...E))
+            (...E) => n(S) && n(S)(...E))
           }, [
-            nl,
-            z(l(ye), {
+            bl,
+            z(n(ye), {
               class: "h-5 w-5 text-foreground",
               "aria-hidden": "true"
             })
           ], 32)) : I("", !0),
-          l(c) ? (a(), h("div", {
+          n(u) ? (a(), h("div", {
             key: 1,
             class: b([
               "pointer-events-none absolute inset-y-0 right-0 flex items-center",
               e.showClear ? "pr-8" : "pr-2"
             ])
           }, [
-            z(l(Ve), {
+            z(n(Ve), {
               class: "h-4 w-4 text-danger",
               "aria-hidden": "true"
             })
           ], 2)) : I("", !0),
-          e.showRequired && !l(c) ? (a(), h("div", {
+          e.showRequired && !n(u) ? (a(), h("div", {
             key: 2,
             class: b(["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)
         ])
       ]),
-      l(x) && !l(g) ? (a(), h("p", {
+      n(k) && !n(g) ? (a(), h("p", {
         key: 0,
-        id: l(x),
-        class: b(l(k))
-      }, V(l(v)), 11, ll)) : I("", !0)
+        id: n(k),
+        class: b(n(y))
+      }, V(n(v)), 11, yl)) : I("", !0)
     ], 2));
   }
-}), bt = /^https?:\/\//, Xe = /^[\w-_.+]+@[\w-_.+]+$/, ol = (e) => (e || "").match(Xe) ? !0 : "Value should be a valid e-mail address", rl = (e) => (e || "").split(",").map((s) => s.trim()).every((s) => s.match(Xe)) || "Value should be one or multiple comma-delimited e-mail addresses", il = (e) => (Se(e) && (e = e.trim()), e ? !0 : "Value is required"), ul = (e, t) => (r, s) => r === s.form[e] ? !0 : `Value must be the same as in field '${t || e}'`, cl = (e) => (t) => {
+}), bt = /^https?:\/\//, Qe = /^[\w-_.+]+@[\w-_.+]+$/, kl = (e) => (e || "").match(Qe) ? !0 : "Value should be a valid e-mail address", wl = (e) => (e || "").split(",").map((s) => s.trim()).every((s) => s.match(Qe)) || "Value should be one or multiple comma-delimited e-mail addresses", Cl = (e) => (Se(e) && (e = e.trim()), e ? !0 : "Value is required"), $l = (e, t) => (r, s) => r === s.form[e] ? !0 : `Value must be the same as in field '${t || e}'`, Il = (e) => (t) => {
   const { minLength: r, maxLength: s } = e;
-  return t = ls(t) ? "" : t, Se(t) ? !ge(r) && t.length < r ? `Value needs to be at least ${r} characters long` : !ge(s) && t.length > s ? `Value needs to be no more than ${s} characters long` : !0 : "Value should be a text string";
-}, dl = (e) => (t) => {
+  return t = as(t) ? "" : t, Se(t) ? !ge(r) && t.length < r ? `Value needs to be at least ${r} characters long` : !ge(s) && t.length > s ? `Value needs to be no more than ${s} characters long` : !0 : "Value should be a text string";
+}, Sl = (e) => (t) => {
   const { match: r, message: s } = e;
   return Se(t) ? r ? Se(r) ? t.includes(r) ? !0 : s : r.test(t) ? !0 : s : !0 : "Value should be a text string";
-}, fl = (e) => bt.test(e) ? !0 : "Value is not a valid URL", pl = (e) => Array.isArray(e) && e.length > 0 ? !0 : "Value should have at least a single item selected", po = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Bl = (e) => bt.test(e) ? !0 : "Value is not a valid URL", Vl = (e) => Array.isArray(e) && e.length > 0 ? !0 : "Value should have at least a single item selected", Mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VALID_EMAIL: Xe,
+  VALID_EMAIL: Qe,
   VALID_HTTP_URL: bt,
-  isEmail: ol,
-  isItemSelected: pl,
-  isOneOrMultipleEmails: rl,
-  isRequired: il,
-  isSameAs: ul,
-  isStringOfLength: cl,
-  isUrl: fl,
-  stringContains: dl
+  isEmail: kl,
+  isItemSelected: Vl,
+  isOneOrMultipleEmails: wl,
+  isRequired: Cl,
+  isSameAs: $l,
+  isStringOfLength: Il,
+  isUrl: Bl,
+  stringContains: Sl
 }, Symbol.toStringTag, { value: "Module" }));
 function yt(e) {
   const {
@@ -1700,20 +1809,20 @@ function yt(e) {
     elementToWatchForChanges: r,
     itemContainer: s,
     trackResize: o = !1,
-    trackMutations: n = !0
-  } = e || {}, d = j(0), p = () => {
+    trackMutations: l = !0
+  } = e || {}, d = M(0), m = () => {
     const i = s.value;
     if (t != null && t.value || !i)
       return;
-    const f = i.children;
-    let x = 0, k = 0, v;
-    for (const g of f) {
-      const c = g.offsetTop;
-      ge(v) ? (v = c, x += 1) : c === v && (x += 1), k += 1;
+    const p = i.children;
+    let k = 0, y = 0, v;
+    for (const g of p) {
+      const u = g.offsetTop;
+      ge(v) ? (v = u, k += 1) : u === v && (k += 1), y += 1;
     }
-    d.value = k - x;
+    d.value = y - k;
   };
-  return o && is(r, p), n && us(r, p, {
+  return o && us(r, m), l && cs(r, m, {
     childList: !0,
     subtree: !0
   }), {
@@ -1724,46 +1833,46 @@ function xt(e) {
   const { props: t, emit: r, dynamicVisibility: s } = e;
   let o;
   if (s) {
-    const { elementToWatchForChanges: f, itemContainer: x } = s;
+    const { elementToWatchForChanges: p, itemContainer: k } = s;
     o = yt({
-      skipCalculation: u(() => {
+      skipCalculation: c(() => {
         var v;
         return !((v = t.multiple) != null && v.value);
       }),
-      elementToWatchForChanges: f,
-      itemContainer: x
+      elementToWatchForChanges: p,
+      itemContainer: k
     }).hiddenItemCount;
   } else
-    o = j(0);
-  const n = u({
+    o = M(0);
+  const l = c({
     get: () => {
-      var x, k;
-      const f = (x = t.modelValue) == null ? void 0 : x.value;
-      return (k = t.multiple) != null && k.value ? Q(f) ? f : [] : Q(f) ? void 0 : f;
+      var k, y;
+      const p = (k = t.modelValue) == null ? void 0 : k.value;
+      return (y = t.multiple) != null && y.value ? Q(p) ? p : [] : Q(p) ? void 0 : p;
     },
-    set: (f) => {
-      var x, k, v;
-      if ((x = t.multiple) != null && x.value && !Q(f)) {
+    set: (p) => {
+      var k, y, v;
+      if ((k = t.multiple) != null && k.value && !Q(p)) {
         console.warn("Attempting to set non-array value in selector w/ multiple=true");
         return;
-      } else if (!((k = t.multiple) != null && k.value) && Q(f)) {
+      } else if (!((y = t.multiple) != null && y.value) && Q(p)) {
         console.warn("Attempting to set array value in selector w/ multiple=false");
         return;
       }
-      r("update:modelValue", (v = t.multiple) != null && v.value ? f || [] : f);
+      r("update:modelValue", (v = t.multiple) != null && v.value ? p || [] : p);
     }
-  }), d = (f) => Q(f);
+  }), d = (p) => Q(p);
   return {
-    selectedValue: n,
+    selectedValue: l,
     hiddenSelectedItemCount: o,
     isArrayValue: d,
-    isMultiItemArrayValue: (f) => Q(f) && f.length > 1,
-    firstItem: (f) => d(f) ? f[0] : f
+    isMultiItemArrayValue: (p) => Q(p) && p.length > 1,
+    firstItem: (p) => d(p) ? p[0] : p
   };
 }
-const ml = (e) => (Ot("data-v-89e77cae"), e = e(), zt(), e), hl = /* @__PURE__ */ ml(() => /* @__PURE__ */ m("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), vl = [
-  hl
-], gl = /* @__PURE__ */ T({
+const zl = (e) => (zt("data-v-89e77cae"), e = e(), Ot(), e), Ol = /* @__PURE__ */ zl(() => /* @__PURE__ */ f("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), Ll = [
+  Ol
+], Ml = /* @__PURE__ */ P({
   __name: "Bar",
   props: {
     loading: { type: Boolean }
@@ -1774,21 +1883,21 @@ const ml = (e) => (Ot("data-v-89e77cae"), e = e(), zt(), e), hl = /* @__PURE__ *
         "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"
       ])
-    }, vl, 2));
+    }, Ll, 2));
   }
 });
-const Ze = /* @__PURE__ */ vt(gl, [["__scopeId", "data-v-89e77cae"]]), bl = { class: "flex items-center justify-between w-full" }, yl = { class: "block truncate grow text-left text-xs sm:text-sm" }, xl = { class: "pointer-events-none shrink-0 ml-1 flex items-center space-x-2" }, kl = {
+const Ne = /* @__PURE__ */ Oe(Ml, [["__scopeId", "data-v-89e77cae"]]), _l = { class: "flex items-center justify-between w-full" }, Al = { class: "block truncate grow text-left text-xs sm:text-sm" }, Pl = { class: "pointer-events-none shrink-0 ml-1 flex items-center space-x-2" }, jl = {
   key: 1,
   class: "text-4xl text-danger opacity-50 h-4 w-4 leading-6"
-}, wl = ["disabled"], Cl = {
+}, Tl = ["disabled"], Fl = {
   key: 0,
   class: "flex flex-col mx-1 mb-1"
-}, $l = /* @__PURE__ */ m("span", { class: "sr-only label text-foreground" }, "Search", -1), Il = { class: "relative" }, Sl = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, Bl = ["placeholder"], Vl = {
+}, Rl = /* @__PURE__ */ f("span", { class: "sr-only label text-foreground" }, "Search", -1), Dl = { class: "relative" }, El = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, Ul = ["placeholder"], ql = {
   key: 0,
   class: "px-1"
-}, Ol = { key: 1 }, zl = /* @__PURE__ */ m("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), Ll = {
+}, Wl = { key: 1 }, Hl = /* @__PURE__ */ f("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), Kl = {
   class: /* @__PURE__ */ b(["block truncate"])
-}, Ml = ["id"], kt = /* @__PURE__ */ T({
+}, Gl = ["id"], kt = /* @__PURE__ */ P({
   __name: "Base",
   props: {
     multiple: {
@@ -1958,138 +2067,138 @@ const Ze = /* @__PURE__ */ vt(gl, [["__scopeId", "data-v-89e77cae"]]), bl = { cl
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: r }) {
-    const s = (C) => Pe(C), o = r, n = e, { value: d, errorMessage: p } = Ie(n.name, n.rules, {
-      validateOnMount: n.validateOnMount,
-      validateOnValueUpdate: n.validateOnValueUpdate,
-      initialValue: n.modelValue
-    }), i = cs(), f = j(null), x = j(null), k = j(null), v = j(""), g = j([]), c = j(!1), S = j(1), y = j(Oe()), $ = ds(
-      u(() => {
+    const s = (C) => je(C), o = r, l = e, { value: d, errorMessage: m } = Ie(l.name, l.rules, {
+      validateOnMount: l.validateOnMount,
+      validateOnValueUpdate: l.validateOnValueUpdate,
+      initialValue: l.modelValue
+    }), i = ds(), p = M(null), k = M(null), y = M(null), v = M(""), g = M([]), u = M(!1), S = M(1), x = M(ze()), $ = fs(
+      c(() => {
         var C;
-        return (C = k.value) == null ? void 0 : C.el;
+        return (C = y.value) == null ? void 0 : C.el;
       }),
       { windowResize: !0, windowScroll: !0, immediate: !0 }
     );
-    fs(
-      u(() => {
+    ps(
+      c(() => {
         var C;
-        return (C = x.value) == null ? void 0 : C.el;
+        return (C = k.value) == null ? void 0 : C.el;
       }),
       ([{ isIntersecting: C }]) => {
-        C && n.mountMenuOnBody && $.update();
+        C && l.mountMenuOnBody && $.update();
       }
     );
-    const B = u(() => l(n.label) || l(n.name)), _ = u(() => {
-      const C = p.value;
-      return !C || !l(n.useLabelInErrors) ? C : C.replace("Value", B.value);
-    }), M = u(() => _.value || l(n.help)), w = u(() => !!M.value), U = u(
-      () => w.value ? `${l(n.name)}-${y.value}` : void 0
-    ), q = u(
-      () => p.value ? "text-danger" : "text-foreground-2"
-    ), E = u(
-      () => n.buttonStyle !== "simple" && n.clearable && !n.disabled
-    ), ze = u(() => {
+    const B = c(() => n(l.label) || n(l.name)), T = c(() => {
+      const C = m.value;
+      return !C || !n(l.useLabelInErrors) ? C : C.replace("Value", B.value);
+    }), _ = c(() => T.value || n(l.help)), w = c(() => !!_.value), U = c(
+      () => w.value ? `${n(l.name)}-${x.value}` : void 0
+    ), q = c(
+      () => m.value ? "text-danger" : "text-foreground-2"
+    ), E = c(
+      () => l.buttonStyle !== "simple" && l.clearable && !l.disabled
+    ), Le = c(() => {
       const C = ["relative flex group"];
-      return p.value ? (C.push("hover:shadow rounded-md"), C.push("text-danger-darker focus:border-danger focus:ring-danger"), n.buttonStyle !== "simple" && C.push("outline outline-2 outline-danger")) : n.buttonStyle !== "simple" && (C.push("hover:shadow rounded-md"), C.push("outline outline-2 outline-primary-muted")), n.fixedHeight && C.push("h-8"), C.join(" ");
-    }), ae = u(() => {
+      return m.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 = c(() => {
       const C = [];
-      return n.buttonStyle !== "simple" && C.push(
+      return l.buttonStyle !== "simple" && C.push(
         ce.value ? "bg-foundation-disabled text-foreground-disabled" : ""
       ), ce.value && C.push("cursor-not-allowed"), C.join(" ");
-    }), Le = u(() => {
+    }), Me = c(() => {
       const C = [
         "relative z-[1]",
         "flex items-center justify-center text-center shrink-0",
         "rounded-r-md overflow-hidden transition-all",
         "text-foreground",
-        me.value ? `w-6 ${ae.value}` : "w-0"
+        he.value ? `w-6 ${re.value}` : "w-0"
       ];
       return ce.value || (C.push(
         "hover:bg-primary hover:text-foreground-on-primary dark:text-foreground-on-primary"
-      ), n.buttonStyle === "tinted" ? C.push("bg-outline-3") : C.push("bg-primary-muted")), C.join(" ");
-    }), Me = u(() => {
+      ), l.buttonStyle === "tinted" ? C.push("bg-outline-3") : C.push("bg-primary-muted")), C.join(" ");
+    }), _e = c(() => {
       const C = [
         "relative z-[2]",
         "normal rounded-md cursor-pointer transition truncate flex-1",
         "flex items-center",
-        ae.value
+        re.value
       ];
-      return n.buttonStyle !== "simple" && (C.push("py-2 px-3"), ce.value || (n.buttonStyle === "tinted" ? C.push("bg-foundation-page text-foreground") : C.push("bg-foundation text-foreground"))), E.value && me.value && C.push("rounded-r-none"), C.join(" ");
-    }), pe = u(
-      () => !!(n.search && (n.filterPredicate || n.getSearchResults))
-    ), Y = u(() => pe.value && n.getSearchResults), ce = u(
-      () => n.disabled || !n.items.length && !Y.value
-    ), X = u({
+      return l.buttonStyle !== "simple" && (C.push("py-2 px-3"), ce.value || (l.buttonStyle === "tinted" ? C.push("bg-foundation-page text-foreground") : C.push("bg-foundation text-foreground"))), E.value && he.value && C.push("rounded-r-none"), C.join(" ");
+    }), me = c(
+      () => !!(l.search && (l.filterPredicate || l.getSearchResults))
+    ), Y = c(() => me.value && l.getSearchResults), ce = c(
+      () => l.disabled || !l.items.length && !Y.value
+    ), X = c({
       get: () => {
         const C = d.value;
-        return n.multiple ? Q(C) ? C : [] : Q(C) ? void 0 : C;
+        return l.multiple ? Q(C) ? C : [] : Q(C) ? void 0 : C;
       },
       set: (C) => {
-        if (n.multiple && !Q(C)) {
+        if (l.multiple && !Q(C)) {
           console.warn("Attempting to set non-array value in selector w/ multiple=true");
           return;
-        } else if (!n.multiple && Q(C)) {
+        } else if (!l.multiple && Q(C)) {
           console.warn("Attempting to set array value in selector w/ multiple=false");
           return;
         }
         let H;
-        if (n.multiple)
+        if (l.multiple)
           H = C || [];
         else {
           const W = d.value;
-          H = n.allowUnset && W && C && P(W) === P(C) ? void 0 : C;
+          H = l.allowUnset && W && C && j(W) === j(C) ? void 0 : C;
         }
-        n.fullyControlValue ? o("update:modelValue", H) : d.value = H, S.value += 1;
+        l.fullyControlValue ? o("update:modelValue", H) : d.value = H, S.value += 1;
       }
-    }), me = u(() => n.multiple && Q(X.value) ? X.value.length !== 0 : !!X.value), je = () => {
-      n.multiple ? X.value = [] : X.value = void 0;
-    }, Ae = u(() => {
+    }), he = c(() => l.multiple && Q(X.value) ? X.value.length !== 0 : !!X.value), Ae = () => {
+      l.multiple ? X.value = [] : X.value = void 0;
+    }, Pe = c(() => {
       const C = v.value;
-      return !pe.value || !(C != null && C.length) ? g.value : n.filterPredicate ? g.value.filter(
+      return !me.value || !(C != null && C.length) ? g.value : l.filterPredicate ? g.value.filter(
         (H) => {
           var W;
-          return ((W = n.filterPredicate) == null ? void 0 : W.call(n, H, C)) || !1;
+          return ((W = l.filterPredicate) == null ? void 0 : W.call(l, H, C)) || !1;
         }
       ) : g.value;
-    }), xe = u(() => {
+    }), xe = c(() => {
       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 n.mountMenuOnBody ? C.push("fixed z-50") : C.push("absolute top-[100%] w-full z-10"), C.join(" ");
-    }), A = u(() => {
+      return l.mountMenuOnBody ? C.push("fixed z-50") : C.push("absolute top-[100%] w-full z-10"), C.join(" ");
+    }), A = c(() => {
       const C = {};
-      if (n.mountMenuOnBody) {
+      if (l.mountMenuOnBody) {
         const H = $.top.value, W = $.left.value, J = $.width.value, te = $.height.value;
         C.top = `${H + te}px`, C.left = `${W}px`, C.width = `${J}px`;
       }
       return C;
-    }), F = (C) => JSON.stringify(C), P = (C) => s(C) ? C[n.by || "id"] : C, Z = async () => {
-      if (!(!Y.value || !n.getSearchResults)) {
-        c.value = !0;
+    }), F = (C) => JSON.stringify(C), j = (C) => s(C) ? C[l.by || "id"] : C, Z = async () => {
+      if (!(!Y.value || !l.getSearchResults)) {
+        u.value = !0;
         try {
-          g.value = await n.getSearchResults(v.value);
+          g.value = await l.getSearchResults(v.value);
         } finally {
-          c.value = !1;
+          u.value = !1;
         }
       }
-    }, ee = qe(Z, 1e3), ke = (C) => {
-      const { active: H, disabled: W } = C || {}, { hideCheckmarks: J } = n, te = [
+    }, ee = He(Z, 1e3), ke = (C) => {
+      const { active: H, disabled: W } = C || {}, { hideCheckmarks: J } = l, te = [
         "relative transition cursor-pointer select-none py-1.5 pl-3",
         J ? "" : "pr-9"
       ];
       return W ? te.push("opacity-50 cursor-not-allowed") : te.push(H ? "text-primary" : "text-foreground"), te.join(" ");
     };
-    return de(
-      () => n.items,
+    return fe(
+      () => l.items,
       (C) => {
         g.value = C.slice();
       },
       { immediate: !0 }
-    ), de(v, () => {
+    ), fe(v, () => {
       Y.value && ee();
-    }), ie(() => {
-      Y.value && !n.items.length && Z();
+    }), ae(() => {
+      Y.value && !l.items.length && Z();
     }), t({ triggerSearch: Z }), (C, H) => (a(), h("div", null, [
-      (a(), O(l(bs), {
+      (a(), O(n(ys), {
         key: S.value,
         modelValue: X.value,
         "onUpdate:modelValue": H[4] || (H[4] = (W) => X.value = W),
@@ -2100,7 +2209,7 @@ const Ze = /* @__PURE__ */ vt(gl, [["__scopeId", "data-v-89e77cae"]]), bl = { cl
         as: "div"
       }, {
         default: L(() => [
-          z(l(ys), {
+          z(n(xs), {
             class: b(["block label text-foreground-2 mb-2", { "sr-only": !e.showLabel }])
           }, {
             default: L(() => [
@@ -2108,18 +2217,18 @@ const Ze = /* @__PURE__ */ vt(gl, [["__scopeId", "data-v-89e77cae"]]), bl = { cl
             ]),
             _: 1
           }, 8, ["class"]),
-          m("div", {
-            class: b(ze.value)
+          f("div", {
+            class: b(Le.value)
           }, [
-            z(l(xs), {
+            z(n(ks), {
               ref_key: "listboxButton",
-              ref: k,
-              class: b(Me.value)
+              ref: y,
+              class: b(_e.value)
             }, {
               default: L(({ open: W }) => [
-                m("div", bl, [
-                  m("div", yl, [
-                    !X.value || l(Q)(X.value) && !X.value.length ? D(C.$slots, "nothing-selected", { key: 0 }, () => [
+                f("div", _l, [
+                  f("div", Al, [
+                    !X.value || n(Q)(X.value) && !X.value.length ? D(C.$slots, "nothing-selected", { key: 0 }, () => [
                       R(V(e.placeholder ? e.placeholder : e.label), 1)
                     ]) : D(C.$slots, "something-selected", {
                       key: 1,
@@ -2128,17 +2237,17 @@ const Ze = /* @__PURE__ */ vt(gl, [["__scopeId", "data-v-89e77cae"]]), bl = { cl
                       R(V(F(X.value)), 1)
                     ])
                   ]),
-                  m("div", xl, [
-                    _.value ? (a(), O(l(Rt), {
+                  f("div", Pl, [
+                    T.value ? (a(), O(n(Rt), {
                       key: 0,
                       class: "h-4 w-4 text-danger",
                       "aria-hidden": "true"
-                    })) : e.showRequired ? (a(), h("div", kl, " * ")) : I("", !0),
-                    W ? (a(), O(l(ct), {
+                    })) : e.showRequired ? (a(), h("div", jl, " * ")) : I("", !0),
+                    W ? (a(), O(n(dt), {
                       key: 2,
                       class: "h-4 w-4 text-foreground",
                       "aria-hidden": "true"
-                    })) : (a(), O(l(Et), {
+                    })) : (a(), O(n(Dt), {
                       key: 3,
                       class: "h-4 w-4 text-foreground",
                       "aria-hidden": "true"
@@ -2150,15 +2259,15 @@ const Ze = /* @__PURE__ */ vt(gl, [["__scopeId", "data-v-89e77cae"]]), bl = { cl
             }, 8, ["class"]),
             E.value ? be((a(), h("button", {
               key: 0,
-              class: b(Le.value),
+              class: b(Me.value),
               disabled: e.disabled,
-              onClick: H[0] || (H[0] = (W) => je())
+              onClick: H[0] || (H[0] = (W) => Ae())
             }, [
-              z(l(We), { class: "w-3 h-3" })
-            ], 10, wl)), [
-              [l(ht), "Clear"]
+              z(n(Ke), { class: "w-3 h-3" })
+            ], 10, Tl)), [
+              [n(vt), "Clear"]
             ]) : I("", !0),
-            l(i) ? (a(), O(Ee, {
+            n(i) ? (a(), O(Ee, {
               key: 1,
               "leave-active-class": "transition ease-in duration-100",
               "leave-from-class": "opacity-100",
@@ -2169,86 +2278,86 @@ const Ze = /* @__PURE__ */ vt(gl, [["__scopeId", "data-v-89e77cae"]]), bl = { cl
                   to: "body",
                   disabled: !e.mountMenuOnBody
                 }, [
-                  z(l(ks), {
+                  z(n(ws), {
                     ref_key: "menuEl",
-                    ref: x,
+                    ref: k,
                     class: b(xe.value),
-                    style: re(A.value),
+                    style: ne(A.value),
                     onFocus: H[3] || (H[3] = (W) => {
                       var J;
-                      return (J = f.value) == null ? void 0 : J.focus();
+                      return (J = p.value) == null ? void 0 : J.focus();
                     })
                   }, {
                     default: L(() => [
-                      pe.value ? (a(), h("label", Cl, [
-                        $l,
-                        m("div", Il, [
-                          m("div", Sl, [
-                            z(l(Dt), { class: "h-5 w-5 text-foreground" })
+                      me.value ? (a(), h("label", Fl, [
+                        Rl,
+                        f("div", Dl, [
+                          f("div", El, [
+                            z(n(Et), { class: "h-5 w-5 text-foreground" })
                           ]),
-                          be(m("input", {
+                          be(f("input", {
                             ref_key: "searchInput",
-                            ref: f,
+                            ref: p,
                             "onUpdate:modelValue": H[1] || (H[1] = (W) => v.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: H[2] || (H[2] = fe(() => {
+                            onKeydown: H[2] || (H[2] = pe(() => {
                             }, ["stop"]))
-                          }, null, 40, Bl), [
-                            [De, v.value]
+                          }, null, 40, Ul), [
+                            [qe, v.value]
                           ])
                         ])
                       ])) : I("", !0),
-                      m("div", {
-                        class: b(["overflow-auto simple-scrollbar", [pe.value ? "max-h-52" : "max-h-40"]])
+                      f("div", {
+                        class: b(["overflow-auto simple-scrollbar", [me.value ? "max-h-52" : "max-h-40"]])
                       }, [
-                        Y.value && c.value ? (a(), h("div", Vl, [
-                          z(Ze, { loading: !0 })
-                        ])) : Y.value && !g.value.length ? (a(), h("div", Ol, [
+                        Y.value && u.value ? (a(), h("div", ql, [
+                          z(Ne, { loading: !0 })
+                        ])) : Y.value && !g.value.length ? (a(), h("div", Wl, [
                           D(C.$slots, "nothing-found", {}, () => [
-                            zl
+                            Hl
                           ])
                         ])) : I("", !0),
-                        !Y.value || !c.value ? (a(!0), h(K, { key: 2 }, G(Ae.value, (W) => {
+                        !Y.value || !u.value ? (a(!0), h(K, { key: 2 }, G(Pe.value, (W) => {
                           var J;
-                          return a(), O(l(ws), {
-                            key: P(W),
+                          return a(), O(n(Cs), {
+                            key: j(W),
                             value: W,
                             disabled: ((J = e.disabledItemPredicate) == null ? void 0 : J.call(e, W)) || !1
                           }, {
                             default: L(({
                               active: te,
-                              selected: Ne
+                              selected: Ye
                             }) => {
-                              var Je, Ye;
+                              var et, tt;
                               return [
-                                m("li", {
+                                f("li", {
                                   class: b(
                                     ke({
                                       active: te,
-                                      disabled: ((Je = e.disabledItemPredicate) == null ? void 0 : Je.call(e, W)) || !1
+                                      disabled: ((et = e.disabledItemPredicate) == null ? void 0 : et.call(e, W)) || !1
                                     })
                                   )
                                 }, [
-                                  m("span", Ll, [
+                                  f("span", Kl, [
                                     D(C.$slots, "option", {
                                       item: W,
                                       active: te,
-                                      selected: Ne,
-                                      disabled: ((Ye = e.disabledItemPredicate) == null ? void 0 : Ye.call(e, W)) || !1
+                                      selected: Ye,
+                                      disabled: ((tt = e.disabledItemPredicate) == null ? void 0 : tt.call(e, W)) || !1
                                     }, () => [
                                       R(V(F(W)), 1)
                                     ])
                                   ]),
-                                  !e.hideCheckmarks && Ne ? (a(), h("span", {
+                                  !e.hideCheckmarks && Ye ? (a(), h("span", {
                                     key: 0,
                                     class: b([
                                       te ? "text-primary" : "text-foreground",
                                       "absolute inset-y-0 right-0 flex items-center pr-4"
                                     ])
                                   }, [
-                                    z(l(dt), {
+                                    z(n(ft), {
                                       class: "h-5 w-5",
                                       "aria-hidden": "true"
                                     })
@@ -2275,19 +2384,19 @@ const Ze = /* @__PURE__ */ vt(gl, [["__scopeId", "data-v-89e77cae"]]), bl = { cl
         key: 0,
         id: U.value,
         class: b(["mt-2 text-xs sm:text-sm", q.value])
-      }, V(M.value), 11, Ml)) : I("", !0)
+      }, V(_.value), 11, Gl)) : I("", !0)
     ]));
   }
-}), jl = /* @__PURE__ */ T({
+}), Xl = /* @__PURE__ */ P({
   __name: "SourceAppBadge",
   props: {
     sourceApp: null
   },
   setup(e) {
-    return (t, r) => (a(), O(Ke, {
+    return (t, r) => (a(), O(Xe, {
       "color-classes": "text-foreground-on-primary",
       rounded: "",
-      style: re({ backgroundColor: e.sourceApp.bgColor })
+      style: ne({ backgroundColor: e.sourceApp.bgColor })
     }, {
       default: L(() => [
         R(V(e.sourceApp.short), 1)
@@ -2295,13 +2404,13 @@ const Ze = /* @__PURE__ */ vt(gl, [["__scopeId", "data-v-89e77cae"]]), bl = { cl
       _: 1
     }, 8, ["style"]));
   }
-}), Al = {
+}), Zl = {
   key: 0,
   class: "text-foreground-2 normal"
-}, Pl = {
+}, Ql = {
   key: 1,
   class: "flex items-center"
-}, Tl = { class: "truncate" }, _l = { class: "flex items-center" }, Fl = { class: "truncate" }, mo = /* @__PURE__ */ T({
+}, Nl = { class: "truncate" }, Jl = { class: "flex items-center" }, Yl = { class: "truncate" }, _o = /* @__PURE__ */ P({
   __name: "SourceApps",
   props: {
     /**
@@ -2367,22 +2476,22 @@ const Ze = /* @__PURE__ */ vt(gl, [["__scopeId", "data-v-89e77cae"]]), bl = { cl
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const r = t, s = e, o = j(null), n = j(null), { selectedValue: d, hiddenSelectedItemCount: p, isMultiItemArrayValue: i, firstItem: f } = xt({
-      props: ne(s),
+    const r = t, s = e, o = M(null), l = M(null), { selectedValue: d, hiddenSelectedItemCount: m, isMultiItemArrayValue: i, firstItem: p } = xt({
+      props: le(s),
       emit: r,
-      dynamicVisibility: { elementToWatchForChanges: o, itemContainer: n }
-    }), x = (k, v) => k.name.toLocaleLowerCase().includes(v.toLocaleLowerCase());
-    return (k, v) => (a(), O(kt, {
-      modelValue: l(d),
+      dynamicVisibility: { elementToWatchForChanges: o, itemContainer: l }
+    }), k = (y, v) => y.name.toLocaleLowerCase().includes(v.toLocaleLowerCase());
+    return (y, v) => (a(), O(kt, {
+      modelValue: n(d),
       "onUpdate:modelValue": v[0] || (v[0] = (g) => Be(d) ? d.value = g : null),
       multiple: e.multiple,
-      items: e.items ?? l(as),
+      items: e.items ?? n(os),
       search: e.search,
       "search-placeholder": e.searchPlaceholder,
       label: e.label,
       "show-label": e.showLabel,
       name: e.name || "sourceApps",
-      "filter-predicate": x,
+      "filter-predicate": k,
       clearable: e.clearable,
       help: e.help,
       by: "name"
@@ -2395,44 +2504,44 @@ const Ze = /* @__PURE__ */ vt(gl, [["__scopeId", "data-v-89e77cae"]]), bl = { cl
         ], 64))
       ]),
       "something-selected": L(({ value: g }) => [
-        l(i)(g) ? (a(), h("div", {
+        n(i)(g) ? (a(), h("div", {
           key: 0,
           ref_key: "elementToWatchForChanges",
           ref: o,
           class: "flex items-center space-x-0.5 h-5"
         }, [
-          m("div", {
+          f("div", {
             ref_key: "itemContainer",
-            ref: n,
+            ref: l,
             class: "flex flex-wrap overflow-hidden space-x-0.5 h-5"
           }, [
-            (a(!0), h(K, null, G(g, (c) => (a(), O(jl, {
-              key: c.name,
-              "source-app": c
+            (a(!0), h(K, null, G(g, (u) => (a(), O(Xl, {
+              key: u.name,
+              "source-app": u
             }, null, 8, ["source-app"]))), 128))
           ], 512),
-          l(p) > 0 ? (a(), h("div", Al, " +" + V(l(p)), 1)) : I("", !0)
-        ], 512)) : (a(), h("div", Pl, [
-          m("div", {
+          n(m) > 0 ? (a(), h("div", Zl, " +" + V(n(m)), 1)) : I("", !0)
+        ], 512)) : (a(), h("div", Ql, [
+          f("div", {
             class: "h-2 w-2 rounded-full mr-2",
-            style: re({ backgroundColor: l(f)(g).bgColor })
+            style: ne({ backgroundColor: n(p)(g).bgColor })
           }, null, 4),
-          m("span", Tl, V(l(f)(g).name), 1)
+          f("span", Nl, V(n(p)(g).name), 1)
         ]))
       ]),
       option: L(({ item: g }) => [
-        m("div", _l, [
-          m("div", {
+        f("div", Jl, [
+          f("div", {
             class: "h-2 w-2 rounded-full mr-2",
-            style: re({ backgroundColor: g.bgColor })
+            style: ne({ backgroundColor: g.bgColor })
           }, null, 4),
-          m("span", Fl, V(g.name), 1)
+          f("span", Yl, V(g.name), 1)
         ])
       ]),
       _: 1
     }, 8, ["modelValue", "multiple", "items", "search", "search-placeholder", "label", "show-label", "name", "clearable", "help"]));
   }
-}), Rl = { class: "flex flex-wrap gap-1.5 text-xs" }, ho = /* @__PURE__ */ T({
+}), ea = { class: "flex flex-wrap gap-1.5 text-xs" }, Ao = /* @__PURE__ */ P({
   __name: "Badges",
   props: {
     items: null,
@@ -2446,15 +2555,15 @@ const Ze = /* @__PURE__ */ vt(gl, [["__scopeId", "data-v-89e77cae"]]), bl = { cl
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const r = t, s = e, { selectedValue: o, isArrayValue: n } = xt({
-      props: ne(s),
+    const r = t, s = e, { selectedValue: o, isArrayValue: l } = xt({
+      props: le(s),
       emit: r
-    }), d = (p) => {
-      n(o.value) ? o.value = o.value.filter((i) => i.id !== p.id) : o.value = void 0;
+    }), d = (m) => {
+      l(o.value) ? o.value = o.value.filter((i) => i.id !== m.id) : o.value = void 0;
     };
-    return (p, i) => (a(), O(kt, {
-      modelValue: l(o),
-      "onUpdate:modelValue": i[0] || (i[0] = (f) => Be(o) ? o.value = f : null),
+    return (m, i) => (a(), O(kt, {
+      modelValue: n(o),
+      "onUpdate:modelValue": i[0] || (i[0] = (p) => Be(o) ? o.value = p : null),
       multiple: e.multiple,
       items: e.items,
       label: e.label,
@@ -2463,51 +2572,51 @@ const Ze = /* @__PURE__ */ vt(gl, [["__scopeId", "data-v-89e77cae"]]), bl = { cl
       rules: e.rules,
       by: e.by
     }, {
-      "something-selected": L(({ value: f }) => [
-        m("ul", Rl, [
-          (a(!0), h(K, null, G(l(n)(f) ? f : [f], (x) => (a(), h("li", {
-            key: x[e.by]
+      "something-selected": L(({ value: p }) => [
+        f("ul", ea, [
+          (a(!0), h(K, null, G(n(l)(p) ? p : [p], (k) => (a(), h("li", {
+            key: k[e.by]
           }, [
-            z(Ke, {
+            z(Xe, {
               size: "lg",
               "clickable-icon": !0,
-              "icon-left": l(We),
-              onClickIcon: fe((k) => d(x), ["stop"])
+              "icon-left": n(Ke),
+              onClickIcon: pe((y) => d(k), ["stop"])
             }, {
               default: L(() => [
-                R(V(x.text), 1)
+                R(V(k.text), 1)
               ]),
               _: 2
             }, 1032, ["icon-left", "onClickIcon"])
           ]))), 128))
         ])
       ]),
-      option: L(({ item: f }) => [
-        R(V(f.text), 1)
+      option: L(({ item: p }) => [
+        R(V(p.text), 1)
       ]),
       _: 1
     }, 8, ["modelValue", "multiple", "items", "label", "name", "help", "rules", "by"]));
   }
-}), El = { class: "flex items-center" }, Dl = { class: "absolute inset-0 flex items-center gap-2 px-1 text-white" }, vo = /* @__PURE__ */ T({
+}), ta = { class: "flex items-center" }, sa = { class: "absolute inset-0 flex items-center gap-2 px-1 text-white" }, Po = /* @__PURE__ */ P({
   __name: "Switch",
   props: {
     modelValue: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = ot(e, "modelValue");
-    return (r, s) => (a(), h("div", El, [
-      z(l(Cs), {
+    const t = it(e, "modelValue");
+    return (r, s) => (a(), h("div", ta, [
+      z(n($s), {
         modelValue: t.value,
         "onUpdate:modelValue": s[0] || (s[0] = (o) => t.value = o),
         class: b(["relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary", { "bg-primary": t.value, "bg-primary-muted": !t.value }])
       }, {
         default: L(() => [
-          m("div", Dl, [
-            z(l(dt), { class: "h-5 w-5 drop-shadow-md" }),
-            z(l(We), { class: "h-5 w-5 drop-shadow-md" })
+          f("div", sa, [
+            z(n(ft), { class: "h-5 w-5 drop-shadow-md" }),
+            z(n(Ke), { class: "h-5 w-5 drop-shadow-md" })
           ]),
-          m("span", {
+          f("span", {
             class: b(["scale-95 pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200", { "translate-x-5": t.value, "translate-x-0": !t.value }])
           }, null, 2)
         ]),
@@ -2515,7 +2624,7 @@ const Ze = /* @__PURE__ */ vt(gl, [["__scopeId", "data-v-89e77cae"]]), bl = { cl
       }, 8, ["modelValue", "class"])
     ]));
   }
-}), Ul = { class: "relative group bg-foundation-page p-2 rounded-lg pr-12" }, ql = { class: "absolute inset-0 right-2 flex justify-end items-center" }, go = /* @__PURE__ */ T({
+}), na = { class: "relative group bg-foundation-page p-2 rounded-lg pr-12" }, la = { class: "absolute inset-0 right-2 flex justify-end items-center" }, jo = /* @__PURE__ */ P({
   __name: "ClipboardInput",
   props: {
     value: null,
@@ -2524,11 +2633,11 @@ const Ze = /* @__PURE__ */ vt(gl, [["__scopeId", "data-v-89e77cae"]]), bl = { cl
   },
   emits: ["copy"],
   setup(e, { emit: t }) {
-    const r = e, s = t, { copy: o } = ps({ legacy: !0 }), n = async () => {
+    const r = e, s = t, { copy: o } = ms({ legacy: !0 }), l = async () => {
       r.value && (await o(r.value), s("copy", r.value));
     };
-    return (d, p) => (a(), h("div", Ul, [
-      e.isMultiline ? (a(), O(l(Jn), {
+    return (d, m) => (a(), h("div", na, [
+      e.isMultiline ? (a(), O(n(pl), {
         key: 0,
         color: "transparent",
         name: "contentArea",
@@ -2536,7 +2645,7 @@ const Ze = /* @__PURE__ */ vt(gl, [["__scopeId", "data-v-89e77cae"]]), bl = { cl
         "model-value": e.value,
         class: "relative z-10 text-sm text-foreground font-mono",
         rows: e.rows
-      }, null, 8, ["model-value", "rows"])) : (a(), O(l(al), {
+      }, null, 8, ["model-value", "rows"])) : (a(), O(n(xl), {
         key: 1,
         color: "transparent",
         name: "contentInput",
@@ -2544,33 +2653,33 @@ const Ze = /* @__PURE__ */ vt(gl, [["__scopeId", "data-v-89e77cae"]]), bl = { cl
         "model-value": e.value,
         class: "relative z-10 text-sm text-foreground font-mono"
       }, null, 8, ["model-value"])),
-      m("div", ql, [
-        z(l(le), {
+      f("div", la, [
+        z(n(oe), {
           color: "invert",
           size: "sm",
-          "icon-left": l(Xt),
+          "icon-left": n(Zt),
           "hide-text": "",
-          onClick: n
+          onClick: l
         }, null, 8, ["icon-left"])
       ])
     ]));
   }
 });
 var $e = /* @__PURE__ */ ((e) => (e.CtrlOrCmd = "cmd-or-ctrl", e.AltOrOpt = "alt-or-opt", e.Shift = "shift", e))($e || {});
-const _e = os(), Wl = {
-  "cmd-or-ctrl": _e === Te.Mac ? "Cmd" : "Ctrl",
-  "alt-or-opt": _e === Te.Mac ? "Opt" : "Alt",
+const Fe = rs(), aa = {
+  "cmd-or-ctrl": Fe === Te.Mac ? "Cmd" : "Ctrl",
+  "alt-or-opt": Fe === Te.Mac ? "Opt" : "Alt",
   shift: "Shift"
 };
-function bo(e) {
+function To(e) {
   const t = (r) => Object.values($e).includes(r);
-  return e.map((r) => t(r) ? Wl[r] : r).join("+");
+  return e.map((r) => t(r) ? aa[r] : r).join("+");
 }
-function yo(e, ...t) {
-  ms(
+function Fo(e, ...t) {
+  hs(
     t[0],
     (r) => {
-      const s = r.getModifierState("Alt"), o = _e === Te.Mac ? r.getModifierState("Meta") : r.getModifierState("Control"), n = r.getModifierState("Shift");
+      const s = r.getModifierState("Alt"), o = Fe === Te.Mac ? r.getModifierState("Meta") : r.getModifierState("Control"), l = r.getModifierState("Shift");
       for (const d of e)
         switch (d) {
           case $e.CtrlOrCmd:
@@ -2582,7 +2691,7 @@ function yo(e, ...t) {
               return;
             break;
           case $e.Shift:
-            if (!n)
+            if (!l)
               return;
             break;
         }
@@ -2591,17 +2700,17 @@ function yo(e, ...t) {
     t[2]
   );
 }
-function xo(e) {
-  const t = (e == null ? void 0 : e.model) || j(), r = u({
+function Ro(e) {
+  const t = (e == null ? void 0 : e.model) || M(), r = c({
     get: () => !!t.value,
     set: (s) => t.value = s ? !0 : void 0
   });
   return { model: t, isChecked: r };
 }
-const Hl = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 dark:bg-neutral-900/70 transition-opacity backdrop-blur-xs" }, null, -1), Kl = { class: "fixed inset-0 z-10 h-[100dvh] w-screen" }, Gl = { class: "flex justify-center items-center h-full w-full p-4 sm:p-0" }, Xl = {
+const oa = /* @__PURE__ */ f("div", { class: "fixed inset-0 bg-neutral-100/70 dark:bg-neutral-900/70 transition-opacity backdrop-blur-xs" }, null, -1), ra = { class: "fixed inset-0 z-10 h-[100dvh] w-screen" }, ia = { class: "flex justify-center items-center h-full w-full p-4 sm:p-0" }, ua = {
   key: 0,
   class: "flex items-center justify-start rounded-t-lg shrink-0 min-h-[4rem] py-2 px-4 sm:px-8 truncate text-xl sm:text-2xl font-bold"
-}, Zl = { class: "w-full truncate pr-12" }, ko = /* @__PURE__ */ T({
+}, ca = { class: "w-full truncate pr-12" }, Do = /* @__PURE__ */ P({
   __name: "Dialog",
   props: {
     open: { type: Boolean },
@@ -2614,10 +2723,10 @@ const Hl = /* @__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 = Ue(), n = j(!1), d = j(!0), p = u(() => !!s.onSubmit), i = u(() => s.buttons || o.buttons), f = u(() => s.title || o.header), x = u({
+    const r = t, s = e, o = We(), l = M(!1), d = M(!0), m = c(() => !!s.onSubmit), i = c(() => s.buttons || o.buttons), p = c(() => s.title || o.header), k = c({
       get: () => s.open,
       set: (S) => r("update:open", S)
-    }), k = u(() => {
+    }), y = c(() => {
       switch (s.maxWidth) {
         case "sm":
           return 0;
@@ -2630,27 +2739,27 @@ const Hl = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
         default:
           return 1e4;
       }
-    }), v = u(() => {
+    }), v = c(() => {
       const S = ["w-full", "sm:w-full sm:max-w-xl"];
-      return k.value >= 1 && S.push("md:max-w-2xl"), k.value >= 2 && S.push("lg:max-w-4xl"), k.value >= 3 && S.push("xl:max-w-6xl"), k.value >= 4 && S.push("2xl:max-w-7xl"), S.join(" ");
+      return y.value >= 1 && S.push("md:max-w-2xl"), y.value >= 2 && S.push("lg:max-w-4xl"), y.value >= 3 && S.push("xl:max-w-6xl"), y.value >= 4 && S.push("2xl:max-w-7xl"), S.join(" ");
     }), g = () => {
-      s.preventCloseOnClickOutside || (x.value = !1);
-    }, c = it((S) => {
-      const y = S.target, { scrollTop: $, offsetHeight: B, scrollHeight: _ } = y;
-      n.value = $ > 0, d.value = $ + B >= _;
+      s.preventCloseOnClickOutside || (k.value = !1);
+    }, u = ut((S) => {
+      const x = S.target, { scrollTop: $, offsetHeight: B, scrollHeight: T } = x;
+      l.value = $ > 0, d.value = $ + B >= T;
     }, 60);
-    return (S, y) => (a(), O(l(mt), {
+    return (S, x) => (a(), O(n(ht), {
       as: "template",
-      show: x.value
+      show: k.value
     }, {
       default: L(() => [
-        z(l($s), {
+        z(n(Is), {
           as: "div",
           class: "relative z-40",
           onClose: g
         }, {
           default: L(() => [
-            z(l(nt), {
+            z(n(at), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -2660,13 +2769,13 @@ const Hl = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
               "leave-to": "opacity-0"
             }, {
               default: L(() => [
-                Hl
+                oa
               ]),
               _: 1
             }),
-            m("div", Kl, [
-              m("div", Gl, [
-                z(l(nt), {
+            f("div", ra, [
+              f("div", ia, [
+                z(n(at), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -2674,23 +2783,23 @@ const Hl = /* @__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: y[2] || (y[2] = ($) => S.$emit("fully-closed"))
+                  onAfterLeave: x[2] || (x[2] = ($) => S.$emit("fully-closed"))
                 }, {
                   default: L(() => [
-                    z(l(Is), {
+                    z(n(Ss), {
                       class: b([
                         "transform rounded-lg text-foreground overflow-hidden bg-foundation text-left shadow-xl transition-all flex flex-col max-h-[90dvh]",
                         v.value
                       ]),
-                      as: p.value ? "form" : "div",
-                      onSubmit: fe(e.onSubmit, ["prevent"])
+                      as: m.value ? "form" : "div",
+                      onSubmit: pe(e.onSubmit, ["prevent"])
                     }, {
                       default: L(() => [
-                        m("div", {
-                          class: b(n.value && "relative z-10 shadow-lg")
+                        f("div", {
+                          class: b(l.value && "relative z-10 shadow-lg")
                         }, [
-                          f.value ? (a(), h("div", Xl, [
-                            m("div", Zl, [
+                          p.value ? (a(), h("div", ua, [
+                            f("div", ca, [
                               R(V(e.title) + " ", 1),
                               D(S.$slots, "header")
                             ])
@@ -2698,15 +2807,15 @@ const Hl = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
                         ], 2),
                         e.hideCloser ? I("", !0) : (a(), h("button", {
                           key: 0,
-                          class: b(["absolute z-20 right-4 bg-foundation rounded-full p-1", f.value ? "top-4" : "top-3"]),
-                          onClick: y[0] || (y[0] = ($) => x.value = !1)
+                          class: b(["absolute z-20 right-4 bg-foundation rounded-full p-1", p.value ? "top-4" : "top-3"]),
+                          onClick: x[0] || (x[0] = ($) => k.value = !1)
                         }, [
-                          z(l(Zt), { class: "h-6 w-6" })
+                          z(n(Qt), { class: "h-6 w-6" })
                         ], 2)),
-                        m("div", {
-                          class: b(["flex-1 simple-scrollbar overflow-y-auto bg-white dark:bg-foundation", f.value ? "p-4 sm:py-6 sm:px-8" : "p-10"]),
-                          onScroll: y[1] || (y[1] = //@ts-ignore
-                          (...$) => l(c) && l(c)(...$))
+                        f("div", {
+                          class: b(["flex-1 simple-scrollbar overflow-y-auto", p.value ? "p-4 sm:py-6 sm:px-8" : "p-10"]),
+                          onScroll: x[1] || (x[1] = //@ts-ignore
+                          (...$) => n(u) && n(u)(...$))
                         }, [
                           D(S.$slots, "default", {}, () => [
                             R("Put your content here!")
@@ -2716,7 +2825,7 @@ const Hl = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
                           key: 1,
                           class: b(["flex px-4 py-2 sm:py-4 sm:px-6 gap-2 shrink-0", !d.value && "shadow-t"])
                         }, [
-                          e.buttons ? (a(!0), h(K, { key: 0 }, G(e.buttons, ($, B) => (a(), O(l(le), oe({ key: B }, $.props, {
+                          e.buttons ? (a(!0), h(K, { key: 0 }, G(e.buttons, ($, B) => (a(), O(n(oe), ie({ key: B }, $.props, {
                             disabled: $.disabled,
                             type: $.submit && "submit",
                             onClick: $.onClick
@@ -2742,7 +2851,7 @@ const Hl = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
       _: 3
     }, 8, ["show"]));
   }
-}), Ql = { class: "h-4 sm:h-5 h-4 sm:w-5 empty:h-0 empty:w-0" }, wo = /* @__PURE__ */ T({
+}), da = { class: "h-4 sm:h-5 h-4 sm:w-5 empty:h-0 empty:w-0" }, Eo = /* @__PURE__ */ P({
   __name: "DialogSection",
   props: {
     title: String,
@@ -2757,10 +2866,10 @@ const Hl = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
     alwaysOpen: Boolean
   },
   setup(e) {
-    const t = e, r = j(null), s = j(0), o = j(!1), n = u(() => {
+    const t = e, r = M(null), s = M(0), o = M(!1), l = c(() => {
       const i = [];
       return !t.button && !t.alwaysOpen && i.push("cursor-pointer", "hover:bg-foundation"), o.value && i.push("bg-foundation"), i;
-    }), d = u(() => {
+    }), d = c(() => {
       switch (t.titleColor) {
         case "danger":
           return "text-danger";
@@ -2775,12 +2884,12 @@ const Hl = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
         default:
           return "text-foreground";
       }
-    }), p = () => {
+    }), m = () => {
       var i;
-      o.value = !o.value, o.value && (s.value = (((i = l(r)) == null ? void 0 : i.scrollHeight) || 0) + 64);
+      o.value = !o.value, o.value && (s.value = (((i = n(r)) == null ? void 0 : i.scrollHeight) || 0) + 64);
     };
-    return (i, f) => {
-      var x, k;
+    return (i, p) => {
+      var k, y;
       return a(), h("div", {
         class: b(["flex flex-col border-primary-muted", {
           "border-t": e.borderT,
@@ -2788,37 +2897,37 @@ const Hl = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
           "relative z-10": o.value
         }])
       }, [
-        m("div", oe({
-          class: ["flex justify-between items-center gap-4 sm:gap-8 py-3 sm:py-4 px-2", n.value],
+        f("div", ie({
+          class: ["flex justify-between items-center gap-4 sm:gap-8 py-3 sm:py-4 px-2", l.value],
           tabindex: "0"
-        }, et(
+        }, st(
           !e.button && !e.alwaysOpen ? {
-            click: p,
-            keypress: l(Js)(p)
+            click: m,
+            keypress: n(Ys)(m)
           } : {},
           !0
         )), [
-          m("div", {
+          f("div", {
             class: b(["text-sm sm:text-base font-bold flex items-center gap-1 sm:gap-2 select-none", d.value])
           }, [
-            m("div", Ql, [
+            f("div", da, [
               D(i.$slots, "icon")
             ]),
-            m("span", null, V(e.title), 1)
+            f("span", null, V(e.title), 1)
           ], 2),
-          m("div", null, [
-            !e.button && !e.alwaysOpen ? (a(), O(l(Qt), {
+          f("div", null, [
+            !e.button && !e.alwaysOpen ? (a(), O(n(Nt), {
               key: 0,
               class: b(["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(l(le), oe({
+            e.button ? (a(), O(n(oe), ie({
               key: 1,
               size: "sm",
               to: e.button.expandContent ? void 0 : e.button.to,
               color: e.button.expandContent && o.value ? "invert" : e.button.color,
               "icon-right": e.button.expandContent && o.value ? void 0 : e.button.iconRight,
-              onClick: (x = e.button) == null ? void 0 : x.onClick
-            }, et((k = e.button) != null && k.expandContent ? { click: p } : {})), {
+              onClick: (k = e.button) == null ? void 0 : k.onClick
+            }, st((y = e.button) != null && y.expandContent ? { click: m } : {})), {
               default: L(() => [
                 R(V(e.button.expandContent && o.value ? "Cancel" : e.button.text), 1)
               ]),
@@ -2826,17 +2935,17 @@ const Hl = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
             }, 16, ["to", "color", "icon-right", "onClick"])) : I("", !0)
           ])
         ], 16),
-        m("div", {
+        f("div", {
           class: b(["transition-all duration-700 overflow-hidden", [
             e.allowOverflow && o.value ? "!overflow-visible" : "",
             o.value ? "mb-3 mt-1" : "",
             !e.button && !e.alwaysOpen ? "cursor-pointer hover:bg-foundation" : ""
           ]]),
-          style: re(
+          style: ne(
             e.alwaysOpen ? "max-height: none;" : `max-height: ${o.value ? s.value + "px" : "0px"}`
           )
         }, [
-          m("div", {
+          f("div", {
             ref_key: "content",
             ref: r,
             class: "rounded-md text-sm pb-3 px-2 mt-1"
@@ -2849,7 +2958,7 @@ const Hl = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
       ], 2);
     };
   }
-}), Nl = { class: "inline-flex items-center space-x-2" }, Jl = { class: "label-light" }, Co = /* @__PURE__ */ T({
+}), fa = { class: "inline-flex items-center space-x-2" }, pa = { class: "label-light" }, Uo = /* @__PURE__ */ P({
   __name: "Disclosure",
   props: {
     title: null,
@@ -2857,7 +2966,7 @@ const Hl = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
     color: { default: "default" }
   },
   setup(e) {
-    const t = e, r = u(() => {
+    const t = e, r = c(() => {
       const o = [
         "pr-3 h-10 w-full flex items-center justify-between border-l-2 px-2 rounded transition",
         "ring-1 font-medium"
@@ -2884,7 +2993,7 @@ const Hl = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
           break;
       }
       return o.join(" ");
-    }), s = u(() => {
+    }), s = c(() => {
       const o = ["p-3 border-x border-b rounded-b-md"];
       switch (t.color) {
         case "warning":
@@ -2903,31 +3012,31 @@ const Hl = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
       }
       return o.join(" ");
     });
-    return (o, n) => (a(), h("div", null, [
-      z(l(Ss), null, {
+    return (o, l) => (a(), h("div", null, [
+      z(n(Bs), null, {
         default: L(({ open: d }) => [
-          z(l(Bs), {
+          z(n(Vs), {
             class: b(r.value)
           }, {
             default: L(() => [
-              m("div", Nl, [
+              f("div", fa, [
                 e.icon ? (a(), O(N(e.icon), {
                   key: 0,
                   class: "h-5 w-5"
                 })) : I("", !0),
-                m("span", null, V(e.title), 1)
+                f("span", null, V(e.title), 1)
               ]),
-              z(l(ct), {
+              z(n(dt), {
                 class: b([d ? "" : "rotate-180 transform", "h-5 w-5"])
               }, null, 8, ["class"])
             ]),
             _: 2
           }, 1032, ["class"]),
-          z(l(Vs), {
+          z(n(zs), {
             class: b(s.value)
           }, {
             default: L(() => [
-              m("div", Jl, [
+              f("div", pa, [
                 D(o.$slots, "default", {}, () => [
                   R("Panel contents")
                 ])
@@ -2941,80 +3050,94 @@ const Hl = /* @__PURE__ */ m("div", { class: "fixed inset-0 bg-neutral-100/70 da
     ]));
   }
 });
-var ve = /* @__PURE__ */ ((e) => (e.Grid = "grid", e.List = "list", e))(ve || {});
-const $o = /* @__PURE__ */ T({
+var de = /* @__PURE__ */ ((e) => (e.Grid = "grid", e.List = "list", e))(de || {});
+const ma = { class: "relative flex bg-foundation rounded-md" }, 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" }, qo = /* @__PURE__ */ P({
   __name: "GridListToggle",
   props: {
     modelValue: null
   },
   emits: ["click", "update:modelValue"],
   setup(e, { emit: t }) {
-    const r = t, s = e, o = u({
-      get: () => s.modelValue || ve.Grid,
-      set: (p) => r("update:modelValue", p)
-    }), n = u(
-      () => o.value === ve.Grid ? Ut : Nt
-    ), d = (p) => {
-      r("click", p);
-      const i = o.value === ve.Grid ? ve.List : ve.Grid;
-      o.value = i;
+    const r = t, s = e, o = c({
+      get: () => s.modelValue || de.Grid,
+      set: (d) => r("update:modelValue", d)
+    }), l = (d) => {
+      r("click", d);
+      const m = o.value === de.Grid ? de.List : de.Grid;
+      o.value = m;
     };
-    return (p, i) => (a(), h("button", {
-      class: "flex items-center justify-center rounded bg-foundation h-8 w-8 shadow cursor-pointer text-foreground",
-      onClick: d
+    return (d, m) => (a(), h("button", {
+      class: "max-w-max transition flex justify-center items-center gap-2 outline-none select-none h-8 text-foreground border-2 bg-foundation border-foundation-2 rounded-md hover:ring-2 active:scale-[0.97] grow",
+      onClick: l
     }, [
-      (a(), O(N(n.value), { class: "h-5 w-5" }))
+      f("div", ma, [
+        f("div", {
+          class: b(["absolute -top-[2px] -left-[2px] transition", {
+            "translate-x-7": o.value !== n(de).Grid
+          }])
+        }, [
+          f("div", {
+            class: b([o.value !== n(de).Grid ? "rounded-r-md" : "rounded-l-md", "w-8 h-8 bg-primary-muted shadow-inner transition"])
+          }, null, 2)
+        ], 2),
+        f("div", ha, [
+          z(n(Ut), { class: "h-5 w-5" })
+        ]),
+        f("div", va, [
+          z(n(qt), { class: "h-5 w-5" })
+        ])
+      ])
     ]));
   }
 });
-var Yl = /* @__PURE__ */ ((e) => (e[e.Throttle = 0] = "Throttle", e[e.Debounce = 1] = "Debounce", e))(Yl || {}), Fe = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e))(Fe || {});
-function ea(e, t) {
-  if (!He)
+var ga = /* @__PURE__ */ ((e) => (e[e.Throttle = 0] = "Throttle", e[e.Debounce = 1] = "Debounce", e))(ga || {}), Re = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e))(Re || {});
+function ba(e, t) {
+  if (!Ge)
     return;
   const {
     wait: r = 100,
     throttleOrDebounce: s = 0
     /* Throttle */
-  } = t || {}, o = r ? s === 0 ? it(e, r) : qe(e, r) : e;
-  ie(() => window.addEventListener("resize", o)), rt(() => window.removeEventListener("resize", o));
+  } = t || {}, o = r ? s === 0 ? ut(e, r) : He(e, r) : e;
+  ae(() => window.addEventListener("resize", o)), Ue(() => window.removeEventListener("resize", o));
 }
-function Io(e) {
-  ie(() => {
+function Wo(e) {
+  ae(() => {
     window.addEventListener("beforeunload", e);
-  }), rt(() => {
+  }), Ue(() => {
     window.removeEventListener("beforeunload", e);
   });
 }
-function ta(e) {
-  const { el: t, defaultDirection: r } = e, s = j(
+function ya(e) {
+  const { el: t, defaultDirection: r } = e, s = M(
     ge(r) ? 1 : r
     /* Right */
-  ), o = u(() => {
-    const d = l(e.stopUpdatesBelowWidth);
+  ), o = c(() => {
+    const d = n(e.stopUpdatesBelowWidth);
     if (!ge(d))
       return d;
-    const p = l(t);
-    return p != null && p.offsetWidth ? p.offsetWidth * 2 : void 0;
-  }), n = () => {
-    if (!He)
+    const m = n(t);
+    return m != null && m.offsetWidth ? m.offsetWidth * 2 : void 0;
+  }), l = () => {
+    if (!Ge)
       return;
-    const d = l(t);
+    const d = n(t);
     if (!d)
       return;
-    const p = d.getBoundingClientRect(), i = p.x + p.width > window.innerWidth, f = p.x < 0;
-    i && f || !ge(o.value) && window.innerWidth < o.value || (i ? s.value = 0 : f && (s.value = 1));
+    const m = d.getBoundingClientRect(), i = m.x + m.width > window.innerWidth, p = m.x < 0;
+    i && p || !ge(o.value) && window.innerWidth < o.value || (i ? s.value = 0 : p && (s.value = 1));
   };
-  return ea(() => n()), de(
-    () => l(t),
+  return ba(() => l()), fe(
+    () => n(t),
     (d) => {
-      d && n();
+      d && l();
     }
   ), {
-    direction: u(() => s.value),
-    recalculateDirection: n
+    direction: c(() => s.value),
+    recalculateDirection: l
   };
 }
-const sa = ["disabled", "onClick"], So = /* @__PURE__ */ T({
+const xa = ["disabled", "onClick"], Ho = /* @__PURE__ */ P({
   __name: "Menu",
   props: {
     open: { type: Boolean },
@@ -3022,50 +3145,52 @@ const sa = ["disabled", "onClick"], So = /* @__PURE__ */ T({
   },
   emits: ["update:open", "chosen"],
   setup(e, { emit: t }) {
-    const r = t, s = e, o = j(null), { direction: n } = ta({
-      el: u(() => {
+    const r = t, s = e, o = M(null), { direction: l } = ya({
+      el: c(() => {
         var g;
         return ((g = o.value) == null ? void 0 : g.el) || null;
       }),
-      defaultDirection: Fe.Left,
+      defaultDirection: Re.Left,
       stopUpdatesBelowWidth: 300
-    }), d = j(null), p = j(!1), i = u({
+    }), d = M(null), m = M(!1), i = c({
       get: () => s.open || !1,
       set: (g) => r("update:open", g)
-    }), f = (g) => {
-      const { active: c, disabled: S } = g, y = ["group flex w-full items-center rounded-md px-2 py-2 text-sm"];
-      return c ? y.push("bg-primary text-foreground-on-primary") : S ? y.push("text-foreground-disabled") : y.push("text-foreground"), y.join(" ");
-    }, x = (g, c) => {
-      r("chosen", { item: g, event: c });
-    }, k = () => {
+    }), p = (g) => {
+      const { active: u, disabled: S, color: x } = g, $ = [
+        "group flex gap-3 w-full items-center rounded-md px-2 py-1.5 text-sm"
+      ];
+      return u && !x ? $.push("bg-primary text-foreground-on-primary") : S ? $.push("text-foreground-disabled") : x === "danger" && u ? $.push("text-foreground-on-primary bg-danger") : x === "danger" && !u ? $.push("text-danger") : x === "info" && u ? $.push("text-foreground-on-primary bg-info") : x === "info" && !u ? $.push("text-info") : $.push("text-foreground"), $.join(" ");
+    }, k = (g, u) => {
+      r("chosen", { item: g, event: u });
+    }, y = () => {
       var g;
       return (g = d.value) == null ? void 0 : g.el.click();
     }, v = (g) => {
-      const c = !!g;
-      return p.value = c, c;
+      const u = !!g;
+      return m.value = u, u;
     };
-    return de(p, (g, c) => {
-      g !== c && (i.value = g);
-    }), de(i, (g) => {
-      (g && !p.value || !g && p.value) && k();
-    }), (g, c) => (a(), O(l(Os), {
+    return fe(m, (g, u) => {
+      g !== u && (i.value = g);
+    }), fe(i, (g) => {
+      (g && !m.value || !g && m.value) && y();
+    }), (g, u) => (a(), O(n(Os), {
       as: "div",
       class: "relative inline-block"
     }, {
       default: L(({ open: S }) => [
-        m("div", null, [
-          z(l(zs), {
+        f("div", null, [
+          z(n(Ls), {
             ref_key: "menuButton",
             ref: d,
             class: "hidden",
-            onClick: c[0] || (c[0] = fe(() => {
+            onClick: u[0] || (u[0] = pe(() => {
             }, ["stop", "prevent"]))
           }, null, 512),
-          m("div", {
+          f("div", {
             class: b(S ? "pointer-events-none" : "")
           }, [
             D(g.$slots, "default", {
-              toggle: k,
+              toggle: y,
               open: v(S)
             })
           ], 2)
@@ -3079,40 +3204,45 @@ const sa = ["disabled", "onClick"], So = /* @__PURE__ */ T({
           "leave-to-class": "transform scale-95 opacity-0"
         }, {
           default: L(() => [
-            z(l(Ls), {
+            z(n(Ms), {
               ref_key: "menuItems",
               ref: o,
               class: b([
-                "absolute mt-2 w-56 origin-top-right divide-y divide-outline-3 rounded-md bg-foundation shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none z-40",
-                l(n) === l(Fe).Left ? "right-0" : ""
+                "absolute mt-2 w-48 origin-top-right divide-y divide-outline-3 rounded-md bg-foundation shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none z-40",
+                n(l) === n(Re).Left ? "right-0" : ""
               ])
             }, {
               default: L(() => [
-                (a(!0), h(K, null, G(e.items, (y, $) => (a(), h("div", {
+                (a(!0), h(K, null, G(e.items, (x, $) => (a(), h("div", {
                   key: $,
-                  class: "px-1 py-1"
+                  class: "p-1"
                 }, [
-                  (a(!0), h(K, null, G(y, (B) => (a(), O(l(Ms), {
+                  (a(!0), h(K, null, G(x, (B) => (a(), O(n(_s), {
                     key: B.id,
-                    disabled: B.disabled
+                    disabled: B.disabled,
+                    color: B.color
                   }, {
-                    default: L(({ active: _, disabled: M }) => [
+                    default: L(({ active: T, disabled: _ }) => [
                       be((a(), h("span", null, [
-                        m("button", {
-                          class: b(f({ active: _, disabled: M })),
-                          disabled: M,
-                          onClick: (w) => x(B, w)
+                        f("button", {
+                          class: b(p({ active: T, disabled: _, color: B.color })),
+                          disabled: _,
+                          onClick: (w) => k(B, w)
                         }, [
+                          B.icon ? (a(), O(N(B.icon), {
+                            key: 0,
+                            class: "h-5 w-5"
+                          })) : I("", !0),
                           D(g.$slots, "item", { item: B }, () => [
                             R(V(B.title), 1)
                           ])
-                        ], 10, sa)
+                        ], 10, xa)
                       ])), [
-                        [l(ht), B.disabled && B.disabledTooltip]
+                        [n(vt), B.disabled && B.disabledTooltip]
                       ])
                     ]),
                     _: 2
-                  }, 1032, ["disabled"]))), 128))
+                  }, 1032, ["disabled", "color"]))), 128))
                 ]))), 128))
               ]),
               _: 3
@@ -3124,33 +3254,33 @@ const sa = ["disabled", "onClick"], So = /* @__PURE__ */ T({
       _: 3
     }));
   }
-}), na = { class: "flex flex-col space-y-4" }, la = { class: "flex space-x-6" }, Bo = /* @__PURE__ */ T({
+}), ka = { class: "flex flex-col space-y-4" }, wa = { class: "flex space-x-6" }, Ko = /* @__PURE__ */ P({
   __name: "Tabs",
   props: {
     items: null
   },
   setup(e) {
-    const t = e, r = j(null), s = u(() => r.value && t.items.find((n) => n.id === r.value) || t.items[0]), o = (n) => {
-      r.value = n.id;
+    const t = e, r = M(null), s = c(() => r.value && t.items.find((l) => l.id === r.value) || t.items[0]), o = (l) => {
+      r.value = l.id;
     };
-    return (n, d) => (a(), h("div", na, [
-      m("div", la, [
-        (a(!0), h(K, null, G(e.items, (p) => (a(), O(le, {
-          key: p.id,
+    return (l, d) => (a(), h("div", ka, [
+      f("div", wa, [
+        (a(!0), h(K, null, G(e.items, (m) => (a(), O(oe, {
+          key: m.id,
           link: "",
-          color: s.value.id === p.id ? "default" : "secondary",
-          onClick: (i) => o(p)
+          color: s.value.id === m.id ? "default" : "secondary",
+          onClick: (i) => o(m)
         }, {
           default: L(() => [
-            R(V(p.title), 1)
+            R(V(m.title), 1)
           ]),
           _: 2
         }, 1032, ["color", "onClick"]))), 128))
       ]),
-      D(n.$slots, "default", { activeItem: s.value })
+      D(l.$slots, "default", { activeItem: s.value })
     ]));
   }
-}), aa = { class: "text-foreground" }, oa = { class: "w-full text-sm overflow-x-auto overflow-y-visible simple-scrollbar" }, ra = ["onClick", "onKeypress"], ia = /* @__PURE__ */ m("div", { class: "text-gray-900 font-medium order-1" }, "Placeholder", -1), ua = { class: "absolute right-1.5 gap-1 flex items-center p-0" }, Vo = /* @__PURE__ */ T({
+}), Ca = { class: "text-foreground" }, $a = { class: "w-full text-sm overflow-x-auto overflow-y-visible simple-scrollbar" }, Ia = ["onClick", "onKeypress"], Sa = /* @__PURE__ */ f("div", { class: "text-gray-900 font-medium order-1" }, "Placeholder", -1), Ba = { class: "absolute right-1.5 gap-1 flex items-center p-0" }, Go = /* @__PURE__ */ P({
   __name: "Table",
   props: {
     items: null,
@@ -3160,72 +3290,72 @@ const sa = ["disabled", "onClick"], So = /* @__PURE__ */ T({
     onRowClick: { type: Function }
   },
   setup(e) {
-    const t = e, r = u(() => {
+    const t = e, r = c(() => {
       const d = (t.buttons || []).length;
-      let p = 16;
-      return d > 0 && (p = 48 + (d - 1) * 42), `${p}px`;
+      let m = 16;
+      return d > 0 && (m = 48 + (d - 1) * 42), `${m}px`;
     }), s = (d) => {
-      var p;
-      return ((p = t.columns.find((i) => i.id === d)) == null ? void 0 : p.classes) || "";
-    }, o = (d, p) => {
+      var m;
+      return ((m = t.columns.find((i) => i.id === d)) == null ? void 0 : m.classes) || "";
+    }, o = (d, m) => {
       const i = s(d);
-      return p === 0 ? `bg-transparent py-3 pr-5 px-1 ${i}` : `lg:p-0 px-1 my-2 ${i}`;
-    }, n = (d) => {
-      var p;
-      (p = t.onRowClick) == null || p.call(t, d);
+      return m === 0 ? `bg-transparent py-3 pr-5 px-1 ${i}` : `lg:p-0 px-1 my-2 ${i}`;
+    }, l = (d) => {
+      var m;
+      (m = t.onRowClick) == null || m.call(t, d);
     };
-    return (d, p) => (a(), h("div", aa, [
-      m("div", oa, [
+    return (d, m) => (a(), h("div", Ca, [
+      f("div", $a, [
         e.items.length > 0 ? (a(), h("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: re({ paddingRight: r.value })
+          style: ne({ paddingRight: r.value })
         }, [
           (a(!0), h(K, null, G(e.columns, (i) => (a(), h("div", {
             key: i.id,
             class: b([s(i.id), "capitalize"])
           }, V(i.header), 3))), 128))
         ], 4)) : I("", !0),
-        m("div", {
+        f("div", {
           class: b(["divide-y divide-outline-3 h-full overflow-visible", { "pb-32": e.overflowCells }])
         }, [
           (a(!0), h(K, null, G(e.items, (i) => (a(), h("div", {
             key: i.id,
             class: b(["relative grid grid-cols-12 items-center gap-6 px-4 py-1 min-w-[900px] bg-foundation", { "cursor-pointer hover:bg-primary-muted": !!e.onRowClick }]),
-            style: re({ paddingRight: r.value }),
+            style: ne({ paddingRight: r.value }),
             tabindex: "0",
-            onClick: (f) => n(i),
-            onKeypress: (f) => n(i)
+            onClick: (p) => l(i),
+            onKeypress: (p) => l(i)
           }, [
-            (a(!0), h(K, null, G(e.columns, (f, x) => (a(), h("div", {
-              key: f.id,
-              class: b(o(f.id, x)),
+            (a(!0), h(K, null, G(e.columns, (p, k) => (a(), h("div", {
+              key: p.id,
+              class: b(o(p.id, k)),
               tabindex: "0"
             }, [
-              D(d.$slots, f.id, { item: i }, () => [
-                ia
+              D(d.$slots, p.id, { item: i }, () => [
+                Sa
               ])
             ], 2))), 128)),
-            m("div", ua, [
-              (a(!0), h(K, null, G(e.buttons, (f) => (a(), h("div", {
-                key: f.label
+            f("div", Ba, [
+              (a(!0), h(K, null, G(e.buttons, (p) => (a(), h("div", {
+                key: p.label
               }, [
-                z(l(le), {
-                  "icon-left": f.icon,
+                z(n(oe), {
+                  "icon-left": p.icon,
                   size: "sm",
                   color: "secondary",
                   "hide-text": "",
-                  class: b(f.class),
-                  onClick: fe((x) => f.action(i), ["stop"])
+                  class: b(p.class),
+                  onClick: pe((k) => p.action(i), ["stop"])
                 }, null, 8, ["icon-left", "class", "onClick"])
               ]))), 128))
             ])
-          ], 46, ra))), 128))
+          ], 46, Ia))), 128))
         ], 2)
       ])
     ]));
   }
-}), ca = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, da = { class: "inline-flex items-center space-x-1" }, fa = /* @__PURE__ */ m("span", { class: "text-foreground-2" }, "That's it, you've loaded everything!", -1), pa = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, ma = { class: "inline-flex items-center space-x-1" }, ha = /* @__PURE__ */ m("span", { class: "text-foreground-2" }, "An error occurred while loading", -1), Oo = /* @__PURE__ */ T({
+}), Va = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, za = { class: "inline-flex items-center space-x-1" }, Oa = /* @__PURE__ */ f("span", { class: "text-foreground-2" }, "That's it, you've loaded everything!", -1), La = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, Ma = { class: "inline-flex items-center space-x-1" }, _a = /* @__PURE__ */ f("span", { class: "text-foreground-2" }, "An error occurred while loading", -1), Xo = /* @__PURE__ */ P({
   __name: "InfiniteLoading",
   props: {
     settings: null,
@@ -3233,8 +3363,8 @@ const sa = ["disabled", "onClick"], So = /* @__PURE__ */ T({
   },
   emits: ["infinite"],
   setup(e) {
-    const t = j(null), r = j(!1);
-    return He && ie(() => {
+    const t = M(null), r = M(!1);
+    return Ge && ae(() => {
       const s = setInterval(() => {
         var o;
         (o = t.value) != null && o.isConnected && (r.value = !0, clearInterval(s));
@@ -3243,32 +3373,32 @@ const sa = ["disabled", "onClick"], So = /* @__PURE__ */ T({
       ref_key: "wrapper",
       ref: t
     }, [
-      r.value ? (a(), O(l(Ts), oe({ key: 0 }, s.$props.settings || {}, {
-        onInfinite: o[0] || (o[0] = (n) => s.$emit("infinite", n))
+      r.value ? (a(), O(n(Ts), ie({ key: 0 }, s.$props.settings || {}, {
+        onInfinite: o[0] || (o[0] = (l) => s.$emit("infinite", l))
       }), {
         spinner: L(() => [
-          z(Ze, {
+          z(Ne, {
             loading: !0,
             class: "my-2"
           })
         ]),
         complete: L(() => [
-          m("div", ca, [
-            m("div", da, [
-              z(l(Jt), { class: "w-5 h-5 text-success" }),
-              fa
+          f("div", Va, [
+            f("div", za, [
+              z(n(Jt), { class: "w-5 h-5 text-success" }),
+              Oa
             ])
           ])
         ]),
-        error: L(({ retry: n }) => [
-          m("div", pa, [
-            m("div", ma, [
-              z(l(Yt), { class: "w-5 h-5 text-danger" }),
-              ha
+        error: L(({ retry: l }) => [
+          f("div", La, [
+            f("div", Ma, [
+              z(n(Yt), { class: "w-5 h-5 text-danger" }),
+              _a
             ]),
-            e.allowRetry ? (a(), O(le, {
+            e.allowRetry ? (a(), O(oe, {
               key: 0,
-              onClick: n
+              onClick: l
             }, {
               default: L(() => [
                 R("Retry")
@@ -3281,10 +3411,10 @@ const sa = ["disabled", "onClick"], So = /* @__PURE__ */ T({
       }, 16)) : I("", !0)
     ], 512));
   }
-}), va = { class: "relative group" }, ga = {
+}), Aa = { class: "relative group" }, Pa = {
   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"
-}, zo = /* @__PURE__ */ T({
+}, Zo = /* @__PURE__ */ P({
   __name: "Panel",
   props: {
     /**
@@ -3322,47 +3452,47 @@ const sa = ["disabled", "onClick"], So = /* @__PURE__ */ T({
   },
   emits: ["submit"],
   setup(e, { emit: t }) {
-    const r = t, s = e, o = u(
+    const r = t, s = e, o = c(
       () => s.customPadding ? "" : "px-4 py-4 sm:px-6"
-    ), n = u(
+    ), l = c(
       () => s.customPadding ? "" : "px-4 py-4 sm:p-6"
-    ), d = u(() => {
-      const p = ["rounded-lg"];
-      return s.noShadow || p.push("shadow"), s.ring && p.push("ring-outline-2 hover:ring-2"), s.panelClasses && p.push(s.panelClasses), p.join(" ");
+    ), d = c(() => {
+      const m = ["rounded-lg"];
+      return s.noShadow || m.push("shadow"), s.ring && m.push("ring-outline-2 hover:ring-2"), s.panelClasses && m.push(s.panelClasses), m.join(" ");
     });
-    return (p, i) => (a(), h("div", va, [
-      e.fancyGlow ? (a(), h("div", ga)) : I("", !0),
+    return (m, i) => (a(), h("div", Aa, [
+      e.fancyGlow ? (a(), h("div", Pa)) : I("", !0),
       (a(), O(N(e.form ? "form" : "div"), {
         class: b([
           "relative divide-outline-3 bg-foundation text-foreground flex flex-col divide-y overflow-hidden",
           d.value
         ]),
-        onSubmit: i[0] || (i[0] = (f) => r("submit", f))
+        onSubmit: i[0] || (i[0] = (p) => r("submit", p))
       }, {
         default: L(() => [
-          p.$slots.header ? (a(), h("div", {
+          m.$slots.header ? (a(), h("div", {
             key: 0,
             class: b(o.value)
           }, [
-            D(p.$slots, "header")
+            D(m.$slots, "header")
           ], 2)) : I("", !0),
-          m("div", {
-            class: b(["grow", n.value])
+          f("div", {
+            class: b(["grow", l.value])
           }, [
-            D(p.$slots, "default")
+            D(m.$slots, "default")
           ], 2),
-          p.$slots.footer ? (a(), h("div", {
+          m.$slots.footer ? (a(), h("div", {
             key: 1,
             class: b(o.value)
           }, [
-            D(p.$slots, "footer")
+            D(m.$slots, "footer")
           ], 2)) : I("", !0)
         ]),
         _: 3
       }, 40, ["class"]))
     ]));
   }
-}), ba = { class: "flex-shrink-0" }, ya = /* @__PURE__ */ m("span", { class: "sr-only" }, "Dismiss", -1), Lo = /* @__PURE__ */ T({
+}), ja = { class: "flex-shrink-0" }, Ta = /* @__PURE__ */ f("span", { class: "sr-only" }, "Dismiss", -1), Qo = /* @__PURE__ */ P({
   __name: "Alert",
   props: {
     color: { default: "success" },
@@ -3373,7 +3503,7 @@ const sa = ["disabled", "onClick"], So = /* @__PURE__ */ T({
   },
   emits: ["dismiss"],
   setup(e) {
-    const t = e, r = Ue(), s = u(() => !!r.description), o = u(() => {
+    const t = e, r = We(), s = c(() => !!r.description), o = c(() => {
       if (t.customIcon)
         return t.customIcon;
       switch (t.color) {
@@ -3385,149 +3515,149 @@ const sa = ["disabled", "onClick"], So = /* @__PURE__ */ T({
           return ss;
         case "success":
         default:
-          return pt;
+          return mt;
       }
-    }), n = u(() => {
-      const c = [];
+    }), l = c(() => {
+      const u = [];
       switch (t.size) {
         case "xs":
-          c.push("p-1");
+          u.push("p-1");
           break;
         case "default":
         default:
-          c.push(s.value ? "p-4" : "p-2");
+          u.push(s.value ? "p-4" : "p-2");
           break;
       }
       switch (t.color) {
         case "success":
-          c.push("bg-success-lighter border-l-4 border-success");
+          u.push("bg-success-lighter border-l-4 border-success");
           break;
         case "info":
-          c.push("bg-info-lighter border-l-4 border-info");
+          u.push("bg-info-lighter border-l-4 border-info");
           break;
         case "danger":
-          c.push("bg-danger-lighter border-l-4 border-danger");
+          u.push("bg-danger-lighter border-l-4 border-danger");
           break;
         case "warning":
-          c.push("bg-warning-lighter border-l-4 border-warning");
+          u.push("bg-warning-lighter border-l-4 border-warning");
           break;
       }
-      return c.join(" ");
-    }), d = u(() => {
-      const c = [];
+      return u.join(" ");
+    }), d = c(() => {
+      const u = [];
       if (s.value)
-        c.push("");
+        u.push("");
       else
-        switch (c.push("items-center"), t.size) {
+        switch (u.push("items-center"), t.size) {
           case "xs":
-            c.push("space-x-1");
+            u.push("space-x-1");
             break;
           case "default":
           default:
-            c.push("space-x-2");
+            u.push("space-x-2");
             break;
         }
-      return c.join(" ");
-    }), p = u(() => {
-      const c = ["grow"];
-      switch (s.value || c.push("flex items-center space-x-2"), t.size) {
+      return u.join(" ");
+    }), m = c(() => {
+      const u = ["grow"];
+      switch (s.value || u.push("flex items-center space-x-2"), t.size) {
         case "xs":
-          c.push("ml-1");
+          u.push("ml-1");
           break;
         case "default":
         default:
-          c.push("ml-3");
+          u.push("ml-3");
           break;
       }
-      return c.join(" ");
-    }), i = u(() => {
-      const c = [];
+      return u.join(" ");
+    }), i = c(() => {
+      const u = [];
       switch (t.size) {
         case "xs":
-          c.push("text-xs");
+          u.push("text-xs");
           break;
         case "default":
         default:
-          c.push("mt-2 text-sm");
+          u.push("mt-2 text-sm");
           break;
       }
-      return c.join(" ");
-    }), f = u(() => {
-      var y;
-      const c = ["flex"];
-      s.value || c.push("grow justify-end");
-      const S = s.value && ((y = t.actions) == null ? void 0 : y.length);
+      return u.join(" ");
+    }), p = c(() => {
+      var x;
+      const u = ["flex"];
+      s.value || u.push("grow justify-end");
+      const S = s.value && ((x = t.actions) == null ? void 0 : x.length);
       switch (t.size) {
         case "xs":
-          c.push("space-x-1"), S && c.push("mt-1");
+          u.push("space-x-1"), S && u.push("mt-1");
           break;
         case "default":
         default:
-          c.push("space-x-2"), S && c.push("mt-4");
+          u.push("space-x-2"), S && u.push("mt-4");
           break;
       }
-      return c.join(" ");
-    }), x = u(() => {
-      const c = [];
+      return u.join(" ");
+    }), k = c(() => {
+      const u = [];
       switch (t.color) {
         case "success":
-          c.push("text-success-darker");
+          u.push("text-success-darker");
           break;
         case "info":
-          c.push("text-info-darker");
+          u.push("text-info-darker");
           break;
         case "danger":
-          c.push("text-danger-darker");
+          u.push("text-danger-darker");
           break;
         case "warning":
-          c.push("text-warning-darker");
+          u.push("text-warning-darker");
           break;
       }
-      return c.join(" ");
-    }), k = u(() => {
-      const c = [];
+      return u.join(" ");
+    }), y = c(() => {
+      const u = [];
       switch (t.size) {
         case "xs":
-          c.push("h-4 w-4"), c.push(s.value ? "mt-0.5" : "");
+          u.push("h-4 w-4"), u.push(s.value ? "mt-0.5" : "");
           break;
         case "default":
         default:
-          c.push("h-5 w-5");
+          u.push("h-5 w-5");
           break;
       }
       switch (t.color) {
         case "success":
-          c.push("text-success");
+          u.push("text-success");
           break;
         case "info":
-          c.push("text-info");
+          u.push("text-info");
           break;
         case "danger":
-          c.push("text-danger");
+          u.push("text-danger");
           break;
         case "warning":
-          c.push("text-warning");
+          u.push("text-warning");
           break;
       }
-      return c.join(" ");
-    }), v = u(() => {
-      const c = [];
+      return u.join(" ");
+    }), v = c(() => {
+      const u = [];
       switch (t.color) {
         case "success":
-          c.push("bg-success-lighter ring-success");
+          u.push("bg-success-lighter ring-success");
           break;
         case "info":
-          c.push("bg-info-lighter ring-info");
+          u.push("bg-info-lighter ring-info");
           break;
         case "danger":
-          c.push("bg-danger-lighter ring-danger");
+          u.push("bg-danger-lighter ring-danger");
           break;
         case "warning":
-          c.push("bg-warning-lighter ring-warning");
+          u.push("bg-warning-lighter ring-warning");
           break;
       }
-      return c.join(" ");
-    }), g = u(() => {
+      return u.join(" ");
+    }), g = c(() => {
       switch (t.size) {
         case "xs":
           return "xs";
@@ -3536,25 +3666,25 @@ const sa = ["disabled", "onClick"], So = /* @__PURE__ */ T({
           return "sm";
       }
     });
-    return (c, S) => (a(), h("div", {
-      class: b(["rounded-md", [n.value, x.value]])
+    return (u, S) => (a(), h("div", {
+      class: b(["rounded-md", [l.value, k.value]])
     }, [
-      m("div", {
+      f("div", {
         class: b(["flex", d.value])
       }, [
-        m("div", ba, [
+        f("div", ja, [
           (a(), O(N(o.value), {
-            class: b(k.value),
+            class: b(y.value),
             "aria-hidden": "true"
           }, null, 8, ["class"]))
         ]),
-        m("div", {
-          class: b(p.value)
+        f("div", {
+          class: b(m.value)
         }, [
-          m("h3", {
+          f("h3", {
             class: b(["text-sm", [s.value ? "font-medium" : ""]])
           }, [
-            D(c.$slots, "title", {}, () => [
+            D(u.$slots, "title", {}, () => [
               R("Title")
             ])
           ], 2),
@@ -3562,23 +3692,23 @@ const sa = ["disabled", "onClick"], So = /* @__PURE__ */ T({
             key: 0,
             class: b(i.value)
           }, [
-            D(c.$slots, "description", {}, () => [
+            D(u.$slots, "description", {}, () => [
               R(" Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum similique veniam. ")
             ])
           ], 2)) : I("", !0),
-          m("div", {
-            class: b(f.value)
+          f("div", {
+            class: b(p.value)
           }, [
-            (a(!0), h(K, null, G(e.actions || [], (y, $) => (a(), O(le, {
+            (a(!0), h(K, null, G(e.actions || [], (x, $) => (a(), O(oe, {
               key: $,
               color: e.color,
               size: g.value,
-              to: y.url,
-              external: y.externalUrl || !1,
-              onClick: (B) => y.onClick || l(Pt)
+              to: x.url,
+              external: x.externalUrl || !1,
+              onClick: (B) => x.onClick || n(Pt)
             }, {
               default: L(() => [
-                R(V(y.title), 1)
+                R(V(x.title), 1)
               ]),
               _: 2
             }, 1032, ["color", "size", "to", "external", "onClick"]))), 128))
@@ -3588,13 +3718,13 @@ const sa = ["disabled", "onClick"], So = /* @__PURE__ */ T({
           key: 0,
           class: b(["flex", [s.value ? "items-start" : "items-center"]])
         }, [
-          m("button", {
+          f("button", {
             type: "button",
             class: b(["inline-flex rounded-md focus:outline-none focus:ring-2", v.value]),
-            onClick: S[0] || (S[0] = (y) => c.$emit("dismiss"))
+            onClick: S[0] || (S[0] = (x) => u.$emit("dismiss"))
           }, [
-            ya,
-            z(l(ye), {
+            Ta,
+            z(n(ye), {
               class: "h-5 w-5",
               "aria-hidden": "true"
             })
@@ -3604,41 +3734,41 @@ const sa = ["disabled", "onClick"], So = /* @__PURE__ */ T({
     ], 2));
   }
 });
-function Mo(e) {
-  var c, S;
-  const { get: t, initialState: r, readOptions: s, set: o, asyncRead: n = !0, debugging: d } = e, p = d == null ? void 0 : d.log, i = () => (new Error("Trace:").stack || "").substring(7), f = ((S = (c = e.debugging) == null ? void 0 : c.log) == null ? void 0 : S.logger) || console.debug, x = p && !p.writesOnly ? () => {
-    const y = t();
-    return f(`debugging: '${p.name}' read`, y, i()), y;
-  } : t, k = p && !p.readsOnly ? (y) => (f(`debugging: '${p.name}' written to`, y, i()), o(y)) : o, v = n ? hs(x, r, s) : u(x), g = u(() => v.value);
-  return g.update = k, g;
+function No(e) {
+  var u, S;
+  const { get: t, initialState: r, readOptions: s, set: o, asyncRead: l = !0, debugging: d } = e, m = d == null ? void 0 : d.log, i = () => (new Error("Trace:").stack || "").substring(7), p = ((S = (u = e.debugging) == null ? void 0 : u.log) == null ? void 0 : S.logger) || console.debug, k = m && !m.writesOnly ? () => {
+    const x = t();
+    return p(`debugging: '${m.name}' read`, x, i()), x;
+  } : t, y = m && !m.readsOnly ? (x) => (p(`debugging: '${m.name}' written to`, x, i()), o(x)) : o, v = l ? vs(k, r, s) : c(k), g = c(() => v.value);
+  return g.update = y, g;
 }
-const xa = /* @__PURE__ */ T({
+const Fa = /* @__PURE__ */ P({
   __name: "ContextManager",
   setup(e, { expose: t }) {
     const s = Mt().provides, o = Object.getOwnPropertySymbols(s).find(
       (v) => v.description === "ComboboxContext"
     );
     o || console.error("FormTagsContextManager ctx key not found!");
-    const n = jt(o || "__undefined");
-    return n || console.error("FormTagsContextManager ctx not found!"), t({ goUp: () => {
-      n == null || n.goToOption(1);
+    const l = _t(o || "__undefined");
+    return l || console.error("FormTagsContextManager ctx not found!"), t({ goUp: () => {
+      l == null || l.goToOption(1);
     }, goDown: () => {
-      n == null || n.goToOption(2);
+      l == null || l.goToOption(2);
     }, open: () => {
-      n && n.openCombobox();
+      l && l.openCombobox();
     }, close: () => {
-      n == null || n.closeCombobox();
+      l == null || l.closeCombobox();
     }, selectActive: () => {
-      n == null || n.selectActiveOption();
-    }, isOpen: () => (n == null ? void 0 : n.comboboxState.value) === 0 }), (v, g) => D(v.$slots, "default");
+      l == null || l.selectActiveOption();
+    }, isOpen: () => (l == null ? void 0 : l.comboboxState.value) === 0 }), (v, g) => D(v.$slots, "default");
   }
-}), ka = ["for"], wa = ["disabled", "placeholder", "onKeydown"], Ca = /* @__PURE__ */ m("span", { class: "text-xs sr-only" }, "Clear input", -1), $a = { key: 1 }, Ia = /* @__PURE__ */ m("div", { class: "text-foreground-2 text-center" }, [
+}), Ra = ["for"], Da = ["disabled", "placeholder", "onKeydown"], Ea = /* @__PURE__ */ f("span", { class: "text-xs sr-only" }, "Clear input", -1), Ua = { key: 1 }, qa = /* @__PURE__ */ f("div", { class: "text-foreground-2 text-center" }, [
   /* @__PURE__ */ R(" Press "),
-  /* @__PURE__ */ m("strong", null, "Enter"),
+  /* @__PURE__ */ f("strong", null, "Enter"),
   /* @__PURE__ */ R(" to create tag ⚡ ")
-], -1), Sa = [
-  Ia
-], Ba = ["id"], jo = /* @__PURE__ */ T({
+], -1), Wa = [
+  qa
+], Ha = ["id"], Jo = /* @__PURE__ */ P({
   __name: "Tags",
   props: {
     name: null,
@@ -3662,34 +3792,34 @@ const xa = /* @__PURE__ */ T({
   },
   emits: ["update:modelValue", "change", "clear"],
   setup(e, { expose: t, emit: r }) {
-    const s = (A) => A.type === "input", o = r, n = e, d = j(null), { focused: p } = vs(d), i = j(
+    const s = (A) => A.type === "input", o = r, l = e, d = M(null), { focused: m } = gs(d), i = M(
       null
     ), {
-      coreInputClasses: f,
-      coreClasses: x,
-      labelClasses: k,
+      coreInputClasses: p,
+      coreClasses: k,
+      labelClasses: y,
       title: v,
       helpTip: g,
-      helpTipId: c,
+      helpTipId: u,
       hideHelpTip: S,
-      helpTipClasses: y,
+      helpTipClasses: x,
       errorMessage: $,
       clear: B,
-      value: _
-    } = Ge({
-      props: ne(n),
+      value: T
+    } = Ze({
+      props: le(l),
       emit: o,
       inputEl: d
       // options: {
       //   customClear: () => (selectedItems.value = [])
       // }
-    }), M = j([]), w = j(!1), U = j(!1), q = j(""), E = u({
-      get: () => _.value || [],
+    }), _ = M([]), w = M(!1), U = M(!1), q = M(""), E = c({
+      get: () => T.value || [],
       set: (A) => {
-        _.value = Tt(A).filter((F) => !!F.length);
+        T.value = jt(A).filter((F) => !!F.length);
       }
-    }), ze = u(() => {
-      switch (n.size) {
+    }), Le = c(() => {
+      switch (l.size) {
         case "sm":
           return "h-6";
         case "lg":
@@ -3700,21 +3830,21 @@ const xa = /* @__PURE__ */ T({
         default:
           return "h-8";
       }
-    }), ae = u(() => n.showClear && !!E.value.length), Le = u(() => {
+    }), re = c(() => l.showClear && !!E.value.length), Me = c(() => {
       const A = [
-        x.value,
-        n.disabled ? "cursor-not-allowed !bg-foundation-disabled !text-disabled-muted" : ""
+        k.value,
+        l.disabled ? "cursor-not-allowed !bg-foundation-disabled !text-disabled-muted" : ""
       ];
-      return ae.value && ($.value || n.showRequired) ? A.push("pr-14") : (ae.value || $.value || n.showRequired) && A.push("pr-8"), $.value ? (A.push("border-2 border-danger text-danger-darker"), p.value && A.push("ring-1 ring-danger")) : (A.push("border-2 border-transparent"), p.value && A.push("ring-2 ring-outline-2")), A.join(" ");
-    }), Me = (A) => {
-      if (n.disabled)
+      return re.value && ($.value || l.showRequired) ? A.push("pr-14") : (re.value || $.value || l.showRequired) && A.push("pr-8"), $.value ? (A.push("border-2 border-danger text-danger-darker"), m.value && A.push("ring-1 ring-danger")) : (A.push("border-2 border-transparent"), m.value && A.push("ring-2 ring-outline-2")), A.join(" ");
+    }), _e = (A) => {
+      if (l.disabled)
         return;
       const F = E.value.indexOf(A);
       if (F !== -1) {
-        const P = E.value.slice();
-        P.splice(F, 1), E.value = P;
+        const j = E.value.slice();
+        j.splice(F, 1), E.value = j;
       }
-    }, pe = () => {
+    }, me = () => {
       var A;
       (A = d.value) == null || A.blur(), U.value = !1;
     }, Y = (A) => {
@@ -3723,22 +3853,22 @@ const xa = /* @__PURE__ */ T({
       const F = E.value.slice();
       F.pop(), E.value = F, U.value = !1;
     }, ce = () => {
-      var A, F, P;
-      (A = i.value) != null && A.isOpen() ? (F = i.value) == null || F.goUp() : (P = i.value) == null || P.open();
+      var A, F, j;
+      (A = i.value) != null && A.isOpen() ? (F = i.value) == null || F.goUp() : (j = i.value) == null || j.open();
     }, X = () => {
-      var A, F, P;
-      (A = i.value) != null && A.isOpen() ? (F = i.value) == null || F.goDown() : (P = i.value) == null || P.open();
-    }, me = async () => {
-      n.getAutocompleteItems && (w.value = !0, M.value = await Promise.resolve(
-        n.getAutocompleteItems(q.value)
+      var A, F, j;
+      (A = i.value) != null && A.isOpen() ? (F = i.value) == null || F.goDown() : (j = i.value) == null || j.open();
+    }, he = async () => {
+      l.getAutocompleteItems && (w.value = !0, _.value = await Promise.resolve(
+        l.getAutocompleteItems(q.value)
       ), w.value = !1);
-    }, je = qe(me, 1e3), Ae = () => {
-      w.value = !0, je();
+    }, Ae = He(he, 1e3), Pe = () => {
+      w.value = !0, Ae();
     }, xe = (A, F) => {
       var Z, ee;
       if (s(A) ? A.data === " " || A.data === "," || A.data === ";" : !0) {
         let ke = !1;
-        if ((Z = i.value) != null && Z.isOpen() && M.value.length && !F)
+        if ((Z = i.value) != null && Z.isOpen() && _.value.length && !F)
           (ee = i.value) == null || ee.selectActive(), ke = !0;
         else {
           const C = q.value.trim().substring(0, q.value.length - (s(A) ? 1 : 0)), H = E.value.includes(C);
@@ -3748,137 +3878,137 @@ const xa = /* @__PURE__ */ T({
       } else
         U.value = !!q.value.length;
     };
-    return de(U, (A, F) => {
-      var P, Z;
-      A && !F ? n.getAutocompleteItems && ((P = i.value) == null || P.open()) : !A && F && ((Z = i.value) == null || Z.close());
-    }), de(q, () => {
-      Ae();
-    }), ie(() => {
-      me();
-    }), t({ resolveAutocompleteItems: me }), (A, F) => (a(), O(l(js), {
+    return fe(U, (A, F) => {
+      var j, Z;
+      A && !F ? l.getAutocompleteItems && ((j = i.value) == null || j.open()) : !A && F && ((Z = i.value) == null || Z.close());
+    }), fe(q, () => {
+      Pe();
+    }), ae(() => {
+      he();
+    }), t({ resolveAutocompleteItems: he }), (A, F) => (a(), O(n(As), {
       modelValue: E.value,
-      "onUpdate:modelValue": F[5] || (F[5] = (P) => E.value = P),
+      "onUpdate:modelValue": F[5] || (F[5] = (j) => E.value = j),
       as: "div",
       multiple: "",
       clearable: "",
       class: b([e.wrapperClasses])
     }, {
       default: L(() => [
-        z(xa, {
+        z(Fa, {
           ref_key: "ctxManager",
           ref: i
         }, {
           default: L(() => [
-            m("label", {
+            f("label", {
               for: e.name,
-              class: b(l(k))
+              class: b(n(y))
             }, [
-              m("span", null, V(l(v)), 1)
-            ], 10, ka),
-            m("div", {
-              class: b(["relative flex flex-wrap items-center space-x-1 px-2 py-1", Le.value])
+              f("span", null, V(n(v)), 1)
+            ], 10, Ra),
+            f("div", {
+              class: b(["relative flex flex-wrap items-center space-x-1 px-2 py-1", Me.value])
             }, [
-              (a(!0), h(K, null, G(E.value, (P) => (a(), O(Ke, {
-                key: P,
-                "icon-left": e.disabled ? void 0 : l(ye),
+              (a(!0), h(K, null, G(E.value, (j) => (a(), O(Xe, {
+                key: j,
+                "icon-left": e.disabled ? void 0 : n(ye),
                 "clickable-icon": "",
                 size: "lg",
-                onClickIcon: () => Me(P)
+                onClickIcon: () => _e(j)
               }, {
                 default: L(() => [
-                  R(V(P), 1)
+                  R(V(j), 1)
                 ]),
                 _: 2
               }, 1032, ["icon-left", "onClickIcon"]))), 128)),
-              be(m("input", {
+              be(f("input", {
                 ref_key: "inputEl",
                 ref: d,
-                "onUpdate:modelValue": F[0] || (F[0] = (P) => q.value = P),
+                "onUpdate:modelValue": F[0] || (F[0] = (j) => q.value = j),
                 disabled: e.disabled,
-                class: b(["bg-transparent grow shrink border-0 focus:ring-0 p-0", [l(f), ze.value]]),
+                class: b(["bg-transparent grow shrink border-0 focus:ring-0 p-0", [n(p), Le.value]]),
                 style: { "flex-basis": "70px", "min-width": "70px" },
                 placeholder: E.value.length ? void 0 : e.placeholder,
                 onInput: xe,
                 onKeydown: [
-                  he(pe, ["escape"]),
-                  F[1] || (F[1] = he(fe((P) => xe(P, !0), ["stop", "prevent"]), ["enter"])),
-                  he(xe, ["tab"]),
-                  he(Y, ["backspace"]),
-                  he(ce, ["arrow-up"]),
-                  he(X, ["arrow-down"])
+                  ve(me, ["escape"]),
+                  F[1] || (F[1] = ve(pe((j) => xe(j, !0), ["stop", "prevent"]), ["enter"])),
+                  ve(xe, ["tab"]),
+                  ve(Y, ["backspace"]),
+                  ve(ce, ["arrow-up"]),
+                  ve(X, ["arrow-down"])
                 ],
-                onBlur: F[2] || (F[2] = (P) => U.value = !1)
-              }, null, 42, wa), [
-                [De, q.value]
+                onBlur: F[2] || (F[2] = (j) => U.value = !1)
+              }, null, 42, Da), [
+                [qe, q.value]
               ]),
-              ae.value ? (a(), h("a", {
+              re.value ? (a(), h("a", {
                 key: 0,
                 title: "Clear input",
                 class: "absolute top-2 right-0 flex items-center pr-2 cursor-pointer",
                 onClick: F[3] || (F[3] = //@ts-ignore
-                (...P) => l(B) && l(B)(...P)),
+                (...j) => n(B) && n(B)(...j)),
                 onKeydown: F[4] || (F[4] = //@ts-ignore
-                (...P) => l(B) && l(B)(...P))
+                (...j) => n(B) && n(B)(...j))
               }, [
-                Ca,
-                z(l(ye), {
+                Ea,
+                z(n(ye), {
                   class: "h-5 w-5 text-foreground",
                   "aria-hidden": "true"
                 })
               ], 32)) : I("", !0),
-              l($) ? (a(), h("div", {
+              n($) ? (a(), h("div", {
                 key: 1,
                 class: b([
                   "pointer-events-none absolute top-[10px] right-0 flex items-center",
-                  ae.value ? "pr-8" : "pr-2"
+                  re.value ? "pr-8" : "pr-2"
                 ])
               }, [
-                z(l(Ve), {
+                z(n(Ve), {
                   class: "h-4 w-4 text-danger",
                   "aria-hidden": "true"
                 })
               ], 2)) : I("", !0),
-              e.showRequired && !l($) ? (a(), h("div", {
+              e.showRequired && !n($) ? (a(), h("div", {
                 key: 2,
-                class: b(["pointer-events-none absolute top-[2px] text-4xl right-0 flex items-center text-danger opacity-50", ae.value ? "pr-8" : "pr-2"])
+                class: b(["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),
-            z(l(mt), {
+            z(n(ht), {
               leave: "transition ease-in duration-100",
               "leave-from": "opacity-100",
               "leave-to": "opacity-0",
               class: "relative px-0.5"
             }, {
               default: L(() => [
-                z(l(As), { 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(Ps), { 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: L(() => [
                     w.value ? (a(), h("div", {
                       key: 0,
-                      class: b(["px-1", M.value.length ? "mb-1" : ""])
+                      class: b(["px-1", _.value.length ? "mb-1" : ""])
                     }, [
-                      z(Ze, { loading: !0 })
+                      z(Ne, { loading: !0 })
                     ], 2)) : I("", !0),
-                    !M.value.length && !w.value ? (a(), h("div", $a, Sa)) : I("", !0),
-                    M.value.length ? (a(!0), h(K, { key: 2 }, G(M.value, (P) => (a(), O(l(Ps), {
-                      key: P,
+                    !_.value.length && !w.value ? (a(), h("div", Ua, Wa)) : I("", !0),
+                    _.value.length ? (a(!0), h(K, { key: 2 }, G(_.value, (j) => (a(), O(n(js), {
+                      key: j,
                       as: "template",
-                      value: P
+                      value: j
                     }, {
                       default: L(({ selected: Z, active: ee }) => [
-                        m("li", {
+                        f("li", {
                           class: b(["relative cursor-pointer select-none py-1.5 pl-3", {
                             "text-primary": ee,
                             "text-foreground": !ee
                           }])
                         }, [
-                          m("span", {
+                          f("span", {
                             class: b(["block truncate", { "font-medium": Z, "font-normal": !Z }])
-                          }, V(P), 3),
+                          }, V(j), 3),
                           Z ? (a(), h("span", {
                             key: 0,
                             class: b(["absolute inset-y-0 right-0 flex items-center pr-4", { "text-primary": ee, "text-foreground": !ee }])
                           }, [
-                            z(l(ft), {
+                            z(n(pt), {
                               class: "h-5 w-5",
                               "aria-hidden": "true"
                             })
@@ -3893,11 +4023,11 @@ const xa = /* @__PURE__ */ T({
               ]),
               _: 1
             }),
-            l(c) && !l(S) ? (a(), h("p", {
+            n(u) && !n(S) ? (a(), h("p", {
               key: 0,
-              id: l(c),
-              class: b(l(y))
-            }, V(l(g)), 11, Ba)) : I("", !0)
+              id: n(u),
+              class: b(n(x))
+            }, V(n(g)), 11, Ha)) : I("", !0)
           ]),
           _: 1
         }, 512)
@@ -3907,7 +4037,7 @@ const xa = /* @__PURE__ */ T({
   }
 });
 function wt(e) {
-  const { props: t } = e, r = u(() => {
+  const { props: t } = e, r = c(() => {
     var i;
     switch ((i = t.size) == null ? void 0 : i.value) {
       case "xs":
@@ -3926,7 +4056,7 @@ function wt(e) {
       default:
         return "h-8";
     }
-  }), s = u(() => {
+  }), s = c(() => {
     var i;
     switch ((i = t.size) == null ? void 0 : i.value) {
       case "xs":
@@ -3945,7 +4075,7 @@ function wt(e) {
       default:
         return "w-8";
     }
-  }), o = u(() => {
+  }), o = c(() => {
     var i;
     switch ((i = t.size) == null ? void 0 : i.value) {
       case "xs":
@@ -3964,7 +4094,7 @@ function wt(e) {
       default:
         return "text-sm";
     }
-  }), n = u(() => {
+  }), l = c(() => {
     var i;
     switch ((i = t.size) == null ? void 0 : i.value) {
       case "xs":
@@ -3983,15 +4113,15 @@ function wt(e) {
       default:
         return "w-4 h-4";
     }
-  }), d = u(
+  }), d = c(
     () => `${s.value} ${r.value} ${o.value}`
   );
-  return { heightClasses: r, widthClasses: s, sizeClasses: d, iconClasses: n };
+  return { heightClasses: r, widthClasses: s, sizeClasses: d, iconClasses: l };
 }
-const Va = {
+const Ka = {
   key: 1,
   class: "flex h-full w-full select-none items-center justify-center"
-}, Oa = { key: 2 }, Re = /* @__PURE__ */ T({
+}, Ga = { key: 2 }, De = /* @__PURE__ */ P({
   __name: "Avatar",
   props: {
     user: { default: null },
@@ -4002,41 +4132,41 @@ const Va = {
     noBg: { type: Boolean }
   },
   setup(e) {
-    const t = e, { sizeClasses: r, iconClasses: s } = wt({ props: ne(t) }), o = u(() => {
-      var v, g, c;
+    const t = e, { sizeClasses: r, iconClasses: s } = wt({ props: le(t) }), o = c(() => {
+      var v, g, u;
       if (!((v = t.user) != null && v.name.length))
         return;
-      const f = t.user.name.split(" "), x = ((g = f[0]) == null ? void 0 : g[0]) || "", k = ((c = f[1]) == null ? void 0 : c[0]) || "";
-      return t.size === "sm" || t.size === "xs" ? x : x + k;
-    }), n = u(() => t.noBorder ? "" : "border-2 border-foundation"), d = u(() => t.noBg ? "" : "bg-primary"), p = u(() => t.hoverEffect ? "hover:border-primary focus:border-primary active:scale-95" : ""), i = u(() => t.active ? "border-primary" : "");
-    return (f, x) => (a(), h("div", {
+      const p = t.user.name.split(" "), k = ((g = p[0]) == null ? void 0 : g[0]) || "", y = ((u = p[1]) == null ? void 0 : u[0]) || "";
+      return t.size === "sm" || t.size === "xs" ? k : k + y;
+    }), l = c(() => t.noBorder ? "" : "border-2 border-foundation"), d = c(() => t.noBg ? "" : "bg-primary"), m = c(() => t.hoverEffect ? "hover:border-primary focus:border-primary active:scale-95" : ""), i = c(() => t.active ? "border-primary" : "");
+    return (p, k) => (a(), h("div", {
       class: b([
         "text-foreground-on-primary flex shrink-0 items-center justify-center overflow-hidden rounded-full font-semibold uppercase transition",
-        l(r),
+        n(r),
         d.value,
-        n.value,
-        p.value,
+        l.value,
+        m.value,
         i.value
       ])
     }, [
-      D(f.$slots, "default", {}, () => {
-        var k;
+      D(p.$slots, "default", {}, () => {
+        var y;
         return [
-          (k = e.user) != null && k.avatar ? (a(), h("div", {
+          (y = e.user) != null && y.avatar ? (a(), h("div", {
             key: 0,
             class: "h-full w-full bg-cover bg-center bg-no-repeat",
-            style: re({ backgroundImage: `url('${e.user.avatar}')` })
-          }, null, 4)) : o.value ? (a(), h("div", Va, V(o.value), 1)) : (a(), h("div", Oa, [
-            z(l(qt), {
-              class: b(l(s))
+            style: ne({ backgroundImage: `url('${e.user.avatar}')` })
+          }, null, 4)) : o.value ? (a(), h("div", Ka, V(o.value), 1)) : (a(), h("div", Ga, [
+            z(n(Wt), {
+              class: b(n(s))
             }, null, 8, ["class"])
           ]))
         ];
       }),
-      D(f.$slots, "absolute-anchor")
+      D(p.$slots, "absolute-anchor")
     ], 2));
   }
-}), Ao = /* @__PURE__ */ T({
+}), Yo = /* @__PURE__ */ P({
   __name: "AvatarGroup",
   props: {
     users: { default: () => [] },
@@ -4045,51 +4175,51 @@ const Va = {
     maxCount: { default: void 0 }
   },
   setup(e) {
-    const t = e, r = j(null), s = j(null), { hiddenItemCount: o } = yt({
+    const t = e, r = M(null), s = M(null), { hiddenItemCount: o } = yt({
       elementToWatchForChanges: r,
       itemContainer: s,
       trackResize: !0,
       trackMutations: !0
-    }), { heightClasses: n } = wt({ props: ne(t) }), d = u(() => t.maxCount ? Math.max(t.users.length - t.maxCount, 0) : 0), p = u(
+    }), { heightClasses: l } = wt({ props: le(t) }), d = c(() => t.maxCount ? Math.max(t.users.length - t.maxCount, 0) : 0), m = c(
       () => o.value + d.value
-    ), i = u(
+    ), i = c(
       () => t.maxCount ? t.users.slice(0, t.maxCount) : t.users
     );
-    return (f, x) => (a(), h("div", {
+    return (p, k) => (a(), h("div", {
       ref_key: "elementToWatchForChanges",
       ref: r,
       class: b(`flex ${e.overlap ? "-space-x-2" : ""}`)
     }, [
-      m("div", {
+      f("div", {
         ref_key: "itemContainer",
         ref: s,
-        class: b(`flex flex-wrap overflow-hidden ${e.overlap ? "-space-x-2 " : ""} ${l(n)}`)
+        class: b(`flex flex-wrap overflow-hidden ${e.overlap ? "-space-x-2 " : ""} ${n(l)}`)
       }, [
-        (a(!0), h(K, null, G(i.value, (k, v) => (a(), O(Re, {
-          key: k.id || v,
-          user: k,
+        (a(!0), h(K, null, G(i.value, (y, v) => (a(), O(De, {
+          key: y.id || v,
+          user: y,
           size: e.size
         }, null, 8, ["user", "size"]))), 128))
       ], 2),
-      p.value ? (a(), O(Re, {
+      m.value ? (a(), O(De, {
         key: 0,
         size: e.size
       }, {
         default: L(() => [
-          R(" +" + V(p.value), 1)
+          R(" +" + V(m.value), 1)
         ]),
         _: 1
       }, 8, ["size"])) : I("", !0)
     ], 2));
   }
-}), za = /* @__PURE__ */ T({
+}), Xa = /* @__PURE__ */ P({
   __name: "Icon",
   props: {
     loading: { type: Boolean, default: !0 },
     size: { default: "base" }
   },
   setup(e) {
-    const t = e, r = u(() => {
+    const t = e, r = c(() => {
       const s = ["text-primary transition-all animate-spin"];
       switch (s.push(t.loading ? "opacity-100" : "opacity-0"), t.size) {
         case "base":
@@ -4104,19 +4234,19 @@ const Va = {
       }
       return s.join(" ");
     });
-    return (s, o) => (a(), O(l(ut), {
+    return (s, o) => (a(), O(n(ct), {
       class: b(r.value)
     }, null, 8, ["class"]));
   }
-}), La = { class: "flex flex-col items-center space-y-2" }, Ma = {
+}), Za = { class: "flex flex-col items-center space-y-2" }, Qa = {
   key: 1,
   class: "relative group"
-}, ja = { class: "opacity-0 transition-all absolute group-hover:opacity-100 inset-0 flex items-end justify-center bottom-4" }, Aa = {
+}, Na = { class: "opacity-0 transition-all absolute group-hover:opacity-100 inset-0 flex items-end justify-center bottom-4" }, Ja = {
   key: 2,
   class: "w-full text-center text-danger text-sm"
-}, Po = /* @__PURE__ */ T({
+}, er = /* @__PURE__ */ P({
   __name: "AvatarEditable",
-  props: tt({
+  props: nt({
     modelValue: null,
     placeholder: null,
     name: null,
@@ -4128,42 +4258,42 @@ const Va = {
   }, {
     editMode: { type: Boolean, local: !0 }
   }),
-  emits: tt(["save", "update:modelValue"], ["update:editMode"]),
+  emits: nt(["save", "update:modelValue"], ["update:editMode"]),
   setup(e, { expose: t, emit: r }) {
     const s = At({
-      loader: () => import("./AvatarEditor-fda5ba41.js"),
-      loadingComponent: za,
+      loader: () => import("./AvatarEditor-ce4e7960.js"),
+      loadingComponent: Xa,
       delay: 100
-    }), o = r, n = e, { value: d, errorMessage: p } = Ie(n.name, n.rules, {
-      validateOnMount: n.validateOnMount,
-      validateOnValueUpdate: n.validateOnValueUpdate,
-      initialValue: n.modelValue || void 0
-    }), i = ot(e, "editMode", { local: !0 }), f = u(
+    }), o = r, l = e, { value: d, errorMessage: m } = Ie(l.name, l.rules, {
+      validateOnMount: l.validateOnMount,
+      validateOnValueUpdate: l.validateOnValueUpdate,
+      initialValue: l.modelValue || void 0
+    }), i = it(e, "editMode", { local: !0 }), p = c(
       () => ({
         avatar: d.value,
-        name: n.placeholder
+        name: l.placeholder
       })
-    ), x = (g) => {
+    ), k = (g) => {
       d.value = g, o("save", g);
     };
-    return t({ open: () => i.value = !0, close: () => i.value = !1 }), (g, c) => (a(), h("div", La, [
-      i.value ? (a(), O(l(s), {
+    return t({ open: () => i.value = !0, close: () => i.value = !1 }), (g, u) => (a(), h("div", Za, [
+      i.value ? (a(), O(n(s), {
         key: 0,
-        user: f.value,
+        user: p.value,
         disabled: e.disabled,
         size: e.size,
-        onCancel: c[0] || (c[0] = (S) => i.value = !1),
-        onSave: x
-      }, null, 8, ["user", "disabled", "size"])) : (a(), h("div", Ma, [
-        z(Re, {
-          user: f.value,
+        onCancel: u[0] || (u[0] = (S) => i.value = !1),
+        onSave: k
+      }, null, 8, ["user", "disabled", "size"])) : (a(), h("div", Qa, [
+        z(De, {
+          user: p.value,
           size: e.size
         }, null, 8, ["user", "size"]),
-        m("div", ja, [
-          z(le, {
+        f("div", Na, [
+          z(oe, {
             disabled: e.disabled,
             color: "secondary",
-            onClick: c[1] || (c[1] = (S) => i.value = !0)
+            onClick: u[1] || (u[1] = (S) => i.value = !0)
           }, {
             default: L(() => [
               R(" Change ")
@@ -4172,7 +4302,7 @@ const Va = {
           }, 8, ["disabled"])
         ])
       ])),
-      l(p) ? (a(), h("div", Aa, V(l(p)), 1)) : I("", !0)
+      n(m) ? (a(), h("div", Ja, V(n(m)), 1)) : I("", !0)
     ]));
   }
 });
@@ -4185,26 +4315,26 @@ class ue extends Error {
  * Default message if none is passed
  */
 se(ue, "defaultMessage", "Unexpected error occurred");
-class Pa extends ue {
+class Ya extends ue {
 }
-se(Pa, "defaultMessage", "An unexpected logic error occurred!");
-class Ta extends ue {
+se(Ya, "defaultMessage", "An unexpected logic error occurred!");
+class eo extends ue {
 }
-se(Ta, "defaultMessage", "Attempting to access an uninitialized resource");
-class _a extends ue {
+se(eo, "defaultMessage", "Attempting to access an uninitialized resource");
+class to extends ue {
 }
-se(_a, "defaultMessage", "getCurrentInstance() returned null. Method must be called at the top of a setup function");
-class Fa extends ue {
+se(to, "defaultMessage", "getCurrentInstance() returned null. Method must be called at the top of a setup function");
+class so extends ue {
 }
-se(Fa, "defaultMessage", "Operation not supported in current (server or client) environment");
-var Qe = /* @__PURE__ */ ((e) => (e.AnyAudio = "audio/*", e.AnyVideo = "video/*", e.AnyImage = "image/*", e))(Qe || {});
-function Ra(e, t) {
-  const r = _t(
-    Object.values(Qe),
+se(so, "defaultMessage", "Operation not supported in current (server or client) environment");
+var Je = /* @__PURE__ */ ((e) => (e.AnyAudio = "audio/*", e.AnyVideo = "video/*", e.AnyImage = "image/*", e))(Je || {});
+function no(e, t) {
+  const r = Tt(
+    Object.values(Je),
     t
   );
-  for (const n of r)
-    switch (n) {
+  for (const l of r)
+    switch (l) {
       case "audio/*":
         if (e.type.startsWith("audio"))
           return !0;
@@ -4218,23 +4348,23 @@ function Ra(e, t) {
           return !0;
         break;
     }
-  const s = Ft(t, r), o = Ea(e.name);
+  const s = Ft(t, r), o = lo(e.name);
   if (!o)
     return new Ct();
-  for (const n of s)
-    if (n.toLowerCase() === o.toLowerCase())
+  for (const l of s)
+    if (l.toLowerCase() === o.toLowerCase())
       return !0;
   return new $t();
 }
-function Ea(e) {
+function lo(e) {
   const t = e.split(".").pop() || null;
   return t ? `.${t}` : null;
 }
-function Da(e) {
-  return e.startsWith(".") || Object.values(Qe).includes(e);
+function ao(e) {
+  return e.startsWith(".") || Object.values(Je).includes(e);
 }
-function at(e) {
-  const t = (n) => parseFloat(n.toFixed(2)).toString();
+function rt(e) {
+  const t = (l) => parseFloat(l.toFixed(2)).toString();
   if (e < 1024)
     return `${e}bytes`;
   const r = e / 1024;
@@ -4246,14 +4376,14 @@ function at(e) {
   const o = s / 1024;
   return `${t(o)}GB`;
 }
-function Ua(e) {
+function oo(e) {
   const t = {
     name: e.name,
     lastModified: e.lastModified,
     size: e.size,
     type: e.type
   };
-  return rs(JSON.stringify(t));
+  return is(JSON.stringify(t));
 }
 class Ct extends ue {
 }
@@ -4261,63 +4391,63 @@ se(Ct, "defaultMessage", "The selected file has a missing extension");
 class $t extends ue {
 }
 se($t, "defaultMessage", "The selected file type is forbidden");
-var qa = /* @__PURE__ */ ((e) => (e[e.Success = 1] = "Success", e[e.Failure = 2] = "Failure", e))(qa || {});
-function Wa(e) {
+var ro = /* @__PURE__ */ ((e) => (e[e.Success = 1] = "Success", e[e.Failure = 2] = "Failure", e))(ro || {});
+function io(e) {
   if (!e)
     return;
-  const t = e.split(",").map((r) => Da(r) ? r : null).filter((r) => r !== null);
+  const t = e.split(",").map((r) => ao(r) ? r : null).filter((r) => r !== null);
   return t.length ? t : void 0;
 }
-function Ha(e) {
-  const { disabled: t, accept: r, multiple: s, sizeLimit: o, countLimit: n } = e, d = u(() => Wa(l(r))), p = (i) => {
-    const f = [], x = d.value;
-    for (const k of i) {
-      const v = Ua(k), g = l(s) ? l(n) : 1;
-      if (!f.find((c) => c.id === v)) {
-        if (g && f.length >= g)
+function uo(e) {
+  const { disabled: t, accept: r, multiple: s, sizeLimit: o, countLimit: l } = e, d = c(() => io(n(r))), m = (i) => {
+    const p = [], k = d.value;
+    for (const y of i) {
+      const v = oo(y), g = n(s) ? n(l) : 1;
+      if (!p.find((u) => u.id === v)) {
+        if (g && p.length >= g)
           break;
-        if (x) {
-          const c = Ra(k, x);
-          if (c instanceof Error) {
-            f.push({
-              file: k,
+        if (k) {
+          const u = no(y, k);
+          if (u instanceof Error) {
+            p.push({
+              file: y,
               id: v,
-              error: c
+              error: u
             });
             continue;
           }
         }
-        if (k.size > l(o)) {
-          f.push({
-            file: k,
+        if (y.size > n(o)) {
+          p.push({
+            file: y,
             id: v,
             error: new It(
-              `The selected file's size (${at(
-                k.size
-              )}) is too big (over ${at(l(o))})`
+              `The selected file's size (${rt(
+                y.size
+              )}) is too big (over ${rt(n(o))})`
             )
           });
           continue;
         }
-        f.push({ file: k, id: v, error: null });
+        p.push({ file: y, id: v, error: null });
       }
     }
-    return f;
+    return p;
   };
   return {
     /**
      * Validate incoming files and build UploadableFileItem structs out of them
      */
     buildUploadableFiles: (i) => {
-      if (!l(t || !1))
-        return p(i);
+      if (!n(t || !1))
+        return m(i);
     }
   };
 }
 class It extends ue {
 }
 se(It, "defaultMessage", "The selected file's size is too large");
-const Ka = ["accept", "multiple"], To = /* @__PURE__ */ T({
+const co = ["accept", "multiple"], tr = /* @__PURE__ */ P({
   __name: "Zone",
   props: {
     accept: null,
@@ -4328,113 +4458,114 @@ const Ka = ["accept", "multiple"], To = /* @__PURE__ */ T({
   },
   emits: ["files-selected"],
   setup(e, { expose: t, emit: r }) {
-    const s = r, o = e, n = j(null), d = j(null), { buildUploadableFiles: p } = Ha({
-      sizeLimit: u(() => o.sizeLimit),
-      countLimit: u(() => o.countLimit),
-      accept: u(() => o.accept),
-      multiple: u(() => o.multiple),
-      disabled: u(() => o.disabled)
+    const s = r, o = e, l = M(null), d = M(null), { buildUploadableFiles: m } = uo({
+      sizeLimit: c(() => o.sizeLimit),
+      countLimit: c(() => o.countLimit),
+      accept: c(() => o.accept),
+      multiple: c(() => o.multiple),
+      disabled: c(() => o.disabled)
     }), i = (v) => {
-      const g = p(v);
+      const g = m(v);
       g != null && g.length && s("files-selected", { files: g });
-    }, { isOverDropZone: f } = gs(n, (v) => {
+    }, { isOverDropZone: p } = bs(l, (v) => {
       v != null && v.length && i(v);
-    }), x = () => {
+    }), k = () => {
       const v = d.value;
       if (!v)
         return;
       const g = [...v.files || []];
       v.value = "", g.length && i(g);
-    }, k = () => {
+    }, y = () => {
       var v;
       (v = d.value) == null || v.click();
     };
     return t({
-      triggerPicker: k
+      triggerPicker: y
     }), (v, g) => (a(), h("div", {
       ref_key: "fileUploadZone",
-      ref: n,
+      ref: l,
       class: "file-upload-zone"
     }, [
       D(v.$slots, "default", {
-        isDraggingFiles: l(f),
-        openFilePicker: k,
-        activatorOn: { click: k }
+        isDraggingFiles: n(p),
+        openFilePicker: y,
+        activatorOn: { click: y }
       }),
-      m("input", {
+      f("input", {
         ref_key: "fileInput",
         ref: d,
         type: "file",
         class: "hidden",
         accept: e.accept,
         multiple: e.multiple,
-        onClick: g[0] || (g[0] = fe(() => {
+        onClick: g[0] || (g[0] = pe(() => {
         }, ["stop"])),
-        onChange: x
-      }, null, 40, Ka)
+        onChange: k
+      }, null, 40, co)
     ], 512));
   }
 });
 export {
   ue as BaseError,
-  qa as BlobUploadStatus,
-  Lo as CommonAlert,
-  Ke as CommonBadge,
-  Ze as CommonLoadingBar,
-  za as CommonLoadingIcon,
-  io as CommonStepsBullet,
-  ro as CommonStepsNumber,
-  Rs as CommonTextLink,
-  _a as ComposableInvokedOutOfScopeError,
-  le as FormButton,
-  uo as FormCardButton,
-  co as FormCheckbox,
-  go as FormClipboardInput,
-  To as FormFileUploadZone,
-  fo as FormRadio,
-  ho as FormSelectBadges,
+  ro as BlobUploadStatus,
+  Qo as CommonAlert,
+  Vo as CommonAnimationInstructional,
+  Xe as CommonBadge,
+  Ne as CommonLoadingBar,
+  Xa as CommonLoadingIcon,
+  Bo as CommonStepsBullet,
+  So as CommonStepsNumber,
+  Ds as CommonTextLink,
+  to as ComposableInvokedOutOfScopeError,
+  oe as FormButton,
+  zo as FormCardButton,
+  Oo as FormCheckbox,
+  jo as FormClipboardInput,
+  tr as FormFileUploadZone,
+  Lo as FormRadio,
+  Ao as FormSelectBadges,
   kt as FormSelectBase,
-  mo as FormSelectSourceApps,
-  vo as FormSwitch,
-  jo as FormTags,
-  Jn as FormTextArea,
-  al as FormTextInput,
-  oo as GlobalToastRenderer,
-  ve as GridListToggleValue,
-  Fe as HorizontalDirection,
-  Oo as InfiniteLoading,
-  ko as LayoutDialog,
-  wo as LayoutDialogSection,
-  Co as LayoutDisclosure,
-  $o as LayoutGridListToggle,
-  So as LayoutMenu,
-  zo as LayoutPanel,
-  Vo as LayoutTable,
-  Bo as LayoutTabs,
-  Pa as LogicError,
+  _o as FormSelectSourceApps,
+  Po as FormSwitch,
+  Jo as FormTags,
+  pl as FormTextArea,
+  xl as FormTextInput,
+  Io as GlobalToastRenderer,
+  de as GridListToggleValue,
+  Re as HorizontalDirection,
+  Xo as InfiniteLoading,
+  Do as LayoutDialog,
+  Eo as LayoutDialogSection,
+  Uo as LayoutDisclosure,
+  qo as LayoutGridListToggle,
+  Ho as LayoutMenu,
+  Zo as LayoutPanel,
+  Go as LayoutTable,
+  Ko as LayoutTabs,
+  Ya as LogicError,
   $e as ModifierKeys,
-  jl as SourceAppBadge,
+  Xl as SourceAppBadge,
   Ce as TailwindBreakpoints,
-  Yl as ThrottleOrDebounce,
+  ga as ThrottleOrDebounce,
   we as ToastNotificationType,
-  Ta as UninitializedResourceAccessError,
-  Qe as UniqueFileTypeSpecifier,
-  Fa as UnsupportedEnvironmentError,
-  Re as UserAvatar,
-  Po as UserAvatarEditable,
-  Ao as UserAvatarGroup,
-  po as ValidationHelpers,
-  _e as clientOs,
-  bo as getKeyboardShortcutTitle,
-  Js as keyboardClick,
-  yo as onKeyboardShortcut,
-  at as prettyFileSize,
-  xo as useFormCheckboxModel,
+  eo as UninitializedResourceAccessError,
+  Je as UniqueFileTypeSpecifier,
+  so as UnsupportedEnvironmentError,
+  De as UserAvatar,
+  er as UserAvatarEditable,
+  Yo as UserAvatarGroup,
+  Mo as ValidationHelpers,
+  Fe as clientOs,
+  To as getKeyboardShortcutTitle,
+  Ys as keyboardClick,
+  Fo as onKeyboardShortcut,
+  rt as prettyFileSize,
+  Ro as useFormCheckboxModel,
   xt as useFormSelectChildInternals,
-  Io as useOnBeforeWindowUnload,
-  ta as useResponsiveHorizontalDirectionCalculation,
-  ea as useWindowResizeHandler,
+  Wo as useOnBeforeWindowUnload,
+  ya as useResponsiveHorizontalDirectionCalculation,
+  ba as useWindowResizeHandler,
   yt as useWrappingContainerHiddenCount,
-  Mo as writableAsyncComputed
+  No as writableAsyncComputed
 };
 //# sourceMappingURL=lib.js.map