@speckle/ui-components 2.14.8-alpha3 → 2.14.8-alpha5

package/dist/lib.js

@@ -1,16 +1,16 @@
-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 { 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 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 = {
+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" }
 }, jt = /* @__PURE__ */ O({
@@ -141,10 +141,10 @@ const Pt = {
   },
   emits: ["click"],
   setup(e, { emit: s }) {
-    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"), 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";
       }
-    }), j = c(() => {
+    }), V = d(() => {
       switch (n.size) {
         case "xs":
           return "px-1";
@@ -286,28 +286,28 @@ const Pt = {
         case "base":
           return "px-3";
       }
-    }), x = c(() => {
+    }), L = d(() => {
       const p = [];
       return n.fullWidth && p.push("w-full"), i.value && p.push("cursor-not-allowed"), p.join(" ");
-    }), L = 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(" ");
-    }), S = c(() => {
+    }), C = d(() => {
       const p = n.link || n.text;
       return [
         "transition inline-flex justify-center items-center space-x-2 outline-none select-none",
-        x.value,
+        L.value,
         b.value,
         w.value,
         p ? "" : f.value,
         p ? "" : g.value,
         p ? "" : m.value,
-        n.link ? "" : j.value,
-        L.value
+        n.link ? "" : V.value,
+        $.value
       ].join(" ");
-    }), C = c(() => {
+    }), x = d(() => {
       const p = [""];
       switch (n.loading && p.push("animate-spin"), n.size) {
         case "xs":
@@ -328,35 +328,35 @@ const Pt = {
           break;
       }
       return p.join(" ");
-    }), q = (p) => {
+    }), E = (p) => {
       if (i.value) {
         p.preventDefault(), p.stopPropagation(), p.stopImmediatePropagation();
         return;
       }
       s("click", p);
     };
-    return (p, V) => (l(), P(W(e.to ? t(r) : "button"), {
+    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(S)),
+      class: v(t(C)),
       disabled: t(i),
       role: "button",
-      onClick: q
+      onClick: E
     }, {
       default: B(() => [
-        t(y) ? (l(), P(W(t(y)), {
+        t(y) ? (l(), P(U(t(y)), {
           key: 0,
-          class: v(`${t(C)} ${e.hideText ? "" : "mr-2"}`)
-        }, null, 8, ["class"])) : $("", !0),
-        e.hideText ? (l(), h("div", Pt, "   ")) : R(p.$slots, "default", { key: 1 }, () => [
+          class: v(`${t(x)} ${e.hideText ? "" : "mr-2"}`)
+        }, null, 8, ["class"])) : _("", !0),
+        e.hideText ? (l(), h("div", Vt, "   ")) : R(p.$slots, "default", { key: 1 }, () => [
           T("Button")
         ], !0),
-        e.iconRight || !e.loading ? (l(), P(W(e.iconRight), {
+        e.iconRight || !e.loading ? (l(), P(U(e.iconRight), {
           key: 3,
-          class: v(`${t(C)} ${e.hideText ? "" : "ml-2"}`)
-        }, null, 8, ["class"])) : $("", !0)
+          class: v(`${t(x)} ${e.hideText ? "" : "ml-2"}`)
+        }, null, 8, ["class"])) : _("", !0)
       ]),
       _: 3
     }, 8, ["href", "to", "type", "external", "class", "disabled"]));
@@ -367,7 +367,7 @@ const me = (e, s) => {
   for (const [o, a] of s)
     n[o] = a;
   return n;
-}, ge = /* @__PURE__ */ me(jt, [["__scopeId", "data-v-da9a3400"]]), Vt = /* @__PURE__ */ O({
+}, ge = /* @__PURE__ */ me(jt, [["__scopeId", "data-v-da9a3400"]]), Ot = /* @__PURE__ */ O({
   __name: "Link",
   props: {
     to: {
@@ -447,41 +447,41 @@ 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" }, Ft = { class: "ml-2 w-0 flex-1 flex flex-col" }, zt = {
+}, 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, [
+    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",
@@ -491,44 +491,44 @@ 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)
+                    })) : _("", !0)
                   ]),
                   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, {
+                    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: "",
                         onClick: r
                       }, {
                         default: B(() => [
-                          T(_(e.notification.cta.title), 1)
+                          T(S(e.notification.cta.title), 1)
                         ]),
                         _: 1
                       }, 8, ["to"])
-                    ])) : $("", !0)
+                    ])) : _("", !0)
                   ]),
                   u("div", {
                     class: v(["ml-4 flex flex-shrink-0", { "self-center": t(o) }])
@@ -538,7 +538,7 @@ 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,
+                      qt,
                       I(t(de), {
                         class: "h-6 w-6",
                         "aria-hidden": "true"
@@ -547,20 +547,20 @@ const Ot = {
                   ], 2)
                 ])
               ])
