@speckle/ui-components 2.14.8-alpha4 → 2.14.8-alpha6

package/dist/lib.js

@@ -1,19 +1,19 @@
-import { defineComponent as O, resolveDynamicComponent as U, 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 de, toDisplayString as S, toRefs as Z, Fragment as q, 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 Fe, 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 W, debounce as Pe, throttle as We } from "lodash";
-import { ArrowPathIcon as Ue, ChevronUpIcon as Ve, 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 ce, CheckIcon as nt, CheckCircleIcon as lt, ExclamationCircleIcon as je, EnvelopeIcon as at, KeyIcon as ot } from "@heroicons/vue/20/solid";
+import { defineComponent as O, resolveDynamicComponent as U, computed as d, 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 S, toRefs as Z, Fragment as q, renderList as H, pushScopeId as Se, popScopeId as Ie, ref as A, mergeProps as ne, onMounted as ee, withDirectives as te, isRef as le, vModelText as Be, useSlots as Ee, vModelDynamic as We, watch as Y, withModifiers as Le, normalizeStyle as oe, onBeforeUnmount as Pe } from "vue";
+import { isObjectLike as Ce, clamp as we, isString as se, isUndefined as X, isArray as W, debounce as Ve, throttle as Ue } from "lodash";
+import { ArrowPathIcon as qe, ChevronUpIcon as je, ChevronDownIcon as He, XMarkIcon as Ge, MagnifyingGlassIcon as Ke, CheckIcon as Xe, Bars3Icon as Ne, Squares2X2Icon as Je } from "@heroicons/vue/24/solid";
+import { CheckCircleIcon as Qe, XCircleIcon as Ye, ExclamationCircleIcon as Ze, InformationCircleIcon as et, XMarkIcon as tt, CheckIcon as st, ExclamationTriangleIcon as nt } from "@heroicons/vue/24/outline";
+import { XMarkIcon as de, CheckIcon as lt, CheckCircleIcon as at, ExclamationCircleIcon as Oe, EnvelopeIcon as ot, KeyIcon as rt } from "@heroicons/vue/20/solid";
 import { useField as fe } from "vee-validate";
 import { nanoid as pe } from "nanoid";
