@speckle/ui-components 2.14.7-alpha1 → 2.14.8-alpha1

package/dist/lib.js

@@ -1,18 +1,19 @@
-import { defineComponent as M, resolveDynamicComponent as U, computed as i, openBlock as l, createBlock as j, unref as t, normalizeClass as x, withCtx as L, createCommentVNode as S, renderSlot as z, createTextVNode as T, createElementBlock as m, createElementVNode as c, createVNode as B, Transition as ue, toDisplayString as $, toRefs as Z, Fragment as W, renderList as H, pushScopeId as we, popScopeId as $e, ref as A, mergeProps as ce, onMounted as se, withDirectives as ee, isRef as ne, vModelText as _e, useSlots as Fe, vModelDynamic as ze, watch as Y, withModifiers as Se, normalizeStyle as ae, onBeforeUnmount as Ie } from "vue";
-import { isObjectLike as xe, clamp as ke, isString as te, isUndefined as X, isArray as E, debounce as Be, throttle as Ee } from "lodash";
-import { ArrowPathIcon as We, ChevronUpIcon as Le, ChevronDownIcon as Ue, XMarkIcon as qe, MagnifyingGlassIcon as He, CheckIcon as Ge, Bars3Icon as Ke, Squares2X2Icon as Xe } from "@heroicons/vue/24/solid";
-import { CheckCircleIcon as Ne, XCircleIcon as Je, ExclamationCircleIcon as Qe, InformationCircleIcon as Ye, XMarkIcon as Ze } from "@heroicons/vue/24/outline";
-import { XMarkIcon as de, CheckIcon as et, CheckCircleIcon as tt, ExclamationCircleIcon as Ve, EnvelopeIcon as st, KeyIcon as nt } from "@heroicons/vue/20/solid";
+import { defineComponent as O, resolveDynamicComponent as W, computed as c, openBlock as l, createBlock as P, unref as t, normalizeClass as v, withCtx as B, createCommentVNode as $, renderSlot as R, createTextVNode as T, createElementBlock as h, createElementVNode as u, createVNode as I, Transition as ce, toDisplayString as _, toRefs as Z, Fragment as U, renderList as H, pushScopeId as _e, popScopeId as Se, ref as A, mergeProps as ne, onMounted as ee, withDirectives as te, isRef as le, vModelText as Ie, useSlots as ze, vModelDynamic as Ee, watch as Y, withModifiers as Be, normalizeStyle as oe, onBeforeUnmount as Le } from "vue";
+import { isObjectLike as Ce, clamp as we, isString as se, isUndefined as X, isArray as E, debounce as Pe, throttle as We } from "lodash";
+import { ArrowPathIcon as Ue, ChevronUpIcon as je, ChevronDownIcon as qe, XMarkIcon as He, MagnifyingGlassIcon as Ge, CheckIcon as Ke, Bars3Icon as Xe, Squares2X2Icon as Ne } from "@heroicons/vue/24/solid";
+import { CheckCircleIcon as Je, XCircleIcon as Qe, ExclamationCircleIcon as Ye, InformationCircleIcon as Ze, XMarkIcon as et, CheckIcon as tt, ExclamationTriangleIcon as st } from "@heroicons/vue/24/outline";
+import { XMarkIcon as de, CheckIcon as nt, CheckCircleIcon as lt, ExclamationCircleIcon as Ve, EnvelopeIcon as at, KeyIcon as ot } from "@heroicons/vue/20/solid";
 import { useField as fe } from "vee-validate";
 import { nanoid as pe } from "nanoid";