-            ])) : $("", !0)
+            ])) : _("", !0)
           ]),
           _: 1
         })
       ])
     ]));
   }
-}), 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,77 +611,99 @@ 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(W(e.iconLeft), {
+        (l(), P(U(e.iconLeft), {
           class: v(["h-4 w-4", t(a)])
         }, null, 8, ["class"]))
-      ], 2)) : $("", !0)
+      ], 2)) : _("", !0)
     ], 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, steps: n, orientation: o, goVerticalBelow: a, nonInteractive: r },
-    emit: d
-  } = e, i = c(
+    props: {
+      modelValue: s,
+      steps: n,
+      orientation: o,
+      goVerticalBelow: a,
+      nonInteractive: r,
+      stepsPadding: c
+    },
+    emit: i
+  } = e, y = d(
     () => (o == null ? void 0 : o.value) === "vertical" ? "vertical" : "horizontal"
-  ), y = c({
+  ), f = d({
     get: () => we((s == null ? void 0 : s.value) || 0, -1, n.value.length),
-    set: (x) => d("update:modelValue", we(x, 0, n.value.length))
-  }), f = (x) => `${x + 1}`, w = (x) => x === y.value, g = (x) => x < y.value, m = (x, L) => {
-    var C;
+    set: ($) => i("update:modelValue", we($, 0, n.value.length))
+  }), w = ($) => `${$ + 1}`, g = ($) => $ === f.value, m = ($) => $ < f.value, b = ($, C) => {
+    var E;
     if (r != null && r.value) {
-      L == null || L.preventDefault(), L == null || L.stopPropagation(), L == null || L.stopImmediatePropagation();
+      C == null || C.preventDefault(), C == null || C.stopPropagation(), C == null || C.stopImmediatePropagation();
       return;
     }
-    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"), i.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 ? 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 ? 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 && x.push(
-      "xl:flex-row xl:space-y-0 xl:justify-start xl:space-x-8 xl:items-center"
-    )) : 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(" ");
+    f.value = $;
+    const x = n.value[f.value];
+    (E = x == null ? void 0 : x.onClick) == null || E.call(x);
+  }, V = d(() => {
+    const $ = ["flex"];
+    let C, x;
+    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`
+    ) : (a == null ? void 0 : a.value) === J.lg ? $.push(
+      `lg:flex-row lg:space-y-0 lg:justify-start lg:${C} lg:items-center`
+    ) : (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 = d(() => {
+    const $ = ["flex items-center"];
+    return r != null && r.value || $.push("cursor-pointer"), $.join(" ");
   });
   return {
-    value: y,
-    isCurrentStep: w,
-    isFinishedStep: g,
-    switchStep: m,
-    getStepDisplayValue: f,
-    listClasses: b,
-    linkClasses: j,
-    orientation: i
+    value: f,
+    isCurrentStep: g,
+    isFinishedStep: m,
+    switchStep: b,
+    getStepDisplayValue: w,
+    listClasses: V,
+    linkClasses: L,
+    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"
+]);
+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,
@@ -689,7 +711,8 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
     steps: null,
     modelValue: null,
     goVerticalBelow: null,
-    nonInteractive: { type: Boolean }
+    nonInteractive: { type: Boolean },
+    stepsPadding: null
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
@@ -697,10 +720,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
     });
@@ -711,7 +734,7 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
       u("ol", {
         class: v(t(i))
       }, [
-        (l(!0), h(U, null, H(e.steps, (g, m) => (l(), h("li", {
+        (l(!0), h(q, null, H(e.steps, (g, m) => (l(), h("li", {
           key: g.name
         }, [
           t(a)(m) ? (l(), h("a", {
@@ -720,66 +743,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", null, _(g.name), 1),
-                g.description ? (l(), h("div", Yt, _(g.description), 1)) : $("", !0)
+              u("div", Zt, [
+                u("div", null, S(g.name), 1),
+                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, _(t(d)(m)), 1),
-              u("div", ss, [
-                u("div", null, _(g.name), 1),
-                g.description ? (l(), h("div", ns, _(g.description), 1)) : $("", !0)
+            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", 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, _(t(d)(m)), 1),
-              u("div", rs, [
-                u("div", null, _(g.name), 1),
-                g.description ? (l(), h("div", is, _(g.description), 1)) : $("", !0)
+            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", cs, S(g.description), 1)) : _("", !0)
               ])
             ])
-          ], 10, ls))
+          ], 10, os))
         ]))), 128))
       ], 2)
-    ], 8, Kt));
+    ], 8, Nt));
   }
-}), 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 = {
+}), 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,
@@ -788,25 +811,27 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
     steps: null,
     modelValue: null,
     goVerticalBelow: null,
-    nonInteractive: { type: Boolean }
+    nonInteractive: { type: Boolean },
+    stepsPadding: null
   },
   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(() => {
-      const f = ["ml-3 h6 font-medium leading-7"];
-      return n.basic && f.push("sr-only"), f.join(" ");
+    }), 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(" ");
     });
     return (f, w) => (l(), h("nav", {
       class: "flex justify-center",
       "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(U, null, H(e.steps, (g, m) => (l(), h("li", {
+        (l(!0), h(q, null, H(e.steps, (g, m) => (l(), h("li", {
           key: g.name
         }, [
           t(a)(m) ? (l(), h("a", {
@@ -815,8 +840,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", ds, [
-              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"
@@ -824,42 +849,42 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
             ]),
             u("span", {
               class: v(["text-foreground", t(y)])
-            }, _(g.name), 3)
-          ], 10, cs)) : t(o)(m) ? (l(), h("a", {
+            }, S(g.name), 3)
+          ], 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(U, { 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)])
-            }, _(g.name), 3)
-          ], 10, ps)) : (l(), h("a", {
+            }, S(g.name), 3)
+          ], 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)])
-            }, _(g.name), 3)
-          ], 10, vs))
+            }, S(g.name), 3)
+          ], 10, xs))
         ]))), 128))
       ], 2)
-    ], 8, us));
+    ], 8, ds));
   }
 });
-const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-56fc6520"]]), 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 },
@@ -867,7 +892,7 @@ const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-56fc6520"]]), 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"
@@ -882,7 +907,7 @@ const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-56fc6520"]]), 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
@@ -890,18 +915,18 @@ const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-56fc6520"]]), 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"], js = O({
+}, js = ["id"], Os = O({
   inheritAttrs: !1
-}), cl = /* @__PURE__ */ O({
-  ...js,
+}), fl = /* @__PURE__ */ O({
+  ...Os,
   __name: "Checkbox",
   props: {
     /**
@@ -989,25 +1014,25 @@ const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-56fc6520"]]), ws = ["di
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const s = e, n = (x) => `${x}-${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 = (x) => {
-      s.disabled || d(x);
-    }, 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(() => {
-      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, [
+    }), i = (L) => {
+      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 = d(() => s.id || b.value);
+    return (L, $) => (l(), h("div", Ss, [
+      u("div", Is, [
         u("input", ne({
-          id: t(j),
+          id: t(V),
           checked: t(a),
           "aria-describedby": t(g),
           name: e.name,
@@ -1015,78 +1040,78 @@ const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-56fc6520"]]), 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)]
-        }, x.$attrs, { onChange: i }), null, 16, Ss)
+        }, L.$attrs, { onChange: i }), null, 16, Bs)
       ]),
-      u("div", Is, [
+      u("div", Ls, [
         u("label", {
-          for: t(j),
+          for: t(V),
           class: v(["font-medium text-foreground", { "sr-only": e.hideLabel }])
         }, [
-          u("span", null, _(t(y)), 1),
-          e.showRequired ? (l(), h("span", Ls, "*")) : $("", !0)
-        ], 10, Bs),
+          u("span", null, S(t(y)), 1),
+          e.showRequired ? (l(), h("span", Vs, "*")) : _("", !0)
+        ], 10, Ps),
         t(w) ? (l(), h("p", {
           key: 0,
           id: t(g),
           class: v(t(m))
-        }, _(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(() => {
-    const C = ["block label text-foreground-2 mb-2"];
-    return t(s.showLabel) || C.push("sr-only"), C.join(" ");
-  }), i = c(() => {
-    const C = [
+  }), c = d(() => {
+    const x = ["block label text-foreground-2 mb-2"];
+    return t(s.showLabel) || x.push("sr-only"), x.join(" ");
+  }), 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",
       "placeholder:text-foreground-2"
     ];
-    return r.value ? C.push(
+    return r.value ? x.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()), f = c(() => t(s.label) || t(s.name)), w = c(() => {
-    const C = r.value;
-    return !C || !t(s.useLabelInErrors) ? C : C.replace("Value", f.value);
-  }), g = c(
+    ) : 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 = 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 = d(
     () => w.value && t(s.hideErrorMessage)
-  ), m = c(() => w.value || t(s.help)), b = c(() => !!m.value), j = c(
+  ), m = d(() => w.value || t(s.help)), b = d(() => !!m.value), V = d(
     () => 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(" ");
-  }), L = () => {
-    var C;
-    (C = n.value) == null || C.focus();
-  }, S = () => {
+  ), L = d(() => {
+    const x = ["mt-2 text-sm"];
+    return x.push(r.value ? "text-danger" : "text-foreground-2"), x.join(" ");
+  }), $ = () => {
+    var x;
+    (x = n.value) == null || x.focus();
+  }, C = () => {
     a.value = "", o("change", { value: "" }), o("clear");
   };
   return ee(() => {
-    t(s.autoFocus) && L();
+    t(s.autoFocus) && $();
   }), {
     coreClasses: i,
     title: f,
     value: a,
-    helpTipId: j,
-    helpTipClasses: x,
+    helpTipId: V,
+    helpTipClasses: L,
     helpTip: m,
     hideHelpTip: g,
     errorMessage: w,
-    clear: S,
-    focus: L,
-    labelClasses: d
+    clear: C,
+    focus: $,
+    labelClasses: c
   };
 }
-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 = {
+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"], dl = /* @__PURE__ */ O({
+}, zs = ["id"], pl = /* @__PURE__ */ O({
   __name: "TextArea",
   props: {
     name: null,
@@ -1110,7 +1135,7 @@ const Vs = ["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,
@@ -1118,57 +1143,57 @@ const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
       errorMessage: g,
       labelClasses: m,
       clear: b,
-      focus: j
-    } = Ae({
+      focus: V
+    } = De({
       props: Z(o),
       emit: n,
       inputEl: a
-    }), 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(" ");
+    }), L = d(() => {
+      const $ = ["pl-2"];
+      return o.showClear && g.value ? $.push("pr-12") : (o.showClear || g.value) && $.push("pr-8"), $.join(" ");
     });
-    return s({ focus: j }), (L, S) => (l(), h("div", {
+    return s({ focus: V }), ($, C) => (l(), h("div", {
       class: v([e.fullWidth ? "w-full" : ""])
     }, [
       u("label", {
         for: e.name,
         class: v(t(m))
       }, [
-        u("span", null, _(t(d)), 1)
-      ], 10, Vs),
-      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",
           ref: a,
-          "onUpdate:modelValue": S[0] || (S[0] = (C) => le(i) ? i.value = C : null),
+          "onUpdate:modelValue": C[0] || (C[0] = (x) => le(i) ? i.value = x : null),
           name: e.name,
-          class: [t(r), t(x), "min-h-[4rem]"],
+          class: [t(r), t(L), "min-h-[4rem]"],
           placeholder: e.placeholder,
           disabled: e.disabled,
           "aria-invalid": t(g) ? "true" : "false",
           "aria-describedby": t(y)
-        }, L.$attrs, {
-          onChange: S[1] || (S[1] = (C) => L.$emit("change", { event: C, value: t(i) })),
-          onInput: S[2] || (S[2] = (C) => L.$emit("input", { event: C, value: t(i) }))
-        }), null, 16, Ms), [
-          [Ie, t(i)]
+        }, $.$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, Ds), [
+          [Be, t(i)]
         ]),
         e.showClear ? (l(), h("a", {
           key: 0,
           title: "Clear input",
           class: "absolute top-2 right-0 flex items-center pr-2 cursor-pointer",
-          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))
+          onClick: C[3] || (C[3] = //@ts-ignore
+          (...x) => t(b) && t(b)(...x)),
+          onKeydown: C[4] || (C[4] = //@ts-ignore
+          (...x) => t(b) && t(b)(...x))
         }, [
-          As,
+          Rs,
           I(t(de), {
             class: "h-5 w-5 text-foreground",
             "aria-hidden": "true"
           })
-        ], 32)) : $("", !0),
+        ], 32)) : _("", !0),
         t(g) ? (l(), h("div", {
           key: 1,
           class: v([
@@ -1176,30 +1201,30 @@ const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
             e.showClear ? "pr-8" : "pr-2"
           ])
         }, [
-          I(t(Ve), {
+          I(t(Oe), {
             class: "h-4 w-4 text-danger",
             "aria-hidden": "true"
           })
-        ], 2)) : $("", !0),
-        e.showRequired && !t(g) ? (l(), h("div", Ds, " * ")) : $("", !0)
+        ], 2)) : _("", !0),
+        e.showRequired && !t(g) ? (l(), h("div", Ts, " * ")) : _("", !0)
       ]),
       t(y) ? (l(), h("p", {
         key: 0,
         id: t(y),
         class: v(t(f))
-      }, _(t(w)), 11, Rs)) : $("", !0)
+      }, S(t(w)), 11, zs)) : _("", !0)
     ], 2));
   }