-import { isNullOrUndefined as rt, SourceApps as it, getClientOperatingSystem as ut, OperatingSystem as re } from "@speckle/shared";
-import { useResizeObserver as dt, useMutationObserver as ct, 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 = {
+import { isNullOrUndefined as it, SourceApps as ut, getClientOperatingSystem as ct, OperatingSystem as re } from "@speckle/shared";
+import { useResizeObserver as dt, useMutationObserver as ft, onKeyDown as pt, isClient as he } from "@vueuse/core";
+import { Listbox as ht, ListboxLabel as mt, ListboxButton as gt, ListboxOptions as yt, ListboxOption as vt, TransitionRoot as bt, Dialog as xt, TransitionChild as $e, DialogPanel as kt, Disclosure as Ct, DisclosureButton as wt, DisclosurePanel as $t, Menu as _t, MenuButton as St, MenuItems as It, MenuItem as Bt } from "@headlessui/vue";
+import { directive as Lt } from "vue-tippy";
+import Pt from "v3-infinite-loading";
+const Vt = {
   key: 2,
   style: { margin: "0 !important", width: "0.01px" }
-}, Vt = /* @__PURE__ */ O({
+}, jt = /* @__PURE__ */ O({
   __name: "Button",
   props: {
     /**
@@ -141,10 +141,10 @@ const Pt = {
   },
   emits: ["click"],
   setup(e, { emit: s }) {
-    const n = e, o = U("NuxtLink"), a = U("RouterLink"), r = c(() => n.linkComponent ? n.linkComponent : n.external ? "a" : Ce(o) ? o : Ce(a) ? a : "a"), d = c(() => {
+    const n = e, o = U("NuxtLink"), a = U("RouterLink"), r = d(() => n.linkComponent ? n.linkComponent : n.external ? "a" : Ce(o) ? o : Ce(a) ? a : "a"), c = d(() => {
       if (!n.to)
         return n.submit ? "submit" : "button";
-    }), i = c(() => n.disabled || n.loading), y = c(() => n.loading ? Ue : n.iconLeft), f = c(() => {
+    }), i = d(() => n.disabled || n.loading), y = d(() => n.loading ? qe : n.iconLeft), f = d(() => {
       const p = [];
       if (p.push("border-2"), i.value)
         p.push(
@@ -184,7 +184,7 @@ const Pt = {
             break;
         }
       return p.join(" ");
-    }), w = c(() => {
+    }), w = d(() => {
       const p = [];
       if (!n.text && !n.link)
         if (i.value)
@@ -233,10 +233,10 @@ const Pt = {
           "text-foundation hover:text-foundation-2 dark:text-foreground dark:hover:text-foreground"
         ) : n.color === "secondary" ? p.push("text-foreground-2 hover:text-primary-focus") : n.color === "success" ? p.push("text-success") : n.color === "warning" ? p.push("text-warning") : n.color === "danger" ? p.push("text-danger") : p.push("text-primary hover:text-primary-focus");
       return p.join(" ");
-    }), g = c(() => {
+    }), g = d(() => {
       const p = [];
       return p.push(n.rounded ? "rounded-full" : "rounded-md"), p.join(" ");
-    }), m = c(() => {
+    }), m = d(() => {
       const p = [];
       if (!i.value)
         switch (n.color) {
@@ -258,7 +258,7 @@ const Pt = {
             break;
         }
       return p.join(" ");
-    }), b = c(() => {
+    }), b = d(() => {
       switch (n.size) {
         case "xs":
           return "h-5 text-xs font-medium xxx-tracking-wide";
@@ -272,7 +272,7 @@ const Pt = {
         case "base":
           return "h-8 text-base font-medium xxx-tracking-wide";
       }
-    }), V = c(() => {
+    }), V = d(() => {
       switch (n.size) {
         case "xs":
           return "px-1";
@@ -286,15 +286,15 @@ const Pt = {
         case "base":
           return "px-3";
       }
-    }), L = c(() => {
+    }), L = d(() => {
       const p = [];
       return n.fullWidth && p.push("w-full"), i.value && p.push("cursor-not-allowed"), p.join(" ");
-    }), $ = c(() => {
+    }), $ = d(() => {
       const p = [];
       return !i.value && !n.link && !n.text && p.push("active:scale-[0.97]"), !i.value && n.link && p.push(
         "underline decoration-transparent decoration-2 underline-offset-4	hover:decoration-inherit"
       ), p.join(" ");
-    }), C = c(() => {
+    }), C = d(() => {
       const p = n.link || n.text;
       return [
         "transition inline-flex justify-center items-center space-x-2 outline-none select-none",
@@ -307,7 +307,7 @@ const Pt = {
         n.link ? "" : V.value,
         $.value
       ].join(" ");
-    }), x = c(() => {
+    }), x = d(() => {
       const p = [""];
       switch (n.loading && p.push("animate-spin"), n.size) {
         case "xs":
@@ -338,7 +338,7 @@ const Pt = {
     return (p, j) => (l(), P(U(e.to ? t(r) : "button"), {
       href: e.to,
       to: e.to,
-      type: t(d),
+      type: t(c),
       external: e.external,
       class: v(t(C)),
       disabled: t(i),
@@ -350,7 +350,7 @@ const Pt = {
           key: 0,
           class: v(`${t(x)} ${e.hideText ? "" : "mr-2"}`)
         }, null, 8, ["class"])) : _("", !0),
-        e.hideText ? (l(), h("div", Pt, "   ")) : R(p.$slots, "default", { key: 1 }, () => [
+        e.hideText ? (l(), h("div", Vt, "   ")) : R(p.$slots, "default", { key: 1 }, () => [
           T("Button")
         ], !0),
         e.iconRight || !e.loading ? (l(), P(U(e.iconRight), {
@@ -367,7 +367,7 @@ const me = (e, s) => {
   for (const [o, a] of s)
     n[o] = a;
   return n;
-}, ge = /* @__PURE__ */ me(Vt, [["__scopeId", "data-v-da9a3400"]]), jt = /* @__PURE__ */ O({
+}, ge = /* @__PURE__ */ me(jt, [["__scopeId", "data-v-da9a3400"]]), Ot = /* @__PURE__ */ O({
   __name: "Link",
   props: {
     to: {
@@ -447,42 +447,42 @@ const me = (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 Ot = {
+const Mt = {
   "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"
-}, Mt = { class: "flex w-full flex-col items-center space-y-4 sm:items-end" }, At = {
+}, At = { class: "flex w-full flex-col items-center space-y-4 sm:items-end" }, Dt = {
   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"
-}, Dt = { class: "p-4" }, Rt = { class: "flex items-start" }, Tt = { class: "flex-shrink-0" }, zt = { class: "ml-2 w-0 flex-1 flex flex-col" }, Ft = {
+}, Rt = { class: "p-4" }, Tt = { class: "flex items-start" }, zt = { class: "flex-shrink-0" }, Ft = { class: "ml-2 w-0 flex-1 flex flex-col" }, Et = {
   key: 0,
   class: "text-foreground font-bold"
-}, Et = {
+}, Wt = {
   key: 1,
   class: "label label--light text-foreground-2"
-}, Wt = {
+}, Ut = {
   key: 2,
   class: "flex justify-start mt-2"
-}, Ut = /* @__PURE__ */ u("span", { class: "sr-only" }, "Close", -1), ol = /* @__PURE__ */ O({
+}, qt = /* @__PURE__ */ u("span", { class: "sr-only" }, "Close", -1), il = /* @__PURE__ */ O({
   __name: "ToastRenderer",
   props: {
     notification: null
   },
   emits: ["update:notification"],
   setup(e, { emit: s }) {
-    const n = e, o = c(
+    const n = e, o = d(
       () => {
-        var d, i;
-        return !((d = n.notification) != null && d.description) && !((i = n.notification) != null && i.cta);
+        var c, i;
+        return !((c = n.notification) != null && c.description) && !((i = n.notification) != null && i.cta);
       }
     ), a = () => {
       s("update:notification", null);
-    }, r = (d) => {
+    }, r = (c) => {
       var i, y, f;
-      (f = (y = (i = n.notification) == null ? void 0 : i.cta) == null ? void 0 : y.onClick) == null || f.call(y, d), a();
+      (f = (y = (i = n.notification) == null ? void 0 : i.cta) == null ? void 0 : y.onClick) == null || f.call(y, c), a();
     };
-    return (d, i) => (l(), h("div", Ot, [
-      u("div", Mt, [
-        I(de, {
+    return (c, i) => (l(), h("div", Mt, [
+      u("div", At, [
+        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",
@@ -491,33 +491,33 @@ const Ot = {
           "leave-to-class": "opacity-0"
         }, {
           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), {
+            e.notification ? (l(), h("div", Dt, [
+              u("div", Rt, [
+                u("div", Tt, [
+                  u("div", zt, [
+                    e.notification.type === t(N).Success ? (l(), P(t(Qe), {
                       key: 0,
                       class: "h-6 w-6 text-success",
                       "aria-hidden": "true"
-                    })) : e.notification.type === t(N).Danger ? (l(), P(t(Qe), {
+                    })) : e.notification.type === t(N).Danger ? (l(), P(t(Ye), {
                       key: 1,
                       class: "h-6 w-6 text-danger",
                       "aria-hidden": "true"
-                    })) : e.notification.type === t(N).Warning ? (l(), P(t(Ye), {
+                    })) : e.notification.type === t(N).Warning ? (l(), P(t(Ze), {
                       key: 2,
                       class: "h-6 w-6 text-warning",
                       "aria-hidden": "true"
-                    })) : e.notification.type === t(N).Info ? (l(), P(t(Ze), {
+                    })) : e.notification.type === t(N).Info ? (l(), P(t(et), {
                       key: 3,
                       class: "h-6 w-6 text-info",
                       "aria-hidden": "true"
                     })) : _("", !0)
                   ]),
-                  u("div", zt, [
-                    e.notification.title ? (l(), h("p", Ft, S(e.notification.title), 1)) : _("", !0),
-                    e.notification.description ? (l(), h("p", Et, S(e.notification.description), 1)) : _("", !0),
-                    e.notification.cta ? (l(), h("div", Wt, [
-                      I(jt, {
+                  u("div", Ft, [
+                    e.notification.title ? (l(), h("p", Et, S(e.notification.title), 1)) : _("", !0),
+                    e.notification.description ? (l(), h("p", Wt, S(e.notification.description), 1)) : _("", !0),
+                    e.notification.cta ? (l(), h("div", Ut, [
+                      I(Ot, {
                         to: e.notification.cta.url,
                         class: "label",
                         primary: "",
@@ -538,8 +538,8 @@ const Ot = {
                       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
                     }, [
-                      Ut,
-                      I(t(ce), {
+                      qt,
+                      I(t(de), {
                         class: "h-6 w-6",
                         "aria-hidden": "true"
                       })
@@ -554,13 +554,13 @@ const Ot = {
       ])
     ]));
   }
-}), qt = /* @__PURE__ */ u("circle", {
+}), Ht = /* @__PURE__ */ u("circle", {
   cx: "4",
   cy: "4",
   r: "3"
-}, null, -1), Ht = [
-  qt
-], Gt = /* @__PURE__ */ O({
+}, null, -1), Gt = [
+  Ht
+], Kt = /* @__PURE__ */ O({
   __name: "Badge",
   props: {
     size: null,
@@ -573,11 +573,11 @@ const Ot = {
   },
   emits: ["click-icon"],
   setup(e, { emit: s }) {
-    const n = e, o = c(
+    const n = e, o = d(
       () => n.colorClasses || "bg-blue-100 text-blue-800"
-    ), a = c(
+    ), a = d(
       () => n.dotIconColorClasses || "text-blue-400"
-    ), r = c(() => {
+    ), r = d(() => {
       const f = [
         "inline-flex items-center",
         o.value,
@@ -588,12 +588,12 @@ const Ot = {
       )) : (f.push("rounded-full"), f.push(
         n.size === "lg" ? "px-2.5 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
       )), f.join(" ");
-    }), d = c(() => {
+    }), c = d(() => {
       const f = [
         "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 ? f.push("cursor-pointer") : f.push("cursor-default"), f.join(" ");
-    }), i = c(() => [
+    }), i = d(() => [
       "-ml-0.5 mr-1.5 h-2 w-2",
       a.value
     ].join(" ")), y = (f) => {
@@ -611,13 +611,13 @@ const Ot = {
         class: v(t(i)),
         fill: "currentColor",
         viewBox: "0 0 8 8"
-      }, Ht, 2)) : _("", !0),
+      }, Gt, 2)) : _("", !0),
       R(f.$slots, "default", {}, () => [
         T("Badge")
       ]),
       e.iconLeft ? (l(), h("button", {
         key: 1,
-        class: v(t(d)),
+        class: v(t(c)),
         onClick: w[0] || (w[0] = (g) => y(g))
       }, [
         (l(), P(U(e.iconLeft), {
@@ -627,8 +627,12 @@ const Ot = {
     ], 2));
   }
 });
+let _e = [];
+function Xt(e) {
+  _e = _e ? e : e.slice();
+}
 var J = /* @__PURE__ */ ((e) => (e[e.sm = 640] = "sm", e[e.md = 746] = "md", e[e.lg = 1024] = "lg", e[e.xl = 1280] = "xl", e[e["2xl"] = 1536] = "2xl", e))(J || {});
-function Oe(e) {
+function Me(e) {
   const {
     props: {
       modelValue: s,
@@ -636,12 +640,12 @@ function Oe(e) {
       orientation: o,
       goVerticalBelow: a,
       nonInteractive: r,
-      stepsPadding: d
+      stepsPadding: c
     },
     emit: i
-  } = e, y = c(
+  } = e, y = d(
     () => (o == null ? void 0 : o.value) === "vertical" ? "vertical" : "horizontal"
-  ), f = c({
+  ), f = d({
     get: () => we((s == null ? void 0 : s.value) || 0, -1, n.value.length),
     set: ($) => i("update:modelValue", we($, 0, n.value.length))
   }), w = ($) => `${$ + 1}`, g = ($) => $ === f.value, m = ($) => $ < f.value, b = ($, C) => {
@@ -653,10 +657,10 @@ function Oe(e) {
     f.value = $;
     const x = n.value[f.value];
     (E = x == null ? void 0 : x.onClick) == null || E.call(x);
-  }, V = c(() => {
+  }, V = d(() => {
     const $ = ["flex"];
     let C, x;
-    return (d == null ? void 0 : d.value) === "xs" ? (C = "space-x-2", x = "space-y-1") : (d == null ? void 0 : d.value) === "sm" ? (C = "space-x-4", x = "space-y-1") : (C = "space-x-8", x = "space-y-4"), $.push("flex"), y.value === "vertical" || a != null && a.value ? ($.push(`flex-col ${x} justify-center`), (a == null ? void 0 : a.value) === J.sm ? $.push(
+    return (c == null ? void 0 : c.value) === "xs" ? (C = "space-x-2", x = "space-y-1") : (c == null ? void 0 : c.value) === "sm" ? (C = "space-x-4", x = "space-y-1") : (C = "space-x-8", x = "space-y-4"), $.push("flex"), y.value === "vertical" || a != null && a.value ? ($.push(`flex-col ${x} justify-center`), (a == null ? void 0 : a.value) === J.sm ? $.push(
       `sm:flex-row sm:space-y-0 sm:justify-start sm:${C} sm:items-center`
     ) : (a == null ? void 0 : a.value) === J.md ? $.push(
       `md:flex-row md:space-y-0 md:justify-start md:${C} md:items-center`
@@ -665,7 +669,7 @@ function Oe(e) {
     ) : (a == null ? void 0 : a.value) === J.xl && $.push(
       `xl:flex-row xl:space-y-0 xl:justify-start xl:${C} xl:items-center`
     )) : $.push(`flex-row ${C} items-center`), $.join(" ");
-  }), L = c(() => {
+  }), L = d(() => {
     const $ = ["flex items-center"];
     return r != null && r.value || $.push("cursor-pointer"), $.join(" ");
   });
@@ -680,16 +684,30 @@ function Oe(e) {
     orientation: y
   };
 }
-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 = {
+Xt([
+  "sm:space-x-8",
+  "md:space-x-8",
+  "lg:space-x-8",
+  "xl:space-x-8",
+  "sm:space-x-2",
+  "md:space-x-2",
+  "lg:space-x-2",
+  "xl:space-x-2",
+  "sm:space-x-4",
+  "md:space-x-4",
+  "lg:space-x-4",
+  "xl:space-x-4"
+]);
+const Nt = ["aria-label"], Jt = ["href", "onClick"], Qt = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, Yt = { class: "shrink-0 h-8 w-8 rounded-full bg-primary-focus text-foreground-on-primary inline-flex items-center justify-center" }, Zt = { class: "flex flex-col" }, es = {
   key: 0,
   class: "label label--light text-foreground"
-}, 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 = {
+}, ts = ["href", "onClick"], ss = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, ns = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-primary-focus inline-flex items-center justify-center" }, ls = { class: "flex flex-col" }, as = {
   key: 0,
   class: "label label--light text-foreground"
-}, 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 = {
+}, os = ["href", "onClick"], rs = { class: "flex space-x-3 items-center text-foreground-disabled normal font-medium leading-5" }, is = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-foreground-disabled inline-flex items-center justify-center" }, us = { class: "flex flex-col" }, cs = {
   key: 0,
   class: "label label--light"
-}, rl = /* @__PURE__ */ O({
+}, ul = /* @__PURE__ */ O({
   __name: "Number",
   props: {
     ariaLabel: null,
@@ -706,10 +724,10 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
       isCurrentStep: o,
       isFinishedStep: a,
       switchStep: r,
-      getStepDisplayValue: d,
+      getStepDisplayValue: c,
       listClasses: i,
       linkClasses: y
-    } = Oe({
+    } = Me({
       props: Z(n),
       emit: s
     });
@@ -729,66 +747,66 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
             class: v(t(y)),
             onClick: (b) => t(r)(m, b)
           }, [
-            u("div", Nt, [
-              u("div", Jt, [
-                I(t(nt), { class: "w-5 h-5" })
+            u("div", Qt, [
+              u("div", Yt, [
+                I(t(lt), { class: "w-5 h-5" })
               ]),
-              u("div", Qt, [
+              u("div", Zt, [
                 u("div", null, S(g.name), 1),
-                g.description ? (l(), h("div", Yt, S(g.description), 1)) : _("", !0)
+                g.description ? (l(), h("div", es, S(g.description), 1)) : _("", !0)
               ])
             ])
-          ], 10, Xt)) : t(o)(m) ? (l(), h("a", {
+          ], 10, Jt)) : t(o)(m) ? (l(), h("a", {
             key: 1,
             href: g.href,
             class: v(t(y)),
             "aria-current": "step",
             onClick: (b) => t(r)(m, b)
           }, [
-            u("div", es, [
-              u("div", ts, S(t(d)(m)), 1),
-              u("div", ss, [
+            u("div", ss, [
+              u("div", ns, S(t(c)(m)), 1),
+              u("div", ls, [
                 u("div", null, S(g.name), 1),
-                g.description ? (l(), h("div", ns, S(g.description), 1)) : _("", !0)
+                g.description ? (l(), h("div", as, S(g.description), 1)) : _("", !0)
               ])
             ])
-          ], 10, Zt)) : (l(), h("a", {
+          ], 10, ts)) : (l(), h("a", {
             key: 2,
             href: g.href,
             class: v(t(y)),
             onClick: (b) => t(r)(m, b)
           }, [
-            u("div", as, [
-              u("div", os, S(t(d)(m)), 1),
-              u("div", rs, [
+            u("div", rs, [
+              u("div", is, S(t(c)(m)), 1),
+              u("div", us, [
                 u("div", null, S(g.name), 1),
-                g.description ? (l(), h("div", is, S(g.description), 1)) : _("", !0)
+                g.description ? (l(), h("div", cs, S(g.description), 1)) : _("", !0)
               ])
             ])
-          ], 10, ls))
+          ], 10, os))
         ]))), 128))
       ], 2)
-    ], 8, Kt));
+    ], 8, Nt));
   }
-}), Me = (e) => (_e("data-v-9dd7b659"), e = e(), Se(), e), us = ["aria-label"], ds = ["href", "onClick"], cs = { class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center" }, fs = {
+}), Ae = (e) => (Se("data-v-9dd7b659"), e = e(), Ie(), e), ds = ["aria-label"], fs = ["href", "onClick"], ps = { class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center" }, hs = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground-2"
-}, ps = ["href", "onClick"], hs = {
+}, ms = ["href", "onClick"], gs = {
   class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center",
   "aria-hidden": "true"
-}, ms = {
+}, ys = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground"
-}, 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 = {
+}, vs = /* @__PURE__ */ Ae(() => /* @__PURE__ */ u("span", { class: "absolute h-4 w-4 rounded-full bg-outline-2" }, null, -1)), bs = /* @__PURE__ */ Ae(() => /* @__PURE__ */ u("span", { class: "relative block h-2 w-2 rounded-full bg-primary-focus" }, null, -1)), xs = ["href", "onClick"], ks = {
   class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center",
   "aria-hidden": "true"
-}, xs = {
+}, Cs = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground-2"
-}, ks = {
+}, ws = {
   key: 1,
   class: "h-4 w-4 rounded-full bg-foreground-disabled"
-}, Cs = /* @__PURE__ */ O({
+}, $s = /* @__PURE__ */ O({
   __name: "Bullet",
   props: {
     ariaLabel: null,
@@ -802,10 +820,10 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    const n = e, { isCurrentStep: o, isFinishedStep: a, switchStep: r, listClasses: d, linkClasses: i } = Oe({
+    const n = e, { isCurrentStep: o, isFinishedStep: a, switchStep: r, listClasses: c, linkClasses: i } = Me({
       props: Z(n),
       emit: s
-    }), y = c(() => {
+    }), y = d(() => {
       const f = ["h6 font-medium leading-7"];
       let w;
       return n.stepsPadding === "xs" ? w = "ml-1" : n.stepsPadding === "sm" ? w = "ml-2" : w = "ml-3", f.push(w), n.basic && f.push("sr-only"), f.join(" ");
@@ -815,7 +833,7 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
       "aria-label": e.ariaLabel || "Progress steps"
     }, [
       u("ol", {
-        class: v([t(d), e.basic ? "basic" : ""])
+        class: v([t(c), e.basic ? "basic" : ""])
       }, [
         (l(!0), h(q, null, H(e.steps, (g, m) => (l(), h("li", {
           key: g.name
@@ -826,8 +844,8 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
             class: v(t(i)),
             onClick: (b) => t(r)(m, b)
           }, [
-            u("span", cs, [
-              e.basic ? (l(), h("span", fs)) : (l(), P(t(lt), {
+            u("span", ps, [
+              e.basic ? (l(), h("span", hs)) : (l(), P(t(at), {
                 key: 1,
                 class: "h-full w-full text-primary",
                 "aria-hidden": "true"
@@ -836,41 +854,41 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
             u("span", {
               class: v(["text-foreground", t(y)])
             }, S(g.name), 3)
-          ], 10, ds)) : t(o)(m) ? (l(), h("a", {
+          ], 10, fs)) : t(o)(m) ? (l(), h("a", {
             key: 1,
             href: g.href,
             class: v(t(i)),
             "aria-current": "step",
             onClick: (b) => t(r)(m, b)
           }, [
-            u("span", hs, [
-              e.basic ? (l(), h("span", ms)) : (l(), h(q, { key: 1 }, [
-                gs,
-                ys
+            u("span", gs, [
+              e.basic ? (l(), h("span", ys)) : (l(), h(q, { key: 1 }, [
+                vs,
+                bs
               ], 64))
             ]),
             u("span", {
               class: v(["text-primary-focus", t(y)])
             }, S(g.name), 3)
-          ], 10, ps)) : (l(), h("a", {
+          ], 10, ms)) : (l(), h("a", {
             key: 2,
             href: g.href,
             class: v(t(i)),
             onClick: (b) => t(r)(m, b)
           }, [
-            u("div", bs, [
-              e.basic ? (l(), h("span", xs)) : (l(), h("div", ks))
+            u("div", ks, [
+              e.basic ? (l(), h("span", Cs)) : (l(), h("div", ws))
             ]),
             u("p", {
               class: v(["text-foreground-disabled", t(y)])
             }, S(g.name), 3)
-          ], 10, vs))
+          ], 10, xs))
         ]))), 128))
       ], 2)
-    ], 8, us));
+    ], 8, ds));
   }
 });
-const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-9dd7b659"]]), ws = ["disabled"], ul = /* @__PURE__ */ O({
+const cl = /* @__PURE__ */ me($s, [["__scopeId", "data-v-9dd7b659"]]), _s = ["disabled"], dl = /* @__PURE__ */ O({
   __name: "CardButton",
   props: {
     disabled: { type: Boolean },
@@ -878,7 +896,7 @@ const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-9dd7b659"]]), ws = ["di
   },
   emits: ["update:modelValue", "click"],
   setup(e, { emit: s }) {
-    const n = e, o = c(() => {
+    const n = e, o = d(() => {
       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"
@@ -893,7 +911,7 @@ const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-9dd7b659"]]), ws = ["di
       }
       s("update:modelValue", !n.modelValue), s("click", r);
     };
-    return (r, d) => (l(), h("button", {
+    return (r, c) => (l(), h("button", {
       class: v(t(o)),
       disabled: e.disabled,
       onClick: a
@@ -901,18 +919,18 @@ const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-9dd7b659"]]), ws = ["di
       R(r.$slots, "default", {}, () => [
         T("Text")
       ])
-    ], 10, ws));
+    ], 10, _s));
   }
-}), $s = { class: "relative flex items-start" }, _s = { class: "flex h-6 items-center" }, Ss = ["id", "checked", "aria-describedby", "name", "value", "disabled"], Is = {
+}), Ss = { class: "relative flex items-start" }, Is = { class: "flex h-6 items-center" }, Bs = ["id", "checked", "aria-describedby", "name", "value", "disabled"], Ls = {
   class: "ml-2 text-sm",
   style: { "padding-top": "2px" }
-}, Bs = ["for"], Ls = {
+}, Ps = ["for"], Vs = {
   key: 0,
   class: "text-danger ml-1"
-}, Ps = ["id"], Vs = O({
+}, js = ["id"], Os = O({
   inheritAttrs: !1
-}), dl = /* @__PURE__ */ O({
-  ...Vs,
+}), fl = /* @__PURE__ */ O({
+  ...Os,
   __name: "Checkbox",
   props: {
     /**
@@ -1000,23 +1018,23 @@ const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-9dd7b659"]]), ws = ["di
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const s = e, n = (L) => `${L}-${pe()}`, o = c(() => s.value || s.name), {
+    const s = e, n = (L) => `${L}-${pe()}`, o = d(() => s.value || s.name), {
       checked: a,
       errorMessage: r,
-      handleChange: d
+      handleChange: c
     } = fe(s.name, s.rules, {
       validateOnMount: s.validateOnMount,
       type: "checkbox",
       checkedValue: o,
       initialValue: s.modelValue || void 0
     }), i = (L) => {
-      s.disabled || d(L);
-    }, y = c(() => s.label || s.name), f = c(() => r.value ? "border-danger-lighter" : "border-foreground-4 "), w = c(() => s.description || r.value), g = c(() => `${s.name}-description`), m = c(() => {
+      s.disabled || c(L);
+    }, y = d(() => s.label || s.name), f = d(() => r.value ? "border-danger-lighter" : "border-foreground-4 "), w = d(() => s.description || r.value), g = d(() => `${s.name}-description`), m = d(() => {
       const L = [];
       return s.inlineDescription ? L.push("inline ml-2") : L.push("block"), r.value ? L.push("text-danger") : L.push("text-foreground-2"), L.join(" ");
-    }), b = A(n("checkbox")), V = c(() => s.id || b.value);
-    return (L, $) => (l(), h("div", $s, [
-      u("div", _s, [
+    }), b = A(n("checkbox")), V = d(() => s.id || b.value);
+    return (L, $) => (l(), h("div", Ss, [
+      u("div", Is, [
         u("input", ne({
           id: t(V),
           checked: t(a),
@@ -1026,34 +1044,34 @@ const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-9dd7b659"]]), ws = ["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(f)]
-        }, L.$attrs, { onChange: i }), null, 16, Ss)
+        }, L.$attrs, { onChange: i }), null, 16, Bs)
       ]),
-      u("div", Is, [
+      u("div", Ls, [
         u("label", {
           for: t(V),
           class: v(["font-medium text-foreground", { "sr-only": e.hideLabel }])
         }, [
           u("span", null, S(t(y)), 1),
-          e.showRequired ? (l(), h("span", Ls, "*")) : _("", !0)
-        ], 10, Bs),
+          e.showRequired ? (l(), h("span", Vs, "*")) : _("", !0)
+        ], 10, Ps),
         t(w) ? (l(), h("p", {
           key: 0,
           id: t(g),
           class: v(t(m))
-        }, S(t(w)), 11, Ps)) : _("", !0)
+        }, S(t(w)), 11, js)) : _("", !0)
       ])
     ]));
   }
 });
-function Ae(e) {
+function De(e) {
   const { props: s, inputEl: n, emit: o } = e, { value: a, errorMessage: r } = fe(s.name, s.rules, {
     validateOnMount: t(s.validateOnMount),
     validateOnValueUpdate: t(s.validateOnValueUpdate),
     initialValue: t(s.modelValue) || void 0
-  }), d = c(() => {
+  }), c = d(() => {
     const x = ["block label text-foreground-2 mb-2"];
     return t(s.showLabel) || x.push("sr-only"), x.join(" ");
-  }), i = c(() => {
+  }), i = d(() => {
     const x = [
       "block w-full rounded focus:outline-none text-foreground transition-all",
       "disabled:cursor-not-allowed disabled:bg-foundation-disabled disabled:text-disabled-muted",
@@ -1062,14 +1080,14 @@ function Ae(e) {
     return r.value ? x.push(
       "border-2 border-danger text-danger-darker focus:border-danger focus:ring-danger"
     ) : x.push("border-0 focus:ring-2 focus:ring-outline-2"), t(s.color) === "foundation" ? x.push("bg-foundation shadow-sm hover:shadow") : x.push("bg-foundation-page"), x.join(" ");
-  }), y = A(pe()), f = c(() => t(s.label) || t(s.name)), w = c(() => {
+  }), y = A(pe()), f = d(() => t(s.label) || t(s.name)), w = d(() => {
     const x = r.value;
     return !x || !t(s.useLabelInErrors) ? x : x.replace("Value", f.value);
-  }), g = c(
+  }), g = d(
     () => w.value && t(s.hideErrorMessage)
-  ), m = c(() => w.value || t(s.help)), b = c(() => !!m.value), V = c(
+  ), m = d(() => w.value || t(s.help)), b = d(() => !!m.value), V = d(
     () => b.value ? `${t(s.name)}-${y.value}` : void 0
-  ), L = c(() => {
+  ), L = d(() => {
     const x = ["mt-2 text-sm"];
     return x.push(r.value ? "text-danger" : "text-foreground-2"), x.join(" ");
   }), $ = () => {
@@ -1091,13 +1109,13 @@ function Ae(e) {
     errorMessage: w,
     clear: C,
     focus: $,
-    labelClasses: d
+    labelClasses: c
   };
 }
-const js = ["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 = {
+const Ms = ["for"], As = { class: "relative" }, Ds = ["id", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], Rs = /* @__PURE__ */ u("span", { class: "text-xs sr-only" }, "Clear input", -1), Ts = {
   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"
-}, Rs = ["id"], cl = /* @__PURE__ */ O({
+}, zs = ["id"], pl = /* @__PURE__ */ O({
   __name: "TextArea",
   props: {
     name: null,
@@ -1121,7 +1139,7 @@ const js = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
   setup(e, { expose: s, emit: n }) {
     const o = e, a = A(null), {
       coreClasses: r,
-      title: d,
+      title: c,
       value: i,
       helpTipId: y,
       helpTipClasses: f,
@@ -1130,11 +1148,11 @@ const js = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
       labelClasses: m,
       clear: b,
       focus: V
-    } = Ae({
+    } = De({
       props: Z(o),
       emit: n,
       inputEl: a
-    }), L = c(() => {
+    }), L = d(() => {
       const $ = ["pl-2"];
       return o.showClear && g.value ? $.push("pr-12") : (o.showClear || g.value) && $.push("pr-8"), $.join(" ");
     });
@@ -1145,9 +1163,9 @@ const js = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
         for: e.name,
         class: v(t(m))
       }, [
-        u("span", null, S(t(d)), 1)
-      ], 10, js),
-      u("div", Os, [
+        u("span", null, S(t(c)), 1)
+      ], 10, Ms),
+      u("div", As, [
         te(u("textarea", ne({
           id: e.name,
           ref_key: "inputElement",
@@ -1162,8 +1180,8 @@ const js = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
         }, $.$attrs, {
           onChange: C[1] || (C[1] = (x) => $.$emit("change", { event: x, value: t(i) })),
           onInput: C[2] || (C[2] = (x) => $.$emit("input", { event: x, value: t(i) }))
-        }), null, 16, Ms), [
-          [Ie, t(i)]
+        }), null, 16, Ds), [
+          [Be, t(i)]
         ]),
         e.showClear ? (l(), h("a", {
           key: 0,
@@ -1174,8 +1192,8 @@ const js = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
           onKeydown: C[4] || (C[4] = //@ts-ignore
           (...x) => t(b) && t(b)(...x))
         }, [
-          As,
-          I(t(ce), {
+          Rs,
+          I(t(de), {
             class: "h-5 w-5 text-foreground",
             "aria-hidden": "true"
           })
@@ -1187,30 +1205,30 @@ const js = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
             e.showClear ? "pr-8" : "pr-2"
           ])
         }, [
-          I(t(je), {
+          I(t(Oe), {
             class: "h-4 w-4 text-danger",
             "aria-hidden": "true"
           })
         ], 2)) : _("", !0),
-        e.showRequired && !t(g) ? (l(), h("div", Ds, " * ")) : _("", !0)
+        e.showRequired && !t(g) ? (l(), h("div", Ts, " * ")) : _("", !0)
       ]),
       t(y) ? (l(), h("p", {
         key: 0,
         id: t(y),
         class: v(t(f))
-      }, S(t(w)), 11, Rs)) : _("", !0)
+      }, S(t(w)), 11, zs)) : _("", !0)
     ], 2));
   }
-}), Ts = ["for"], zs = { class: "relative" }, Fs = {
+}), Fs = ["for"], Es = { class: "relative" }, Ws = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2"
-}, Es = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], Ws = /* @__PURE__ */ u("span", { class: "text-xs sr-only" }, "Clear input", -1), Us = {
+}, Us = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], qs = /* @__PURE__ */ u("span", { class: "text-xs sr-only" }, "Clear input", -1), Hs = {
   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"
-}, qs = ["id"], Hs = O({
+}, Gs = ["id"], Ks = O({
   inheritAttrs: !1
-}), fl = /* @__PURE__ */ O({
-  ...Hs,
+}), hl = /* @__PURE__ */ O({
+  ...Ks,
   __name: "TextInput",
   props: {
     /**
@@ -1346,8 +1364,8 @@ const js = ["for"], Os = { class: "relative" }, Ms = ["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,
+    const o = e, a = Ee(), r = A(null), {
+      coreClasses: c,
       title: i,
       value: y,
       helpTipId: f,
@@ -1358,19 +1376,19 @@ const js = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
       clear: V,
       focus: L,
       labelClasses: $
-    } = Ae({
+    } = De({
       props: Z(o),
       emit: n,
       inputEl: r
-    }), C = c(() => {
+    }), C = d(() => {
       const j = ["h-5 w-5"];
       return b.value ? j.push("text-danger") : j.push("text-foreground-2"), j.join(" ");
-    }), x = c(
+    }), x = d(
       () => ["email", "password"].includes(o.type) || o.customIcon
-    ), E = c(() => {
+    ), E = d(() => {
       const j = [];
       return x.value ? j.push("pl-8") : j.push("pl-2"), a["input-right"] || (b.value || o.showClear) && (b.value && o.showClear ? j.push("pr-12") : j.push("pr-8")), j.join(" ");
-    }), p = c(() => {
+    }), p = d(() => {
       switch (o.size) {
         case "sm":
           return "h-6";
@@ -1391,18 +1409,18 @@ const js = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
         class: v(t($))
       }, [
         u("span", null, S(t(i)), 1)
-      ], 10, Ts),
-      u("div", zs, [
-        t(x) ? (l(), h("div", Fs, [
+      ], 10, Fs),
+      u("div", Es, [
+        t(x) ? (l(), h("div", Ws, [
           e.customIcon ? (l(), P(U(e.customIcon), {
             key: 0,
             class: v(t(C)),
             "aria-hidden": "true"
-          }, null, 8, ["class"])) : e.type === "email" ? (l(), P(t(at), {
+          }, null, 8, ["class"])) : e.type === "email" ? (l(), P(t(ot), {
             key: 1,
             class: v(t(C)),
             "aria-hidden": "true"
-          }, null, 8, ["class"])) : e.type === "password" ? (l(), P(t(ot), {
+          }, null, 8, ["class"])) : e.type === "password" ? (l(), P(t(rt), {
             key: 2,
             class: v(t(C)),
             "aria-hidden": "true"
@@ -1415,7 +1433,7 @@ const js = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
           "onUpdate:modelValue": z[0] || (z[0] = (M) => le(y) ? y.value = M : null),
           type: e.type,
           name: e.name,
-          class: [t(d), t(E), t(p), e.inputClasses || ""],
+          class: [t(c), t(E), t(p), e.inputClasses || ""],
           placeholder: e.placeholder,
           disabled: e.disabled,
           "aria-invalid": t(b) ? "true" : "false",
@@ -1424,8 +1442,8 @@ const js = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
         }, j.$attrs, {
           onChange: z[1] || (z[1] = (M) => j.$emit("change", { event: M, value: t(y) })),
           onInput: z[2] || (z[2] = (M) => j.$emit("input", { event: M, value: t(y) }))
-        }), null, 16, Es), [
-          [Ee, t(y)]
+        }), null, 16, Us), [
+          [We, t(y)]
         ]),
         R(j.$slots, "input-right", {}, () => [
           e.showClear ? (l(), h("a", {
@@ -1437,8 +1455,8 @@ const js = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
             onKeydown: z[4] || (z[4] = //@ts-ignore
             (...M) => t(V) && t(V)(...M))
           }, [
-            Ws,
-            I(t(ce), {
+            qs,
+            I(t(de), {
               class: "h-5 w-5 text-foreground",
               "aria-hidden": "true"
             })
@@ -1450,46 +1468,46 @@ const js = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
               e.showClear ? "pr-8" : "pr-2"
             ])
           }, [
-            I(t(je), {
+            I(t(Oe), {
               class: "h-4 w-4 text-danger",
               "aria-hidden": "true"
             })
           ], 2)) : _("", !0),
-          e.showRequired && !t(b) ? (l(), h("div", Us, " * ")) : _("", !0)
+          e.showRequired && !t(b) ? (l(), h("div", Hs, " * ")) : _("", !0)
         ])
       ]),
       t(f) && !t(m) ? (l(), h("p", {
         key: 0,
         id: t(f),
         class: v(t(w))
-      }, S(t(g)), 11, qs)) : _("", !0)
+      }, S(t(g)), 11, Gs)) : _("", !0)
     ], 2));
   }
-}), 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) => {
+}), Xs = /^https?:\/\//, ye = /^[\w-_.+]+@[\w-_.+]+$/, Ns = (e) => (e || "").match(ye) ? !0 : "Value should be a valid e-mail address", Js = (e) => (e || "").split(",").map((o) => o.trim()).every((o) => o.match(ye)) || "Value should be one or multiple comma-delimited e-mail addresses", Qs = (e) => (se(e) && (e = e.trim()), e ? !0 : "Value is required"), Ys = (e, s) => (n, o) => n === o.form[e] ? !0 : `Value must be the same as in field '${s || e}'`, Zs = (e) => (s) => {
   const { minLength: n, maxLength: o } = e;
-  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) => {
+  return s = it(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";
+}, en = (e) => (s) => {
   const { match: n, message: o } = e;
   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({
+}, ml = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VALID_EMAIL: ye,
-  VALID_HTTP_URL: Gs,
-  isEmail: Ks,
-  isOneOrMultipleEmails: Xs,
-  isRequired: Ns,
-  isSameAs: Js,
-  isStringOfLength: Qs,
-  stringContains: Ys
+  VALID_HTTP_URL: Xs,
+  isEmail: Ns,
+  isOneOrMultipleEmails: Js,
+  isRequired: Qs,
+  isSameAs: Ys,
+  isStringOfLength: Zs,
+  stringContains: en
 }, Symbol.toStringTag, { value: "Module" }));
-function Zs(e) {
+function tn(e) {
   const {
     skipCalculation: s,
     elementToWatchForChanges: n,
     itemContainer: o,
     trackResize: a = !1,
     trackMutations: r = !0
-  } = e || {}, d = A(0), i = () => {
+  } = e || {}, c = A(0), i = () => {
     const y = o.value;
     if (s != null && s.value || !y)
       return;
@@ -1499,22 +1517,22 @@ function Zs(e) {
       const V = b.offsetTop;
       X(m) ? (m = V, w += 1) : V === m && (w += 1), g += 1;
     }
-    d.value = g - w;
+    c.value = g - w;
   };
-  return a && dt(n, i), r && ct(n, i, {
+  return a && dt(n, i), r && ft(n, i, {
     childList: !0,
     subtree: !0
   }), {
-    hiddenItemCount: d
+    hiddenItemCount: c
   };
 }
-function en(e) {
+function sn(e) {
   const { props: s, emit: n, dynamicVisibility: o } = e;
   let a;
   if (o) {
     const { elementToWatchForChanges: f, itemContainer: w } = o;
-    a = Zs({
-      skipCalculation: c(() => {
+    a = tn({
+      skipCalculation: d(() => {
         var m;
         return !((m = s.multiple) != null && m.value);
       }),
@@ -1523,7 +1541,7 @@ function en(e) {
     }).hiddenItemCount;
   } else
     a = A(0);
-  const r = c({
+  const r = d({
     get: () => {
       var w, g;
       const f = (w = s.modelValue) == null ? void 0 : w.value;
@@ -1540,18 +1558,18 @@ function en(e) {
       }
       n("update:modelValue", (m = s.multiple) != null && m.value ? f || [] : f);
     }
-  }), d = (f) => W(f);
+  }), c = (f) => W(f);
   return {
     selectedValue: r,
     hiddenSelectedItemCount: a,
-    isArrayValue: d,
+    isArrayValue: c,
     isMultiItemArrayValue: (f) => W(f) && f.length > 1,
-    firstItem: (f) => d(f) ? f[0] : f
+    firstItem: (f) => c(f) ? f[0] : f
   };
 }
-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({
+const nn = (e) => (Se("data-v-60cf597b"), e = e(), Ie(), e), ln = /* @__PURE__ */ nn(() => /* @__PURE__ */ u("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), an = [
+  ln
+], on = /* @__PURE__ */ O({
   __name: "Bar",
   props: {
     loading: { type: Boolean }
@@ -1562,18 +1580,18 @@ const tn = (e) => (_e("data-v-60cf597b"), e = e(), Se(), e), sn = /* @__PURE__ *
         "relative w-full h-1 bg-blue-500/30 text-xs text-foreground-on-primary overflow-hidden rounded-xl",
         e.loading ? "opacity-100" : "opacity-0"
       ])
-    }, nn, 2));
+    }, an, 2));
   }
 });
-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"], dn = {
+const Re = /* @__PURE__ */ me(on, [["__scopeId", "data-v-60cf597b"]]), rn = { class: "flex items-center justify-between w-full" }, un = { class: "block truncate grow text-left" }, cn = { class: "pointer-events-none shrink-0 ml-1 flex items-center" }, dn = ["disabled"], fn = {
   key: 0,
   class: "flex flex-col mx-1 mb-1"
-}, cn = /* @__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 = {
+}, pn = /* @__PURE__ */ u("span", { class: "sr-only label text-foreground" }, "Search", -1), hn = { class: "relative" }, mn = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, gn = ["placeholder"], yn = {
   key: 0,
   class: "px-1"
-}, gn = { key: 1 }, yn = /* @__PURE__ */ u("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), vn = {
+}, vn = { key: 1 }, bn = /* @__PURE__ */ u("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), xn = {
   class: /* @__PURE__ */ v(["block truncate"])
-}, bn = ["id"], xn = /* @__PURE__ */ O({
+}, kn = ["id"], Cn = /* @__PURE__ */ O({
   __name: "Base",
   props: {
     multiple: {
@@ -1709,24 +1727,24 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
       validateOnMount: s.validateOnMount,
       validateOnValueUpdate: s.validateOnValueUpdate,
       initialValue: s.modelValue
-    }), a = A(null), r = A(""), d = A([]), i = A(!1), y = A(pe()), f = c(() => t(s.label) || t(s.name)), w = c(() => {
+    }), a = A(null), r = A(""), c = A([]), i = A(!1), y = A(pe()), f = d(() => t(s.label) || t(s.name)), w = d(() => {
       const k = o.value;
       return !k || !t(s.useLabelInErrors) ? k : k.replace("Value", f.value);
-    }), g = c(() => w.value || t(s.help)), m = c(() => !!g.value), b = c(
+    }), g = d(() => w.value || t(s.help)), m = d(() => !!g.value), b = d(
       () => m.value ? `${t(s.name)}-${y.value}` : void 0
-    ), V = c(
+    ), V = d(
       () => o.value ? "text-danger" : "text-foreground-2"
-    ), L = c(
+    ), L = d(
       () => s.buttonStyle !== "simple" && s.clearable && !s.disabled
-    ), $ = c(() => {
+    ), $ = d(() => {
       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(" ");
-    }), C = c(() => {
+    }), C = d(() => {
       const k = [];
       return s.buttonStyle !== "simple" && k.push(
         z.value ? "bg-foundation-disabled text-foreground-disabled" : ""
       ), z.value && k.push("cursor-not-allowed"), k.join(" ");
-    }), x = c(() => {
+    }), x = d(() => {
       const k = [
         "relative z-[1]",
         "flex items-center justify-center text-center shrink-0",
@@ -1736,7 +1754,7 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
       return z.value || k.push(
         "bg-primary-muted hover:bg-primary hover:text-foreground-on-primary"
       ), k.join(" ");
-    }), E = c(() => {
+    }), E = d(() => {
       const k = [
         "relative z-[2]",
         "normal rounded-md cursor-pointer transition truncate flex-1",
@@ -1744,11 +1762,11 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
         C.value
       ];
       return s.buttonStyle !== "simple" && (k.push("py-2 px-3"), z.value || k.push("bg-foundation text-foreground")), L.value && ve.value && k.push("rounded-r-none"), k.join(" ");
-    }), p = c(
+    }), p = d(
       () => !!(s.search && (s.filterPredicate || s.getSearchResults))
-    ), j = c(() => p.value && s.getSearchResults), z = c(
+    ), j = d(() => p.value && s.getSearchResults), z = d(
       () => s.disabled || !s.items.length && !j.value
-    ), M = c({
+    ), M = d({
       get: () => {
         const k = n.value;
         return s.multiple ? W(k) ? k : [] : W(k) ? void 0 : k;
@@ -1768,38 +1786,38 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
           n.value = D ? void 0 : k;
         }
       }
-    }), ve = c(() => s.multiple ? M.value.length !== 0 : !!M.value), Re = () => {
+    }), ve = d(() => s.multiple ? M.value.length !== 0 : !!M.value), Te = () => {
       s.multiple ? M.value = [] : M.value = void 0;
-    }, Te = c(() => {
+    }, ze = d(() => {
       const k = r.value;
-      return !p.value || !(k != null && k.length) ? d.value : s.filterPredicate ? d.value.filter(
+      return !p.value || !(k != null && k.length) ? c.value : s.filterPredicate ? c.value.filter(
         (F) => {
           var D;
           return ((D = s.filterPredicate) == null ? void 0 : D.call(s, F, k)) || !1;
         }
-      ) : d.value;
+      ) : c.value;
     }), be = (k) => JSON.stringify(k), ae = (k) => s.by ? k[s.by] : k, xe = async () => {
       if (console.log("triggerSearch"), !(!j.value || !s.getSearchResults)) {
         i.value = !0;
         try {
-          d.value = await s.getSearchResults(r.value);
+          c.value = await s.getSearchResults(r.value);
         } finally {
           i.value = !1;
         }
       }
-    }, ze = Pe(xe, 1e3);
+    }, Fe = Ve(xe, 1e3);
     return Y(
       () => s.items,
       (k) => {
-        d.value = k.slice();
+        c.value = k.slice();
       },
       { immediate: !0 }
     ), Y(r, () => {
-      j.value && ze();
+      j.value && Fe();
     }), ee(() => {
       j.value && !s.items.length && xe();
     }), (k, F) => (l(), h("div", null, [
-      I(t(pt), {
+      I(t(ht), {
         modelValue: t(M),
         "onUpdate:modelValue": F[4] || (F[4] = (D) => le(M) ? M.value = D : null),
         name: e.name,
@@ -1809,7 +1827,7 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
         as: "div"
       }, {
         default: B(() => [
-          I(t(ht), {
+          I(t(mt), {
             class: v(["block label text-foreground", { "sr-only": !e.showLabel }])
           }, {
             default: B(() => [
@@ -1820,12 +1838,12 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
           u("div", {
             class: v(t($))
           }, [
-            I(t(mt), {
+            I(t(gt), {
               class: v(t(E))
             }, {
               default: B(({ open: D }) => [
-                u("div", an, [
-                  u("div", on, [
+                u("div", rn, [
+                  u("div", un, [
                     !t(M) || t(W)(t(M)) && !t(M).length ? R(k.$slots, "nothing-selected", { key: 0 }, () => [
                       T(S(e.label), 1)
                     ]) : R(k.$slots, "something-selected", {
@@ -1835,12 +1853,12 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
                       T(S(be(t(M))), 1)
                     ])
                   ]),
-                  u("div", rn, [
-                    D ? (l(), P(t(Ve), {
+                  u("div", cn, [
+                    D ? (l(), P(t(je), {
                       key: 0,
                       class: "h-4 w-4 text-foreground",
                       "aria-hidden": "true"
-                    })) : (l(), P(t(qe), {
+                    })) : (l(), P(t(He), {
                       key: 1,
                       class: "h-4 w-4 text-foreground",
                       "aria-hidden": "true"
@@ -1854,19 +1872,19 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
               key: 0,
               class: v(t(x)),
               disabled: e.disabled,
-              onClick: F[0] || (F[0] = (D) => Re())
+              onClick: F[0] || (F[0] = (D) => Te())
             }, [
-              I(t(He), { class: "w-3 h-3" })
-            ], 10, un)), [
-              [t(Bt), "Clear"]
+              I(t(Ge), { class: "w-3 h-3" })
+            ], 10, dn)), [
+              [t(Lt), "Clear"]
             ]) : _("", !0),
-            I(de, {
+            I(ce, {
               "leave-active-class": "transition ease-in duration-100",
               "leave-from-class": "opacity-100",
               "leave-to-class": "opacity-0"
             }, {
               default: B(() => [
-                I(t(gt), {
+                I(t(yt), {
                   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) => {
                     var G;
@@ -1874,11 +1892,11 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
                   })
                 }, {
                   default: B(() => [
-                    t(p) ? (l(), h("label", dn, [
-                      cn,
-                      u("div", fn, [
-                        u("div", pn, [
-                          I(t(Ge), { class: "h-5 w-5 text-foreground" })
+                    t(p) ? (l(), h("label", fn, [
+                      pn,
+                      u("div", hn, [
+                        u("div", mn, [
+                          I(t(Ke), { class: "h-5 w-5 text-foreground" })
                         ]),
                         te(u("input", {
                           ref_key: "searchInput",
@@ -1887,24 +1905,24 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
                           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] = Be(() => {
+                          onKeydown: F[2] || (F[2] = Le(() => {
                           }, ["stop"]))
-                        }, null, 40, hn), [
-                          [Ie, r.value]
+                        }, null, 40, gn), [
+                          [Be, r.value]
                         ])
                       ])
                     ])) : _("", !0),
                     u("div", {
                       class: v(["overflow-auto simple-scrollbar", [t(p) ? "max-h-52" : "max-h-60"]])
                     }, [
-                      t(j) && i.value ? (l(), h("div", mn, [
-                        I(De, { loading: !0 })
-                      ])) : t(j) && !d.value.length ? (l(), h("div", gn, [
+                      t(j) && i.value ? (l(), h("div", yn, [
+                        I(Re, { loading: !0 })
+                      ])) : t(j) && !c.value.length ? (l(), h("div", vn, [
                         R(k.$slots, "nothing-found", {}, () => [
-                          yn
+                          bn
                         ])
                       ])) : _("", !0),
-                      !t(j) || !i.value ? (l(!0), h(q, { key: 2 }, H(t(Te), (D) => (l(), P(t(yt), {
+                      !t(j) || !i.value ? (l(!0), h(q, { key: 2 }, H(t(ze), (D) => (l(), P(t(vt), {
                         key: ae(D),
                         value: D
                       }, {
@@ -1916,7 +1934,7 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
                               e.hideCheckmarks ? "" : "pr-9"
                             ])
                           }, [
-                            u("span", vn, [
+                            u("span", xn, [
                               R(k.$slots, "option", {
                                 item: D,
                                 active: G,
@@ -1932,7 +1950,7 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
                                 "absolute inset-y-0 right-0 flex items-center pr-4"
                               ])
                             }, [
-                              I(t(Ke), {
+                              I(t(Xe), {
                                 class: "h-5 w-5",
                                 "aria-hidden": "true"
                               })
@@ -1956,16 +1974,16 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
         key: 0,
         id: t(b),
         class: v(["mt-2 ml-3 text-sm", t(V)])
-      }, S(t(g)), 11, bn)) : _("", !0)
+      }, S(t(g)), 11, kn)) : _("", !0)
     ]));
   }
-}), kn = /* @__PURE__ */ O({
+}), wn = /* @__PURE__ */ O({
   __name: "SourceAppBadge",
   props: {
     sourceApp: null
   },
   setup(e) {
-    return (s, n) => (l(), P(Gt, {
+    return (s, n) => (l(), P(Kt, {
       "color-classes": "text-foreground-on-primary",
       rounded: "",
       style: oe({ backgroundColor: e.sourceApp.bgColor })
@@ -1976,13 +1994,13 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
       _: 1
     }, 8, ["style"]));
   }
-}), Cn = {
+}), $n = {
   key: 0,
   class: "text-foreground-2 normal"
-}, wn = {
+}, _n = {
   key: 1,
   class: "flex items-center"
-}, $n = { class: "truncate" }, _n = { class: "flex items-center" }, Sn = { class: "truncate" }, hl = /* @__PURE__ */ O({
+}, Sn = { class: "truncate" }, In = { class: "flex items-center" }, Bn = { class: "truncate" }, gl = /* @__PURE__ */ O({
   __name: "SourceApps",
   props: {
     /**
@@ -2042,16 +2060,16 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    const n = e, o = A(null), a = A(null), { selectedValue: r, hiddenSelectedItemCount: d, isMultiItemArrayValue: i, firstItem: y } = en({
+    const n = e, o = A(null), a = A(null), { selectedValue: r, hiddenSelectedItemCount: c, isMultiItemArrayValue: i, firstItem: y } = sn({
       props: Z(n),
       emit: s,
       dynamicVisibility: { elementToWatchForChanges: o, itemContainer: a }
     }), f = (w, g) => w.name.toLocaleLowerCase().includes(g.toLocaleLowerCase());
-    return (w, g) => (l(), P(xn, {
+    return (w, g) => (l(), P(Cn, {
       modelValue: t(r),
       "onUpdate:modelValue": g[0] || (g[0] = (m) => le(r) ? r.value = m : null),
       multiple: e.multiple,
-      items: e.items ?? t(it),
+      items: e.items ?? t(ut),
       search: e.search,
       "search-placeholder": e.searchPlaceholder,
       label: e.label,
@@ -2079,27 +2097,27 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
             ref: a,
             class: "flex flex-wrap overflow-hidden space-x-0.5 h-5"
           }, [
-            (l(!0), h(q, null, H(m, (b) => (l(), P(kn, {
+            (l(!0), h(q, null, H(m, (b) => (l(), P(wn, {
               key: b.name,
               "source-app": b
             }, null, 8, ["source-app"]))), 128))
           ], 512),
-          t(d) > 0 ? (l(), h("div", Cn, " +" + S(t(d)), 1)) : _("", !0)
-        ], 512)) : (l(), h("div", wn, [
+          t(c) > 0 ? (l(), h("div", $n, " +" + S(t(c)), 1)) : _("", !0)
+        ], 512)) : (l(), h("div", _n, [
           u("div", {
             class: "h-2 w-2 rounded-full mr-2",
             style: oe({ backgroundColor: t(y)(m).bgColor })
           }, null, 4),
-          u("span", $n, S(t(y)(m).name), 1)
+          u("span", Sn, S(t(y)(m).name), 1)
         ]))
       ]),
       option: B(({ item: m }) => [
-        u("div", _n, [
+        u("div", In, [
           u("div", {
             class: "h-2 w-2 rounded-full mr-2",
             style: oe({ backgroundColor: m.bgColor })
           }, null, 4),
-          u("span", Sn, S(m.name), 1)
+          u("span", Bn, S(m.name), 1)
         ])
       ]),
       _: 1
@@ -2107,7 +2125,7 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
   }
 });
 var Q = /* @__PURE__ */ ((e) => (e.CtrlOrCmd = "cmd-or-ctrl", e.AltOrOpt = "alt-or-opt", e.Shift = "shift", e))(Q || {});
-const ie = ut(), In = {
+const ie = ct(), Ln = {
   [
     "cmd-or-ctrl"
     /* CtrlOrCmd */
@@ -2118,17 +2136,17 @@ const ie = ut(), In = {
   ]: ie === re.Mac ? "Opt" : "Alt",
   shift: "Shift"
 };
-function ml(e) {
+function yl(e) {
   const s = (n) => Object.values(Q).includes(n);
-  return e.map((n) => s(n) ? In[n] : n).join("+");
+  return e.map((n) => s(n) ? Ln[n] : n).join("+");
 }
-function gl(e, ...s) {
-  ft(
+function vl(e, ...s) {
+  pt(
     s[0],
     (n) => {
       const o = n.getModifierState("Alt"), a = ie === re.Mac ? n.getModifierState("Meta") : n.getModifierState("Control"), r = n.getModifierState("Shift");
-      for (const d of e)
-        switch (d) {
+      for (const c of e)
+        switch (c) {
           case Q.CtrlOrCmd:
             if (!a)
               return;
@@ -2147,7 +2165,7 @@ function gl(e, ...s) {
     s[2]
   );
 }
-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" }, Vn = { class: "relative" }, yl = /* @__PURE__ */ O({
+const Pn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 dark:bg-neutral-900/70 transition-opacity" }, null, -1), Vn = { class: "fixed inset-0 z-10 overflow-y-auto" }, jn = { class: "flex min-h-full justify-center p-4 text-center items-center sm:p-0" }, On = { class: "relative" }, bl = /* @__PURE__ */ O({
   __name: "Dialog",
   props: {
     open: { type: Boolean },
@@ -2157,10 +2175,10 @@ const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
   },
   emits: ["update:open", "fully-closed"],
   setup(e, { emit: s }) {
-    const n = e, o = c({
+    const n = e, o = d({
       get: () => n.open,
       set: (i) => s("update:open", i)
-    }), a = c(() => {
+    }), a = d(() => {
       switch (n.maxWidth) {
         case "sm":
           return 0;
@@ -2173,24 +2191,24 @@ const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
         default:
           return 1e4;
       }
-    }), r = c(() => {
+    }), r = d(() => {
       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 && 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(" ");
-    }), d = () => {
+    }), c = () => {
       n.preventCloseOnClickOutside || (o.value = !1);
     };
-    return (i, y) => (l(), P(t(vt), {
+    return (i, y) => (l(), P(t(bt), {
       as: "template",
       show: t(o)
     }, {
       default: B(() => [
-        I(t(bt), {
+        I(t(xt), {
           as: "div",
           class: "relative z-40",
-          onClose: d
+          onClose: c
         }, {
           default: B(() => [
             I(t($e), {
@@ -2203,12 +2221,12 @@ const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
               "leave-to": "opacity-0"
             }, {
               default: B(() => [
-                Bn
+                Pn
               ]),
               _: 1
             }),
-            u("div", Ln, [
-              u("div", Pn, [
+            u("div", Vn, [
+              u("div", jn, [
                 I(t($e), {
                   as: "template",
                   enter: "ease-out duration-300",
@@ -2220,14 +2238,14 @@ const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
                   onAfterLeave: y[1] || (y[1] = (f) => i.$emit("fully-closed"))
                 }, {
                   default: B(() => [
-                    I(t(xt), {
+                    I(t(kt), {
                       class: v([
                         "transform rounded-lg bg-foundation text-left shadow-xl transition-all",
                         t(r)
                       ])
                     }, {
                       default: B(() => [
-                        u("div", Vn, [
+                        u("div", On, [
                           R(i.$slots, "default", {}, () => [
                             T("Put your content here!")
                           ]),
@@ -2236,7 +2254,7 @@ const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
                             class: "absolute top-0 right-0 text-foreground",
                             onClick: y[0] || (y[0] = (f) => o.value = !1)
                           }, [
-                            I(t(et), { class: "h-6 w-6" })
+                            I(t(tt), { class: "h-6 w-6" })
                           ]))
                         ])
                       ]),
@@ -2254,7 +2272,7 @@ const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
       _: 3
     }, 8, ["show"]));
   }
-}), jn = { class: "inline-flex items-center space-x-2" }, On = { class: "label-light" }, vl = /* @__PURE__ */ O({
+}), Mn = { class: "inline-flex items-center space-x-2" }, An = { class: "label-light" }, xl = /* @__PURE__ */ O({
   __name: "Disclosure",
   props: {
     title: null,
@@ -2262,7 +2280,7 @@ const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
     color: { default: "default" }
   },
   setup(e) {
-    const s = e, n = c(() => {
+    const s = e, n = d(() => {
       const a = [
         "pr-3 h-10 w-full flex items-center justify-between border-l-2 px-2 rounded transition",
         "ring-1"
@@ -2279,7 +2297,7 @@ const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
           break;
       }
       return a.join(" ");
-    }), o = c(() => {
+    }), o = d(() => {
       const a = ["mt-4 px-3 py-1 border-x "];
       switch (s.color) {
         case "danger":
@@ -2293,30 +2311,30 @@ const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
       return a.join(" ");
     });
     return (a, r) => (l(), h("div", null, [
-      I(t(kt), null, {
-        default: B(({ open: d }) => [
-          I(t(Ct), {
+      I(t(Ct), null, {
+        default: B(({ open: c }) => [
+          I(t(wt), {
             class: v(t(n))
           }, {
             default: B(() => [
-              u("div", jn, [
+              u("div", Mn, [
                 e.icon ? (l(), P(U(e.icon), {
                   key: 0,
                   class: "h-4 w-4"
                 })) : _("", !0),
                 u("span", null, S(e.title), 1)
               ]),
-              I(t(Ve), {
-                class: v([d ? "" : "rotate-180 transform", "h-5 w-5"])
+              I(t(je), {
+                class: v([c ? "" : "rotate-180 transform", "h-5 w-5"])
               }, null, 8, ["class"])
             ]),
             _: 2
           }, 1032, ["class"]),
-          I(t(wt), {
+          I(t($t), {
             class: v(t(o))
           }, {
             default: B(() => [
-              u("div", On, [
+              u("div", An, [
                 R(a.$slots, "default", {}, () => [
                   T("Panel contents")
                 ])
@@ -2331,24 +2349,24 @@ const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
   }
 });
 var K = /* @__PURE__ */ ((e) => (e.Grid = "grid", e.List = "list", e))(K || {});
-const bl = /* @__PURE__ */ O({
+const kl = /* @__PURE__ */ O({
   __name: "GridListToggle",
   props: {
     modelValue: null
   },
   emits: ["click", "update:modelValue"],
   setup(e, { emit: s }) {
-    const n = e, o = c({
+    const n = e, o = d({
       get: () => n.modelValue || K.Grid,
-      set: (d) => s("update:modelValue", d)
-    }), a = c(
-      () => o.value === K.Grid ? Xe : Ne
-    ), r = (d) => {
-      s("click", d);
+      set: (c) => s("update:modelValue", c)
+    }), a = d(
+      () => o.value === K.Grid ? Ne : Je
+    ), r = (c) => {
+      s("click", c);
       const i = o.value === K.Grid ? K.List : K.Grid;
       o.value = i;
     };
-    return (d, i) => (l(), h("button", {
+    return (c, i) => (l(), h("button", {
       class: "flex items-center justify-center rounded bg-foundation h-8 w-8 shadow cursor-pointer text-foreground",
       onClick: r
     }, [
@@ -2356,54 +2374,54 @@ const bl = /* @__PURE__ */ O({
     ]));
   }
 });
-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) {
+var Dn = /* @__PURE__ */ ((e) => (e[e.Throttle = 0] = "Throttle", e[e.Debounce = 1] = "Debounce", e))(Dn || {}), ue = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e))(ue || {});
+function Rn(e, s) {
   if (!he)
     return;
   const {
     wait: n = 100,
     throttleOrDebounce: o = 0
     /* Throttle */
-  } = s || {}, a = n ? o === 0 ? We(e, n) : Pe(e, n) : e;
-  ee(() => window.addEventListener("resize", a)), Le(() => window.removeEventListener("resize", a));
+  } = s || {}, a = n ? o === 0 ? Ue(e, n) : Ve(e, n) : e;
+  ee(() => window.addEventListener("resize", a)), Pe(() => window.removeEventListener("resize", a));
 }
-function xl(e) {
+function Cl(e) {
   ee(() => {
     window.addEventListener("beforeunload", e);
-  }), Le(() => {
+  }), Pe(() => {
     window.removeEventListener("beforeunload", e);
   });
 }
-function Dn(e) {
+function Tn(e) {
   const { el: s, defaultDirection: n } = e, o = A(
     X(n) ? 1 : n
     /* Right */
-  ), a = c(() => {
-    const d = t(e.stopUpdatesBelowWidth);
-    if (!X(d))
-      return d;
+  ), a = d(() => {
+    const c = t(e.stopUpdatesBelowWidth);
+    if (!X(c))
+      return c;
     const i = t(s);
     return i != null && i.offsetWidth ? i.offsetWidth * 2 : void 0;
   }), r = () => {
     if (!he)
       return;
-    const d = t(s);
-    if (!d)
+    const c = t(s);
+    if (!c)
       return;
-    const i = d.getBoundingClientRect(), y = i.x + i.width > window.innerWidth, f = i.x < 0;
+    const i = c.getBoundingClientRect(), y = i.x + i.width > window.innerWidth, f = i.x < 0;
     y && f || !X(a.value) && window.innerWidth < a.value || (y ? o.value = 0 : f && (o.value = 1));
   };
-  return An(() => r()), Y(
+  return Rn(() => r()), Y(
     () => t(s),
-    (d) => {
-      d && r();
+    (c) => {
+      c && r();
     }
   ), {
-    direction: c(() => o.value),
+    direction: d(() => o.value),
     recalculateDirection: r
   };
 }
-const Rn = ["onClick"], kl = /* @__PURE__ */ O({
+const zn = ["onClick"], wl = /* @__PURE__ */ O({
   __name: "Menu",
   props: {
     open: { type: Boolean },
@@ -2411,14 +2429,14 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
   },
   emits: ["update:open", "chosen"],
   setup(e, { emit: s }) {
-    const n = e, o = A(null), { direction: a } = Dn({
-      el: c(() => {
+    const n = e, o = A(null), { direction: a } = Tn({
+      el: d(() => {
         var m;
         return ((m = o.value) == null ? void 0 : m.el) || null;
       }),
       defaultDirection: ue.Left,
       stopUpdatesBelowWidth: 300
-    }), r = A(null), d = A(!1), i = c({
+    }), r = A(null), c = A(!1), i = d({
       get: () => n.open || !1,
       set: (m) => s("update:open", m)
     }), y = (m) => {
@@ -2431,23 +2449,23 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
       return (m = r.value) == null ? void 0 : m.el.click();
     }, g = (m) => {
       const b = !!m;
-      return d.value = b, b;
+      return c.value = b, b;
     };
-    return Y(d, (m, b) => {
+    return Y(c, (m, b) => {
       m !== b && (i.value = m);
     }), Y(i, (m) => {
-      (m && !d.value || !m && d.value) && w();
-    }), (m, b) => (l(), P(t($t), {
+      (m && !c.value || !m && c.value) && w();
+    }), (m, b) => (l(), P(t(_t), {
       as: "div",
       class: "relative inline-block"
     }, {
       default: B(({ open: V }) => [
         u("div", null, [
-          I(t(_t), {
+          I(t(St), {
             ref_key: "menuButton",
             ref: r,
             class: "hidden",
-            onClick: b[0] || (b[0] = Be(() => {
+            onClick: b[0] || (b[0] = Le(() => {
             }, ["stop", "prevent"]))
           }, null, 512),
           u("div", {
@@ -2459,7 +2477,7 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
             })
           ], 2)
         ]),
-        I(de, {
+        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",
@@ -2468,7 +2486,7 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
           "leave-to-class": "transform scale-95 opacity-0"
         }, {
           default: B(() => [
-            I(t(St), {
+            I(t(It), {
               ref_key: "menuItems",
               ref: o,
               class: v([
@@ -2481,7 +2499,7 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
                   key: $,
                   class: "px-1 py-1"
                 }, [
-                  (l(!0), h(q, null, H(L, (C) => (l(), P(t(It), {
+                  (l(!0), h(q, null, H(L, (C) => (l(), P(t(Bt), {
                     key: C.id,
                     disabled: C.disabled
                   }, {
@@ -2493,7 +2511,7 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
                         R(m.$slots, "item", { item: C }, () => [
                           T(S(C.title), 1)
                         ])
-                      ], 10, Rn)
+                      ], 10, zn)
                     ]),
                     _: 2
                   }, 1032, ["disabled"]))), 128))
@@ -2508,17 +2526,17 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
       _: 3
     }));
   }
-}), Tn = { class: "flex flex-col space-y-4" }, zn = { class: "flex space-x-6" }, Cl = /* @__PURE__ */ O({
+}), Fn = { class: "flex flex-col space-y-4" }, En = { class: "flex space-x-6" }, $l = /* @__PURE__ */ O({
   __name: "Tabs",
   props: {
     items: null
   },
   setup(e) {
-    const s = e, n = A(null), o = c(() => n.value && s.items.find((r) => r.id === n.value) || s.items[0]), a = (r) => {
+    const s = e, n = A(null), o = d(() => n.value && s.items.find((r) => r.id === n.value) || s.items[0]), a = (r) => {
       n.value = r.id;
     };
-    return (r, d) => (l(), h("div", Tn, [
-      u("div", zn, [
+    return (r, c) => (l(), h("div", Fn, [
+      u("div", En, [
         (l(!0), h(q, null, H(e.items, (i) => (l(), P(ge, {
           key: i.id,
           link: "",
@@ -2534,7 +2552,7 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
       R(r.$slots, "default", { activeItem: t(o) })
     ]));
   }
-}), Fn = { 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({
+}), Wn = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, Un = { class: "inline-flex items-center space-x-1" }, qn = /* @__PURE__ */ u("span", { class: "text-foreground-2" }, "That's it, you've loaded everything!", -1), Hn = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, Gn = { class: "inline-flex items-center space-x-1" }, Kn = /* @__PURE__ */ u("span", { class: "text-foreground-2" }, "An error occurred while loading", -1), _l = /* @__PURE__ */ O({
   __name: "InfiniteLoading",
   props: {
     settings: null,
@@ -2552,28 +2570,28 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
       ref_key: "wrapper",
       ref: s
     }, [
-      n.value ? (l(), P(t(Lt), ne({ key: 0 }, o.$props.settings || {}, {
+      n.value ? (l(), P(t(Pt), ne({ key: 0 }, o.$props.settings || {}, {
         onInfinite: a[0] || (a[0] = (r) => o.$emit("infinite", r))
       }), {
         spinner: B(() => [
-          I(De, {
+          I(Re, {
             loading: !0,
             class: "my-2"
           })
         ]),
         complete: B(() => [
-          u("div", Fn, [
-            u("div", En, [
-              I(t(tt), { class: "w-5 h-5 text-success" }),
-              Wn
+          u("div", Wn, [
+            u("div", Un, [
+              I(t(st), { class: "w-5 h-5 text-success" }),
+              qn
             ])
           ])
         ]),
         error: B(({ retry: r }) => [
-          u("div", Un, [
-            u("div", qn, [
-              I(t(st), { class: "w-5 h-5 text-danger" }),
-              Hn
+          u("div", Hn, [
+            u("div", Gn, [
+              I(t(nt), { class: "w-5 h-5 text-danger" }),
+              Kn
             ]),
             e.allowRetry ? (l(), P(ge, {
               key: 0,
@@ -2590,10 +2608,10 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
       }, 16)) : _("", !0)
     ], 512));
   }
-}), Gn = { class: "relative group" }, Kn = {
+}), Xn = { class: "relative group" }, Nn = {
   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({
+}, Sl = /* @__PURE__ */ O({
   __name: "Panel",
   props: {
     /**
@@ -2628,16 +2646,16 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
   },
   emits: ["submit"],
   setup(e, { emit: s }) {
-    const n = e, o = c(
+    const n = e, o = d(
       () => n.customPadding ? "" : "px-4 py-4 sm:px-6"
-    ), a = c(
+    ), a = d(
       () => n.customPadding ? "" : "px-4 py-4 sm:p-6"
-    ), r = c(() => {
-      const d = ["rounded-lg"];
-      return n.noShadow || d.push("shadow"), n.ring && d.push("ring-outline-2 hover:ring-2"), d.join(" ");
+    ), r = d(() => {
+      const c = ["rounded-lg"];
+      return n.noShadow || c.push("shadow"), n.ring && c.push("ring-outline-2 hover:ring-2"), c.join(" ");
     });
-    return (d, i) => (l(), h("div", Gn, [
-      e.fancyGlow ? (l(), h("div", Kn)) : _("", !0),
+    return (c, i) => (l(), h("div", Xn, [
+      e.fancyGlow ? (l(), h("div", Nn)) : _("", !0),
       (l(), P(U(e.form ? "form" : "div"), {
         class: v([
           "relative divide-outline-3 bg-foundation text-foreground flex flex-col divide-y overflow-hidden",
@@ -2646,22 +2664,22 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
         onSubmit: i[0] || (i[0] = (y) => s("submit", y))
       }, {
         default: B(() => [
-          d.$slots.header ? (l(), h("div", {
+          c.$slots.header ? (l(), h("div", {
             key: 0,
             class: v(t(o))
           }, [
-            R(d.$slots, "header")
+            R(c.$slots, "header")
           ], 2)) : _("", !0),
           u("div", {
             class: v(["grow", t(a)])
           }, [
-            R(d.$slots, "default")
+            R(c.$slots, "default")
           ], 2),
-          d.$slots.footer ? (l(), h("div", {
+          c.$slots.footer ? (l(), h("div", {
             key: 1,
             class: v(t(o))
           }, [
-            R(d.$slots, "footer")
+            R(c.$slots, "footer")
           ], 2)) : _("", !0)
         ]),
         _: 3
@@ -2670,40 +2688,40 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
   }
 });
 export {
-  Gt as CommonBadge,
-  De as CommonLoadingBar,
-  il as CommonStepsBullet,
-  rl as CommonStepsNumber,
-  jt as CommonTextLink,
+  Kt as CommonBadge,
+  Re as CommonLoadingBar,
+  cl as CommonStepsBullet,
+  ul as CommonStepsNumber,
+  Ot as CommonTextLink,
   ge as FormButton,
-  ul as FormCardButton,
-  dl as FormCheckbox,
-  xn as FormSelectBase,
-  hl as FormSelectSourceApps,
-  cl as FormTextArea,
-  fl as FormTextInput,
-  ol as GlobalToastRenderer,
+  dl as FormCardButton,
+  fl as FormCheckbox,
+  Cn as FormSelectBase,
+  gl as FormSelectSourceApps,
+  pl as FormTextArea,
+  hl as FormTextInput,
+  il as GlobalToastRenderer,
   K as GridListToggleValue,
   ue as HorizontalDirection,
-  wl as InfiniteLoading,
-  yl as LayoutDialog,
-  vl as LayoutDisclosure,
-  bl as LayoutGridListToggle,
-  kl as LayoutMenu,
-  $l as LayoutPanel,
-  Cl as LayoutTabs,
+  _l as InfiniteLoading,
+  bl as LayoutDialog,
+  xl as LayoutDisclosure,
+  kl as LayoutGridListToggle,
+  wl as LayoutMenu,
+  Sl as LayoutPanel,
+  $l as LayoutTabs,
   Q as ModifierKeys,
-  kn as SourceAppBadge,
+  wn as SourceAppBadge,
   J as TailwindBreakpoints,
-  Mn as ThrottleOrDebounce,
+  Dn as ThrottleOrDebounce,
   N as ToastNotificationType,
-  pl as ValidationHelpers,
+  ml 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
+  yl as getKeyboardShortcutTitle,
+  vl as onKeyboardShortcut,
+  sn as useFormSelectChildInternals,
+  Cl as useOnBeforeWindowUnload,
+  Tn as useResponsiveHorizontalDirectionCalculation,
+  Rn as useWindowResizeHandler,
+  tn as useWrappingContainerHiddenCount
 };