-import { isNullOrUndefined as lt, SourceApps as at, getClientOperatingSystem as ot, OperatingSystem as oe } from "@speckle/shared";
-import { useResizeObserver as rt, useMutationObserver as it, onKeyDown as ut, isClient as je } from "@vueuse/core";
-import { Listbox as ct, ListboxLabel as dt, ListboxButton as ft, ListboxOptions as pt, ListboxOption as ht, TransitionRoot as mt, Dialog as gt, TransitionChild as Ce, DialogPanel as yt, Disclosure as vt, DisclosureButton as bt, DisclosurePanel as xt, Menu as kt, MenuButton as Ct, MenuItems as wt, MenuItem as $t } from "@headlessui/vue";
-import { directive as _t } from "vue-tippy";
-const St = {
+import { isNullOrUndefined as rt, SourceApps as it, getClientOperatingSystem as ut, OperatingSystem as re } from "@speckle/shared";
+import { useResizeObserver as ct, useMutationObserver as dt, onKeyDown as ft, isClient as he } from "@vueuse/core";
+import { Listbox as pt, ListboxLabel as ht, ListboxButton as mt, ListboxOptions as gt, ListboxOption as yt, TransitionRoot as vt, Dialog as bt, TransitionChild as $e, DialogPanel as xt, Disclosure as kt, DisclosureButton as Ct, DisclosurePanel as wt, Menu as $t, MenuButton as _t, MenuItems as St, MenuItem as It } from "@headlessui/vue";
+import { directive as Bt } from "vue-tippy";
+import Lt from "v3-infinite-loading";
+const Pt = {
   key: 2,
   style: { margin: "0 !important", width: "0.01px" }
-}, It = /* @__PURE__ */ M({
+}, jt = /* @__PURE__ */ O({
   __name: "Button",
   props: {
     /**
@@ -140,12 +141,12 @@ const St = {
   },
   emits: ["click"],
   setup(e, { emit: s }) {
-    const n = e, o = U("NuxtLink"), a = U("RouterLink"), r = i(() => n.linkComponent ? n.linkComponent : n.external ? "a" : xe(o) ? o : xe(a) ? a : "a"), d = i(() => {
+    const n = e, o = W("NuxtLink"), a = W("RouterLink"), r = c(() => n.linkComponent ? n.linkComponent : n.external ? "a" : Ce(o) ? o : Ce(a) ? a : "a"), i = c(() => {
       if (!n.to)
         return n.submit ? "submit" : "button";
-    }), u = i(() => n.disabled || n.loading), y = i(() => n.loading ? We : n.iconLeft), p = i(() => {
+    }), d = c(() => n.disabled || n.loading), y = c(() => n.loading ? Ue : n.iconLeft), p = c(() => {
       const f = [];
-      if (f.push("border-2"), u.value)
+      if (f.push("border-2"), d.value)
         f.push(
           n.outlined ? "border-foreground-disabled" : "bg-foundation-disabled border-transparent"
         );
@@ -183,10 +184,10 @@ const St = {
             break;
         }
       return f.join(" ");
-    }), w = i(() => {
+    }), w = c(() => {
       const f = [];
       if (!n.text && !n.link)
-        if (u.value)
+        if (d.value)
           f.push(
             (n.outlined, "text-foreground-disabled")
           );
@@ -228,16 +229,16 @@ const St = {
               break;
           }
       else
-        u.value ? f.push("text-foreground-disabled") : n.color === "invert" ? f.push(
+        d.value ? f.push("text-foreground-disabled") : n.color === "invert" ? f.push(
           "text-foundation hover:text-foundation-2 dark:text-foreground dark:hover:text-foreground"
         ) : n.color === "secondary" ? f.push("text-foreground-2 hover:text-primary-focus") : n.color === "success" ? f.push("text-success") : n.color === "warning" ? f.push("text-warning") : n.color === "danger" ? f.push("text-danger") : f.push("text-primary hover:text-primary-focus");
       return f.join(" ");
-    }), g = i(() => {
+    }), g = c(() => {
       const f = [];
       return f.push(n.rounded ? "rounded-full" : "rounded-md"), f.join(" ");
-    }), h = i(() => {
+    }), m = c(() => {
       const f = [];
-      if (!u.value)
+      if (!d.value)
         switch (n.color) {
           case "invert":
             f.push("hover:ring-4 ring-white/50");
@@ -257,7 +258,7 @@ const St = {
             break;
         }
       return f.join(" ");
-    }), v = i(() => {
+    }), b = c(() => {
       switch (n.size) {
         case "xs":
           return "h-5 text-xs font-medium xxx-tracking-wide";
@@ -271,7 +272,7 @@ const St = {
         case "base":
           return "h-8 text-base font-medium xxx-tracking-wide";
       }
-    }), V = i(() => {
+    }), j = c(() => {
       switch (n.size) {
         case "xs":
           return "px-1";
@@ -285,28 +286,28 @@ const St = {
         case "base":
           return "px-3";
       }
-    }), b = i(() => {
+    }), x = c(() => {
       const f = [];
-      return n.fullWidth && f.push("w-full"), u.value && f.push("cursor-not-allowed"), f.join(" ");
-    }), I = i(() => {
+      return n.fullWidth && f.push("w-full"), d.value && f.push("cursor-not-allowed"), f.join(" ");
+    }), L = c(() => {
       const f = [];
-      return !u.value && !n.link && !n.text && f.push("active:scale-[0.97]"), !u.value && n.link && f.push(
+      return !d.value && !n.link && !n.text && f.push("active:scale-[0.97]"), !d.value && n.link && f.push(
         "underline decoration-transparent decoration-2 underline-offset-4	hover:decoration-inherit"
       ), f.join(" ");
-    }), _ = i(() => {
+    }), S = c(() => {
       const f = n.link || n.text;
       return [
         "transition inline-flex justify-center items-center space-x-2 outline-none select-none",
+        x.value,
         b.value,
-        v.value,
         w.value,
         f ? "" : p.value,
         f ? "" : g.value,
-        f ? "" : h.value,
-        n.link ? "" : V.value,
-        I.value
+        f ? "" : m.value,
+        n.link ? "" : j.value,
+        L.value
       ].join(" ");
-    }), C = i(() => {
+    }), C = c(() => {
       const f = [""];
       switch (n.loading && f.push("animate-spin"), n.size) {
         case "xs":
@@ -328,45 +329,45 @@ const St = {
       }
       return f.join(" ");
     }), q = (f) => {
-      if (u.value) {
+      if (d.value) {
         f.preventDefault(), f.stopPropagation(), f.stopImmediatePropagation();
         return;
       }
       s("click", f);
     };
-    return (f, P) => (l(), j(U(e.to ? t(r) : "button"), {
+    return (f, V) => (l(), P(W(e.to ? t(r) : "button"), {
       href: e.to,
       to: e.to,
-      type: t(d),
+      type: t(i),
       external: e.external,
-      class: x(t(_)),
-      disabled: t(u),
+      class: v(t(S)),
+      disabled: t(d),
       role: "button",
       onClick: q
     }, {
-      default: L(() => [
-        t(y) ? (l(), j(U(t(y)), {
+      default: B(() => [
+        t(y) ? (l(), P(W(t(y)), {
           key: 0,
-          class: x(`${t(C)} ${e.hideText ? "" : "mr-2"}`)
-        }, null, 8, ["class"])) : S("", !0),
-        e.hideText ? (l(), m("div", St, "   ")) : z(f.$slots, "default", { key: 1 }, () => [
+          class: v(`${t(C)} ${e.hideText ? "" : "mr-2"}`)
+        }, null, 8, ["class"])) : $("", !0),
+        e.hideText ? (l(), h("div", Pt, "   ")) : R(f.$slots, "default", { key: 1 }, () => [
           T("Button")
         ], !0),
-        e.iconRight || !e.loading ? (l(), j(U(e.iconRight), {
+        e.iconRight || !e.loading ? (l(), P(W(e.iconRight), {
           key: 3,
-          class: x(`${t(C)} ${e.hideText ? "" : "ml-2"}`)
-        }, null, 8, ["class"])) : S("", !0)
+          class: v(`${t(C)} ${e.hideText ? "" : "ml-2"}`)
+        }, null, 8, ["class"])) : $("", !0)
       ]),
       _: 3
     }, 8, ["href", "to", "type", "external", "class", "disabled"]));
   }
 });
-const he = (e, s) => {
+const me = (e, s) => {
   const n = e.__vccOpts || e;
   for (const [o, a] of s)
     n[o] = a;
   return n;
-}, Pe = /* @__PURE__ */ he(It, [["__scopeId", "data-v-da9a3400"]]), Bt = /* @__PURE__ */ M({
+}, ge = /* @__PURE__ */ me(jt, [["__scopeId", "data-v-da9a3400"]]), Vt = /* @__PURE__ */ O({
   __name: "Link",
   props: {
     to: {
@@ -423,7 +424,7 @@ const he = (e, s) => {
       }
       s("click", a);
     };
-    return (a, r) => (l(), j(Pe, {
+    return (a, r) => (l(), P(ge, {
       link: "",
       to: e.to,
       external: e.external,
@@ -436,8 +437,8 @@ const he = (e, s) => {
       role: "link",
       onClickCapture: o
     }, {
-      default: L(() => [
-        z(a.$slots, "default", {}, () => [
+      default: B(() => [
+        R(a.$slots, "default", {}, () => [
           T("Link")
         ])
       ]),
@@ -446,42 +447,42 @@ const he = (e, s) => {
   }
 });
 var N = /* @__PURE__ */ ((e) => (e[e.Success = 0] = "Success", e[e.Warning = 1] = "Warning", e[e.Danger = 2] = "Danger", e[e.Info = 3] = "Info", e))(N || {});
-const Lt = {
+const Ot = {
   "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"
-}, Vt = { class: "flex w-full flex-col items-center space-y-4 sm:items-end" }, jt = {
+}, Mt = { class: "flex w-full flex-col items-center space-y-4 sm:items-end" }, At = {
   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"
-}, Pt = { class: "p-4" }, Ot = { class: "flex items-start" }, Mt = { class: "flex-shrink-0" }, At = { class: "ml-2 w-0 flex-1 flex flex-col" }, Dt = {
+}, Dt = { class: "p-4" }, Rt = { class: "flex items-start" }, Tt = { class: "flex-shrink-0" }, Ft = { class: "ml-2 w-0 flex-1 flex flex-col" }, zt = {
   key: 0,
   class: "text-foreground font-bold"
-}, Rt = {
+}, Et = {
   key: 1,
   class: "label label--light text-foreground-2"
-}, Tt = {
+}, Wt = {
   key: 2,
   class: "flex justify-start mt-2"
-}, Ft = /* @__PURE__ */ c("span", { class: "sr-only" }, "Close", -1), Xn = /* @__PURE__ */ M({
+}, Ut = /* @__PURE__ */ u("span", { class: "sr-only" }, "Close", -1), ol = /* @__PURE__ */ O({
   __name: "ToastRenderer",
   props: {
     notification: null
   },
   emits: ["update:notification"],
   setup(e, { emit: s }) {
-    const n = e, o = i(
+    const n = e, o = c(
       () => {
-        var d, u;
-        return !((d = n.notification) != null && d.description) && !((u = n.notification) != null && u.cta);
+        var i, d;
+        return !((i = n.notification) != null && i.description) && !((d = n.notification) != null && d.cta);
       }
     ), a = () => {
       s("update:notification", null);
-    }, r = (d) => {
-      var u, y, p;
-      (p = (y = (u = n.notification) == null ? void 0 : u.cta) == null ? void 0 : y.onClick) == null || p.call(y, d), a();
+    }, r = (i) => {
+      var d, y, p;
+      (p = (y = (d = n.notification) == null ? void 0 : d.cta) == null ? void 0 : y.onClick) == null || p.call(y, i), a();
     };
-    return (d, u) => (l(), m("div", Lt, [
-      c("div", Vt, [
-        B(ue, {
+    return (i, d) => (l(), h("div", Ot, [
+      u("div", Mt, [
+        I(ce, {
           "enter-active-class": "transform ease-out duration-300 transition",
           "enter-from-class": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2",
           "enter-to-class": "translate-y-0 opacity-100 sm:translate-x-0",
@@ -489,56 +490,56 @@ const Lt = {
           "leave-from-class": "opacity-100",
           "leave-to-class": "opacity-0"
         }, {
-          default: L(() => [
-            e.notification ? (l(), m("div", jt, [
-              c("div", Pt, [
-                c("div", Ot, [
-                  c("div", Mt, [
-                    e.notification.type === t(N).Success ? (l(), j(t(Ne), {
+          default: B(() => [
+            e.notification ? (l(), h("div", At, [
+              u("div", Dt, [
+                u("div", Rt, [
+                  u("div", Tt, [
+                    e.notification.type === t(N).Success ? (l(), P(t(Je), {
                       key: 0,
                       class: "h-6 w-6 text-success",
                       "aria-hidden": "true"
-                    })) : e.notification.type === t(N).Danger ? (l(), j(t(Je), {
+                    })) : e.notification.type === t(N).Danger ? (l(), P(t(Qe), {
                       key: 1,
                       class: "h-6 w-6 text-danger",
                       "aria-hidden": "true"
-                    })) : e.notification.type === t(N).Warning ? (l(), j(t(Qe), {
+                    })) : e.notification.type === t(N).Warning ? (l(), P(t(Ye), {
                       key: 2,
                       class: "h-6 w-6 text-warning",
                       "aria-hidden": "true"
-                    })) : e.notification.type === t(N).Info ? (l(), j(t(Ye), {
+                    })) : e.notification.type === t(N).Info ? (l(), P(t(Ze), {
                       key: 3,
                       class: "h-6 w-6 text-info",
                       "aria-hidden": "true"
-                    })) : S("", !0)
+                    })) : $("", !0)
                   ]),
-                  c("div", At, [
-                    e.notification.title ? (l(), m("p", Dt, $(e.notification.title), 1)) : S("", !0),
-                    e.notification.description ? (l(), m("p", Rt, $(e.notification.description), 1)) : S("", !0),
-                    e.notification.cta ? (l(), m("div", Tt, [
-                      B(Bt, {
+                  u("div", Ft, [
+                    e.notification.title ? (l(), h("p", zt, _(e.notification.title), 1)) : $("", !0),
+                    e.notification.description ? (l(), h("p", Et, _(e.notification.description), 1)) : $("", !0),
+                    e.notification.cta ? (l(), h("div", Wt, [
+                      I(Vt, {
                         to: e.notification.cta.url,
                         class: "label",
                         primary: "",
                         onClick: r
                       }, {
-                        default: L(() => [
-                          T($(e.notification.cta.title), 1)
+                        default: B(() => [
+                          T(_(e.notification.cta.title), 1)
                         ]),
                         _: 1
                       }, 8, ["to"])
-                    ])) : S("", !0)
+                    ])) : $("", !0)
                   ]),
-                  c("div", {
-                    class: x(["ml-4 flex flex-shrink-0", { "self-center": t(o) }])
+                  u("div", {
+                    class: v(["ml-4 flex flex-shrink-0", { "self-center": t(o) }])
                   }, [
-                    c("button", {
+                    u("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: a
                     }, [
-                      Ft,
-                      B(t(de), {
+                      Ut,
+                      I(t(de), {
                         class: "h-6 w-6",
                         "aria-hidden": "true"
                       })
@@ -546,20 +547,20 @@ const Lt = {
                   ], 2)
                 ])
               ])
-            ])) : S("", !0)
+            ])) : $("", !0)
           ]),
           _: 1
         })
       ])
     ]));
   }
-}), zt = /* @__PURE__ */ c("circle", {
+}), qt = /* @__PURE__ */ u("circle", {
   cx: "4",
   cy: "4",
   r: "3"
-}, null, -1), Et = [
-  zt
-], Wt = /* @__PURE__ */ M({
+}, null, -1), Ht = [
+  qt
+], Gt = /* @__PURE__ */ O({
   __name: "Badge",
   props: {
     size: null,
@@ -572,11 +573,11 @@ const Lt = {
   },
   emits: ["click-icon"],
   setup(e, { emit: s }) {
-    const n = e, o = i(
+    const n = e, o = c(
       () => n.colorClasses || "bg-blue-100 text-blue-800"
-    ), a = i(
+    ), a = c(
       () => n.dotIconColorClasses || "text-blue-400"
-    ), r = i(() => {
+    ), r = c(() => {
       const p = [
         "inline-flex items-center",
         o.value,
@@ -587,12 +588,12 @@ const Lt = {
       )) : (p.push("rounded-full"), p.push(
         n.size === "lg" ? "px-2.5 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
       )), p.join(" ");
-    }), d = i(() => {
+    }), i = c(() => {
       const p = [
         "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 n.clickableIcon ? p.push("cursor-pointer") : p.push("cursor-default"), p.join(" ");
-    }), u = i(() => [
+    }), d = c(() => [
       "-ml-0.5 mr-1.5 h-2 w-2",
       a.value
     ].join(" ")), y = (p) => {
@@ -602,27 +603,27 @@ const Lt = {
       }
       s("click-icon", p);
     };
-    return (p, w) => (l(), m("span", {
-      class: x(t(r))
+    return (p, w) => (l(), h("span", {
+      class: v(t(r))
     }, [
-      e.dot ? (l(), m("svg", {
+      e.dot ? (l(), h("svg", {
         key: 0,
-        class: x(t(u)),
+        class: v(t(d)),
         fill: "currentColor",
         viewBox: "0 0 8 8"
-      }, Et, 2)) : S("", !0),
-      z(p.$slots, "default", {}, () => [
+      }, Ht, 2)) : $("", !0),
+      R(p.$slots, "default", {}, () => [
         T("Badge")
       ]),
-      e.iconLeft ? (l(), m("button", {
+      e.iconLeft ? (l(), h("button", {
         key: 1,
-        class: x(t(d)),
+        class: v(t(i)),
         onClick: w[0] || (w[0] = (g) => y(g))
       }, [
-        (l(), j(U(e.iconLeft), {
-          class: x(["h-4 w-4", t(a)])
+        (l(), P(W(e.iconLeft), {
+          class: v(["h-4 w-4", t(a)])
         }, null, 8, ["class"]))
-      ], 2)) : S("", !0)
+      ], 2)) : $("", !0)
     ], 2));
   }
 });
@@ -630,57 +631,57 @@ var J = /* @__PURE__ */ ((e) => (e[e.sm = 640] = "sm", e[e.md = 746] = "md", e[e
 function Oe(e) {
   const {
     props: { modelValue: s, steps: n, orientation: o, goVerticalBelow: a, nonInteractive: r },
-    emit: d
-  } = e, u = i(
+    emit: i
+  } = e, d = c(
     () => (o == null ? void 0 : o.value) === "vertical" ? "vertical" : "horizontal"
-  ), y = i({
-    get: () => ke((s == null ? void 0 : s.value) || 0, -1, n.value.length),
-    set: (b) => d("update:modelValue", ke(b, 0, n.value.length))
-  }), p = (b) => `${b + 1}`, w = (b) => b === y.value, g = (b) => b < y.value, h = (b, I) => {
+  ), y = c({
+    get: () => we((s == null ? void 0 : s.value) || 0, -1, n.value.length),
+    set: (x) => i("update:modelValue", we(x, 0, n.value.length))
+  }), p = (x) => `${x + 1}`, w = (x) => x === y.value, g = (x) => x < y.value, m = (x, L) => {
     var C;
     if (r != null && r.value) {
-      I == null || I.preventDefault(), I == null || I.stopPropagation(), I == null || I.stopImmediatePropagation();
+      L == null || L.preventDefault(), L == null || L.stopPropagation(), L == null || L.stopImmediatePropagation();
       return;
     }
-    y.value = b;
-    const _ = n.value[y.value];
-    (C = _ == null ? void 0 : _.onClick) == null || C.call(_);
-  }, v = i(() => {
-    const b = ["flex"];
-    return b.push("flex"), u.value === "vertical" || a != null && a.value ? (b.push("flex-col space-y-4 justify-center"), (a == null ? void 0 : a.value) === J.sm ? b.push(
+    y.value = x;
+    const S = n.value[y.value];
+    (C = S == null ? void 0 : S.onClick) == null || C.call(S);
+  }, b = c(() => {
+    const x = ["flex"];
+    return x.push("flex"), d.value === "vertical" || a != null && a.value ? (x.push("flex-col space-y-4 justify-center"), (a == null ? void 0 : a.value) === J.sm ? x.push(
       "sm:flex-row sm:space-y-0 sm:justify-start sm:space-x-8 sm:items-center"
-    ) : (a == null ? void 0 : a.value) === J.md ? b.push(
+    ) : (a == null ? void 0 : a.value) === J.md ? x.push(
       "md:flex-row md:space-y-0 md:justify-start md:space-x-8 md:items-center"
-    ) : (a == null ? void 0 : a.value) === J.lg ? b.push(
+    ) : (a == null ? void 0 : a.value) === J.lg ? x.push(
       "lg:flex-row lg:space-y-0 lg:justify-start lg:space-x-8 lg:items-center"
-    ) : (a == null ? void 0 : a.value) === J.xl && b.push(
+    ) : (a == null ? void 0 : a.value) === J.xl && x.push(
       "xl:flex-row xl:space-y-0 xl:justify-start xl:space-x-8 xl:items-center"
-    )) : b.push("flex-row space-x-8 items-center"), b.join(" ");
-  }), V = i(() => {
-    const b = ["flex items-center"];
-    return r != null && r.value || b.push("cursor-pointer"), b.join(" ");
+    )) : x.push("flex-row space-x-8 items-center"), x.join(" ");
+  }), j = c(() => {
+    const x = ["flex items-center"];
+    return r != null && r.value || x.push("cursor-pointer"), x.join(" ");
   });
   return {
     value: y,
     isCurrentStep: w,
     isFinishedStep: g,
-    switchStep: h,
+    switchStep: m,
     getStepDisplayValue: p,
-    listClasses: v,
-    linkClasses: V,
-    orientation: u
+    listClasses: b,
+    linkClasses: j,
+    orientation: d
   };
 }
-const Ut = ["aria-label"], qt = ["href", "onClick"], Ht = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, Gt = { class: "shrink-0 h-8 w-8 rounded-full bg-primary-focus text-foreground-on-primary inline-flex items-center justify-center" }, Kt = { class: "flex flex-col" }, Xt = {
+const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, Jt = { class: "shrink-0 h-8 w-8 rounded-full bg-primary-focus text-foreground-on-primary inline-flex items-center justify-center" }, Qt = { class: "flex flex-col" }, Yt = {
   key: 0,
   class: "label label--light text-foreground"
-}, Nt = ["href", "onClick"], Jt = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, Qt = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-primary-focus inline-flex items-center justify-center" }, Yt = { class: "flex flex-col" }, Zt = {
+}, Zt = ["href", "onClick"], es = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, ts = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-primary-focus inline-flex items-center justify-center" }, ss = { class: "flex flex-col" }, ns = {
   key: 0,
   class: "label label--light text-foreground"
-}, es = ["href", "onClick"], ts = { class: "flex space-x-3 items-center text-foreground-disabled normal font-medium leading-5" }, ss = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-foreground-disabled inline-flex items-center justify-center" }, ns = { class: "flex flex-col" }, ls = {
+}, ls = ["href", "onClick"], as = { class: "flex space-x-3 items-center text-foreground-disabled normal font-medium leading-5" }, os = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-foreground-disabled inline-flex items-center justify-center" }, rs = { class: "flex flex-col" }, is = {
   key: 0,
   class: "label label--light"
-}, Nn = /* @__PURE__ */ M({
+}, rl = /* @__PURE__ */ O({
   __name: "Number",
   props: {
     ariaLabel: null,
@@ -696,89 +697,89 @@ const Ut = ["aria-label"], qt = ["href", "onClick"], Ht = { class: "flex space-x
       isCurrentStep: o,
       isFinishedStep: a,
       switchStep: r,
-      getStepDisplayValue: d,
-      listClasses: u,
+      getStepDisplayValue: i,
+      listClasses: d,
       linkClasses: y
     } = Oe({
       props: Z(n),
       emit: s
     });
-    return (p, w) => (l(), m("nav", {
+    return (p, w) => (l(), h("nav", {
       class: "flex justify-center",
       "aria-label": e.ariaLabel || "Progress steps"
     }, [
-      c("ol", {
-        class: x(t(u))
+      u("ol", {
+        class: v(t(d))
       }, [
-        (l(!0), m(W, null, H(e.steps, (g, h) => (l(), m("li", {
+        (l(!0), h(U, null, H(e.steps, (g, m) => (l(), h("li", {
           key: g.name
         }, [
-          t(a)(h) ? (l(), m("a", {
+          t(a)(m) ? (l(), h("a", {
             key: 0,
             href: g.href,
-            class: x(t(y)),
-            onClick: (v) => t(r)(h, v)
+            class: v(t(y)),
+            onClick: (b) => t(r)(m, b)
           }, [
-            c("div", Ht, [
-              c("div", Gt, [
-                B(t(et), { class: "w-5 h-5" })
+            u("div", Nt, [
+              u("div", Jt, [
+                I(t(nt), { class: "w-5 h-5" })
               ]),
-              c("div", Kt, [
-                c("div", null, $(g.name), 1),
-                g.description ? (l(), m("div", Xt, $(g.description), 1)) : S("", !0)
+              u("div", Qt, [
+                u("div", null, _(g.name), 1),
+                g.description ? (l(), h("div", Yt, _(g.description), 1)) : $("", !0)
               ])
             ])
-          ], 10, qt)) : t(o)(h) ? (l(), m("a", {
+          ], 10, Xt)) : t(o)(m) ? (l(), h("a", {
             key: 1,
             href: g.href,
-            class: x(t(y)),
+            class: v(t(y)),
             "aria-current": "step",
-            onClick: (v) => t(r)(h, v)
+            onClick: (b) => t(r)(m, b)
           }, [
-            c("div", Jt, [
-              c("div", Qt, $(t(d)(h)), 1),
-              c("div", Yt, [
-                c("div", null, $(g.name), 1),
-                g.description ? (l(), m("div", Zt, $(g.description), 1)) : S("", !0)
+            u("div", es, [
+              u("div", ts, _(t(i)(m)), 1),
+              u("div", ss, [
+                u("div", null, _(g.name), 1),
+                g.description ? (l(), h("div", ns, _(g.description), 1)) : $("", !0)
               ])
             ])
-          ], 10, Nt)) : (l(), m("a", {
+          ], 10, Zt)) : (l(), h("a", {
             key: 2,
             href: g.href,
-            class: x(t(y)),
-            onClick: (v) => t(r)(h, v)
+            class: v(t(y)),
+            onClick: (b) => t(r)(m, b)
           }, [
-            c("div", ts, [
-              c("div", ss, $(t(d)(h)), 1),
-              c("div", ns, [
-                c("div", null, $(g.name), 1),
-                g.description ? (l(), m("div", ls, $(g.description), 1)) : S("", !0)
+            u("div", as, [
+              u("div", os, _(t(i)(m)), 1),
+              u("div", rs, [
+                u("div", null, _(g.name), 1),
+                g.description ? (l(), h("div", is, _(g.description), 1)) : $("", !0)
               ])
             ])
-          ], 10, es))
+          ], 10, ls))
         ]))), 128))
       ], 2)
-    ], 8, Ut));
+    ], 8, Kt));
   }
-}), Me = (e) => (we("data-v-56fc6520"), e = e(), $e(), e), as = ["aria-label"], os = ["href", "onClick"], rs = { class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center" }, is = {
+}), Me = (e) => (_e("data-v-56fc6520"), e = e(), Se(), e), us = ["aria-label"], cs = ["href", "onClick"], ds = { class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center" }, fs = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground-2"
-}, us = ["href", "onClick"], cs = {
+}, ps = ["href", "onClick"], hs = {
   class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center",
   "aria-hidden": "true"
-}, ds = {
+}, ms = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground"
-}, fs = /* @__PURE__ */ Me(() => /* @__PURE__ */ c("span", { class: "absolute h-4 w-4 rounded-full bg-outline-2" }, null, -1)), ps = /* @__PURE__ */ Me(() => /* @__PURE__ */ c("span", { class: "relative block h-2 w-2 rounded-full bg-primary-focus" }, null, -1)), hs = ["href", "onClick"], ms = {
+}, gs = /* @__PURE__ */ Me(() => /* @__PURE__ */ u("span", { class: "absolute h-4 w-4 rounded-full bg-outline-2" }, null, -1)), ys = /* @__PURE__ */ Me(() => /* @__PURE__ */ u("span", { class: "relative block h-2 w-2 rounded-full bg-primary-focus" }, null, -1)), vs = ["href", "onClick"], bs = {
   class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center",
   "aria-hidden": "true"
-}, gs = {
+}, xs = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground-2"
-}, ys = {
+}, ks = {
   key: 1,
   class: "h-4 w-4 rounded-full bg-foreground-disabled"
-}, vs = /* @__PURE__ */ M({
+}, Cs = /* @__PURE__ */ O({
   __name: "Bullet",
   props: {
     ariaLabel: null,
@@ -791,74 +792,74 @@ const Ut = ["aria-label"], qt = ["href", "onClick"], Ht = { class: "flex space-x
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    const n = e, { isCurrentStep: o, isFinishedStep: a, switchStep: r, listClasses: d, linkClasses: u } = Oe({
+    const n = e, { isCurrentStep: o, isFinishedStep: a, switchStep: r, listClasses: i, linkClasses: d } = Oe({
       props: Z(n),
       emit: s
-    }), y = i(() => {
+    }), y = c(() => {
       const p = ["ml-3 h6 font-medium leading-7"];
       return n.basic && p.push("sr-only"), p.join(" ");
     });
-    return (p, w) => (l(), m("nav", {
+    return (p, w) => (l(), h("nav", {
       class: "flex justify-center",
       "aria-label": e.ariaLabel || "Progress steps"
     }, [
-      c("ol", {
-        class: x([t(d), e.basic ? "basic" : ""])
+      u("ol", {
+        class: v([t(i), e.basic ? "basic" : ""])
       }, [
-        (l(!0), m(W, null, H(e.steps, (g, h) => (l(), m("li", {
+        (l(!0), h(U, null, H(e.steps, (g, m) => (l(), h("li", {
           key: g.name
         }, [
-          t(a)(h) ? (l(), m("a", {
+          t(a)(m) ? (l(), h("a", {
             key: 0,
             href: g.href,
-            class: x(t(u)),
-            onClick: (v) => t(r)(h, v)
+            class: v(t(d)),
+            onClick: (b) => t(r)(m, b)
           }, [
-            c("span", rs, [
-              e.basic ? (l(), m("span", is)) : (l(), j(t(tt), {
+            u("span", ds, [
+              e.basic ? (l(), h("span", fs)) : (l(), P(t(lt), {
                 key: 1,
                 class: "h-full w-full text-primary",
                 "aria-hidden": "true"
               }))
             ]),
-            c("span", {
-              class: x(["text-foreground", t(y)])
-            }, $(g.name), 3)
-          ], 10, os)) : t(o)(h) ? (l(), m("a", {
+            u("span", {
+              class: v(["text-foreground", t(y)])
+            }, _(g.name), 3)
+          ], 10, cs)) : t(o)(m) ? (l(), h("a", {
             key: 1,
             href: g.href,
-            class: x(t(u)),
+            class: v(t(d)),
             "aria-current": "step",
-            onClick: (v) => t(r)(h, v)
+            onClick: (b) => t(r)(m, b)
           }, [
-            c("span", cs, [
-              e.basic ? (l(), m("span", ds)) : (l(), m(W, { key: 1 }, [
-                fs,
-                ps
+            u("span", hs, [
+              e.basic ? (l(), h("span", ms)) : (l(), h(U, { key: 1 }, [
+                gs,
+                ys
               ], 64))
             ]),
-            c("span", {
-              class: x(["text-primary-focus", t(y)])
-            }, $(g.name), 3)
-          ], 10, us)) : (l(), m("a", {
+            u("span", {
+              class: v(["text-primary-focus", t(y)])
+            }, _(g.name), 3)
+          ], 10, ps)) : (l(), h("a", {
             key: 2,
             href: g.href,
-            class: x(t(u)),
-            onClick: (v) => t(r)(h, v)
+            class: v(t(d)),
+            onClick: (b) => t(r)(m, b)
           }, [
-            c("div", ms, [
-              e.basic ? (l(), m("span", gs)) : (l(), m("div", ys))
+            u("div", bs, [
+              e.basic ? (l(), h("span", xs)) : (l(), h("div", ks))
             ]),
-            c("p", {
-              class: x(["text-foreground-disabled", t(y)])
-            }, $(g.name), 3)
-          ], 10, hs))
+            u("p", {
+              class: v(["text-foreground-disabled", t(y)])
+            }, _(g.name), 3)
+          ], 10, vs))
         ]))), 128))
       ], 2)
-    ], 8, as));
+    ], 8, us));
   }
 });
-const Jn = /* @__PURE__ */ he(vs, [["__scopeId", "data-v-56fc6520"]]), bs = ["disabled"], Qn = /* @__PURE__ */ M({
+const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-56fc6520"]]), ws = ["disabled"], ul = /* @__PURE__ */ O({
   __name: "CardButton",
   props: {
     disabled: { type: Boolean },
@@ -866,7 +867,7 @@ const Jn = /* @__PURE__ */ he(vs, [["__scopeId", "data-v-56fc6520"]]), bs = ["di
   },
   emits: ["update:modelValue", "click"],
   setup(e, { emit: s }) {
-    const n = e, o = i(() => {
+    const n = e, o = c(() => {
       const r = [
         "h-20 bg-foundation-2 inline-flex justify-center items-center outline-none",
         "normal px-16 py-5 shadow rounded transition active:scale-95"
@@ -881,26 +882,26 @@ const Jn = /* @__PURE__ */ he(vs, [["__scopeId", "data-v-56fc6520"]]), bs = ["di
       }
       s("update:modelValue", !n.modelValue), s("click", r);
     };
-    return (r, d) => (l(), m("button", {
-      class: x(t(o)),
+    return (r, i) => (l(), h("button", {
+      class: v(t(o)),
       disabled: e.disabled,
       onClick: a
     }, [
-      z(r.$slots, "default", {}, () => [
+      R(r.$slots, "default", {}, () => [
         T("Text")
       ])
-    ], 10, bs));
+    ], 10, ws));
   }
-}), xs = { class: "relative flex items-start" }, ks = { class: "flex h-6 items-center" }, Cs = ["id", "checked", "aria-describedby", "name", "value", "disabled"], ws = {
+}), $s = { class: "relative flex items-start" }, _s = { class: "flex h-6 items-center" }, Ss = ["id", "checked", "aria-describedby", "name", "value", "disabled"], Is = {
   class: "ml-2 text-sm",
   style: { "padding-top": "2px" }
-}, $s = ["for"], _s = {
+}, Bs = ["for"], Ls = {
   key: 0,
   class: "text-danger ml-1"
-}, Ss = ["id"], Is = M({
+}, Ps = ["id"], js = O({
   inheritAttrs: !1
-}), Yn = /* @__PURE__ */ M({
-  ...Is,
+}), cl = /* @__PURE__ */ O({
+  ...js,
   __name: "Checkbox",
   props: {
     /**
@@ -988,25 +989,25 @@ const Jn = /* @__PURE__ */ he(vs, [["__scopeId", "data-v-56fc6520"]]), bs = ["di
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const s = e, n = (b) => `${b}-${pe()}`, o = i(() => s.value || s.name), {
+    const s = e, n = (x) => `${x}-${pe()}`, o = c(() => s.value || s.name), {
       checked: a,
       errorMessage: r,
-      handleChange: d
+      handleChange: i
     } = fe(s.name, s.rules, {
       validateOnMount: s.validateOnMount,
       type: "checkbox",
       checkedValue: o,
       initialValue: s.modelValue || void 0
-    }), u = (b) => {
-      s.disabled || d(b);
-    }, y = i(() => s.label || s.name), p = i(() => r.value ? "border-danger-lighter" : "border-foreground-4 "), w = i(() => s.description || r.value), g = i(() => `${s.name}-description`), h = i(() => {
-      const b = [];
-      return s.inlineDescription ? b.push("inline ml-2") : b.push("block"), r.value ? b.push("text-danger") : b.push("text-foreground-2"), b.join(" ");
-    }), v = A(n("checkbox")), V = i(() => s.id || v.value);
-    return (b, I) => (l(), m("div", xs, [
-      c("div", ks, [
-        c("input", ce({
-          id: t(V),
+    }), d = (x) => {
+      s.disabled || i(x);
+    }, y = c(() => s.label || s.name), p = c(() => r.value ? "border-danger-lighter" : "border-foreground-4 "), w = c(() => s.description || r.value), g = c(() => `${s.name}-description`), m = c(() => {
+      const x = [];
+      return s.inlineDescription ? x.push("inline ml-2") : x.push("block"), r.value ? x.push("text-danger") : x.push("text-foreground-2"), x.join(" ");
+    }), b = A(n("checkbox")), j = c(() => s.id || b.value);
+    return (x, L) => (l(), h("div", $s, [
+      u("div", _s, [
+        u("input", ne({
+          id: t(j),
           checked: t(a),
           "aria-describedby": t(g),
           name: e.name,
@@ -1014,21 +1015,21 @@ const Jn = /* @__PURE__ */ he(vs, [["__scopeId", "data-v-56fc6520"]]), bs = ["di
           disabled: e.disabled,
           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", t(p)]
-        }, b.$attrs, { onChange: u }), null, 16, Cs)
+        }, x.$attrs, { onChange: d }), null, 16, Ss)
       ]),
-      c("div", ws, [
-        c("label", {
-          for: t(V),
-          class: x(["font-medium text-foreground", { "sr-only": e.hideLabel }])
+      u("div", Is, [
+        u("label", {
+          for: t(j),
+          class: v(["font-medium text-foreground", { "sr-only": e.hideLabel }])
         }, [
-          c("span", null, $(t(y)), 1),
-          e.showRequired ? (l(), m("span", _s, "*")) : S("", !0)
-        ], 10, $s),
-        t(w) ? (l(), m("p", {
+          u("span", null, _(t(y)), 1),
+          e.showRequired ? (l(), h("span", Ls, "*")) : $("", !0)
+        ], 10, Bs),
+        t(w) ? (l(), h("p", {
           key: 0,
           id: t(g),
-          class: x(t(h))
-        }, $(t(w)), 11, Ss)) : S("", !0)
+          class: v(t(m))
+        }, _(t(w)), 11, Ps)) : $("", !0)
       ])
     ]));
   }
@@ -1038,10 +1039,10 @@ function Ae(e) {
     validateOnMount: t(s.validateOnMount),
     validateOnValueUpdate: t(s.validateOnValueUpdate),
     initialValue: t(s.modelValue) || void 0
-  }), d = i(() => {
+  }), i = c(() => {
     const C = ["block label text-foreground-2 mb-2"];
     return t(s.showLabel) || C.push("sr-only"), C.join(" ");
-  }), u = i(() => {
+  }), d = c(() => {
     const C = [
       "block w-full rounded focus:outline-none text-foreground transition-all",
       "disabled:cursor-not-allowed disabled:bg-foundation-disabled disabled:text-disabled-muted",
@@ -1050,42 +1051,42 @@ function Ae(e) {
     return r.value ? C.push(
       "border-2 border-danger text-danger-darker focus:border-danger focus:ring-danger"
     ) : C.push("border-0 focus:ring-2 focus:ring-outline-2"), t(s.color) === "foundation" ? C.push("bg-foundation shadow-sm hover:shadow") : C.push("bg-foundation-page"), C.join(" ");
-  }), y = A(pe()), p = i(() => t(s.label) || t(s.name)), w = i(() => {
+  }), y = A(pe()), p = c(() => t(s.label) || t(s.name)), w = c(() => {
     const C = r.value;
     return !C || !t(s.useLabelInErrors) ? C : C.replace("Value", p.value);
-  }), g = i(
+  }), g = c(
     () => w.value && t(s.hideErrorMessage)
-  ), h = i(() => w.value || t(s.help)), v = i(() => !!h.value), V = i(
-    () => v.value ? `${t(s.name)}-${y.value}` : void 0
-  ), b = i(() => {
+  ), m = c(() => w.value || t(s.help)), b = c(() => !!m.value), j = c(
+    () => b.value ? `${t(s.name)}-${y.value}` : void 0
+  ), x = c(() => {
     const C = ["mt-2 text-sm"];
     return C.push(r.value ? "text-danger" : "text-foreground-2"), C.join(" ");
-  }), I = () => {
+  }), L = () => {
     var C;
     (C = n.value) == null || C.focus();
-  }, _ = () => {
+  }, S = () => {
     a.value = "", o("change", { value: "" }), o("clear");
   };
-  return se(() => {
-    t(s.autoFocus) && I();
+  return ee(() => {
+    t(s.autoFocus) && L();
   }), {
-    coreClasses: u,
+    coreClasses: d,
     title: p,
     value: a,
-    helpTipId: V,
-    helpTipClasses: b,
-    helpTip: h,
+    helpTipId: j,
+    helpTipClasses: x,
+    helpTip: m,
     hideHelpTip: g,
     errorMessage: w,
-    clear: _,
-    focus: I,
-    labelClasses: d
+    clear: S,
+    focus: L,
+    labelClasses: i
   };
 }
-const Bs = ["for"], Ls = { class: "relative" }, Vs = ["id", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], js = /* @__PURE__ */ c("span", { class: "text-xs sr-only" }, "Clear input", -1), Ps = {
+const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], As = /* @__PURE__ */ u("span", { class: "text-xs sr-only" }, "Clear input", -1), Ds = {
   key: 2,
   class: "pointer-events-none absolute inset-y-0 mt-3 text-4xl right-0 flex items-center pr-2 text-danger opacity-50"
-}, Os = ["id"], Zn = /* @__PURE__ */ M({
+}, Rs = ["id"], dl = /* @__PURE__ */ O({
   __name: "TextArea",
   props: {
     name: null,
@@ -1109,96 +1110,96 @@ const Bs = ["for"], Ls = { class: "relative" }, Vs = ["id", "name", "placeholder
   setup(e, { expose: s, emit: n }) {
     const o = e, a = A(null), {
       coreClasses: r,
-      title: d,
-      value: u,
+      title: i,
+      value: d,
       helpTipId: y,
       helpTipClasses: p,
       helpTip: w,
       errorMessage: g,
-      labelClasses: h,
-      clear: v,
-      focus: V
+      labelClasses: m,
+      clear: b,
+      focus: j
     } = Ae({
       props: Z(o),
       emit: n,
       inputEl: a
-    }), b = i(() => {
-      const I = ["pl-2"];
-      return o.showClear && g.value ? I.push("pr-12") : (o.showClear || g.value) && I.push("pr-8"), I.join(" ");
+    }), x = c(() => {
+      const L = ["pl-2"];
+      return o.showClear && g.value ? L.push("pr-12") : (o.showClear || g.value) && L.push("pr-8"), L.join(" ");
     });
-    return s({ focus: V }), (I, _) => (l(), m("div", {
-      class: x([e.fullWidth ? "w-full" : ""])
+    return s({ focus: j }), (L, S) => (l(), h("div", {
+      class: v([e.fullWidth ? "w-full" : ""])
     }, [
-      c("label", {
+      u("label", {
         for: e.name,
-        class: x(t(h))
+        class: v(t(m))
       }, [
-        c("span", null, $(t(d)), 1)
-      ], 10, Bs),
-      c("div", Ls, [
-        ee(c("textarea", ce({
+        u("span", null, _(t(i)), 1)
+      ], 10, Vs),
+      u("div", Os, [
+        te(u("textarea", ne({
           id: e.name,
           ref_key: "inputElement",
           ref: a,
-          "onUpdate:modelValue": _[0] || (_[0] = (C) => ne(u) ? u.value = C : null),
+          "onUpdate:modelValue": S[0] || (S[0] = (C) => le(d) ? d.value = C : null),
           name: e.name,
-          class: [t(r), t(b), "min-h-[4rem]"],
+          class: [t(r), t(x), "min-h-[4rem]"],
           placeholder: e.placeholder,
           disabled: e.disabled,
           "aria-invalid": t(g) ? "true" : "false",
           "aria-describedby": t(y)
-        }, I.$attrs, {
-          onChange: _[1] || (_[1] = (C) => I.$emit("change", { event: C, value: t(u) })),
-          onInput: _[2] || (_[2] = (C) => I.$emit("input", { event: C, value: t(u) }))
-        }), null, 16, Vs), [
-          [_e, t(u)]
+        }, L.$attrs, {
+          onChange: S[1] || (S[1] = (C) => L.$emit("change", { event: C, value: t(d) })),
+          onInput: S[2] || (S[2] = (C) => L.$emit("input", { event: C, value: t(d) }))
+        }), null, 16, Ms), [
+          [Ie, t(d)]
         ]),
-        e.showClear ? (l(), m("a", {
+        e.showClear ? (l(), h("a", {
           key: 0,
           title: "Clear input",
           class: "absolute top-2 right-0 flex items-center pr-2 cursor-pointer",
-          onClick: _[3] || (_[3] = //@ts-ignore
-          (...C) => t(v) && t(v)(...C)),
-          onKeydown: _[4] || (_[4] = //@ts-ignore
-          (...C) => t(v) && t(v)(...C))
+          onClick: S[3] || (S[3] = //@ts-ignore
+          (...C) => t(b) && t(b)(...C)),
+          onKeydown: S[4] || (S[4] = //@ts-ignore
+          (...C) => t(b) && t(b)(...C))
         }, [
-          js,
-          B(t(de), {
+          As,
+          I(t(de), {
             class: "h-5 w-5 text-foreground",
             "aria-hidden": "true"
           })
-        ], 32)) : S("", !0),
-        t(g) ? (l(), m("div", {
+        ], 32)) : $("", !0),
+        t(g) ? (l(), h("div", {
           key: 1,
-          class: x([
+          class: v([
             "pointer-events-none absolute inset-y-0 right-0 flex items-center",
             e.showClear ? "pr-8" : "pr-2"
           ])
         }, [
-          B(t(Ve), {
+          I(t(Ve), {
             class: "h-4 w-4 text-danger",
             "aria-hidden": "true"
           })
-        ], 2)) : S("", !0),
-        e.showRequired && !t(g) ? (l(), m("div", Ps, " * ")) : S("", !0)
+        ], 2)) : $("", !0),
+        e.showRequired && !t(g) ? (l(), h("div", Ds, " * ")) : $("", !0)
       ]),
-      t(y) ? (l(), m("p", {
+      t(y) ? (l(), h("p", {
         key: 0,
         id: t(y),
-        class: x(t(p))
-      }, $(t(w)), 11, Os)) : S("", !0)
+        class: v(t(p))
+      }, _(t(w)), 11, Rs)) : $("", !0)
     ], 2));
   }
-}), Ms = ["for"], As = { class: "relative" }, Ds = {
+}), Ts = ["for"], Fs = { class: "relative" }, zs = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2"
-}, Rs = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], Ts = /* @__PURE__ */ c("span", { class: "text-xs sr-only" }, "Clear input", -1), Fs = {
+}, Es = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], Ws = /* @__PURE__ */ u("span", { class: "text-xs sr-only" }, "Clear input", -1), Us = {
   key: 2,
   class: "pointer-events-none absolute inset-y-0 mt-3 text-4xl right-0 flex items-center pr-2 text-danger opacity-50"
-}, zs = ["id"], Es = M({
+}, qs = ["id"], Hs = O({
   inheritAttrs: !1
-}), el = /* @__PURE__ */ M({
-  ...Es,
+}), fl = /* @__PURE__ */ O({
+  ...Hs,
   __name: "TextInput",
   props: {
     /**
@@ -1334,31 +1335,31 @@ const Bs = ["for"], Ls = { class: "relative" }, Vs = ["id", "name", "placeholder
   },
   emits: ["update:modelValue", "change", "input", "clear", "focusin", "focusout"],
   setup(e, { expose: s, emit: n }) {
-    const o = e, a = Fe(), r = A(null), {
-      coreClasses: d,
-      title: u,
+    const o = e, a = ze(), r = A(null), {
+      coreClasses: i,
+      title: d,
       value: y,
       helpTipId: p,
       helpTipClasses: w,
       helpTip: g,
-      hideHelpTip: h,
-      errorMessage: v,
-      clear: V,
-      focus: b,
-      labelClasses: I
+      hideHelpTip: m,
+      errorMessage: b,
+      clear: j,
+      focus: x,
+      labelClasses: L
     } = Ae({
       props: Z(o),
       emit: n,
       inputEl: r
-    }), _ = i(() => {
-      const P = ["h-5 w-5"];
-      return v.value ? P.push("text-danger") : P.push("text-foreground-2"), P.join(" ");
-    }), C = i(
+    }), S = c(() => {
+      const V = ["h-5 w-5"];
+      return b.value ? V.push("text-danger") : V.push("text-foreground-2"), V.join(" ");
+    }), C = c(
       () => ["email", "password"].includes(o.type) || o.customIcon
-    ), q = i(() => {
-      const P = [];
-      return C.value ? P.push("pl-8") : P.push("pl-2"), a["input-right"] || (v.value || o.showClear) && (v.value && o.showClear ? P.push("pr-12") : P.push("pr-8")), P.join(" ");
-    }), f = i(() => {
+    ), q = c(() => {
+      const V = [];
+      return C.value ? V.push("pl-8") : V.push("pl-2"), a["input-right"] || (b.value || o.showClear) && (b.value && o.showClear ? V.push("pr-12") : V.push("pr-8")), V.join(" ");
+    }), f = c(() => {
       switch (o.size) {
         case "sm":
           return "h-6";
@@ -1371,154 +1372,154 @@ const Bs = ["for"], Ls = { class: "relative" }, Vs = ["id", "name", "placeholder
           return "h-8";
       }
     });
-    return s({ focus: b }), (P, R) => (l(), m("div", {
-      class: x([e.fullWidth ? "w-full" : "", e.wrapperClasses])
+    return s({ focus: x }), (V, F) => (l(), h("div", {
+      class: v([e.fullWidth ? "w-full" : "", e.wrapperClasses])
     }, [
-      c("label", {
+      u("label", {
         for: e.name,
-        class: x(t(I))
+        class: v(t(L))
       }, [
-        c("span", null, $(t(u)), 1)
-      ], 10, Ms),
-      c("div", As, [
-        t(C) ? (l(), m("div", Ds, [
-          e.customIcon ? (l(), j(U(e.customIcon), {
+        u("span", null, _(t(d)), 1)
+      ], 10, Ts),
+      u("div", Fs, [
+        t(C) ? (l(), h("div", zs, [
+          e.customIcon ? (l(), P(W(e.customIcon), {
             key: 0,
-            class: x(t(_)),
+            class: v(t(S)),
             "aria-hidden": "true"
-          }, null, 8, ["class"])) : e.type === "email" ? (l(), j(t(st), {
+          }, null, 8, ["class"])) : e.type === "email" ? (l(), P(t(at), {
             key: 1,
-            class: x(t(_)),
+            class: v(t(S)),
             "aria-hidden": "true"
-          }, null, 8, ["class"])) : e.type === "password" ? (l(), j(t(nt), {
+          }, null, 8, ["class"])) : e.type === "password" ? (l(), P(t(ot), {
             key: 2,
-            class: x(t(_)),
+            class: v(t(S)),
             "aria-hidden": "true"
-          }, null, 8, ["class"])) : S("", !0)
-        ])) : S("", !0),
-        ee(c("input", ce({
+          }, null, 8, ["class"])) : $("", !0)
+        ])) : $("", !0),
+        te(u("input", ne({
           id: e.name,
           ref_key: "inputElement",
           ref: r,
-          "onUpdate:modelValue": R[0] || (R[0] = (O) => ne(y) ? y.value = O : null),
+          "onUpdate:modelValue": F[0] || (F[0] = (M) => le(y) ? y.value = M : null),
           type: e.type,
           name: e.name,
-          class: [t(d), t(q), t(f), e.inputClasses || ""],
+          class: [t(i), t(q), t(f), e.inputClasses || ""],
           placeholder: e.placeholder,
           disabled: e.disabled,
-          "aria-invalid": t(v) ? "true" : "false",
+          "aria-invalid": t(b) ? "true" : "false",
           "aria-describedby": t(p),
           role: "textbox"
-        }, P.$attrs, {
-          onChange: R[1] || (R[1] = (O) => P.$emit("change", { event: O, value: t(y) })),
-          onInput: R[2] || (R[2] = (O) => P.$emit("input", { event: O, value: t(y) }))
-        }), null, 16, Rs), [
-          [ze, t(y)]
+        }, V.$attrs, {
+          onChange: F[1] || (F[1] = (M) => V.$emit("change", { event: M, value: t(y) })),
+          onInput: F[2] || (F[2] = (M) => V.$emit("input", { event: M, value: t(y) }))
+        }), null, 16, Es), [
+          [Ee, t(y)]
         ]),
-        z(P.$slots, "input-right", {}, () => [
-          e.showClear ? (l(), m("a", {
+        R(V.$slots, "input-right", {}, () => [
+          e.showClear ? (l(), h("a", {
             key: 0,
             title: "Clear input",
             class: "absolute inset-y-0 right-0 flex items-center pr-2 cursor-pointer",
-            onClick: R[3] || (R[3] = //@ts-ignore
-            (...O) => t(V) && t(V)(...O)),
-            onKeydown: R[4] || (R[4] = //@ts-ignore
-            (...O) => t(V) && t(V)(...O))
+            onClick: F[3] || (F[3] = //@ts-ignore
+            (...M) => t(j) && t(j)(...M)),
+            onKeydown: F[4] || (F[4] = //@ts-ignore
+            (...M) => t(j) && t(j)(...M))
           }, [
-            Ts,
-            B(t(de), {
+            Ws,
+            I(t(de), {
               class: "h-5 w-5 text-foreground",
               "aria-hidden": "true"
             })
-          ], 32)) : S("", !0),
-          t(v) ? (l(), m("div", {
+          ], 32)) : $("", !0),
+          t(b) ? (l(), h("div", {
             key: 1,
-            class: x([
+            class: v([
               "pointer-events-none absolute inset-y-0 right-0 flex items-center",
               e.showClear ? "pr-8" : "pr-2"
             ])
           }, [
-            B(t(Ve), {
+            I(t(Ve), {
               class: "h-4 w-4 text-danger",
               "aria-hidden": "true"
             })
-          ], 2)) : S("", !0),
-          e.showRequired && !t(v) ? (l(), m("div", Fs, " * ")) : S("", !0)
+          ], 2)) : $("", !0),
+          e.showRequired && !t(b) ? (l(), h("div", Us, " * ")) : $("", !0)
         ])
       ]),
-      t(p) && !t(h) ? (l(), m("p", {
+      t(p) && !t(m) ? (l(), h("p", {
         key: 0,
         id: t(p),
-        class: x(t(w))
-      }, $(t(g)), 11, zs)) : S("", !0)
+        class: v(t(w))
+      }, _(t(g)), 11, qs)) : $("", !0)
     ], 2));
   }
-}), Ws = /^https?:\/\//, me = /^[\w-_.+]+@[\w-_.+]+$/, Us = (e) => (e || "").match(me) ? !0 : "Value should be a valid e-mail address", qs = (e) => (e || "").split(",").map((o) => o.trim()).every((o) => o.match(me)) || "Value should be one or multiple comma-delimited e-mail addresses", Hs = (e) => (te(e) && (e = e.trim()), e ? !0 : "Value is required"), Gs = (e, s) => (n, o) => n === o.form[e] ? !0 : `Value must be the same as in field '${s || e}'`, Ks = (e) => (s) => {
+}), Gs = /^https?:\/\//, ye = /^[\w-_.+]+@[\w-_.+]+$/, Ks = (e) => (e || "").match(ye) ? !0 : "Value should be a valid e-mail address", Xs = (e) => (e || "").split(",").map((o) => o.trim()).every((o) => o.match(ye)) || "Value should be one or multiple comma-delimited e-mail addresses", Ns = (e) => (se(e) && (e = e.trim()), e ? !0 : "Value is required"), Js = (e, s) => (n, o) => n === o.form[e] ? !0 : `Value must be the same as in field '${s || e}'`, Qs = (e) => (s) => {
   const { minLength: n, maxLength: o } = e;
-  return s = lt(s) ? "" : s, te(s) ? !X(n) && s.length < n ? `Value needs to be at least ${n} characters long` : !X(o) && s.length > o ? `Value needs to be no more than ${o} characters long` : !0 : "Value should be a text string";
-}, Xs = (e) => (s) => {
+  return s = rt(s) ? "" : s, se(s) ? !X(n) && s.length < n ? `Value needs to be at least ${n} characters long` : !X(o) && s.length > o ? `Value needs to be no more than ${o} characters long` : !0 : "Value should be a text string";
+}, Ys = (e) => (s) => {
   const { match: n, message: o } = e;
-  return te(s) ? n ? te(n) ? s.includes(n) ? !0 : o : n.test(s) ? !0 : o : !0 : "Value should be a text string";
-}, tl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  return se(s) ? n ? se(n) ? s.includes(n) ? !0 : o : n.test(s) ? !0 : o : !0 : "Value should be a text string";
+}, pl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VALID_EMAIL: me,
-  VALID_HTTP_URL: Ws,
-  isEmail: Us,
-  isOneOrMultipleEmails: qs,
-  isRequired: Hs,
-  isSameAs: Gs,
-  isStringOfLength: Ks,
-  stringContains: Xs
+  VALID_EMAIL: ye,
+  VALID_HTTP_URL: Gs,
+  isEmail: Ks,
+  isOneOrMultipleEmails: Xs,
+  isRequired: Ns,
+  isSameAs: Js,
+  isStringOfLength: Qs,
+  stringContains: Ys
 }, Symbol.toStringTag, { value: "Module" }));
-function Ns(e) {
+function Zs(e) {
   const {
     skipCalculation: s,
     elementToWatchForChanges: n,
     itemContainer: o,
     trackResize: a = !1,
     trackMutations: r = !0
-  } = e || {}, d = A(0), u = () => {
+  } = e || {}, i = A(0), d = () => {
     const y = o.value;
     if (s != null && s.value || !y)
       return;
     const p = y.children;
-    let w = 0, g = 0, h;
-    for (const v of p) {
-      const V = v.offsetTop;
-      X(h) ? (h = V, w += 1) : V === h && (w += 1), g += 1;
+    let w = 0, g = 0, m;
+    for (const b of p) {
+      const j = b.offsetTop;
+      X(m) ? (m = j, w += 1) : j === m && (w += 1), g += 1;
     }
-    d.value = g - w;
+    i.value = g - w;
   };
-  return a && rt(n, u), r && it(n, u, {
+  return a && ct(n, d), r && dt(n, d, {
     childList: !0,
     subtree: !0
   }), {
-    hiddenItemCount: d
+    hiddenItemCount: i
   };
 }
-function Js(e) {
+function en(e) {
   const { props: s, emit: n, dynamicVisibility: o } = e;
   let a;
   if (o) {
     const { elementToWatchForChanges: p, itemContainer: w } = o;
-    a = Ns({
-      skipCalculation: i(() => {
-        var h;
-        return !((h = s.multiple) != null && h.value);
+    a = Zs({
+      skipCalculation: c(() => {
+        var m;
+        return !((m = s.multiple) != null && m.value);
       }),
       elementToWatchForChanges: p,
       itemContainer: w
     }).hiddenItemCount;
   } else
     a = A(0);
-  const r = i({
+  const r = c({
     get: () => {
       var w, g;
       const p = (w = s.modelValue) == null ? void 0 : w.value;
       return (g = s.multiple) != null && g.value ? E(p) ? p : [] : E(p) ? void 0 : p;
     },
     set: (p) => {
-      var w, g, h;
+      var w, g, m;
       if ((w = s.multiple) != null && w.value && !E(p)) {
         console.warn("Attempting to set non-array value in selector w/ multiple=true");
         return;
@@ -1526,42 +1527,42 @@ function Js(e) {
         console.warn("Attempting to set array value in selector w/ multiple=false");
         return;
       }
-      n("update:modelValue", (h = s.multiple) != null && h.value ? p || [] : p);
+      n("update:modelValue", (m = s.multiple) != null && m.value ? p || [] : p);
     }
-  }), d = (p) => E(p);
+  }), i = (p) => E(p);
   return {
     selectedValue: r,
     hiddenSelectedItemCount: a,
-    isArrayValue: d,
+    isArrayValue: i,
     isMultiItemArrayValue: (p) => E(p) && p.length > 1,
-    firstItem: (p) => d(p) ? p[0] : p
+    firstItem: (p) => i(p) ? p[0] : p
   };
 }
-const Qs = (e) => (we("data-v-60cf597b"), e = e(), $e(), e), Ys = /* @__PURE__ */ Qs(() => /* @__PURE__ */ c("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), Zs = [
-  Ys
-], en = /* @__PURE__ */ M({
+const tn = (e) => (_e("data-v-60cf597b"), e = e(), Se(), e), sn = /* @__PURE__ */ tn(() => /* @__PURE__ */ u("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), nn = [
+  sn
+], ln = /* @__PURE__ */ O({
   __name: "Bar",
   props: {
     loading: { type: Boolean }
   },
   setup(e) {
-    return (s, n) => (l(), m("div", {
-      class: x([
+    return (s, n) => (l(), h("div", {
+      class: v([
         "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"
       ])
-    }, Zs, 2));
+    }, nn, 2));
   }
 });
-const tn = /* @__PURE__ */ he(en, [["__scopeId", "data-v-60cf597b"]]), sn = { class: "flex items-center justify-between w-full" }, nn = { class: "block truncate grow text-left" }, ln = { class: "pointer-events-none shrink-0 ml-1 flex items-center" }, an = ["disabled"], on = {
+const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { class: "flex items-center justify-between w-full" }, on = { class: "block truncate grow text-left" }, rn = { class: "pointer-events-none shrink-0 ml-1 flex items-center" }, un = ["disabled"], cn = {
   key: 0,
   class: "flex flex-col mx-1 mb-1"
-}, rn = /* @__PURE__ */ c("span", { class: "sr-only label text-foreground" }, "Search", -1), un = { class: "relative" }, cn = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, dn = ["placeholder"], fn = {
+}, dn = /* @__PURE__ */ u("span", { class: "sr-only label text-foreground" }, "Search", -1), fn = { class: "relative" }, pn = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, hn = ["placeholder"], mn = {
   key: 0,
   class: "px-1"
-}, pn = { key: 1 }, hn = /* @__PURE__ */ c("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), mn = {
-  class: /* @__PURE__ */ x(["block truncate"])
-}, gn = ["id"], yn = /* @__PURE__ */ M({
+}, gn = { key: 1 }, yn = /* @__PURE__ */ u("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), vn = {
+  class: /* @__PURE__ */ v(["block truncate"])
+}, bn = ["id"], xn = /* @__PURE__ */ O({
   __name: "Base",
   props: {
     multiple: {
@@ -1697,46 +1698,46 @@ const tn = /* @__PURE__ */ he(en, [["__scopeId", "data-v-60cf597b"]]), sn = { cl
       validateOnMount: s.validateOnMount,
       validateOnValueUpdate: s.validateOnValueUpdate,
       initialValue: s.modelValue
-    }), a = A(null), r = A(""), d = A([]), u = A(!1), y = A(pe()), p = i(() => t(s.label) || t(s.name)), w = i(() => {
+    }), a = A(null), r = A(""), i = A([]), d = A(!1), y = A(pe()), p = c(() => t(s.label) || t(s.name)), w = c(() => {
       const k = o.value;
       return !k || !t(s.useLabelInErrors) ? k : k.replace("Value", p.value);
-    }), g = i(() => w.value || t(s.help)), h = i(() => !!g.value), v = i(
-      () => h.value ? `${t(s.name)}-${y.value}` : void 0
-    ), V = i(
+    }), g = c(() => w.value || t(s.help)), m = c(() => !!g.value), b = c(
+      () => m.value ? `${t(s.name)}-${y.value}` : void 0
+    ), j = c(
       () => o.value ? "text-danger" : "text-foreground-2"
-    ), b = i(
+    ), x = c(
       () => s.buttonStyle !== "simple" && s.clearable && !s.disabled
-    ), I = i(() => {
+    ), L = c(() => {
       const k = ["relative flex group", s.showLabel ? "mt-1" : ""];
       return s.buttonStyle !== "simple" && (k.push("hover:shadow rounded-md"), k.push("outline outline-2 outline-primary-muted")), s.fixedHeight && k.push("h-8"), k.join(" ");
-    }), _ = i(() => {
+    }), S = c(() => {
       const k = [];
       return s.buttonStyle !== "simple" && k.push(
-        R.value ? "bg-foundation-disabled text-foreground-disabled" : ""
-      ), R.value && k.push("cursor-not-allowed"), k.join(" ");
-    }), C = i(() => {
+        F.value ? "bg-foundation-disabled text-foreground-disabled" : ""
+      ), F.value && k.push("cursor-not-allowed"), k.join(" ");
+    }), C = c(() => {
       const k = [
         "relative z-[1]",
         "flex items-center justify-center text-center shrink-0",
         "rounded-r-md overflow-hidden transition-all",
-        ge.value ? `w-6 ${_.value}` : "w-0"
+        ve.value ? `w-6 ${S.value}` : "w-0"
       ];
-      return R.value || k.push(
+      return F.value || k.push(
         "bg-primary-muted hover:bg-primary hover:text-foreground-on-primary"
       ), k.join(" ");
-    }), q = i(() => {
+    }), q = c(() => {
       const k = [
         "relative z-[2]",
         "normal rounded-md cursor-pointer transition truncate flex-1",
         "flex items-center",
-        _.value
+        S.value
       ];
-      return s.buttonStyle !== "simple" && (k.push("py-2 px-3"), R.value || k.push("bg-foundation text-foreground")), b.value && ge.value && k.push("rounded-r-none"), k.join(" ");
-    }), f = i(
+      return s.buttonStyle !== "simple" && (k.push("py-2 px-3"), F.value || k.push("bg-foundation text-foreground")), x.value && ve.value && k.push("rounded-r-none"), k.join(" ");
+    }), f = c(
       () => !!(s.search && (s.filterPredicate || s.getSearchResults))
-    ), P = i(() => f.value && s.getSearchResults), R = i(
-      () => s.disabled || !s.items.length && !P.value
-    ), O = i({
+    ), V = c(() => f.value && s.getSearchResults), F = c(
+      () => s.disabled || !s.items.length && !V.value
+    ), M = c({
       get: () => {
         const k = n.value;
         return s.multiple ? E(k) ? k : [] : E(k) ? void 0 : k;
@@ -1752,83 +1753,83 @@ const tn = /* @__PURE__ */ he(en, [["__scopeId", "data-v-60cf597b"]]), sn = { cl
         if (s.multiple)
           n.value = k || [];
         else {
-          const F = n.value, D = s.allowUnset && F && k && le(F) === le(k);
+          const z = n.value, D = s.allowUnset && z && k && ae(z) === ae(k);
           n.value = D ? void 0 : k;
         }
       }
-    }), ge = i(() => s.multiple ? O.value.length !== 0 : !!O.value), De = () => {
-      s.multiple ? O.value = [] : O.value = void 0;
-    }, Re = i(() => {
+    }), ve = c(() => s.multiple ? M.value.length !== 0 : !!M.value), Re = () => {
+      s.multiple ? M.value = [] : M.value = void 0;
+    }, Te = c(() => {
       const k = r.value;
-      return !f.value || !(k != null && k.length) ? d.value : s.filterPredicate ? d.value.filter(
-        (F) => {
+      return !f.value || !(k != null && k.length) ? i.value : s.filterPredicate ? i.value.filter(
+        (z) => {
           var D;
-          return ((D = s.filterPredicate) == null ? void 0 : D.call(s, F, k)) || !1;
+          return ((D = s.filterPredicate) == null ? void 0 : D.call(s, z, k)) || !1;
         }
-      ) : d.value;
-    }), ye = (k) => JSON.stringify(k), le = (k) => s.by ? k[s.by] : k, ve = async () => {
-      if (console.log("triggerSearch"), !(!P.value || !s.getSearchResults)) {
-        u.value = !0;
+      ) : i.value;
+    }), be = (k) => JSON.stringify(k), ae = (k) => s.by ? k[s.by] : k, xe = async () => {
+      if (console.log("triggerSearch"), !(!V.value || !s.getSearchResults)) {
+        d.value = !0;
         try {
-          d.value = await s.getSearchResults(r.value);
+          i.value = await s.getSearchResults(r.value);
         } finally {
-          u.value = !1;
+          d.value = !1;
         }
       }
-    }, Te = Be(ve, 1e3);
+    }, Fe = Pe(xe, 1e3);
     return Y(
       () => s.items,
       (k) => {
-        d.value = k.slice();
+        i.value = k.slice();
       },
       { immediate: !0 }
     ), Y(r, () => {
-      P.value && Te();
-    }), se(() => {
-      P.value && !s.items.length && ve();
-    }), (k, F) => (l(), m("div", null, [
-      B(t(ct), {
-        modelValue: t(O),
-        "onUpdate:modelValue": F[4] || (F[4] = (D) => ne(O) ? O.value = D : null),
+      V.value && Fe();
+    }), ee(() => {
+      V.value && !s.items.length && xe();
+    }), (k, z) => (l(), h("div", null, [
+      I(t(pt), {
+        modelValue: t(M),
+        "onUpdate:modelValue": z[4] || (z[4] = (D) => le(M) ? M.value = D : null),
         name: e.name,
         multiple: e.multiple,
         by: e.by,
-        disabled: t(R),
+        disabled: t(F),
         as: "div"
       }, {
-        default: L(() => [
-          B(t(dt), {
-            class: x(["block label text-foreground", { "sr-only": !e.showLabel }])
+        default: B(() => [
+          I(t(ht), {
+            class: v(["block label text-foreground", { "sr-only": !e.showLabel }])
           }, {
-            default: L(() => [
-              T($(e.label), 1)
+            default: B(() => [
+              T(_(e.label), 1)
             ]),
             _: 1
           }, 8, ["class"]),
-          c("div", {
-            class: x(t(I))
+          u("div", {
+            class: v(t(L))
           }, [
-            B(t(ft), {
-              class: x(t(q))
+            I(t(mt), {
+              class: v(t(q))
             }, {
-              default: L(({ open: D }) => [
-                c("div", sn, [
-                  c("div", nn, [
-                    !t(O) || t(E)(t(O)) && !t(O).length ? z(k.$slots, "nothing-selected", { key: 0 }, () => [
-                      T($(e.label), 1)
-                    ]) : z(k.$slots, "something-selected", {
+              default: B(({ open: D }) => [
+                u("div", an, [
+                  u("div", on, [
+                    !t(M) || t(E)(t(M)) && !t(M).length ? R(k.$slots, "nothing-selected", { key: 0 }, () => [
+                      T(_(e.label), 1)
+                    ]) : R(k.$slots, "something-selected", {
                       key: 1,
-                      value: t(O)
+                      value: t(M)
                     }, () => [
-                      T($(ye(t(O))), 1)
+                      T(_(be(t(M))), 1)
                     ])
                   ]),
-                  c("div", ln, [
-                    D ? (l(), j(t(Le), {
+                  u("div", rn, [
+                    D ? (l(), P(t(je), {
                       key: 0,
                       class: "h-4 w-4 text-foreground",
                       "aria-hidden": "true"
-                    })) : (l(), j(t(Ue), {
+                    })) : (l(), P(t(qe), {
                       key: 1,
                       class: "h-4 w-4 text-foreground",
                       "aria-hidden": "true"
@@ -1838,97 +1839,97 @@ const tn = /* @__PURE__ */ he(en, [["__scopeId", "data-v-60cf597b"]]), sn = { cl
               ]),
               _: 3
             }, 8, ["class"]),
-            t(b) ? ee((l(), m("button", {
+            t(x) ? te((l(), h("button", {
               key: 0,
-              class: x(t(C)),
+              class: v(t(C)),
               disabled: e.disabled,
-              onClick: F[0] || (F[0] = (D) => De())
+              onClick: z[0] || (z[0] = (D) => Re())
             }, [
-              B(t(qe), { class: "w-3 h-3" })
-            ], 10, an)), [
-              [t(_t), "Clear"]
-            ]) : S("", !0),
-            B(ue, {
+              I(t(He), { class: "w-3 h-3" })
+            ], 10, un)), [
+              [t(Bt), "Clear"]
+            ]) : $("", !0),
+            I(ce, {
               "leave-active-class": "transition ease-in duration-100",
               "leave-from-class": "opacity-100",
               "leave-to-class": "opacity-0"
             }, {
-              default: L(() => [
-                B(t(pt), {
+              default: B(() => [
+                I(t(gt), {
                   class: "absolute top-[100%] z-10 mt-1 w-full rounded-md bg-foundation-2 py-1 label label--light outline outline-2 outline-primary-muted focus:outline-none shadow",
-                  onFocus: F[3] || (F[3] = (D) => {
+                  onFocus: z[3] || (z[3] = (D) => {
                     var G;
                     return (G = a.value) == null ? void 0 : G.focus();
                   })
                 }, {
-                  default: L(() => [
-                    t(f) ? (l(), m("label", on, [
-                      rn,
-                      c("div", un, [
-                        c("div", cn, [
-                          B(t(He), { class: "h-5 w-5 text-foreground" })
+                  default: B(() => [
+                    t(f) ? (l(), h("label", cn, [
+                      dn,
+                      u("div", fn, [
+                        u("div", pn, [
+                          I(t(Ge), { class: "h-5 w-5 text-foreground" })
                         ]),
-                        ee(c("input", {
+                        te(u("input", {
                           ref_key: "searchInput",
                           ref: a,
-                          "onUpdate:modelValue": F[1] || (F[1] = (D) => r.value = D),
+                          "onUpdate:modelValue": z[1] || (z[1] = (D) => r.value = D),
                           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: F[2] || (F[2] = Se(() => {
+                          onKeydown: z[2] || (z[2] = Be(() => {
                           }, ["stop"]))
-                        }, null, 40, dn), [
-                          [_e, r.value]
+                        }, null, 40, hn), [
+                          [Ie, r.value]
                         ])
                       ])
-                    ])) : S("", !0),
-                    c("div", {
-                      class: x(["overflow-auto simple-scrollbar", [t(f) ? "max-h-52" : "max-h-60"]])
+                    ])) : $("", !0),
+                    u("div", {
+                      class: v(["overflow-auto simple-scrollbar", [t(f) ? "max-h-52" : "max-h-60"]])
                     }, [
-                      t(P) && u.value ? (l(), m("div", fn, [
-                        B(tn, { loading: !0 })
-                      ])) : t(P) && !d.value.length ? (l(), m("div", pn, [
-                        z(k.$slots, "nothing-found", {}, () => [
-                          hn
+                      t(V) && d.value ? (l(), h("div", mn, [
+                        I(De, { loading: !0 })
+                      ])) : t(V) && !i.value.length ? (l(), h("div", gn, [
+                        R(k.$slots, "nothing-found", {}, () => [
+                          yn
                         ])
-                      ])) : S("", !0),
-                      !t(P) || !u.value ? (l(!0), m(W, { key: 2 }, H(t(Re), (D) => (l(), j(t(ht), {
-                        key: le(D),
+                      ])) : $("", !0),
+                      !t(V) || !d.value ? (l(!0), h(U, { key: 2 }, H(t(Te), (D) => (l(), P(t(yt), {
+                        key: ae(D),
                         value: D
                       }, {
-                        default: L(({ active: G, selected: be }) => [
-                          c("li", {
-                            class: x([
+                        default: B(({ active: G, selected: ke }) => [
+                          u("li", {
+                            class: v([
                               G ? "text-primary" : "text-foreground",
                               "relative transition cursor-pointer select-none py-1.5 pl-3",
                               e.hideCheckmarks ? "" : "pr-9"
                             ])
                           }, [
-                            c("span", mn, [
-                              z(k.$slots, "option", {
+                            u("span", vn, [
+                              R(k.$slots, "option", {
                                 item: D,
                                 active: G,
-                                selected: be
+                                selected: ke
                               }, () => [
-                                T($(ye(D)), 1)
+                                T(_(be(D)), 1)
                               ])
                             ]),
-                            !e.hideCheckmarks && be ? (l(), m("span", {
+                            !e.hideCheckmarks && ke ? (l(), h("span", {
                               key: 0,
-                              class: x([
+                              class: v([
                                 G ? "text-primary" : "text-foreground",
                                 "absolute inset-y-0 right-0 flex items-center pr-4"
                               ])
                             }, [
-                              B(t(Ge), {
+                              I(t(Ke), {
                                 class: "h-5 w-5",
                                 "aria-hidden": "true"
                               })
-                            ], 2)) : S("", !0)
+                            ], 2)) : $("", !0)
                           ], 2)
                         ]),
                         _: 2
-                      }, 1032, ["value"]))), 128)) : S("", !0)
+                      }, 1032, ["value"]))), 128)) : $("", !0)
                     ], 2)
                   ]),
                   _: 3
@@ -1940,37 +1941,37 @@ const tn = /* @__PURE__ */ he(en, [["__scopeId", "data-v-60cf597b"]]), sn = { cl
         ]),
         _: 3
       }, 8, ["modelValue", "name", "multiple", "by", "disabled"]),
-      t(v) ? (l(), m("p", {
+      t(b) ? (l(), h("p", {
         key: 0,
-        id: t(v),
-        class: x(["mt-2 ml-3 text-sm", t(V)])
-      }, $(t(g)), 11, gn)) : S("", !0)
+        id: t(b),
+        class: v(["mt-2 ml-3 text-sm", t(j)])
+      }, _(t(g)), 11, bn)) : $("", !0)
     ]));
   }
-}), vn = /* @__PURE__ */ M({
+}), kn = /* @__PURE__ */ O({
   __name: "SourceAppBadge",
   props: {
     sourceApp: null
   },
   setup(e) {
-    return (s, n) => (l(), j(Wt, {
+    return (s, n) => (l(), P(Gt, {
       "color-classes": "text-foreground-on-primary",
       rounded: "",
-      style: ae({ backgroundColor: e.sourceApp.bgColor })
+      style: oe({ backgroundColor: e.sourceApp.bgColor })
     }, {
-      default: L(() => [
-        T($(e.sourceApp.short), 1)
+      default: B(() => [
+        T(_(e.sourceApp.short), 1)
       ]),
       _: 1
     }, 8, ["style"]));
   }
-}), bn = {
+}), Cn = {
   key: 0,
   class: "text-foreground-2 normal"
-}, xn = {
+}, wn = {
   key: 1,
   class: "flex items-center"
-}, kn = { class: "truncate" }, Cn = { class: "flex items-center" }, wn = { class: "truncate" }, sl = /* @__PURE__ */ M({
+}, $n = { class: "truncate" }, _n = { class: "flex items-center" }, Sn = { class: "truncate" }, hl = /* @__PURE__ */ O({
   __name: "SourceApps",
   props: {
     /**
@@ -2030,16 +2031,16 @@ const tn = /* @__PURE__ */ he(en, [["__scopeId", "data-v-60cf597b"]]), sn = { cl
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    const n = e, o = A(null), a = A(null), { selectedValue: r, hiddenSelectedItemCount: d, isMultiItemArrayValue: u, firstItem: y } = Js({
+    const n = e, o = A(null), a = A(null), { selectedValue: r, hiddenSelectedItemCount: i, isMultiItemArrayValue: d, firstItem: y } = en({
       props: Z(n),
       emit: s,
       dynamicVisibility: { elementToWatchForChanges: o, itemContainer: a }
     }), p = (w, g) => w.name.toLocaleLowerCase().includes(g.toLocaleLowerCase());
-    return (w, g) => (l(), j(yn, {
+    return (w, g) => (l(), P(xn, {
       modelValue: t(r),
-      "onUpdate:modelValue": g[0] || (g[0] = (h) => ne(r) ? r.value = h : null),
+      "onUpdate:modelValue": g[0] || (g[0] = (m) => le(r) ? r.value = m : null),
       multiple: e.multiple,
-      items: e.items ?? t(at),
+      items: e.items ?? t(it),
       search: e.search,
       "search-placeholder": e.searchPlaceholder,
       label: e.label,
@@ -2048,46 +2049,46 @@ const tn = /* @__PURE__ */ he(en, [["__scopeId", "data-v-60cf597b"]]), sn = { cl
       "filter-predicate": p,
       by: "name"
     }, {
-      "nothing-selected": L(() => [
-        e.selectorPlaceholder ? (l(), m(W, { key: 0 }, [
-          T($(e.selectorPlaceholder), 1)
-        ], 64)) : (l(), m(W, { key: 1 }, [
-          T($(e.multiple ? "Select apps" : "Select an app"), 1)
+      "nothing-selected": B(() => [
+        e.selectorPlaceholder ? (l(), h(U, { key: 0 }, [
+          T(_(e.selectorPlaceholder), 1)
+        ], 64)) : (l(), h(U, { key: 1 }, [
+          T(_(e.multiple ? "Select apps" : "Select an app"), 1)
         ], 64))
       ]),
-      "something-selected": L(({ value: h }) => [
-        t(u)(h) ? (l(), m("div", {
+      "something-selected": B(({ value: m }) => [
+        t(d)(m) ? (l(), h("div", {
           key: 0,
           ref_key: "elementToWatchForChanges",
           ref: o,
           class: "flex items-center space-x-0.5 h-5"
         }, [
-          c("div", {
+          u("div", {
             ref_key: "itemContainer",
             ref: a,
             class: "flex flex-wrap overflow-hidden space-x-0.5 h-5"
           }, [
-            (l(!0), m(W, null, H(h, (v) => (l(), j(vn, {
-              key: v.name,
-              "source-app": v
+            (l(!0), h(U, null, H(m, (b) => (l(), P(kn, {
+              key: b.name,
+              "source-app": b
             }, null, 8, ["source-app"]))), 128))
           ], 512),
-          t(d) > 0 ? (l(), m("div", bn, " +" + $(t(d)), 1)) : S("", !0)
-        ], 512)) : (l(), m("div", xn, [
-          c("div", {
+          t(i) > 0 ? (l(), h("div", Cn, " +" + _(t(i)), 1)) : $("", !0)
+        ], 512)) : (l(), h("div", wn, [
+          u("div", {
             class: "h-2 w-2 rounded-full mr-2",
-            style: ae({ backgroundColor: t(y)(h).bgColor })
+            style: oe({ backgroundColor: t(y)(m).bgColor })
           }, null, 4),
-          c("span", kn, $(t(y)(h).name), 1)
+          u("span", $n, _(t(y)(m).name), 1)
         ]))
       ]),
-      option: L(({ item: h }) => [
-        c("div", Cn, [
-          c("div", {
+      option: B(({ item: m }) => [
+        u("div", _n, [
+          u("div", {
             class: "h-2 w-2 rounded-full mr-2",
-            style: ae({ backgroundColor: h.bgColor })
+            style: oe({ backgroundColor: m.bgColor })
           }, null, 4),
-          c("span", wn, $(h.name), 1)
+          u("span", Sn, _(m.name), 1)
         ])
       ]),
       _: 1
@@ -2095,28 +2096,28 @@ const tn = /* @__PURE__ */ he(en, [["__scopeId", "data-v-60cf597b"]]), sn = { cl
   }
 });
 var Q = /* @__PURE__ */ ((e) => (e.CtrlOrCmd = "cmd-or-ctrl", e.AltOrOpt = "alt-or-opt", e.Shift = "shift", e))(Q || {});
-const re = ot(), $n = {
+const ie = ut(), In = {
   [
     "cmd-or-ctrl"
     /* CtrlOrCmd */
-  ]: re === oe.Mac ? "Cmd" : "Ctrl",
+  ]: ie === re.Mac ? "Cmd" : "Ctrl",
   [
     "alt-or-opt"
     /* AltOrOpt */
-  ]: re === oe.Mac ? "Opt" : "Alt",
+  ]: ie === re.Mac ? "Opt" : "Alt",
   shift: "Shift"
 };
-function nl(e) {
+function ml(e) {
   const s = (n) => Object.values(Q).includes(n);
-  return e.map((n) => s(n) ? $n[n] : n).join("+");
+  return e.map((n) => s(n) ? In[n] : n).join("+");
 }
-function ll(e, ...s) {
-  ut(
+function gl(e, ...s) {
+  ft(
     s[0],
     (n) => {
-      const o = n.getModifierState("Alt"), a = re === oe.Mac ? n.getModifierState("Meta") : n.getModifierState("Control"), r = n.getModifierState("Shift");
-      for (const d of e)
-        switch (d) {
+      const o = n.getModifierState("Alt"), a = ie === re.Mac ? n.getModifierState("Meta") : n.getModifierState("Control"), r = n.getModifierState("Shift");
+      for (const i of e)
+        switch (i) {
           case Q.CtrlOrCmd:
             if (!a)
               return;
@@ -2135,7 +2136,7 @@ function ll(e, ...s) {
     s[2]
   );
 }
-const _n = /* @__PURE__ */ c("div", { class: "fixed inset-0 bg-neutral-100/70 dark:bg-neutral-900/70 transition-opacity" }, null, -1), Sn = { class: "fixed inset-0 z-10 overflow-y-auto" }, In = { class: "flex min-h-full justify-center p-4 text-center items-center sm:p-0" }, Bn = { class: "relative" }, al = /* @__PURE__ */ M({
+const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 dark:bg-neutral-900/70 transition-opacity" }, null, -1), Ln = { class: "fixed inset-0 z-10 overflow-y-auto" }, Pn = { class: "flex min-h-full justify-center p-4 text-center items-center sm:p-0" }, jn = { class: "relative" }, yl = /* @__PURE__ */ O({
   __name: "Dialog",
   props: {
     open: { type: Boolean },
@@ -2144,10 +2145,10 @@ const _n = /* @__PURE__ */ c("div", { class: "fixed inset-0 bg-neutral-100/70 da
   },
   emits: ["update:open", "fully-closed"],
   setup(e, { emit: s }) {
-    const n = e, o = i({
+    const n = e, o = c({
       get: () => n.open,
-      set: (d) => s("update:open", d)
-    }), a = i(() => {
+      set: (i) => s("update:open", i)
+    }), a = c(() => {
       switch (n.maxWidth) {
         case "sm":
           return 0;
@@ -2160,25 +2161,25 @@ const _n = /* @__PURE__ */ c("div", { class: "fixed inset-0 bg-neutral-100/70 da
         default:
           return 1e4;
       }
-    }), r = i(() => {
-      const d = [
+    }), r = c(() => {
+      const i = [
         "px-4 pt-4 pb-4 w-full",
         "sm:my-8 sm:w-full sm:max-w-xl sm:p-6"
       ];
-      return a.value >= 1 && d.push("md:max-w-2xl"), a.value >= 2 && d.push("lg:max-w-4xl"), a.value >= 3 && d.push("xl:max-w-6xl"), a.value >= 4 && d.push("2xl:max-w-7xl"), d.join(" ");
+      return a.value >= 1 && i.push("md:max-w-2xl"), a.value >= 2 && i.push("lg:max-w-4xl"), a.value >= 3 && i.push("xl:max-w-6xl"), a.value >= 4 && i.push("2xl:max-w-7xl"), i.join(" ");
     });
-    return (d, u) => (l(), j(t(mt), {
+    return (i, d) => (l(), P(t(vt), {
       as: "template",
       show: t(o)
     }, {
-      default: L(() => [
-        B(t(gt), {
+      default: B(() => [
+        I(t(bt), {
           as: "div",
           class: "relative z-40",
-          onClose: u[2] || (u[2] = (y) => o.value = !1)
+          onClose: d[2] || (d[2] = (y) => o.value = !1)
         }, {
-          default: L(() => [
-            B(t(Ce), {
+          default: B(() => [
+            I(t($e), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -2187,14 +2188,14 @@ const _n = /* @__PURE__ */ c("div", { class: "fixed inset-0 bg-neutral-100/70 da
               "leave-from": "opacity-100",
               "leave-to": "opacity-0"
             }, {
-              default: L(() => [
-                _n
+              default: B(() => [
+                Bn
               ]),
               _: 1
             }),
-            c("div", Sn, [
-              c("div", In, [
-                B(t(Ce), {
+            u("div", Ln, [
+              u("div", Pn, [
+                I(t($e), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -2202,26 +2203,26 @@ const _n = /* @__PURE__ */ c("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: u[1] || (u[1] = (y) => d.$emit("fully-closed"))
+                  onAfterLeave: d[1] || (d[1] = (y) => i.$emit("fully-closed"))
                 }, {
-                  default: L(() => [
-                    B(t(yt), {
-                      class: x([
+                  default: B(() => [
+                    I(t(xt), {
+                      class: v([
                         "transform rounded-lg bg-foundation text-left shadow-xl transition-all",
                         t(r)
                       ])
                     }, {
-                      default: L(() => [
-                        c("div", Bn, [
-                          z(d.$slots, "default", {}, () => [
+                      default: B(() => [
+                        u("div", jn, [
+                          R(i.$slots, "default", {}, () => [
                             T("Put your content here!")
                           ]),
-                          e.hideCloser ? S("", !0) : (l(), m("button", {
+                          e.hideCloser ? $("", !0) : (l(), h("button", {
                             key: 0,
                             class: "absolute top-0 right-0 text-foreground",
-                            onClick: u[0] || (u[0] = (y) => o.value = !1)
+                            onClick: d[0] || (d[0] = (y) => o.value = !1)
                           }, [
-                            B(t(Ze), { class: "h-6 w-6" })
+                            I(t(et), { class: "h-6 w-6" })
                           ]))
                         ])
                       ]),
@@ -2239,7 +2240,7 @@ const _n = /* @__PURE__ */ c("div", { class: "fixed inset-0 bg-neutral-100/70 da
       _: 3
     }, 8, ["show"]));
   }
-}), Ln = { class: "inline-flex items-center space-x-2" }, Vn = { class: "label-light" }, ol = /* @__PURE__ */ M({
+}), Vn = { class: "inline-flex items-center space-x-2" }, On = { class: "label-light" }, vl = /* @__PURE__ */ O({
   __name: "Disclosure",
   props: {
     title: null,
@@ -2247,7 +2248,7 @@ const _n = /* @__PURE__ */ c("div", { class: "fixed inset-0 bg-neutral-100/70 da
     color: { default: "default" }
   },
   setup(e) {
-    const s = e, n = i(() => {
+    const s = e, n = c(() => {
       const a = [
         "pr-3 h-10 w-full flex items-center justify-between border-l-2 px-2 rounded transition",
         "ring-1"
@@ -2264,7 +2265,7 @@ const _n = /* @__PURE__ */ c("div", { class: "fixed inset-0 bg-neutral-100/70 da
           break;
       }
       return a.join(" ");
-    }), o = i(() => {
+    }), o = c(() => {
       const a = ["mt-4 px-3 py-1 border-x "];
       switch (s.color) {
         case "danger":
@@ -2277,32 +2278,32 @@ const _n = /* @__PURE__ */ c("div", { class: "fixed inset-0 bg-neutral-100/70 da
       }
       return a.join(" ");
     });
-    return (a, r) => (l(), m("div", null, [
-      B(t(vt), null, {
-        default: L(({ open: d }) => [
-          B(t(bt), {
-            class: x(t(n))
+    return (a, r) => (l(), h("div", null, [
+      I(t(kt), null, {
+        default: B(({ open: i }) => [
+          I(t(Ct), {
+            class: v(t(n))
           }, {
-            default: L(() => [
-              c("div", Ln, [
-                e.icon ? (l(), j(U(e.icon), {
+            default: B(() => [
+              u("div", Vn, [
+                e.icon ? (l(), P(W(e.icon), {
                   key: 0,
                   class: "h-4 w-4"
-                })) : S("", !0),
-                c("span", null, $(e.title), 1)
+                })) : $("", !0),
+                u("span", null, _(e.title), 1)
               ]),
-              B(t(Le), {
-                class: x([d ? "" : "rotate-180 transform", "h-5 w-5"])
+              I(t(je), {
+                class: v([i ? "" : "rotate-180 transform", "h-5 w-5"])
               }, null, 8, ["class"])
             ]),
             _: 2
           }, 1032, ["class"]),
-          B(t(xt), {
-            class: x(t(o))
+          I(t(wt), {
+            class: v(t(o))
           }, {
-            default: L(() => [
-              c("div", Vn, [
-                z(a.$slots, "default", {}, () => [
+            default: B(() => [
+              u("div", On, [
+                R(a.$slots, "default", {}, () => [
                   T("Panel contents")
                 ])
               ])
@@ -2316,79 +2317,79 @@ const _n = /* @__PURE__ */ c("div", { class: "fixed inset-0 bg-neutral-100/70 da
   }
 });
 var K = /* @__PURE__ */ ((e) => (e.Grid = "grid", e.List = "list", e))(K || {});
-const rl = /* @__PURE__ */ M({
+const bl = /* @__PURE__ */ O({
   __name: "GridListToggle",
   props: {
     modelValue: null
   },
   emits: ["click", "update:modelValue"],
   setup(e, { emit: s }) {
-    const n = e, o = i({
+    const n = e, o = c({
       get: () => n.modelValue || K.Grid,
-      set: (d) => s("update:modelValue", d)
-    }), a = i(
-      () => o.value === K.Grid ? Ke : Xe
-    ), r = (d) => {
-      s("click", d);
-      const u = o.value === K.Grid ? K.List : K.Grid;
-      o.value = u;
+      set: (i) => s("update:modelValue", i)
+    }), a = c(
+      () => o.value === K.Grid ? Xe : Ne
+    ), r = (i) => {
+      s("click", i);
+      const d = o.value === K.Grid ? K.List : K.Grid;
+      o.value = d;
     };
-    return (d, u) => (l(), m("button", {
+    return (i, d) => (l(), h("button", {
       class: "flex items-center justify-center rounded bg-foundation h-8 w-8 shadow cursor-pointer text-foreground",
       onClick: r
     }, [
-      (l(), j(U(t(a)), { class: "h-6 w-6" }))
+      (l(), P(W(t(a)), { class: "h-6 w-6" }))
     ]));
   }
 });
-var jn = /* @__PURE__ */ ((e) => (e[e.Throttle = 0] = "Throttle", e[e.Debounce = 1] = "Debounce", e))(jn || {}), ie = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e))(ie || {});
-function Pn(e, s) {
-  if (!je)
+var Mn = /* @__PURE__ */ ((e) => (e[e.Throttle = 0] = "Throttle", e[e.Debounce = 1] = "Debounce", e))(Mn || {}), ue = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e))(ue || {});
+function An(e, s) {
+  if (!he)
     return;
   const {
     wait: n = 100,
     throttleOrDebounce: o = 0
     /* Throttle */
-  } = s || {}, a = n ? o === 0 ? Ee(e, n) : Be(e, n) : e;
-  se(() => window.addEventListener("resize", a)), Ie(() => window.removeEventListener("resize", a));
+  } = s || {}, a = n ? o === 0 ? We(e, n) : Pe(e, n) : e;
+  ee(() => window.addEventListener("resize", a)), Le(() => window.removeEventListener("resize", a));
 }
-function il(e) {
-  se(() => {
+function xl(e) {
+  ee(() => {
     window.addEventListener("beforeunload", e);
-  }), Ie(() => {
+  }), Le(() => {
     window.removeEventListener("beforeunload", e);
   });
 }
-function On(e) {
+function Dn(e) {
   const { el: s, defaultDirection: n } = e, o = A(
     X(n) ? 1 : n
     /* Right */
-  ), a = i(() => {
-    const d = t(e.stopUpdatesBelowWidth);
-    if (!X(d))
-      return d;
-    const u = t(s);
-    return u != null && u.offsetWidth ? u.offsetWidth * 2 : void 0;
+  ), a = c(() => {
+    const i = t(e.stopUpdatesBelowWidth);
+    if (!X(i))
+      return i;
+    const d = t(s);
+    return d != null && d.offsetWidth ? d.offsetWidth * 2 : void 0;
   }), r = () => {
-    if (!je)
+    if (!he)
       return;
-    const d = t(s);
-    if (!d)
+    const i = t(s);
+    if (!i)
       return;
-    const u = d.getBoundingClientRect(), y = u.x + u.width > window.innerWidth, p = u.x < 0;
+    const d = i.getBoundingClientRect(), y = d.x + d.width > window.innerWidth, p = d.x < 0;
     y && p || !X(a.value) && window.innerWidth < a.value || (y ? o.value = 0 : p && (o.value = 1));
   };
-  return Pn(() => r()), Y(
+  return An(() => r()), Y(
     () => t(s),
-    (d) => {
-      d && r();
+    (i) => {
+      i && r();
     }
   ), {
-    direction: i(() => o.value),
+    direction: c(() => o.value),
     recalculateDirection: r
   };
 }
-const Mn = ["onClick"], ul = /* @__PURE__ */ M({
+const Rn = ["onClick"], kl = /* @__PURE__ */ O({
   __name: "Menu",
   props: {
     open: { type: Boolean },
@@ -2396,55 +2397,55 @@ const Mn = ["onClick"], ul = /* @__PURE__ */ M({
   },
   emits: ["update:open", "chosen"],
   setup(e, { emit: s }) {
-    const n = e, o = A(null), { direction: a } = On({
-      el: i(() => {
-        var h;
-        return ((h = o.value) == null ? void 0 : h.el) || null;
+    const n = e, o = A(null), { direction: a } = Dn({
+      el: c(() => {
+        var m;
+        return ((m = o.value) == null ? void 0 : m.el) || null;
       }),
-      defaultDirection: ie.Left,
+      defaultDirection: ue.Left,
       stopUpdatesBelowWidth: 300
-    }), r = A(null), d = A(!1), u = i({
+    }), r = A(null), i = A(!1), d = c({
       get: () => n.open || !1,
-      set: (h) => s("update:open", h)
-    }), y = (h) => {
-      const { active: v, disabled: V } = h, b = ["group flex w-full items-center rounded-md px-2 py-2 text-sm"];
-      return v ? b.push("bg-primary text-foreground-on-primary") : V ? b.push("text-foreground-disabled") : b.push("text-foreground"), b.join(" ");
-    }, p = (h, v) => {
-      s("chosen", { item: h, event: v });
+      set: (m) => s("update:open", m)
+    }), y = (m) => {
+      const { active: b, disabled: j } = m, x = ["group flex w-full items-center rounded-md px-2 py-2 text-sm"];
+      return b ? x.push("bg-primary text-foreground-on-primary") : j ? x.push("text-foreground-disabled") : x.push("text-foreground"), x.join(" ");
+    }, p = (m, b) => {
+      s("chosen", { item: m, event: b });
     }, w = () => {
-      var h;
-      return (h = r.value) == null ? void 0 : h.el.click();
-    }, g = (h) => {
-      const v = !!h;
-      return d.value = v, v;
+      var m;
+      return (m = r.value) == null ? void 0 : m.el.click();
+    }, g = (m) => {
+      const b = !!m;
+      return i.value = b, b;
     };
-    return Y(d, (h, v) => {
-      h !== v && (u.value = h);
-    }), Y(u, (h) => {
-      (h && !d.value || !h && d.value) && w();
-    }), (h, v) => (l(), j(t(kt), {
+    return Y(i, (m, b) => {
+      m !== b && (d.value = m);
+    }), Y(d, (m) => {
+      (m && !i.value || !m && i.value) && w();
+    }), (m, b) => (l(), P(t($t), {
       as: "div",
       class: "relative inline-block"
     }, {
-      default: L(({ open: V }) => [
-        c("div", null, [
-          B(t(Ct), {
+      default: B(({ open: j }) => [
+        u("div", null, [
+          I(t(_t), {
             ref_key: "menuButton",
             ref: r,
             class: "hidden",
-            onClick: v[0] || (v[0] = Se(() => {
+            onClick: b[0] || (b[0] = Be(() => {
             }, ["stop", "prevent"]))
           }, null, 512),
-          c("div", {
-            class: x(V ? "pointer-events-none" : "")
+          u("div", {
+            class: v(j ? "pointer-events-none" : "")
           }, [
-            z(h.$slots, "default", {
+            R(m.$slots, "default", {
               toggle: w,
-              open: g(V)
+              open: g(j)
             })
           ], 2)
         ]),
-        B(ue, {
+        I(ce, {
           "enter-active-class": "transition duration-100 ease-out",
           "enter-from-class": "transform scale-95 opacity-0",
           "enter-to-class": "transform scale-100 opacity-100",
@@ -2452,33 +2453,33 @@ const Mn = ["onClick"], ul = /* @__PURE__ */ M({
           "leave-from-class": "transform scale-100 opacity-100",
           "leave-to-class": "transform scale-95 opacity-0"
         }, {
-          default: L(() => [
-            B(t(wt), {
+          default: B(() => [
+            I(t(St), {
               ref_key: "menuItems",
               ref: o,
-              class: x([
+              class: v([
                 "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",
-                t(a) === t(ie).Left ? "right-0" : ""
+                t(a) === t(ue).Left ? "right-0" : ""
               ])
             }, {
-              default: L(() => [
-                (l(!0), m(W, null, H(e.items, (b, I) => (l(), m("div", {
-                  key: I,
+              default: B(() => [
+                (l(!0), h(U, null, H(e.items, (x, L) => (l(), h("div", {
+                  key: L,
                   class: "px-1 py-1"
                 }, [
-                  (l(!0), m(W, null, H(b, (_) => (l(), j(t($t), {
-                    key: _.id,
-                    disabled: _.disabled
+                  (l(!0), h(U, null, H(x, (S) => (l(), P(t(It), {
+                    key: S.id,
+                    disabled: S.disabled
                   }, {
-                    default: L(({ active: C, disabled: q }) => [
-                      c("button", {
-                        class: x(y({ active: C, disabled: q })),
-                        onClick: (f) => p(_, f)
+                    default: B(({ active: C, disabled: q }) => [
+                      u("button", {
+                        class: v(y({ active: C, disabled: q })),
+                        onClick: (f) => p(S, f)
                       }, [
-                        z(h.$slots, "item", { item: _ }, () => [
-                          T($(_.title), 1)
+                        R(m.$slots, "item", { item: S }, () => [
+                          T(_(S.title), 1)
                         ])
-                      ], 10, Mn)
+                      ], 10, Rn)
                     ]),
                     _: 2
                   }, 1032, ["disabled"]))), 128))
@@ -2493,66 +2494,202 @@ const Mn = ["onClick"], ul = /* @__PURE__ */ M({
       _: 3
     }));
   }
-}), An = { class: "flex flex-col space-y-4" }, Dn = { class: "flex space-x-6" }, cl = /* @__PURE__ */ M({
+}), Tn = { class: "flex flex-col space-y-4" }, Fn = { class: "flex space-x-6" }, Cl = /* @__PURE__ */ O({
   __name: "Tabs",
   props: {
     items: null
   },
   setup(e) {
-    const s = e, n = A(null), o = i(() => n.value && s.items.find((r) => r.id === n.value) || s.items[0]), a = (r) => {
+    const s = e, n = A(null), o = c(() => n.value && s.items.find((r) => r.id === n.value) || s.items[0]), a = (r) => {
       n.value = r.id;
     };
-    return (r, d) => (l(), m("div", An, [
-      c("div", Dn, [
-        (l(!0), m(W, null, H(e.items, (u) => (l(), j(Pe, {
-          key: u.id,
+    return (r, i) => (l(), h("div", Tn, [
+      u("div", Fn, [
+        (l(!0), h(U, null, H(e.items, (d) => (l(), P(ge, {
+          key: d.id,
           link: "",
-          color: t(o).id === u.id ? "default" : "secondary",
-          onClick: (y) => a(u)
+          color: t(o).id === d.id ? "default" : "secondary",
+          onClick: (y) => a(d)
         }, {
-          default: L(() => [
-            T($(u.title), 1)
+          default: B(() => [
+            T(_(d.title), 1)
           ]),
           _: 2
         }, 1032, ["color", "onClick"]))), 128))
       ]),
-      z(r.$slots, "default", { activeItem: t(o) })
+      R(r.$slots, "default", { activeItem: t(o) })
+    ]));
+  }
+}), zn = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, En = { class: "inline-flex items-center space-x-1" }, Wn = /* @__PURE__ */ u("span", { class: "text-foreground-2" }, "That's it, you've loaded everything!", -1), Un = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, qn = { class: "inline-flex items-center space-x-1" }, Hn = /* @__PURE__ */ u("span", { class: "text-foreground-2" }, "An error occurred while loading", -1), wl = /* @__PURE__ */ O({
+  __name: "InfiniteLoading",
+  props: {
+    settings: null,
+    allowRetry: { type: Boolean }
+  },
+  emits: ["infinite"],
+  setup(e) {
+    const s = A(null), n = A(!1);
+    return he && ee(() => {
+      const o = setInterval(() => {
+        var a;
+        (a = s.value) != null && a.isConnected && (n.value = !0, clearInterval(o));
+      }, 200);
+    }), (o, a) => (l(), h("div", {
+      ref_key: "wrapper",
+      ref: s
+    }, [
+      n.value ? (l(), P(t(Lt), ne({ key: 0 }, o.$props.settings || {}, {
+        onInfinite: a[0] || (a[0] = (r) => o.$emit("infinite", r))
+      }), {
+        spinner: B(() => [
+          I(De, {
+            loading: !0,
+            class: "my-2"
+          })
+        ]),
+        complete: B(() => [
+          u("div", zn, [
+            u("div", En, [
+              I(t(tt), { class: "w-5 h-5 text-success" }),
+              Wn
+            ])
+          ])
+        ]),
+        error: B(({ retry: r }) => [
+          u("div", Un, [
+            u("div", qn, [
+              I(t(st), { class: "w-5 h-5 text-danger" }),
+              Hn
+            ]),
+            e.allowRetry ? (l(), P(ge, {
+              key: 0,
+              onClick: r
+            }, {
+              default: B(() => [
+                T("Retry")
+              ]),
+              _: 2
+            }, 1032, ["onClick"])) : $("", !0)
+          ])
+        ]),
+        _: 1
+      }, 16)) : $("", !0)
+    ], 512));
+  }
+}), Gn = { class: "relative group" }, Kn = {
+  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"
+}, $l = /* @__PURE__ */ O({
+  __name: "Panel",
+  props: {
+    /**
+     * Use a `<form/>` element as a wrapper that will emit 'submit' events out from the component when they occur
+     */
+    form: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Add a ring outline on hover
+     */
+    ring: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Add a primary-colored glow on hover
+     */
+    fancyGlow: {
+      type: Boolean,
+      default: !1
+    },
+    customPadding: {
+      type: Boolean,
+      default: !1
+    },
+    noShadow: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["submit"],
+  setup(e, { emit: s }) {
+    const n = e, o = c(
+      () => n.customPadding ? "" : "px-4 py-4 sm:px-6"
+    ), a = c(
+      () => n.customPadding ? "" : "px-4 py-4 sm:p-6"
+    ), r = c(() => {
+      const i = ["rounded-lg"];
+      return n.noShadow || i.push("shadow"), n.ring && i.push("ring-outline-2 hover:ring-2"), i.join(" ");
+    });
+    return (i, d) => (l(), h("div", Gn, [
+      e.fancyGlow ? (l(), h("div", Kn)) : $("", !0),
+      (l(), P(W(e.form ? "form" : "div"), {
+        class: v([
+          "relative divide-outline-3 bg-foundation text-foreground flex flex-col divide-y overflow-hidden",
+          t(r)
+        ]),
+        onSubmit: d[0] || (d[0] = (y) => s("submit", y))
+      }, {
+        default: B(() => [
+          i.$slots.header ? (l(), h("div", {
+            key: 0,
+            class: v(t(o))
+          }, [
+            R(i.$slots, "header")
+          ], 2)) : $("", !0),
+          u("div", {
+            class: v(["grow", t(a)])
+          }, [
+            R(i.$slots, "default")
+          ], 2),
+          i.$slots.footer ? (l(), h("div", {
+            key: 1,
+            class: v(t(o))
+          }, [
+            R(i.$slots, "footer")
+          ], 2)) : $("", !0)
+        ]),
+        _: 3
+      }, 40, ["class"]))
     ]));
   }
 });
 export {
-  Wt as CommonBadge,
-  tn as CommonLoadingBar,
-  Jn as CommonStepsBullet,
-  Nn as CommonStepsNumber,
-  Bt as CommonTextLink,
-  Pe as FormButton,
-  Qn as FormCardButton,
-  Yn as FormCheckbox,
-  yn as FormSelectBase,
-  sl as FormSelectSourceApps,
-  Zn as FormTextArea,
-  el as FormTextInput,
-  Xn as GlobalToastRenderer,
+  Gt as CommonBadge,
+  De as CommonLoadingBar,
+  il as CommonStepsBullet,
+  rl as CommonStepsNumber,
+  Vt as CommonTextLink,
+  ge as FormButton,
+  ul as FormCardButton,
+  cl as FormCheckbox,
+  xn as FormSelectBase,
+  hl as FormSelectSourceApps,
+  dl as FormTextArea,
+  fl as FormTextInput,
+  ol as GlobalToastRenderer,
   K as GridListToggleValue,
-  ie as HorizontalDirection,
-  al as LayoutDialog,
-  ol as LayoutDisclosure,
-  rl as LayoutGridListToggle,
-  ul as LayoutMenu,
-  cl as LayoutTabs,
+  ue as HorizontalDirection,
+  wl as InfiniteLoading,
+  yl as LayoutDialog,
+  vl as LayoutDisclosure,
+  bl as LayoutGridListToggle,
+  kl as LayoutMenu,
+  $l as LayoutPanel,
+  Cl as LayoutTabs,
   Q as ModifierKeys,
-  vn as SourceAppBadge,
+  kn as SourceAppBadge,
   J as TailwindBreakpoints,
-  jn as ThrottleOrDebounce,
+  Mn as ThrottleOrDebounce,
   N as ToastNotificationType,
-  tl as ValidationHelpers,
-  re as clientOs,
-  nl as getKeyboardShortcutTitle,
-  ll as onKeyboardShortcut,
-  Js as useFormSelectChildInternals,
-  il as useOnBeforeWindowUnload,
-  On as useResponsiveHorizontalDirectionCalculation,
-  Pn as useWindowResizeHandler,
-  Ns as useWrappingContainerHiddenCount
+  pl as ValidationHelpers,
+  ie as clientOs,
+  ml as getKeyboardShortcutTitle,
+  gl as onKeyboardShortcut,
+  en as useFormSelectChildInternals,
+  xl as useOnBeforeWindowUnload,
+  Dn as useResponsiveHorizontalDirectionCalculation,
+  An as useWindowResizeHandler,
+  Zs as useWrappingContainerHiddenCount
 };