-}), Ts = ["for"], Fs = { class: "relative" }, zs = {
+}), 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: {
     /**
@@ -1335,8 +1360,8 @@ const Vs = ["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 = ze(), r = A(null), {
-      coreClasses: d,
+    const o = e, a = Ee(), r = A(null), {
+      coreClasses: c,
       title: i,
       value: y,
       helpTipId: f,
@@ -1344,22 +1369,22 @@ const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
       helpTip: g,
       hideHelpTip: m,
       errorMessage: b,
-      clear: j,
-      focus: x,
-      labelClasses: L
-    } = Ae({
+      clear: V,
+      focus: L,
+      labelClasses: $
+    } = De({
       props: Z(o),
       emit: n,
       inputEl: r
-    }), S = c(() => {
-      const V = ["h-5 w-5"];
-      return b.value ? V.push("text-danger") : V.push("text-foreground-2"), V.join(" ");
-    }), 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 = d(
       () => ["email", "password"].includes(o.type) || o.customIcon
-    ), 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(" ");
-    }), p = 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 = d(() => {
       switch (o.size) {
         case "sm":
           return "h-6";
@@ -1372,66 +1397,66 @@ const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
           return "h-8";
       }
     });
-    return s({ focus: x }), (V, F) => (l(), h("div", {
+    return s({ focus: L }), (j, z) => (l(), h("div", {
       class: v([e.fullWidth ? "w-full" : "", e.wrapperClasses])
     }, [
       u("label", {
         for: e.name,
-        class: v(t(L))
+        class: v(t($))
       }, [
-        u("span", null, _(t(i)), 1)
-      ], 10, Ts),
-      u("div", Fs, [
-        t(C) ? (l(), h("div", zs, [
-          e.customIcon ? (l(), P(W(e.customIcon), {
+        u("span", null, S(t(i)), 1)
+      ], 10, Fs),
+      u("div", Es, [
+        t(x) ? (l(), h("div", Ws, [
+          e.customIcon ? (l(), P(U(e.customIcon), {
             key: 0,
-            class: v(t(S)),
+            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(S)),
+            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(S)),
+            class: v(t(C)),
             "aria-hidden": "true"
-          }, null, 8, ["class"])) : $("", !0)
-        ])) : $("", !0),
+          }, null, 8, ["class"])) : _("", !0)
+        ])) : _("", !0),
         te(u("input", ne({
           id: e.name,
           ref_key: "inputElement",
           ref: r,
-          "onUpdate:modelValue": F[0] || (F[0] = (M) => le(y) ? y.value = M : null),
+          "onUpdate:modelValue": z[0] || (z[0] = (M) => le(y) ? y.value = M : null),
           type: e.type,
           name: e.name,
-          class: [t(d), t(q), 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",
           "aria-describedby": t(f),
           role: "textbox"
-        }, 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)]
+        }, 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, Us), [
+          [We, t(y)]
         ]),
-        R(V.$slots, "input-right", {}, () => [
+        R(j.$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: 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))
+            onClick: z[3] || (z[3] = //@ts-ignore
+            (...M) => t(V) && t(V)(...M)),
+            onKeydown: z[4] || (z[4] = //@ts-ignore
+            (...M) => t(V) && t(V)(...M))
           }, [
-            Ws,
+            qs,
             I(t(de), {
               class: "h-5 w-5 text-foreground",
               "aria-hidden": "true"
             })
-          ], 32)) : $("", !0),
+          ], 32)) : _("", !0),
           t(b) ? (l(), h("div", {
             key: 1,
             class: v([
@@ -1439,71 +1464,71 @@ const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
               e.showClear ? "pr-8" : "pr-2"
             ])
           }, [
-            I(t(Ve), {
+            I(t(Oe), {
               class: "h-4 w-4 text-danger",
               "aria-hidden": "true"
             })
-          ], 2)) : $("", !0),
-          e.showRequired && !t(b) ? (l(), h("div", Us, " * ")) : $("", !0)
+          ], 2)) : _("", !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))
-      }, _(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;
     const f = y.children;
     let w = 0, g = 0, m;
     for (const b of f) {
-      const j = b.offsetTop;
-      X(m) ? (m = j, w += 1) : j === m && (w += 1), g += 1;
+      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 && ct(n, i), r && dt(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);
       }),
@@ -1512,35 +1537,35 @@ 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;
-      return (g = s.multiple) != null && g.value ? E(f) ? f : [] : E(f) ? void 0 : f;
+      return (g = s.multiple) != null && g.value ? W(f) ? f : [] : W(f) ? void 0 : f;
     },
     set: (f) => {
       var w, g, m;
-      if ((w = s.multiple) != null && w.value && !E(f)) {
+      if ((w = s.multiple) != null && w.value && !W(f)) {
         console.warn("Attempting to set non-array value in selector w/ multiple=true");
         return;
-      } else if (!((g = s.multiple) != null && g.value) && E(f)) {
+      } else if (!((g = s.multiple) != null && g.value) && W(f)) {
         console.warn("Attempting to set array value in selector w/ multiple=false");
         return;
       }
       n("update:modelValue", (m = s.multiple) != null && m.value ? f || [] : f);
     }
-  }), d = (f) => E(f);
+  }), c = (f) => W(f);
   return {
     selectedValue: r,
     hiddenSelectedItemCount: a,
-    isArrayValue: d,
-    isMultiItemArrayValue: (f) => E(f) && f.length > 1,
-    firstItem: (f) => d(f) ? f[0] : f
+    isArrayValue: c,
+    isMultiItemArrayValue: (f) => W(f) && f.length > 1,
+    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 }
@@ -1551,18 +1576,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"], cn = {
+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"
-}, 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 = {
+}, 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: {
@@ -1698,138 +1723,138 @@ 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
-    ), j = c(
+    ), V = d(
       () => o.value ? "text-danger" : "text-foreground-2"
-    ), x = c(
+    ), L = d(
       () => s.buttonStyle !== "simple" && s.clearable && !s.disabled
-    ), L = 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(" ");
-    }), S = c(() => {
+    }), C = d(() => {
       const k = [];
       return s.buttonStyle !== "simple" && k.push(
-        F.value ? "bg-foundation-disabled text-foreground-disabled" : ""
-      ), F.value && k.push("cursor-not-allowed"), k.join(" ");
-    }), C = c(() => {
+        z.value ? "bg-foundation-disabled text-foreground-disabled" : ""
+      ), z.value && k.push("cursor-not-allowed"), k.join(" ");
+    }), x = d(() => {
       const k = [
         "relative z-[1]",
         "flex items-center justify-center text-center shrink-0",
         "rounded-r-md overflow-hidden transition-all",
-        ve.value ? `w-6 ${S.value}` : "w-0"
+        ve.value ? `w-6 ${C.value}` : "w-0"
       ];
-      return F.value || k.push(
+      return z.value || k.push(
         "bg-primary-muted hover:bg-primary hover:text-foreground-on-primary"
       ), k.join(" ");
-    }), q = c(() => {
+    }), E = d(() => {
       const k = [
         "relative z-[2]",
         "normal rounded-md cursor-pointer transition truncate flex-1",
         "flex items-center",
-        S.value
+        C.value
       ];
-      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(" ");
-    }), p = c(
+      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 = d(
       () => !!(s.search && (s.filterPredicate || s.getSearchResults))
-    ), V = c(() => p.value && s.getSearchResults), F = c(
-      () => s.disabled || !s.items.length && !V.value
-    ), M = c({
+    ), j = d(() => p.value && s.getSearchResults), z = d(
+      () => s.disabled || !s.items.length && !j.value
+    ), M = d({
       get: () => {
         const k = n.value;
-        return s.multiple ? E(k) ? k : [] : E(k) ? void 0 : k;
+        return s.multiple ? W(k) ? k : [] : W(k) ? void 0 : k;
       },
       set: (k) => {
-        if (s.multiple && !E(k)) {
+        if (s.multiple && !W(k)) {
           console.warn("Attempting to set non-array value in selector w/ multiple=true");
           return;
-        } else if (!s.multiple && E(k)) {
+        } else if (!s.multiple && W(k)) {
           console.warn("Attempting to set array value in selector w/ multiple=false");
           return;
         }
         if (s.multiple)
           n.value = k || [];
         else {
-          const z = n.value, D = s.allowUnset && z && k && ae(z) === ae(k);
+          const F = n.value, D = s.allowUnset && F && k && ae(F) === ae(k);
           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(
-        (z) => {
+      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, z, k)) || !1;
+          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"), !(!V.value || !s.getSearchResults)) {
+      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;
         }
       }
-    }, Fe = Pe(xe, 1e3);
+    }, Fe = Ve(xe, 1e3);
     return Y(
       () => s.items,
       (k) => {
-        d.value = k.slice();
+        c.value = k.slice();
       },
       { immediate: !0 }
     ), Y(r, () => {
-      V.value && Fe();
+      j.value && Fe();
     }), ee(() => {
-      V.value && !s.items.length && xe();
-    }), (k, z) => (l(), h("div", null, [
-      I(t(pt), {
+      j.value && !s.items.length && xe();
+    }), (k, F) => (l(), h("div", null, [
+      I(t(ht), {
         modelValue: t(M),
-        "onUpdate:modelValue": z[4] || (z[4] = (D) => le(M) ? M.value = D : null),
+        "onUpdate:modelValue": F[4] || (F[4] = (D) => le(M) ? M.value = D : null),
         name: e.name,
         multiple: e.multiple,
         by: e.by,
-        disabled: t(F),
+        disabled: t(z),
         as: "div"
       }, {
         default: B(() => [
-          I(t(ht), {
+          I(t(mt), {
             class: v(["block label text-foreground", { "sr-only": !e.showLabel }])
           }, {
             default: B(() => [
-              T(_(e.label), 1)
+              T(S(e.label), 1)
             ]),
             _: 1
           }, 8, ["class"]),
           u("div", {
-            class: v(t(L))
+            class: v(t($))
           }, [
-            I(t(mt), {
-              class: v(t(q))
+            I(t(gt), {
+              class: v(t(E))
             }, {
               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)
+                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", {
                       key: 1,
                       value: t(M)
                     }, () => [
-                      T(_(be(t(M))), 1)
+                      T(S(be(t(M))), 1)
                     ])
                   ]),
-                  u("div", rn, [
+                  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"
@@ -1839,61 +1864,61 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
               ]),
               _: 3
             }, 8, ["class"]),
-            t(x) ? te((l(), h("button", {
+            t(L) ? te((l(), h("button", {
               key: 0,
-              class: v(t(C)),
+              class: v(t(x)),
               disabled: e.disabled,
-              onClick: z[0] || (z[0] = (D) => Re())
+              onClick: F[0] || (F[0] = (D) => Te())
             }, [
-              I(t(He), { class: "w-3 h-3" })
-            ], 10, un)), [
-              [t(Bt), "Clear"]
-            ]) : $("", !0),
+              I(t(Ge), { class: "w-3 h-3" })
+            ], 10, dn)), [
+              [t(Lt), "Clear"]
+            ]) : _("", !0),
             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: z[3] || (z[3] = (D) => {
+                  onFocus: F[3] || (F[3] = (D) => {
                     var G;
                     return (G = a.value) == null ? void 0 : G.focus();
                   })
                 }, {
                   default: B(() => [
-                    t(p) ? (l(), h("label", cn, [
-                      dn,
-                      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",
                           ref: a,
-                          "onUpdate:modelValue": z[1] || (z[1] = (D) => r.value = D),
+                          "onUpdate:modelValue": F[1] || (F[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: z[2] || (z[2] = Be(() => {
+                          onKeydown: F[2] || (F[2] = Le(() => {
                           }, ["stop"]))
-                        }, null, 40, hn), [
-                          [Ie, r.value]
+                        }, null, 40, gn), [
+                          [Be, r.value]
                         ])
                       ])
-                    ])) : $("", !0),
+                    ])) : _("", !0),
                     u("div", {
                       class: v(["overflow-auto simple-scrollbar", [t(p) ? "max-h-52" : "max-h-60"]])
                     }, [
-                      t(V) && i.value ? (l(), h("div", mn, [
-                        I(De, { loading: !0 })
-                      ])) : t(V) && !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(V) || !i.value ? (l(!0), h(U, { key: 2 }, H(t(Te), (D) => (l(), P(t(yt), {
+                      ])) : _("", !0),
+                      !t(j) || !i.value ? (l(!0), h(q, { key: 2 }, H(t(ze), (D) => (l(), P(t(vt), {
                         key: ae(D),
                         value: D
                       }, {
@@ -1905,13 +1930,13 @@ 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,
                                 selected: ke
                               }, () => [
-                                T(_(be(D)), 1)
+                                T(S(be(D)), 1)
                               ])
                             ]),
                             !e.hideCheckmarks && ke ? (l(), h("span", {
@@ -1921,15 +1946,15 @@ 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"
                               })
-                            ], 2)) : $("", !0)
+                            ], 2)) : _("", !0)
                           ], 2)
                         ]),
                         _: 2
-                      }, 1032, ["value"]))), 128)) : $("", !0)
+                      }, 1032, ["value"]))), 128)) : _("", !0)
                     ], 2)
                   ]),
                   _: 3
@@ -1944,34 +1969,34 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
       t(b) ? (l(), h("p", {
         key: 0,
         id: t(b),
-        class: v(["mt-2 ml-3 text-sm", t(j)])
-      }, _(t(g)), 11, bn)) : $("", !0)
+        class: v(["mt-2 ml-3 text-sm", t(V)])
+      }, 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 })
     }, {
       default: B(() => [
-        T(_(e.sourceApp.short), 1)
+        T(S(e.sourceApp.short), 1)
       ]),
       _: 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: {
     /**
@@ -2031,16 +2056,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,
@@ -2050,10 +2075,10 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
       by: "name"
     }, {
       "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)
+        e.selectorPlaceholder ? (l(), h(q, { key: 0 }, [
+          T(S(e.selectorPlaceholder), 1)
+        ], 64)) : (l(), h(q, { key: 1 }, [
+          T(S(e.multiple ? "Select apps" : "Select an app"), 1)
         ], 64))
       ]),
       "something-selected": B(({ value: m }) => [
@@ -2068,27 +2093,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(U, 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, " +" + _(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, _(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, _(m.name), 1)
+          u("span", Bn, S(m.name), 1)
         ])
       ]),
       _: 1
@@ -2096,7 +2121,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 */
@@ -2107,17 +2132,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;
@@ -2136,7 +2161,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" }, jn = { 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 },
@@ -2146,10 +2171,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;
@@ -2162,24 +2187,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), {
@@ -2192,12 +2217,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",
@@ -2209,23 +2234,23 @@ 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", jn, [
+                        u("div", On, [
                           R(i.$slots, "default", {}, () => [
                             T("Put your content here!")
                           ]),
-                          e.hideCloser ? $("", !0) : (l(), h("button", {
+                          e.hideCloser ? _("", !0) : (l(), h("button", {
                             key: 0,
                             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" })
                           ]))
                         ])
                       ]),
@@ -2243,7 +2268,7 @@ const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
       _: 3
     }, 8, ["show"]));
   }
-}), Vn = { 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,
@@ -2251,7 +2276,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"
@@ -2268,7 +2293,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":
@@ -2282,30 +2307,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", Vn, [
-                e.icon ? (l(), P(W(e.icon), {
+              u("div", Mn, [
+                e.icon ? (l(), P(U(e.icon), {
                   key: 0,
                   class: "h-4 w-4"
-                })) : $("", !0),
-                u("span", null, _(e.title), 1)
+                })) : _("", !0),
+                u("span", null, S(e.title), 1)
               ]),
               I(t(je), {
-                class: v([d ? "" : "rotate-180 transform", "h-5 w-5"])
+                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")
                 ])
@@ -2320,79 +2345,79 @@ 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
     }, [
-      (l(), P(W(t(a)), { class: "h-6 w-6" }))
+      (l(), P(U(t(a)), { class: "h-6 w-6" }))
     ]));
   }
 });
-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 },
@@ -2400,19 +2425,19 @@ 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) => {
-      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(" ");
+      const { active: b, disabled: V } = m, L = ["group flex w-full items-center rounded-md px-2 py-2 text-sm"];
+      return b ? L.push("bg-primary text-foreground-on-primary") : V ? L.push("text-foreground-disabled") : L.push("text-foreground"), L.join(" ");
     }, f = (m, b) => {
       s("chosen", { item: m, event: b });
     }, w = () => {
@@ -2420,31 +2445,31 @@ 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: j }) => [
+      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", {
-            class: v(j ? "pointer-events-none" : "")
+            class: v(V ? "pointer-events-none" : "")
           }, [
             R(m.$slots, "default", {
               toggle: w,
-              open: g(j)
+              open: g(V)
             })
           ], 2)
         ]),
@@ -2457,7 +2482,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([
@@ -2466,23 +2491,23 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
               ])
             }, {
               default: B(() => [
-                (l(!0), h(U, null, H(e.items, (x, L) => (l(), h("div", {
-                  key: L,
+                (l(!0), h(q, null, H(e.items, (L, $) => (l(), h("div", {
+                  key: $,
                   class: "px-1 py-1"
                 }, [
-                  (l(!0), h(U, null, H(x, (S) => (l(), P(t(It), {
-                    key: S.id,
-                    disabled: S.disabled
+                  (l(!0), h(q, null, H(L, (C) => (l(), P(t(Bt), {
+                    key: C.id,
+                    disabled: C.disabled
                   }, {
-                    default: B(({ active: C, disabled: q }) => [
+                    default: B(({ active: x, disabled: E }) => [
                       u("button", {
-                        class: v(y({ active: C, disabled: q })),
-                        onClick: (p) => f(S, p)
+                        class: v(y({ active: x, disabled: E })),
+                        onClick: (p) => f(C, p)
                       }, [
-                        R(m.$slots, "item", { item: S }, () => [
-                          T(_(S.title), 1)
+                        R(m.$slots, "item", { item: C }, () => [
+                          T(S(C.title), 1)
                         ])
-                      ], 10, Rn)
+                      ], 10, zn)
                     ]),
                     _: 2
                   }, 1032, ["disabled"]))), 128))
@@ -2497,25 +2522,25 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
       _: 3
     }));
   }
-}), Tn = { class: "flex flex-col space-y-4" }, Fn = { 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", Fn, [
-        (l(!0), h(U, null, H(e.items, (i) => (l(), P(ge, {
+    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: "",
           color: t(o).id === i.id ? "default" : "secondary",
           onClick: (y) => a(i)
         }, {
           default: B(() => [
-            T(_(i.title), 1)
+            T(S(i.title), 1)
           ]),
           _: 2
         }, 1032, ["color", "onClick"]))), 128))
@@ -2523,7 +2548,7 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ 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({
+}), 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,
@@ -2541,28 +2566,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", zn, [
-            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,
@@ -2572,17 +2597,17 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
                 T("Retry")
               ]),
               _: 2
-            }, 1032, ["onClick"])) : $("", !0)
+            }, 1032, ["onClick"])) : _("", !0)
           ])
         ]),
         _: 1
-      }, 16)) : $("", !0)
+      }, 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: {
     /**
@@ -2617,17 +2642,17 @@ 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),
-      (l(), P(W(e.form ? "form" : "div"), {
+    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",
           t(r)
@@ -2635,23 +2660,23 @@ 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")
-          ], 2)) : $("", !0),
+            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")
-          ], 2)) : $("", !0)
+            R(c.$slots, "footer")
+          ], 2)) : _("", !0)
         ]),
         _: 3
       }, 40, ["class"]))
@@ -2659,40 +2684,40 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
   }
 });
 export {
-  Gt as CommonBadge,
-  De as CommonLoadingBar,
-  il as CommonStepsBullet,
-  rl as CommonStepsNumber,
-  Vt as CommonTextLink,
+  Kt as CommonBadge,
+  Re as CommonLoadingBar,
+  cl as CommonStepsBullet,
+  ul as CommonStepsNumber,
+  Ot 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,
+  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
 };