@speckle/ui-components 2.14.8-alpha8 → 2.14.8-alpha9

package/dist/lib.js

@@ -1,5 +1,5 @@
-import { defineComponent as V, resolveDynamicComponent as q, computed as u, openBlock as l, createBlock as j, unref as t, normalizeClass as v, withCtx as B, createCommentVNode as _, renderSlot as R, createTextVNode as D, createElementBlock as m, createElementVNode as r, createVNode as I, Transition as fe, toDisplayString as S, toRefs as Z, Fragment as U, renderList as H, ref as A, mergeProps as ne, onMounted as ee, withDirectives as te, isRef as le, vModelText as _e, useSlots as Se, vModelDynamic as Fe, pushScopeId as Ee, popScopeId as We, watch as Y, withModifiers as Ie, normalizeStyle as ie, onBeforeUnmount as Be } from "vue";
-import { isObjectLike as ke, clamp as we, isString as se, isUndefined as X, isArray as W, debounce as Le, throttle as Ue, noop as qe } from "lodash";
+import { defineComponent as V, resolveDynamicComponent as q, computed as u, openBlock as l, createBlock as j, unref as t, normalizeClass as b, withCtx as B, createCommentVNode as _, renderSlot as R, createTextVNode as D, createElementBlock as m, createElementVNode as r, createVNode as I, Transition as fe, toDisplayString as S, toRefs as Z, Fragment as U, renderList as H, ref as A, mergeProps as ne, onMounted as ee, withDirectives as te, isRef as le, vModelText as _e, useSlots as Se, vModelDynamic as Fe, pushScopeId as Ee, popScopeId as We, watch as Y, withModifiers as Ie, normalizeStyle as ie, onBeforeUnmount as Be } from "vue";
+import { isObjectLike as ke, clamp as Ce, isString as se, isUndefined as X, isArray as W, debounce as Le, throttle as Ue, noop as qe } from "lodash";
 import { ArrowPathIcon as He, ChevronUpIcon as Pe, ChevronDownIcon as Ge, XMarkIcon as Ke, MagnifyingGlassIcon as Xe, CheckIcon as Ne, Bars3Icon as Je, Squares2X2Icon as Qe } from "@heroicons/vue/24/solid";
 import { CheckCircleIcon as Ye, XCircleIcon as Ze, ExclamationCircleIcon as et, InformationCircleIcon as tt, XMarkIcon as st, CheckIcon as nt, ExclamationTriangleIcon as lt } from "@heroicons/vue/24/outline";
 import { XMarkIcon as ae, CheckIcon as at, CheckCircleIcon as je, ExclamationCircleIcon as Ve, EnvelopeIcon as ot, KeyIcon as rt } from "@heroicons/vue/20/solid";
@@ -7,7 +7,7 @@ import { useField as pe } from "vee-validate";
 import { nanoid as he } from "nanoid";
 import { isNullOrUndefined as it, SourceApps as ut, getClientOperatingSystem as ct, OperatingSystem as ue } from "@speckle/shared";
 import { useResizeObserver as dt, useMutationObserver as ft, onKeyDown as pt, isClient as me } 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 Ce, DialogPanel as kt, Disclosure as wt, DisclosureButton as Ct, DisclosurePanel as $t, Menu as _t, MenuButton as St, MenuItems as It, MenuItem as Bt } from "@headlessui/vue";
+import { Listbox as ht, ListboxLabel as mt, ListboxButton as gt, ListboxOptions as yt, ListboxOption as bt, TransitionRoot as vt, Dialog as xt, TransitionChild as we, 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 jt = {
@@ -140,114 +140,114 @@ const jt = {
     }
   },
   emits: ["click"],
-  setup(e, { emit: n }) {
-    const s = e, a = q("NuxtLink"), o = q("RouterLink"), i = u(() => s.linkComponent ? s.linkComponent : s.external ? "a" : ke(a) ? a : ke(o) ? o : "a"), f = u(() => {
-      if (!s.to)
-        return s.submit ? "submit" : "button";
-    }), c = u(() => s.disabled || s.loading), d = u(() => s.loading ? He : s.iconLeft), p = u(() => {
+  setup(e, { emit: s }) {
+    const n = e, a = q("NuxtLink"), o = q("RouterLink"), i = u(() => n.linkComponent ? n.linkComponent : n.external ? "a" : ke(a) ? a : ke(o) ? o : "a"), f = u(() => {
+      if (!n.to)
+        return n.submit ? "submit" : "button";
+    }), c = u(() => n.disabled || n.loading), d = u(() => n.loading ? He : n.iconLeft), p = u(() => {
       const h = [];
       if (h.push("border-2"), c.value)
         h.push(
-          s.outlined ? "border-foreground-disabled" : "bg-foundation-disabled border-transparent"
+          n.outlined ? "border-foreground-disabled" : "bg-foundation-disabled border-transparent"
         );
       else
-        switch (s.color) {
+        switch (n.color) {
           case "invert":
             h.push(
-              s.outlined ? "border-foundation dark:border-foreground" : "bg-foundation dark:bg-foreground border-transparent"
+              n.outlined ? "border-foundation dark:border-foreground" : "bg-foundation dark:bg-foreground border-transparent"
             );
             break;
           case "card":
             h.push(
-              s.outlined ? "border-foundation-2 shadow" : "bg-foundation-2 dark:bg-foundation-2 border-foundation shadow"
+              n.outlined ? "border-foundation-2 shadow" : "bg-foundation-2 dark:bg-foundation-2 border-foundation shadow"
             );
             break;
           case "danger":
-            h.push(s.outlined ? "border-danger" : "bg-danger border-danger");
+            h.push(n.outlined ? "border-danger" : "bg-danger border-danger");
             break;
           case "secondary":
             h.push(
-              s.outlined ? "border-foundation" : "bg-foundation border-foundation-2"
+              n.outlined ? "border-foundation" : "bg-foundation border-foundation-2"
             );
             break;
           case "warning":
-            h.push(s.outlined ? "border-warning" : "bg-warning border-warning");
+            h.push(n.outlined ? "border-warning" : "bg-warning border-warning");
             break;
           case "info":
-            h.push(s.outlined ? "border-info" : "bg-info border-info");
+            h.push(n.outlined ? "border-info" : "bg-info border-info");
             break;
           case "success":
-            h.push(s.outlined ? "border-success" : "bg-success border-success");
+            h.push(n.outlined ? "border-success" : "bg-success border-success");
             break;
           case "default":
           default:
             h.push(
-              s.outlined ? "border-primary hover:border-primary-focus" : "bg-primary hover:bg-primary-focus border-transparent"
+              n.outlined ? "border-primary hover:border-primary-focus" : "bg-primary hover:bg-primary-focus border-transparent"
             );
             break;
         }
       return h.join(" ");
-    }), x = u(() => {
+    }), k = u(() => {
       const h = [];
-      if (!s.text && !s.link)
+      if (!n.text && !n.link)
         if (c.value)
           h.push(
-            (s.outlined, "text-foreground-disabled")
+            (n.outlined, "text-foreground-disabled")
           );
         else
-          switch (s.color) {
+          switch (n.color) {
             case "invert":
               h.push(
-                s.outlined ? "text-foundation dark:text-foreground" : "text-primary"
+                n.outlined ? "text-foundation dark:text-foreground" : "text-primary"
               );
               break;
             case "card":
-              h.push((s.outlined, "text-foreground"));
+              h.push((n.outlined, "text-foreground"));
               break;
             case "danger":
               h.push(
-                s.outlined ? "text-danger" : "text-foundation dark:text-foreground"
+                n.outlined ? "text-danger" : "text-foundation dark:text-foreground"
               );
               break;
             case "warning":
               h.push(
-                s.outlined ? "text-warning" : "text-foundation dark:text-foreground"
+                n.outlined ? "text-warning" : "text-foundation dark:text-foreground"
               );
               break;
             case "info":
               h.push(
-                s.outlined ? "text-info" : "text-foundation dark:text-foreground"
+                n.outlined ? "text-info" : "text-foundation dark:text-foreground"
               );
               break;
             case "success":
               h.push(
-                s.outlined ? "text-success" : "text-foundation dark:text-foreground"
+                n.outlined ? "text-success" : "text-foundation dark:text-foreground"
               );
               break;
             case "secondary":
               h.push(
-                (s.outlined, "text-foreground hover:text-primary")
+                (n.outlined, "text-foreground hover:text-primary")
               );
               break;
             case "default":
             default:
               h.push(
-                s.outlined ? "text-primary hover:text-primary-focus" : "text-foundation dark:text-foreground"
+                n.outlined ? "text-primary hover:text-primary-focus" : "text-foundation dark:text-foreground"
               );
               break;
           }
       else
-        c.value ? h.push("text-foreground-disabled") : s.color === "invert" ? h.push(
+        c.value ? h.push("text-foreground-disabled") : n.color === "invert" ? h.push(
           "text-foundation hover:text-foundation-2 dark:text-foreground dark:hover:text-foreground"
-        ) : s.color === "secondary" ? h.push("text-foreground-2 hover:text-primary-focus") : s.color === "success" ? h.push("text-success") : s.color === "warning" ? h.push("text-warning") : s.color === "info" ? h.push("text-info") : s.color === "danger" ? h.push("text-danger") : h.push("text-primary hover:text-primary-focus");
+        ) : n.color === "secondary" ? h.push("text-foreground-2 hover:text-primary-focus") : n.color === "success" ? h.push("text-success") : n.color === "warning" ? h.push("text-warning") : n.color === "info" ? h.push("text-info") : n.color === "danger" ? h.push("text-danger") : h.push("text-primary hover:text-primary-focus");
       return h.join(" ");
     }), y = u(() => {
       const h = [];
-      return h.push(s.rounded ? "rounded-full" : "rounded-md"), h.join(" ");
+      return h.push(n.rounded ? "rounded-full" : "rounded-md"), h.join(" ");
     }), g = u(() => {
       const h = [];
       if (!c.value)
-        switch (s.color) {
+        switch (n.color) {
           case "invert":
             h.push("hover:ring-4 ring-white/50");
             break;
@@ -269,8 +269,8 @@ const jt = {
             break;
         }
       return h.join(" ");
-    }), b = u(() => {
-      switch (s.size) {
+    }), v = u(() => {
+      switch (n.size) {
         case "xs":
           return "h-5 text-xs font-medium xxx-tracking-wide";
         case "sm":
@@ -284,7 +284,7 @@ const jt = {
           return "h-8 text-base font-medium xxx-tracking-wide";
       }
     }), L = u(() => {
-      switch (s.size) {
+      switch (n.size) {
         case "xs":
           return "px-1";
         case "sm":
@@ -299,28 +299,28 @@ const jt = {
       }
     }), P = u(() => {
       const h = [];
-      return s.fullWidth && h.push("w-full"), c.value && h.push("cursor-not-allowed"), h.join(" ");
+      return n.fullWidth && h.push("w-full"), c.value && h.push("cursor-not-allowed"), h.join(" ");
     }), $ = u(() => {
       const h = [];
-      return !c.value && !s.link && !s.text && h.push("active:scale-[0.97]"), !c.value && s.link && h.push(
+      return !c.value && !n.link && !n.text && h.push("active:scale-[0.97]"), !c.value && n.link && h.push(
         "underline decoration-transparent decoration-2 underline-offset-4	hover:decoration-inherit"
       ), h.join(" ");
-    }), C = u(() => {
-      const h = s.link || s.text;
+    }), w = u(() => {
+      const h = n.link || n.text;
       return [
         "transition inline-flex justify-center items-center space-x-2 outline-none select-none",
         P.value,
-        b.value,
-        x.value,
+        v.value,
+        k.value,
         h ? "" : p.value,
         h ? "" : y.value,
         h ? "" : g.value,
-        s.link ? "" : L.value,
+        n.link ? "" : L.value,
         $.value
       ].join(" ");
-    }), k = u(() => {
+    }), C = u(() => {
       const h = [""];
-      switch (s.loading && h.push("animate-spin"), s.size) {
+      switch (n.loading && h.push("animate-spin"), n.size) {
         case "xs":
           h.push("h-3 w-3");
           break;
@@ -344,14 +344,14 @@ const jt = {
         h.preventDefault(), h.stopPropagation(), h.stopImmediatePropagation();
         return;
       }
-      n("click", h);
+      s("click", h);
     };
     return (h, O) => (l(), j(q(e.to ? t(i) : "button"), {
       href: e.to,
       to: e.to,
       type: t(f),
       external: e.external,
-      class: v(t(C)),
+      class: b(t(w)),
       disabled: t(c),
       role: "button",
       onClick: E
@@ -359,25 +359,25 @@ const jt = {
       default: B(() => [
         t(d) ? (l(), j(q(t(d)), {
           key: 0,
-          class: v(`${t(k)} ${e.hideText ? "" : "mr-2"}`)
+          class: b(`${t(C)} ${e.hideText ? "" : "mr-2"}`)
         }, null, 8, ["class"])) : _("", !0),
         e.hideText ? (l(), m("div", jt, "   ")) : R(h.$slots, "default", { key: 1 }, () => [
           D("Button")
         ], !0),
         e.iconRight || !e.loading ? (l(), j(q(e.iconRight), {
           key: 3,
-          class: v(`${t(k)} ${e.hideText ? "" : "ml-2"}`)
+          class: b(`${t(C)} ${e.hideText ? "" : "ml-2"}`)
         }, null, 8, ["class"])) : _("", !0)
       ]),
       _: 3
     }, 8, ["href", "to", "type", "external", "class", "disabled"]));
   }
 });
-const Oe = (e, n) => {
-  const s = e.__vccOpts || e;
-  for (const [a, o] of n)
-    s[a] = o;
-  return s;
+const Oe = (e, s) => {
+  const n = e.__vccOpts || e;
+  for (const [a, o] of s)
+    n[a] = o;
+  return n;
 }, oe = /* @__PURE__ */ Oe(Vt, [["__scopeId", "data-v-38aa371e"]]), Ot = /* @__PURE__ */ V({
   __name: "Link",
   props: {
@@ -427,13 +427,13 @@ const Oe = (e, n) => {
     }
   },
   emits: ["click"],
-  setup(e, { emit: n }) {
-    const s = e, a = (o) => {
-      if (s.disabled) {
+  setup(e, { emit: s }) {
+    const n = e, a = (o) => {
+      if (n.disabled) {
         o.preventDefault(), o.stopPropagation(), o.stopImmediatePropagation();
         return;
       }
-      n("click", o);
+      s("click", o);
     };
     return (o, i) => (l(), j(oe, {
       link: "",
@@ -479,17 +479,17 @@ const Mt = {
     notification: null
   },
   emits: ["update:notification"],
-  setup(e, { emit: n }) {
-    const s = e, a = u(
+  setup(e, { emit: s }) {
+    const n = e, a = u(
       () => {
         var f, c;
-        return !((f = s.notification) != null && f.description) && !((c = s.notification) != null && c.cta);
+        return !((f = n.notification) != null && f.description) && !((c = n.notification) != null && c.cta);
       }
     ), o = () => {
-      n("update:notification", null);
+      s("update:notification", null);
     }, i = (f) => {
       var c, d, p;
-      (p = (d = (c = s.notification) == null ? void 0 : c.cta) == null ? void 0 : d.onClick) == null || p.call(d, f), o();
+      (p = (d = (c = n.notification) == null ? void 0 : c.cta) == null ? void 0 : d.onClick) == null || p.call(d, f), o();
     };
     return (f, c) => (l(), m("div", Mt, [
       r("div", At, [
@@ -542,7 +542,7 @@ const Mt = {
                     ])) : _("", !0)
                   ]),
                   r("div", {
-                    class: v(["ml-4 flex flex-shrink-0", { "self-center": t(a) }])
+                    class: b(["ml-4 flex flex-shrink-0", { "self-center": t(a) }])
                   }, [
                     r("button", {
                       type: "button",
@@ -583,43 +583,43 @@ const Mt = {
     clickableIcon: { type: Boolean }
   },
   emits: ["click-icon"],
-  setup(e, { emit: n }) {
-    const s = e, a = u(
-      () => s.colorClasses || "bg-blue-100 text-blue-800"
+  setup(e, { emit: s }) {
+    const n = e, a = u(
+      () => n.colorClasses || "bg-blue-100 text-blue-800"
     ), o = u(
-      () => s.dotIconColorClasses || "text-blue-400"
+      () => n.dotIconColorClasses || "text-blue-400"
     ), i = u(() => {
       const p = [
         "inline-flex items-center",
         a.value,
-        s.size === "lg" ? "px-3 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
+        n.size === "lg" ? "px-3 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
       ];
-      return s.rounded ? (p.push("rounded"), p.push(
-        s.size === "lg" ? "px-2 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
+      return n.rounded ? (p.push("rounded"), p.push(
+        n.size === "lg" ? "px-2 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
       )) : (p.push("rounded-full"), p.push(
-        s.size === "lg" ? "px-2.5 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
+        n.size === "lg" ? "px-2.5 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
       )), p.join(" ");
     }), f = u(() => {
       const p = [
         "mt-0.5 ml-0.5 inline-flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-full focus:outline-none"
       ];
-      return s.clickableIcon ? p.push("cursor-pointer") : p.push("cursor-default"), p.join(" ");
+      return n.clickableIcon ? p.push("cursor-pointer") : p.push("cursor-default"), p.join(" ");
     }), c = u(() => [
       "-ml-0.5 mr-1.5 h-2 w-2",
       o.value
     ].join(" ")), d = (p) => {
-      if (!s.clickableIcon) {
+      if (!n.clickableIcon) {
         p.stopPropagation(), p.stopImmediatePropagation(), p.preventDefault();
         return;
       }
-      n("click-icon", p);
+      s("click-icon", p);
     };
-    return (p, x) => (l(), m("span", {
-      class: v(t(i))
+    return (p, k) => (l(), m("span", {
+      class: b(t(i))
     }, [
       e.dot ? (l(), m("svg", {
         key: 0,
-        class: v(t(c)),
+        class: b(t(c)),
         fill: "currentColor",
         viewBox: "0 0 8 8"
       }, Gt, 2)) : _("", !0),
@@ -628,11 +628,11 @@ const Mt = {
       ]),
       e.iconLeft ? (l(), m("button", {
         key: 1,
-        class: v(t(f)),
-        onClick: x[0] || (x[0] = (y) => d(y))
+        class: b(t(f)),
+        onClick: k[0] || (k[0] = (y) => d(y))
       }, [
         (l(), j(q(e.iconLeft), {
-          class: v(["h-4 w-4", t(o)])
+          class: b(["h-4 w-4", t(o)])
         }, null, 8, ["class"]))
       ], 2)) : _("", !0)
     ], 2));
@@ -646,8 +646,8 @@ var J = /* @__PURE__ */ ((e) => (e[e.sm = 640] = "sm", e[e.md = 746] = "md", e[e
 function Me(e) {
   const {
     props: {
-      modelValue: n,
-      steps: s,
+      modelValue: s,
+      steps: n,
       orientation: a,
       goVerticalBelow: o,
       nonInteractive: i,
@@ -657,29 +657,29 @@ function Me(e) {
   } = e, d = u(
     () => (a == null ? void 0 : a.value) === "vertical" ? "vertical" : "horizontal"
   ), p = u({
-    get: () => we((n == null ? void 0 : n.value) || 0, -1, s.value.length),
-    set: ($) => c("update:modelValue", we($, 0, s.value.length))
-  }), x = ($) => `${$ + 1}`, y = ($) => $ === p.value, g = ($) => $ < p.value, b = ($, C) => {
+    get: () => Ce((s == null ? void 0 : s.value) || 0, -1, n.value.length),
+    set: ($) => c("update:modelValue", Ce($, 0, n.value.length))
+  }), k = ($) => `${$ + 1}`, y = ($) => $ === p.value, g = ($) => $ < p.value, v = ($, w) => {
     var E;
     if (i != null && i.value) {
-      C == null || C.preventDefault(), C == null || C.stopPropagation(), C == null || C.stopImmediatePropagation();
+      w == null || w.preventDefault(), w == null || w.stopPropagation(), w == null || w.stopImmediatePropagation();
       return;
     }
     p.value = $;
-    const k = s.value[p.value];
-    (E = k == null ? void 0 : k.onClick) == null || E.call(k);
+    const C = n.value[p.value];
+    (E = C == null ? void 0 : C.onClick) == null || E.call(C);
   }, L = u(() => {
     const $ = ["flex"];
-    let C, k;
-    return (f == null ? void 0 : f.value) === "xs" ? (C = "space-x-2", k = "space-y-1") : (f == null ? void 0 : f.value) === "sm" ? (C = "space-x-4", k = "space-y-1") : (C = "space-x-8", k = "space-y-4"), $.push("flex"), d.value === "vertical" || o != null && o.value ? ($.push(`flex-col ${k} justify-center`), (o == null ? void 0 : o.value) === J.sm ? $.push(
-      `sm:flex-row sm:space-y-0 sm:justify-start sm:${C} sm:items-center`
+    let w, C;
+    return (f == null ? void 0 : f.value) === "xs" ? (w = "space-x-2", C = "space-y-1") : (f == null ? void 0 : f.value) === "sm" ? (w = "space-x-4", C = "space-y-1") : (w = "space-x-8", C = "space-y-4"), $.push("flex"), d.value === "vertical" || o != null && o.value ? ($.push(`flex-col ${C} justify-center`), (o == null ? void 0 : o.value) === J.sm ? $.push(
+      `sm:flex-row sm:space-y-0 sm:justify-start sm:${w} sm:items-center`
     ) : (o == null ? void 0 : o.value) === J.md ? $.push(
-      `md:flex-row md:space-y-0 md:justify-start md:${C} md:items-center`
+      `md:flex-row md:space-y-0 md:justify-start md:${w} md:items-center`
     ) : (o == null ? void 0 : o.value) === J.lg ? $.push(
-      `lg:flex-row lg:space-y-0 lg:justify-start lg:${C} lg:items-center`
+      `lg:flex-row lg:space-y-0 lg:justify-start lg:${w} lg:items-center`
     ) : (o == null ? void 0 : o.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(" ");
+      `xl:flex-row xl:space-y-0 xl:justify-start xl:${w} xl:items-center`
+    )) : $.push(`flex-row ${w} items-center`), $.join(" ");
   }), P = u(() => {
     const $ = ["flex items-center"];
     return i != null && i.value || $.push("cursor-pointer"), $.join(" ");
@@ -688,8 +688,8 @@ function Me(e) {
     value: p,
     isCurrentStep: y,
     isFinishedStep: g,
-    switchStep: b,
-    getStepDisplayValue: x,
+    switchStep: v,
+    getStepDisplayValue: k,
     listClasses: L,
     linkClasses: P,
     orientation: d
@@ -730,8 +730,8 @@ const Nt = ["aria-label"], Jt = ["href", "onClick"], Qt = { class: "flex space-x
     stepsPadding: null
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const s = e, {
+  setup(e, { emit: s }) {
+    const n = e, {
       isCurrentStep: a,
       isFinishedStep: o,
       switchStep: i,
@@ -739,15 +739,15 @@ const Nt = ["aria-label"], Jt = ["href", "onClick"], Qt = { class: "flex space-x
       listClasses: c,
       linkClasses: d
     } = Me({
-      props: Z(s),
-      emit: n
+      props: Z(n),
+      emit: s
     });
-    return (p, x) => (l(), m("nav", {
+    return (p, k) => (l(), m("nav", {
       class: "flex justify-center",
       "aria-label": e.ariaLabel || "Progress steps"
     }, [
       r("ol", {
-        class: v(t(c))
+        class: b(t(c))
       }, [
         (l(!0), m(U, null, H(e.steps, (y, g) => (l(), m("li", {
           key: y.name
@@ -755,8 +755,8 @@ const Nt = ["aria-label"], Jt = ["href", "onClick"], Qt = { class: "flex space-x
           t(o)(g) ? (l(), m("a", {
             key: 0,
             href: y.href,
-            class: v(t(d)),
-            onClick: (b) => t(i)(g, b)
+            class: b(t(d)),
+            onClick: (v) => t(i)(g, v)
           }, [
             r("div", Qt, [
               r("div", Yt, [
@@ -770,9 +770,9 @@ const Nt = ["aria-label"], Jt = ["href", "onClick"], Qt = { class: "flex space-x
           ], 10, Jt)) : t(a)(g) ? (l(), m("a", {
             key: 1,
             href: y.href,
-            class: v(t(d)),
+            class: b(t(d)),
             "aria-current": "step",
-            onClick: (b) => t(i)(g, b)
+            onClick: (v) => t(i)(g, v)
           }, [
             r("div", ss, [
               r("div", ns, S(t(f)(g)), 1),
@@ -784,8 +784,8 @@ const Nt = ["aria-label"], Jt = ["href", "onClick"], Qt = { class: "flex space-x
           ], 10, ts)) : (l(), m("a", {
             key: 2,
             href: y.href,
-            class: v(t(d)),
-            onClick: (b) => t(i)(g, b)
+            class: b(t(d)),
+            onClick: (v) => t(i)(g, v)
           }, [
             r("div", rs, [
               r("div", is, S(t(f)(g)), 1),
@@ -808,13 +808,13 @@ const Nt = ["aria-label"], Jt = ["href", "onClick"], Qt = { class: "flex space-x
 }, ys = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground"
-}, vs = /* @__PURE__ */ r("span", { class: "absolute h-4 w-4 rounded-full bg-outline-2" }, null, -1), bs = /* @__PURE__ */ r("span", { class: "relative block h-2 w-2 rounded-full bg-primary-focus" }, null, -1), xs = ["href", "onClick"], ks = {
+}, bs = /* @__PURE__ */ r("span", { class: "absolute h-4 w-4 rounded-full bg-outline-2" }, null, -1), vs = /* @__PURE__ */ r("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"
-}, ws = {
+}, Cs = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground-2"
-}, Cs = {
+}, ws = {
   key: 1,
   class: "h-4 w-4 rounded-full bg-foreground-disabled"
 }, fl = /* @__PURE__ */ V({
@@ -830,33 +830,33 @@ const Nt = ["aria-label"], Jt = ["href", "onClick"], Qt = { class: "flex space-x
     stepsPadding: null
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const s = e, { isCurrentStep: a, isFinishedStep: o, switchStep: i, listClasses: f, linkClasses: c } = Me({
-      props: Z(s),
-      emit: n
+  setup(e, { emit: s }) {
+    const n = e, { isCurrentStep: a, isFinishedStep: o, switchStep: i, listClasses: f, linkClasses: c } = Me({
+      props: Z(n),
+      emit: s
     }), d = u(() => {
-      const x = ["h6 font-medium leading-7"];
+      const k = ["h6 font-medium leading-7"];
       let y;
-      return s.stepsPadding === "xs" ? y = "ml-1" : s.stepsPadding === "sm" ? y = "ml-2" : y = "ml-3", x.push(y), s.basic && x.push("sr-only"), x.join(" ");
+      return n.stepsPadding === "xs" ? y = "ml-1" : n.stepsPadding === "sm" ? y = "ml-2" : y = "ml-3", k.push(y), n.basic && k.push("sr-only"), k.join(" ");
     }), p = u(() => {
-      const x = [];
-      return s.basic && x.push("basic"), x.join(" ");
+      const k = [];
+      return n.basic && k.push("basic"), k.join(" ");
     });
-    return (x, y) => (l(), m("nav", {
+    return (k, y) => (l(), m("nav", {
       class: "flex justify-center",
       "aria-label": e.ariaLabel || "Progress steps"
     }, [
       r("ol", {
-        class: v([t(f), t(p)])
+        class: b([t(f), t(p)])
       }, [
-        (l(!0), m(U, null, H(e.steps, (g, b) => (l(), m("li", {
+        (l(!0), m(U, null, H(e.steps, (g, v) => (l(), m("li", {
           key: g.name
         }, [
-          t(o)(b) ? (l(), m("a", {
+          t(o)(v) ? (l(), m("a", {
             key: 0,
             href: g.href,
-            class: v(t(c)),
-            onClick: (L) => t(i)(b, L)
+            class: b(t(c)),
+            onClick: (L) => t(i)(v, L)
           }, [
             r("span", ps, [
               e.basic ? (l(), m("span", hs)) : (l(), j(t(je), {
@@ -866,35 +866,35 @@ const Nt = ["aria-label"], Jt = ["href", "onClick"], Qt = { class: "flex space-x
               }))
             ]),
             r("span", {
-              class: v(["text-foreground", t(d)])
+              class: b(["text-foreground", t(d)])
             }, S(g.name), 3)
-          ], 10, fs)) : t(a)(b) ? (l(), m("a", {
+          ], 10, fs)) : t(a)(v) ? (l(), m("a", {
             key: 1,
             href: g.href,
-            class: v(t(c)),
+            class: b(t(c)),
             "aria-current": "step",
-            onClick: (L) => t(i)(b, L)
+            onClick: (L) => t(i)(v, L)
           }, [
             r("span", gs, [
               e.basic ? (l(), m("span", ys)) : (l(), m(U, { key: 1 }, [
-                vs,
-                bs
+                bs,
+                vs
               ], 64))
             ]),
             r("span", {
-              class: v(["text-primary-focus", t(d)])
+              class: b(["text-primary-focus", t(d)])
             }, S(g.name), 3)
           ], 10, ms)) : (l(), m("a", {
             key: 2,
             href: g.href,
-            class: v(t(c)),
-            onClick: (L) => t(i)(b, L)
+            class: b(t(c)),
+            onClick: (L) => t(i)(v, L)
           }, [
             r("div", ks, [
-              e.basic ? (l(), m("span", ws)) : (l(), m("div", Cs))
+              e.basic ? (l(), m("span", Cs)) : (l(), m("div", ws))
             ]),
             r("p", {
-              class: v(["text-foreground-disabled", t(d)])
+              class: b(["text-foreground-disabled", t(d)])
             }, S(g.name), 3)
           ], 10, xs))
         ]))), 128))
@@ -908,24 +908,24 @@ const Nt = ["aria-label"], Jt = ["href", "onClick"], Qt = { class: "flex space-x
     modelValue: { type: Boolean }
   },
   emits: ["update:modelValue", "click"],
-  setup(e, { emit: n }) {
-    const s = e, a = u(() => {
+  setup(e, { emit: s }) {
+    const n = e, a = u(() => {
       const i = [
         "h-20 bg-foundation-2 inline-flex justify-center items-center outline-none",
         "normal px-16 py-5 shadow rounded transition active:scale-95"
       ];
-      return s.disabled ? i.push("bg-foundation-disabled text-foreground-2 cursor-not-allowed") : (i.push(
-        s.modelValue ? "bg-primary-focus text-foreground-on-primary" : "bg-foundation text-foreground"
+      return n.disabled ? i.push("bg-foundation-disabled text-foreground-2 cursor-not-allowed") : (i.push(
+        n.modelValue ? "bg-primary-focus text-foreground-on-primary" : "bg-foundation text-foreground"
       ), i.push("ring-outline-2 hover:ring-4")), i.join(" ");
     }), o = (i) => {
-      if (s.disabled) {
+      if (n.disabled) {
         i.preventDefault(), i.stopPropagation(), i.stopImmediatePropagation();
         return;
       }
-      n("update:modelValue", !s.modelValue), n("click", i);
+      s("update:modelValue", !n.modelValue), s("click", i);
     };
     return (i, f) => (l(), m("button", {
-      class: v(t(a)),
+      class: b(t(a)),
       disabled: e.disabled,
       onClick: o
     }, [
@@ -1031,21 +1031,21 @@ const Nt = ["aria-label"], Jt = ["href", "onClick"], Qt = { class: "flex space-x
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, s = (P) => `${P}-${he()}`, a = u(() => n.value || n.name), {
+    const s = e, n = (P) => `${P}-${he()}`, a = u(() => s.value || s.name), {
       checked: o,
       errorMessage: i,
       handleChange: f
-    } = pe(n.name, n.rules, {
-      validateOnMount: n.validateOnMount,
+    } = pe(s.name, s.rules, {
+      validateOnMount: s.validateOnMount,
       type: "checkbox",
       checkedValue: a,
-      initialValue: n.modelValue || void 0
+      initialValue: s.modelValue || void 0
     }), c = (P) => {
-      n.disabled || f(P);
-    }, d = u(() => n.label || n.name), p = u(() => i.value ? "border-danger-lighter" : "border-foreground-4 "), x = u(() => n.description || i.value), y = u(() => `${n.name}-description`), g = u(() => {
+      s.disabled || f(P);
+    }, d = u(() => s.label || s.name), p = u(() => i.value ? "border-danger-lighter" : "border-foreground-4 "), k = u(() => s.description || i.value), y = u(() => `${s.name}-description`), g = u(() => {
       const P = [];
-      return n.inlineDescription ? P.push("inline ml-2") : P.push("block"), i.value ? P.push("text-danger") : P.push("text-foreground-2"), P.join(" ");
-    }), b = A(s("checkbox")), L = u(() => n.id || b.value);
+      return s.inlineDescription ? P.push("inline ml-2") : P.push("block"), i.value ? P.push("text-danger") : P.push("text-foreground-2"), P.join(" ");
+    }), v = A(n("checkbox")), L = u(() => s.id || v.value);
     return (P, $) => (l(), m("div", _s, [
       r("div", Ss, [
         r("input", ne({
@@ -1062,55 +1062,55 @@ const Nt = ["aria-label"], Jt = ["href", "onClick"], Qt = { class: "flex space-x
       r("div", Bs, [
         r("label", {
           for: t(L),
-          class: v(["font-medium text-foreground", { "sr-only": e.hideLabel }])
+          class: b(["font-medium text-foreground", { "sr-only": e.hideLabel }])
         }, [
           r("span", null, S(t(d)), 1),
           e.showRequired ? (l(), m("span", Ps, "*")) : _("", !0)
         ], 10, Ls),
-        t(x) ? (l(), m("p", {
+        t(k) ? (l(), m("p", {
           key: 0,
           id: t(y),
-          class: v(t(g))
-        }, S(t(x)), 11, js)) : _("", !0)
+          class: b(t(g))
+        }, S(t(k)), 11, js)) : _("", !0)
       ])
     ]));
   }
 });
 function Ae(e) {
-  const { props: n, inputEl: s, emit: a } = e, { value: o, errorMessage: i } = pe(n.name, n.rules, {
-    validateOnMount: t(n.validateOnMount),
-    validateOnValueUpdate: t(n.validateOnValueUpdate),
-    initialValue: t(n.modelValue) || void 0
+  const { props: s, inputEl: n, emit: a } = e, { value: o, errorMessage: i } = pe(s.name, s.rules, {
+    validateOnMount: t(s.validateOnMount),
+    validateOnValueUpdate: t(s.validateOnValueUpdate),
+    initialValue: t(s.modelValue) || void 0
   }), f = u(() => {
-    const k = ["block label text-foreground-2 mb-2"];
-    return t(n.showLabel) || k.push("sr-only"), k.join(" ");
+    const C = ["block label text-foreground-2 mb-2"];
+    return t(s.showLabel) || C.push("sr-only"), C.join(" ");
   }), c = u(() => {
-    const k = [
+    const C = [
       "block w-full rounded focus:outline-none text-foreground transition-all",
       "disabled:cursor-not-allowed disabled:bg-foundation-disabled disabled:text-disabled-muted",
       "placeholder:text-foreground-2"
     ];
-    return i.value ? k.push(
+    return i.value ? C.push(
       "border-2 border-danger text-danger-darker focus:border-danger focus:ring-danger"
-    ) : k.push("border-0 focus:ring-2 focus:ring-outline-2"), t(n.color) === "foundation" ? k.push("bg-foundation shadow-sm hover:shadow") : k.push("bg-foundation-page"), k.join(" ");
-  }), d = A(he()), p = u(() => t(n.label) || t(n.name)), x = u(() => {
-    const k = i.value;
-    return !k || !t(n.useLabelInErrors) ? k : k.replace("Value", p.value);
+    ) : 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(" ");
+  }), d = A(he()), p = u(() => t(s.label) || t(s.name)), k = u(() => {
+    const C = i.value;
+    return !C || !t(s.useLabelInErrors) ? C : C.replace("Value", p.value);
   }), y = u(
-    () => x.value && t(n.hideErrorMessage)
-  ), g = u(() => x.value || t(n.help)), b = u(() => !!g.value), L = u(
-    () => b.value ? `${t(n.name)}-${d.value}` : void 0
+    () => k.value && t(s.hideErrorMessage)
+  ), g = u(() => k.value || t(s.help)), v = u(() => !!g.value), L = u(
+    () => v.value ? `${t(s.name)}-${d.value}` : void 0
   ), P = u(() => {
-    const k = ["mt-2 text-sm"];
-    return k.push(i.value ? "text-danger" : "text-foreground-2"), k.join(" ");
+    const C = ["mt-2 text-sm"];
+    return C.push(i.value ? "text-danger" : "text-foreground-2"), C.join(" ");
   }), $ = () => {
-    var k;
-    (k = s.value) == null || k.focus();
-  }, C = () => {
+    var C;
+    (C = n.value) == null || C.focus();
+  }, w = () => {
     o.value = "", a("change", { value: "" }), a("clear");
   };
   return ee(() => {
-    t(n.autoFocus) && $();
+    t(s.autoFocus) && $();
   }), {
     coreClasses: c,
     title: p,
@@ -1119,8 +1119,8 @@ function Ae(e) {
     helpTipClasses: P,
     helpTip: g,
     hideHelpTip: y,
-    errorMessage: x,
-    clear: C,
+    errorMessage: k,
+    clear: w,
     focus: $,
     labelClasses: f
   };
@@ -1149,32 +1149,32 @@ const Os = ["for"], Ms = { class: "relative" }, As = ["id", "name", "placeholder
     color: { default: "page" }
   },
   emits: ["update:modelValue", "change", "input", "clear"],
-  setup(e, { expose: n, emit: s }) {
+  setup(e, { expose: s, emit: n }) {
     const a = e, o = A(null), {
       coreClasses: i,
       title: f,
       value: c,
       helpTipId: d,
       helpTipClasses: p,
-      helpTip: x,
+      helpTip: k,
       errorMessage: y,
       labelClasses: g,
-      clear: b,
+      clear: v,
       focus: L
     } = Ae({
       props: Z(a),
-      emit: s,
+      emit: n,
       inputEl: o
     }), P = u(() => {
       const $ = ["pl-2"];
       return a.showClear && y.value ? $.push("pr-12") : (a.showClear || y.value) && $.push("pr-8"), $.join(" ");
     });
-    return n({ focus: L }), ($, C) => (l(), m("div", {
-      class: v([e.fullWidth ? "w-full" : ""])
+    return s({ focus: L }), ($, w) => (l(), m("div", {
+      class: b([e.fullWidth ? "w-full" : ""])
     }, [
       r("label", {
         for: e.name,
-        class: v(t(g))
+        class: b(t(g))
       }, [
         r("span", null, S(t(f)), 1)
       ], 10, Os),
@@ -1183,7 +1183,7 @@ const Os = ["for"], Ms = { class: "relative" }, As = ["id", "name", "placeholder
           id: e.name,
           ref_key: "inputElement",
           ref: o,
-          "onUpdate:modelValue": C[0] || (C[0] = (k) => le(c) ? c.value = k : null),
+          "onUpdate:modelValue": w[0] || (w[0] = (C) => le(c) ? c.value = C : null),
           name: e.name,
           class: [t(i), t(P), "min-h-[4rem]"],
           placeholder: e.placeholder,
@@ -1191,8 +1191,8 @@ const Os = ["for"], Ms = { class: "relative" }, As = ["id", "name", "placeholder
           "aria-invalid": t(y) ? "true" : "false",
           "aria-describedby": t(d)
         }, $.$attrs, {
-          onChange: C[1] || (C[1] = (k) => $.$emit("change", { event: k, value: t(c) })),
-          onInput: C[2] || (C[2] = (k) => $.$emit("input", { event: k, value: t(c) }))
+          onChange: w[1] || (w[1] = (C) => $.$emit("change", { event: C, value: t(c) })),
+          onInput: w[2] || (w[2] = (C) => $.$emit("input", { event: C, value: t(c) }))
         }), null, 16, As), [
           [_e, t(c)]
         ]),
@@ -1200,10 +1200,10 @@ const Os = ["for"], Ms = { class: "relative" }, As = ["id", "name", "placeholder
           key: 0,
           title: "Clear input",
           class: "absolute top-2 right-0 flex items-center pr-2 cursor-pointer",
-          onClick: C[3] || (C[3] = //@ts-ignore
-          (...k) => t(b) && t(b)(...k)),
-          onKeydown: C[4] || (C[4] = //@ts-ignore
-          (...k) => t(b) && t(b)(...k))
+          onClick: w[3] || (w[3] = //@ts-ignore
+          (...C) => t(v) && t(v)(...C)),
+          onKeydown: w[4] || (w[4] = //@ts-ignore
+          (...C) => t(v) && t(v)(...C))
         }, [
           Ds,
           I(t(ae), {
@@ -1213,7 +1213,7 @@ const Os = ["for"], Ms = { class: "relative" }, As = ["id", "name", "placeholder
         ], 32)) : _("", !0),
         t(y) ? (l(), m("div", {
           key: 1,
-          class: v([
+          class: b([
             "pointer-events-none absolute inset-y-0 right-0 flex items-center",
             e.showClear ? "pr-8" : "pr-2"
           ])
@@ -1228,8 +1228,8 @@ const Os = ["for"], Ms = { class: "relative" }, As = ["id", "name", "placeholder
       t(d) ? (l(), m("p", {
         key: 0,
         id: t(d),
-        class: v(t(p))
-      }, S(t(x)), 11, Ts)) : _("", !0)
+        class: b(t(p))
+      }, S(t(k)), 11, Ts)) : _("", !0)
     ], 2));
   }
 }), zs = ["for"], Fs = { class: "relative" }, Es = {
@@ -1376,31 +1376,31 @@ const Os = ["for"], Ms = { class: "relative" }, As = ["id", "name", "placeholder
     }
   },
   emits: ["update:modelValue", "change", "input", "clear", "focusin", "focusout"],
-  setup(e, { expose: n, emit: s }) {
+  setup(e, { expose: s, emit: n }) {
     const a = e, o = Se(), i = A(null), {
       coreClasses: f,
       title: c,
       value: d,
       helpTipId: p,
-      helpTipClasses: x,
+      helpTipClasses: k,
       helpTip: y,
       hideHelpTip: g,
-      errorMessage: b,
+      errorMessage: v,
       clear: L,
       focus: P,
       labelClasses: $
     } = Ae({
       props: Z(a),
-      emit: s,
+      emit: n,
       inputEl: i
-    }), C = u(() => {
+    }), w = u(() => {
       const O = ["h-5 w-5"];
-      return b.value ? O.push("text-danger") : O.push("text-foreground-2"), O.join(" ");
-    }), k = u(
+      return v.value ? O.push("text-danger") : O.push("text-foreground-2"), O.join(" ");
+    }), C = u(
       () => ["email", "password"].includes(a.type) || a.customIcon
     ), E = u(() => {
       const O = [];
-      return k.value ? O.push("pl-8") : O.push("pl-2"), o["input-right"] || (b.value || a.showClear) && (b.value && a.showClear ? O.push("pr-12") : O.push("pr-8")), O.join(" ");
+      return C.value ? O.push("pl-8") : O.push("pl-2"), o["input-right"] || (v.value || a.showClear) && (v.value && a.showClear ? O.push("pr-12") : O.push("pr-8")), O.join(" ");
     }), h = u(() => {
       switch (a.size) {
         case "sm":
@@ -1414,28 +1414,28 @@ const Os = ["for"], Ms = { class: "relative" }, As = ["id", "name", "placeholder
           return "h-8";
       }
     });
-    return n({ focus: P }), (O, z) => (l(), m("div", {
-      class: v([e.fullWidth ? "w-full" : "", e.wrapperClasses])
+    return s({ focus: P }), (O, z) => (l(), m("div", {
+      class: b([e.fullWidth ? "w-full" : "", e.wrapperClasses])
     }, [
       r("label", {
         for: e.name,
-        class: v(t($))
+        class: b(t($))
       }, [
         r("span", null, S(t(c)), 1)
       ], 10, zs),
       r("div", Fs, [
-        t(k) ? (l(), m("div", Es, [
+        t(C) ? (l(), m("div", Es, [
           e.customIcon ? (l(), j(q(e.customIcon), {
             key: 0,
-            class: v(t(C)),
+            class: b(t(w)),
             "aria-hidden": "true"
           }, null, 8, ["class"])) : e.type === "email" ? (l(), j(t(ot), {
             key: 1,
-            class: v(t(C)),
+            class: b(t(w)),
             "aria-hidden": "true"
           }, null, 8, ["class"])) : e.type === "password" ? (l(), j(t(rt), {
             key: 2,
-            class: v(t(C)),
+            class: b(t(w)),
             "aria-hidden": "true"
           }, null, 8, ["class"])) : _("", !0)
         ])) : _("", !0),
@@ -1449,7 +1449,7 @@ const Os = ["for"], Ms = { class: "relative" }, As = ["id", "name", "placeholder
           class: [t(f), t(E), t(h), e.inputClasses || ""],
           placeholder: e.placeholder,
           disabled: e.disabled,
-          "aria-invalid": t(b) ? "true" : "false",
+          "aria-invalid": t(v) ? "true" : "false",
           "aria-describedby": t(p),
           role: "textbox"
         }, O.$attrs, {
@@ -1474,9 +1474,9 @@ const Os = ["for"], Ms = { class: "relative" }, As = ["id", "name", "placeholder
               "aria-hidden": "true"
             })
           ], 32)) : _("", !0),
-          t(b) ? (l(), m("div", {
+          t(v) ? (l(), m("div", {
             key: 1,
-            class: v([
+            class: b([
               "pointer-events-none absolute inset-y-0 right-0 flex items-center",
               e.showClear ? "pr-8" : "pr-2"
             ])
@@ -1486,22 +1486,22 @@ const Os = ["for"], Ms = { class: "relative" }, As = ["id", "name", "placeholder
               "aria-hidden": "true"
             })
           ], 2)) : _("", !0),
-          e.showRequired && !t(b) ? (l(), m("div", qs, " * ")) : _("", !0)
+          e.showRequired && !t(v) ? (l(), m("div", qs, " * ")) : _("", !0)
         ])
       ]),
       t(p) && !t(g) ? (l(), m("p", {
         key: 0,
         id: t(p),
-        class: v(t(x))
+        class: b(t(k))
       }, S(t(y)), 11, Hs)) : _("", !0)
     ], 2));
   }
-}), Ks = /^https?:\/\//, ge = /^[\w-_.+]+@[\w-_.+]+$/, Xs = (e) => (e || "").match(ge) ? !0 : "Value should be a valid e-mail address", Ns = (e) => (e || "").split(",").map((a) => a.trim()).every((a) => a.match(ge)) || "Value should be one or multiple comma-delimited e-mail addresses", Js = (e) => (se(e) && (e = e.trim()), e ? !0 : "Value is required"), Qs = (e, n) => (s, a) => s === a.form[e] ? !0 : `Value must be the same as in field '${n || e}'`, Ys = (e) => (n) => {
-  const { minLength: s, maxLength: a } = e;
-  return n = it(n) ? "" : n, se(n) ? !X(s) && n.length < s ? `Value needs to be at least ${s} characters long` : !X(a) && n.length > a ? `Value needs to be no more than ${a} characters long` : !0 : "Value should be a text string";
-}, Zs = (e) => (n) => {
-  const { match: s, message: a } = e;
-  return se(n) ? s ? se(s) ? n.includes(s) ? !0 : a : s.test(n) ? !0 : a : !0 : "Value should be a text string";
+}), Ks = /^https?:\/\//, ge = /^[\w-_.+]+@[\w-_.+]+$/, Xs = (e) => (e || "").match(ge) ? !0 : "Value should be a valid e-mail address", Ns = (e) => (e || "").split(",").map((a) => a.trim()).every((a) => a.match(ge)) || "Value should be one or multiple comma-delimited e-mail addresses", Js = (e) => (se(e) && (e = e.trim()), e ? !0 : "Value is required"), Qs = (e, s) => (n, a) => n === a.form[e] ? !0 : `Value must be the same as in field '${s || e}'`, Ys = (e) => (s) => {
+  const { minLength: n, maxLength: a } = e;
+  return s = it(s) ? "" : s, se(s) ? !X(n) && s.length < n ? `Value needs to be at least ${n} characters long` : !X(a) && s.length > a ? `Value needs to be no more than ${a} characters long` : !0 : "Value should be a text string";
+}, Zs = (e) => (s) => {
+  const { match: n, message: a } = e;
+  return se(s) ? n ? se(n) ? s.includes(n) ? !0 : a : n.test(s) ? !0 : a : !0 : "Value should be a text string";
 }, yl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VALID_EMAIL: ge,
@@ -1515,24 +1515,24 @@ const Os = ["for"], Ms = { class: "relative" }, As = ["id", "name", "placeholder
 }, Symbol.toStringTag, { value: "Module" }));
 function en(e) {
   const {
-    skipCalculation: n,
-    elementToWatchForChanges: s,
+    skipCalculation: s,
+    elementToWatchForChanges: n,
     itemContainer: a,
     trackResize: o = !1,
     trackMutations: i = !0
   } = e || {}, f = A(0), c = () => {
     const d = a.value;
-    if (n != null && n.value || !d)
+    if (s != null && s.value || !d)
       return;
     const p = d.children;
-    let x = 0, y = 0, g;
-    for (const b of p) {
-      const L = b.offsetTop;
-      X(g) ? (g = L, x += 1) : L === g && (x += 1), y += 1;
+    let k = 0, y = 0, g;
+    for (const v of p) {
+      const L = v.offsetTop;
+      X(g) ? (g = L, k += 1) : L === g && (k += 1), y += 1;
     }
-    f.value = y - x;
+    f.value = y - k;
   };
-  return o && dt(s, c), i && ft(s, c, {
+  return o && dt(n, c), i && ft(n, c, {
     childList: !0,
     subtree: !0
   }), {
@@ -1540,36 +1540,36 @@ function en(e) {
   };
 }
 function tn(e) {
-  const { props: n, emit: s, dynamicVisibility: a } = e;
+  const { props: s, emit: n, dynamicVisibility: a } = e;
   let o;
   if (a) {
-    const { elementToWatchForChanges: p, itemContainer: x } = a;
+    const { elementToWatchForChanges: p, itemContainer: k } = a;
     o = en({
       skipCalculation: u(() => {
         var g;
-        return !((g = n.multiple) != null && g.value);
+        return !((g = s.multiple) != null && g.value);
       }),
       elementToWatchForChanges: p,
-      itemContainer: x
+      itemContainer: k
     }).hiddenItemCount;
   } else
     o = A(0);
   const i = u({
     get: () => {
-      var x, y;
-      const p = (x = n.modelValue) == null ? void 0 : x.value;
-      return (y = n.multiple) != null && y.value ? W(p) ? p : [] : W(p) ? void 0 : p;
+      var k, y;
+      const p = (k = s.modelValue) == null ? void 0 : k.value;
+      return (y = s.multiple) != null && y.value ? W(p) ? p : [] : W(p) ? void 0 : p;
     },
     set: (p) => {
-      var x, y, g;
-      if ((x = n.multiple) != null && x.value && !W(p)) {
+      var k, y, g;
+      if ((k = s.multiple) != null && k.value && !W(p)) {
         console.warn("Attempting to set non-array value in selector w/ multiple=true");
         return;
-      } else if (!((y = n.multiple) != null && y.value) && W(p)) {
+      } else if (!((y = s.multiple) != null && y.value) && W(p)) {
         console.warn("Attempting to set array value in selector w/ multiple=false");
         return;
       }
-      s("update:modelValue", (g = n.multiple) != null && g.value ? p || [] : p);
+      n("update:modelValue", (g = s.multiple) != null && g.value ? p || [] : p);
     }
   }), f = (p) => W(p);
   return {
@@ -1588,8 +1588,8 @@ const sn = (e) => (Ee("data-v-60cf597b"), e = e(), We(), e), nn = /* @__PURE__ *
     loading: { type: Boolean }
   },
   setup(e) {
-    return (n, s) => (l(), m("div", {
-      class: v([
+    return (s, n) => (l(), m("div", {
+      class: b([
         "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"
       ])
@@ -1602,8 +1602,8 @@ const De = /* @__PURE__ */ Oe(an, [["__scopeId", "data-v-60cf597b"]]), on = { cl
 }, fn = /* @__PURE__ */ r("span", { class: "sr-only label text-foreground" }, "Search", -1), pn = { class: "relative" }, hn = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, mn = ["placeholder"], gn = {
   key: 0,
   class: "px-1"
-}, yn = { key: 1 }, vn = /* @__PURE__ */ r("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), bn = {
-  class: /* @__PURE__ */ v(["block truncate"])
+}, yn = { key: 1 }, bn = /* @__PURE__ */ r("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), vn = {
+  class: /* @__PURE__ */ b(["block truncate"])
 }, xn = ["id"], kn = /* @__PURE__ */ V({
   __name: "Base",
   props: {
@@ -1736,100 +1736,101 @@ const De = /* @__PURE__ */ Oe(an, [["__scopeId", "data-v-60cf597b"]]), on = { cl
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, { value: s, errorMessage: a } = pe(n.name, n.rules, {
-      validateOnMount: n.validateOnMount,
-      validateOnValueUpdate: n.validateOnValueUpdate,
-      initialValue: n.modelValue
-    }), o = A(null), i = A(""), f = A([]), c = A(!1), d = A(he()), p = u(() => t(n.label) || t(n.name)), x = u(() => {
-      const w = a.value;
-      return !w || !t(n.useLabelInErrors) ? w : w.replace("Value", p.value);
-    }), y = u(() => x.value || t(n.help)), g = u(() => !!y.value), b = u(
-      () => g.value ? `${t(n.name)}-${d.value}` : void 0
+    const s = e, { value: n, errorMessage: a } = pe(s.name, s.rules, {
+      validateOnMount: s.validateOnMount,
+      validateOnValueUpdate: s.validateOnValueUpdate,
+      initialValue: s.modelValue
+    }), o = A(null), i = A(""), f = A([]), c = A(!1), d = A(he()), p = u(() => t(s.label) || t(s.name)), k = u(() => {
+      const x = a.value;
+      return !x || !t(s.useLabelInErrors) ? x : x.replace("Value", p.value);
+    }), y = u(() => k.value || t(s.help)), g = u(() => !!y.value), v = u(
+      () => g.value ? `${t(s.name)}-${d.value}` : void 0
     ), L = u(
       () => a.value ? "text-danger" : "text-foreground-2"
     ), P = u(
-      () => n.buttonStyle !== "simple" && n.clearable && !n.disabled
+      () => s.buttonStyle !== "simple" && s.clearable && !s.disabled
     ), $ = u(() => {
-      const w = ["relative flex group", n.showLabel ? "mt-1" : ""];
-      return n.buttonStyle !== "simple" && (w.push("hover:shadow rounded-md"), w.push("outline outline-2 outline-primary-muted")), n.fixedHeight && w.push("h-8"), w.join(" ");
-    }), C = u(() => {
-      const w = [];
-      return n.buttonStyle !== "simple" && w.push(
+      const x = ["relative flex group"];
+      return s.buttonStyle !== "simple" && (x.push("hover:shadow rounded-md"), x.push("outline outline-2 outline-primary-muted")), s.fixedHeight && x.push("h-8"), x.join(" ");
+    }), w = u(() => {
+      const x = [];
+      return s.buttonStyle !== "simple" && x.push(
         z.value ? "bg-foundation-disabled text-foreground-disabled" : ""
-      ), z.value && w.push("cursor-not-allowed"), w.join(" ");
-    }), k = u(() => {
-      const w = [
+      ), z.value && x.push("cursor-not-allowed"), x.join(" ");
+    }), C = u(() => {
+      const x = [
         "relative z-[1]",
         "flex items-center justify-center text-center shrink-0",
         "rounded-r-md overflow-hidden transition-all",
-        ye.value ? `w-6 ${C.value}` : "w-0"
+        "text-foreground",
+        ye.value ? `w-6 ${w.value}` : "w-0"
       ];
-      return z.value || w.push(
-        "bg-primary-muted hover:bg-primary hover:text-foreground-on-primary"
-      ), w.join(" ");
+      return z.value || (x.push(
+        "hover:bg-primary hover:text-foreground-on-primary dark:text-foreground-on-primary"
+      ), s.buttonStyle === "tinted" ? x.push("bg-outline-3") : x.push("bg-primary-muted")), x.join(" ");
     }), E = u(() => {
-      const w = [
+      const x = [
         "relative z-[2]",
         "normal rounded-md cursor-pointer transition truncate flex-1",
         "flex items-center",
-        C.value
+        w.value
       ];
-      return n.buttonStyle !== "simple" && (w.push("py-2 px-3"), z.value || w.push("bg-foundation text-foreground")), P.value && ye.value && w.push("rounded-r-none"), w.join(" ");
+      return s.buttonStyle !== "simple" && (x.push("py-2 px-3"), z.value || (s.buttonStyle === "tinted" ? x.push("bg-foundation-page text-foreground") : x.push("bg-foundation text-foreground"))), P.value && ye.value && x.push("rounded-r-none"), x.join(" ");
     }), h = u(
-      () => !!(n.search && (n.filterPredicate || n.getSearchResults))
-    ), O = u(() => h.value && n.getSearchResults), z = u(
-      () => n.disabled || !n.items.length && !O.value
+      () => !!(s.search && (s.filterPredicate || s.getSearchResults))
+    ), O = u(() => h.value && s.getSearchResults), z = u(
+      () => s.disabled || !s.items.length && !O.value
     ), M = u({
       get: () => {
-        const w = s.value;
-        return n.multiple ? W(w) ? w : [] : W(w) ? void 0 : w;
+        const x = n.value;
+        return s.multiple ? W(x) ? x : [] : W(x) ? void 0 : x;
       },
-      set: (w) => {
-        if (n.multiple && !W(w)) {
+      set: (x) => {
+        if (s.multiple && !W(x)) {
           console.warn("Attempting to set non-array value in selector w/ multiple=true");
           return;
-        } else if (!n.multiple && W(w)) {
+        } else if (!s.multiple && W(x)) {
           console.warn("Attempting to set array value in selector w/ multiple=false");
           return;
         }
-        if (n.multiple)
-          s.value = w || [];
+        if (s.multiple)
+          n.value = x || [];
         else {
-          const F = s.value, T = n.allowUnset && F && w && re(F) === re(w);
-          s.value = T ? void 0 : w;
+          const F = n.value, T = s.allowUnset && F && x && re(F) === re(x);
+          n.value = T ? void 0 : x;
         }
       }
-    }), ye = u(() => n.multiple ? M.value.length !== 0 : !!M.value), Re = () => {
-      n.multiple ? M.value = [] : M.value = void 0;
+    }), ye = u(() => s.multiple ? M.value.length !== 0 : !!M.value), Re = () => {
+      s.multiple ? M.value = [] : M.value = void 0;
     }, Te = u(() => {
-      const w = i.value;
-      return !h.value || !(w != null && w.length) ? f.value : n.filterPredicate ? f.value.filter(
+      const x = i.value;
+      return !h.value || !(x != null && x.length) ? f.value : s.filterPredicate ? f.value.filter(
         (F) => {
           var T;
-          return ((T = n.filterPredicate) == null ? void 0 : T.call(n, F, w)) || !1;
+          return ((T = s.filterPredicate) == null ? void 0 : T.call(s, F, x)) || !1;
         }
       ) : f.value;
-    }), ve = (w) => JSON.stringify(w), re = (w) => n.by ? w[n.by] : w, be = async () => {
-      if (!(!O.value || !n.getSearchResults)) {
+    }), be = (x) => JSON.stringify(x), re = (x) => s.by ? x[s.by] : x, ve = async () => {
+      if (!(!O.value || !s.getSearchResults)) {
         c.value = !0;
         try {
-          f.value = await n.getSearchResults(i.value);
+          f.value = await s.getSearchResults(i.value);
         } finally {
           c.value = !1;
         }
       }
-    }, ze = Le(be, 1e3);
+    }, ze = Le(ve, 1e3);
     return Y(
-      () => n.items,
-      (w) => {
-        f.value = w.slice();
+      () => s.items,
+      (x) => {
+        f.value = x.slice();
       },
       { immediate: !0 }
     ), Y(i, () => {
       O.value && ze();
     }), ee(() => {
-      O.value && !n.items.length && be();
-    }), (w, F) => (l(), m("div", null, [
+      O.value && !s.items.length && ve();
+    }), (x, F) => (l(), m("div", null, [
       I(t(ht), {
         modelValue: t(M),
         "onUpdate:modelValue": F[4] || (F[4] = (T) => le(M) ? M.value = T : null),
@@ -1841,7 +1842,7 @@ const De = /* @__PURE__ */ Oe(an, [["__scopeId", "data-v-60cf597b"]]), on = { cl
       }, {
         default: B(() => [
           I(t(mt), {
-            class: v(["block label text-foreground", { "sr-only": !e.showLabel }])
+            class: b(["block label text-foreground-2 mb-2", { "sr-only": !e.showLabel }])
           }, {
             default: B(() => [
               D(S(e.label), 1)
@@ -1849,21 +1850,21 @@ const De = /* @__PURE__ */ Oe(an, [["__scopeId", "data-v-60cf597b"]]), on = { cl
             _: 1
           }, 8, ["class"]),
           r("div", {
-            class: v(t($))
+            class: b(t($))
           }, [
             I(t(gt), {
-              class: v(t(E))
+              class: b(t(E))
             }, {
               default: B(({ open: T }) => [
                 r("div", on, [
                   r("div", rn, [
-                    !t(M) || t(W)(t(M)) && !t(M).length ? R(w.$slots, "nothing-selected", { key: 0 }, () => [
+                    !t(M) || t(W)(t(M)) && !t(M).length ? R(x.$slots, "nothing-selected", { key: 0 }, () => [
                       D(S(e.label), 1)
-                    ]) : R(w.$slots, "something-selected", {
+                    ]) : R(x.$slots, "something-selected", {
                       key: 1,
                       value: t(M)
                     }, () => [
-                      D(S(ve(t(M))), 1)
+                      D(S(be(t(M))), 1)
                     ])
                   ]),
                   r("div", un, [
@@ -1883,7 +1884,7 @@ const De = /* @__PURE__ */ Oe(an, [["__scopeId", "data-v-60cf597b"]]), on = { cl
             }, 8, ["class"]),
             t(P) ? te((l(), m("button", {
               key: 0,
-              class: v(t(k)),
+              class: b(t(C)),
               disabled: e.disabled,
               onClick: F[0] || (F[0] = (T) => Re())
             }, [
@@ -1926,39 +1927,39 @@ const De = /* @__PURE__ */ Oe(an, [["__scopeId", "data-v-60cf597b"]]), on = { cl
                       ])
                     ])) : _("", !0),
                     r("div", {
-                      class: v(["overflow-auto simple-scrollbar", [t(h) ? "max-h-52" : "max-h-60"]])
+                      class: b(["overflow-auto simple-scrollbar", [t(h) ? "max-h-52" : "max-h-60"]])
                     }, [
                       t(O) && c.value ? (l(), m("div", gn, [
                         I(De, { loading: !0 })
                       ])) : t(O) && !f.value.length ? (l(), m("div", yn, [
-                        R(w.$slots, "nothing-found", {}, () => [
-                          vn
+                        R(x.$slots, "nothing-found", {}, () => [
+                          bn
                         ])
                       ])) : _("", !0),
-                      !t(O) || !c.value ? (l(!0), m(U, { key: 2 }, H(t(Te), (T) => (l(), j(t(vt), {
+                      !t(O) || !c.value ? (l(!0), m(U, { key: 2 }, H(t(Te), (T) => (l(), j(t(bt), {
                         key: re(T),
                         value: T
                       }, {
                         default: B(({ active: G, selected: xe }) => [
                           r("li", {
-                            class: v([
+                            class: b([
                               G ? "text-primary" : "text-foreground",
                               "relative transition cursor-pointer select-none py-1.5 pl-3",
                               e.hideCheckmarks ? "" : "pr-9"
                             ])
                           }, [
-                            r("span", bn, [
-                              R(w.$slots, "option", {
+                            r("span", vn, [
+                              R(x.$slots, "option", {
                                 item: T,
                                 active: G,
                                 selected: xe
                               }, () => [
-                                D(S(ve(T)), 1)
+                                D(S(be(T)), 1)
                               ])
                             ]),
                             !e.hideCheckmarks && xe ? (l(), m("span", {
                               key: 0,
-                              class: v([
+                              class: b([
                                 G ? "text-primary" : "text-foreground",
                                 "absolute inset-y-0 right-0 flex items-center pr-4"
                               ])
@@ -1983,20 +1984,20 @@ const De = /* @__PURE__ */ Oe(an, [["__scopeId", "data-v-60cf597b"]]), on = { cl
         ]),
         _: 3
       }, 8, ["modelValue", "name", "multiple", "by", "disabled"]),
-      t(b) ? (l(), m("p", {
+      t(v) ? (l(), m("p", {
         key: 0,
-        id: t(b),
-        class: v(["mt-2 ml-3 text-sm", t(L)])
+        id: t(v),
+        class: b(["mt-2 text-sm", t(L)])
       }, S(t(y)), 11, xn)) : _("", !0)
     ]));
   }
-}), wn = /* @__PURE__ */ V({
+}), Cn = /* @__PURE__ */ V({
   __name: "SourceAppBadge",
   props: {
     sourceApp: null
   },
   setup(e) {
-    return (n, s) => (l(), j(Kt, {
+    return (s, n) => (l(), j(Kt, {
       "color-classes": "text-foreground-on-primary",
       rounded: "",
       style: ie({ backgroundColor: e.sourceApp.bgColor })
@@ -2007,13 +2008,13 @@ const De = /* @__PURE__ */ Oe(an, [["__scopeId", "data-v-60cf597b"]]), on = { cl
       _: 1
     }, 8, ["style"]));
   }
-}), Cn = {
+}), wn = {
   key: 0,
   class: "text-foreground-2 normal"
 }, $n = {
   key: 1,
   class: "flex items-center"
-}, _n = { class: "truncate" }, Sn = { class: "flex items-center" }, In = { class: "truncate" }, vl = /* @__PURE__ */ V({
+}, _n = { class: "truncate" }, Sn = { class: "flex items-center" }, In = { class: "truncate" }, bl = /* @__PURE__ */ V({
   __name: "SourceApps",
   props: {
     /**
@@ -2072,13 +2073,13 @@ const De = /* @__PURE__ */ Oe(an, [["__scopeId", "data-v-60cf597b"]]), on = { cl
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const s = e, a = A(null), o = A(null), { selectedValue: i, hiddenSelectedItemCount: f, isMultiItemArrayValue: c, firstItem: d } = tn({
-      props: Z(s),
-      emit: n,
+  setup(e, { emit: s }) {
+    const n = e, a = A(null), o = A(null), { selectedValue: i, hiddenSelectedItemCount: f, isMultiItemArrayValue: c, firstItem: d } = tn({
+      props: Z(n),
+      emit: s,
       dynamicVisibility: { elementToWatchForChanges: a, itemContainer: o }
-    }), p = (x, y) => x.name.toLocaleLowerCase().includes(y.toLocaleLowerCase());
-    return (x, y) => (l(), j(kn, {
+    }), p = (k, y) => k.name.toLocaleLowerCase().includes(y.toLocaleLowerCase());
+    return (k, y) => (l(), j(kn, {
       modelValue: t(i),
       "onUpdate:modelValue": y[0] || (y[0] = (g) => le(i) ? i.value = g : null),
       multiple: e.multiple,
@@ -2110,12 +2111,12 @@ const De = /* @__PURE__ */ Oe(an, [["__scopeId", "data-v-60cf597b"]]), on = { cl
             ref: o,
             class: "flex flex-wrap overflow-hidden space-x-0.5 h-5"
           }, [
-            (l(!0), m(U, null, H(g, (b) => (l(), j(wn, {
-              key: b.name,
-              "source-app": b
+            (l(!0), m(U, null, H(g, (v) => (l(), j(Cn, {
+              key: v.name,
+              "source-app": v
             }, null, 8, ["source-app"]))), 128))
           ], 512),
-          t(f) > 0 ? (l(), m("div", Cn, " +" + S(t(f)), 1)) : _("", !0)
+          t(f) > 0 ? (l(), m("div", wn, " +" + S(t(f)), 1)) : _("", !0)
         ], 512)) : (l(), m("div", $n, [
           r("div", {
             class: "h-2 w-2 rounded-full mr-2",
@@ -2149,15 +2150,15 @@ const ce = ct(), Bn = {
   ]: ce === ue.Mac ? "Opt" : "Alt",
   shift: "Shift"
 };
-function bl(e) {
-  const n = (s) => Object.values(Q).includes(s);
-  return e.map((s) => n(s) ? Bn[s] : s).join("+");
+function vl(e) {
+  const s = (n) => Object.values(Q).includes(n);
+  return e.map((n) => s(n) ? Bn[n] : n).join("+");
 }
-function xl(e, ...n) {
+function xl(e, ...s) {
   pt(
-    n[0],
-    (s) => {
-      const a = s.getModifierState("Alt"), o = ce === ue.Mac ? s.getModifierState("Meta") : s.getModifierState("Control"), i = s.getModifierState("Shift");
+    s[0],
+    (n) => {
+      const a = n.getModifierState("Alt"), o = ce === ue.Mac ? n.getModifierState("Meta") : n.getModifierState("Control"), i = n.getModifierState("Shift");
       for (const f of e)
         switch (f) {
           case Q.CtrlOrCmd:
@@ -2173,9 +2174,9 @@ function xl(e, ...n) {
               return;
             break;
         }
-      n[1](s);
+      s[1](n);
     },
-    n[2]
+    s[2]
   );
 }
 const Ln = /* @__PURE__ */ r("div", { class: "fixed inset-0 bg-neutral-100/70 dark:bg-neutral-900/70 transition-opacity" }, null, -1), Pn = { 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" }, Vn = { class: "relative" }, kl = /* @__PURE__ */ V({
@@ -2187,12 +2188,12 @@ const Ln = /* @__PURE__ */ r("div", { class: "fixed inset-0 bg-neutral-100/70 da
     preventCloseOnClickOutside: { type: Boolean }
   },
   emits: ["update:open", "fully-closed"],
-  setup(e, { emit: n }) {
-    const s = e, a = u({
-      get: () => s.open,
-      set: (c) => n("update:open", c)
+  setup(e, { emit: s }) {
+    const n = e, a = u({
+      get: () => n.open,
+      set: (c) => s("update:open", c)
     }), o = u(() => {
-      switch (s.maxWidth) {
+      switch (n.maxWidth) {
         case "sm":
           return 0;
         case "md":
@@ -2211,9 +2212,9 @@ const Ln = /* @__PURE__ */ r("div", { class: "fixed inset-0 bg-neutral-100/70 da
       ];
       return o.value >= 1 && c.push("md:max-w-2xl"), o.value >= 2 && c.push("lg:max-w-4xl"), o.value >= 3 && c.push("xl:max-w-6xl"), o.value >= 4 && c.push("2xl:max-w-7xl"), c.join(" ");
     }), f = () => {
-      s.preventCloseOnClickOutside || (a.value = !1);
+      n.preventCloseOnClickOutside || (a.value = !1);
     };
-    return (c, d) => (l(), j(t(bt), {
+    return (c, d) => (l(), j(t(vt), {
       as: "template",
       show: t(a)
     }, {
@@ -2224,7 +2225,7 @@ const Ln = /* @__PURE__ */ r("div", { class: "fixed inset-0 bg-neutral-100/70 da
           onClose: f
         }, {
           default: B(() => [
-            I(t(Ce), {
+            I(t(we), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -2240,7 +2241,7 @@ const Ln = /* @__PURE__ */ r("div", { class: "fixed inset-0 bg-neutral-100/70 da
             }),
             r("div", Pn, [
               r("div", jn, [
-                I(t(Ce), {
+                I(t(we), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -2252,7 +2253,7 @@ const Ln = /* @__PURE__ */ r("div", { class: "fixed inset-0 bg-neutral-100/70 da
                 }, {
                   default: B(() => [
                     I(t(kt), {
-                      class: v([
+                      class: b([
                         "transform rounded-lg bg-foundation text-left shadow-xl transition-all",
                         t(i)
                       ])
@@ -2285,7 +2286,7 @@ const Ln = /* @__PURE__ */ r("div", { class: "fixed inset-0 bg-neutral-100/70 da
       _: 3
     }, 8, ["show"]));
   }
-}), On = { class: "inline-flex items-center space-x-2" }, Mn = { class: "label-light" }, wl = /* @__PURE__ */ V({
+}), On = { class: "inline-flex items-center space-x-2" }, Mn = { class: "label-light" }, Cl = /* @__PURE__ */ V({
   __name: "Disclosure",
   props: {
     title: null,
@@ -2293,12 +2294,12 @@ const Ln = /* @__PURE__ */ r("div", { class: "fixed inset-0 bg-neutral-100/70 da
     color: { default: "default" }
   },
   setup(e) {
-    const n = e, s = u(() => {
+    const s = e, n = u(() => {
       const o = [
         "pr-3 h-10 w-full flex items-center justify-between border-l-2 px-2 rounded transition",
         "ring-1"
       ];
-      switch (n.color) {
+      switch (s.color) {
         case "danger":
           o.push("border-danger text-danger ring-danger-lighter hover:ring-danger");
           break;
@@ -2312,7 +2313,7 @@ const Ln = /* @__PURE__ */ r("div", { class: "fixed inset-0 bg-neutral-100/70 da
       return o.join(" ");
     }), a = u(() => {
       const o = ["mt-4 px-3 py-1 border-x "];
-      switch (n.color) {
+      switch (s.color) {
         case "danger":
           o.push("border-danger-lighter");
           break;
@@ -2324,10 +2325,10 @@ const Ln = /* @__PURE__ */ r("div", { class: "fixed inset-0 bg-neutral-100/70 da
       return o.join(" ");
     });
     return (o, i) => (l(), m("div", null, [
-      I(t(wt), null, {
+      I(t(Ct), null, {
         default: B(({ open: f }) => [
-          I(t(Ct), {
-            class: v(t(s))
+          I(t(wt), {
+            class: b(t(n))
           }, {
             default: B(() => [
               r("div", On, [
@@ -2338,13 +2339,13 @@ const Ln = /* @__PURE__ */ r("div", { class: "fixed inset-0 bg-neutral-100/70 da
                 r("span", null, S(e.title), 1)
               ]),
               I(t(Pe), {
-                class: v([f ? "" : "rotate-180 transform", "h-5 w-5"])
+                class: b([f ? "" : "rotate-180 transform", "h-5 w-5"])
               }, null, 8, ["class"])
             ]),
             _: 2
           }, 1032, ["class"]),
           I(t($t), {
-            class: v(t(a))
+            class: b(t(a))
           }, {
             default: B(() => [
               r("div", Mn, [
@@ -2362,20 +2363,20 @@ const Ln = /* @__PURE__ */ r("div", { class: "fixed inset-0 bg-neutral-100/70 da
   }
 });
 var K = /* @__PURE__ */ ((e) => (e.Grid = "grid", e.List = "list", e))(K || {});
-const Cl = /* @__PURE__ */ V({
+const wl = /* @__PURE__ */ V({
   __name: "GridListToggle",
   props: {
     modelValue: null
   },
   emits: ["click", "update:modelValue"],
-  setup(e, { emit: n }) {
-    const s = e, a = u({
-      get: () => s.modelValue || K.Grid,
-      set: (f) => n("update:modelValue", f)
+  setup(e, { emit: s }) {
+    const n = e, a = u({
+      get: () => n.modelValue || K.Grid,
+      set: (f) => s("update:modelValue", f)
     }), o = u(
       () => a.value === K.Grid ? Je : Qe
     ), i = (f) => {
-      n("click", f);
+      s("click", f);
       const c = a.value === K.Grid ? K.List : K.Grid;
       a.value = c;
     };
@@ -2388,14 +2389,14 @@ const Cl = /* @__PURE__ */ V({
   }
 });
 var An = /* @__PURE__ */ ((e) => (e[e.Throttle = 0] = "Throttle", e[e.Debounce = 1] = "Debounce", e))(An || {}), de = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e))(de || {});
-function Dn(e, n) {
+function Dn(e, s) {
   if (!me)
     return;
   const {
-    wait: s = 100,
+    wait: n = 100,
     throttleOrDebounce: a = 0
     /* Throttle */
-  } = n || {}, o = s ? a === 0 ? Ue(e, s) : Le(e, s) : e;
+  } = s || {}, o = n ? a === 0 ? Ue(e, n) : Le(e, n) : e;
   ee(() => window.addEventListener("resize", o)), Be(() => window.removeEventListener("resize", o));
 }
 function $l(e) {
@@ -2406,26 +2407,26 @@ function $l(e) {
   });
 }
 function Rn(e) {
-  const { el: n, defaultDirection: s } = e, a = A(
-    X(s) ? 1 : s
+  const { el: s, defaultDirection: n } = e, a = A(
+    X(n) ? 1 : n
     /* Right */
   ), o = u(() => {
     const f = t(e.stopUpdatesBelowWidth);
     if (!X(f))
       return f;
-    const c = t(n);
+    const c = t(s);
     return c != null && c.offsetWidth ? c.offsetWidth * 2 : void 0;
   }), i = () => {
     if (!me)
       return;
-    const f = t(n);
+    const f = t(s);
     if (!f)
       return;
     const c = f.getBoundingClientRect(), d = c.x + c.width > window.innerWidth, p = c.x < 0;
     d && p || !X(o.value) && window.innerWidth < o.value || (d ? a.value = 0 : p && (a.value = 1));
   };
   return Dn(() => i()), Y(
-    () => t(n),
+    () => t(s),
     (f) => {
       f && i();
     }
@@ -2441,8 +2442,8 @@ const Tn = ["onClick"], _l = /* @__PURE__ */ V({
     items: null
   },
   emits: ["update:open", "chosen"],
-  setup(e, { emit: n }) {
-    const s = e, a = A(null), { direction: o } = Rn({
+  setup(e, { emit: s }) {
+    const n = e, a = A(null), { direction: o } = Rn({
       el: u(() => {
         var g;
         return ((g = a.value) == null ? void 0 : g.el) || null;
@@ -2450,25 +2451,25 @@ const Tn = ["onClick"], _l = /* @__PURE__ */ V({
       defaultDirection: de.Left,
       stopUpdatesBelowWidth: 300
     }), i = A(null), f = A(!1), c = u({
-      get: () => s.open || !1,
-      set: (g) => n("update:open", g)
+      get: () => n.open || !1,
+      set: (g) => s("update:open", g)
     }), d = (g) => {
-      const { active: b, disabled: L } = g, P = ["group flex w-full items-center rounded-md px-2 py-2 text-sm"];
-      return b ? P.push("bg-primary text-foreground-on-primary") : L ? P.push("text-foreground-disabled") : P.push("text-foreground"), P.join(" ");
-    }, p = (g, b) => {
-      n("chosen", { item: g, event: b });
-    }, x = () => {
+      const { active: v, disabled: L } = g, P = ["group flex w-full items-center rounded-md px-2 py-2 text-sm"];
+      return v ? P.push("bg-primary text-foreground-on-primary") : L ? P.push("text-foreground-disabled") : P.push("text-foreground"), P.join(" ");
+    }, p = (g, v) => {
+      s("chosen", { item: g, event: v });
+    }, k = () => {
       var g;
       return (g = i.value) == null ? void 0 : g.el.click();
     }, y = (g) => {
-      const b = !!g;
-      return f.value = b, b;
+      const v = !!g;
+      return f.value = v, v;
     };
-    return Y(f, (g, b) => {
-      g !== b && (c.value = g);
+    return Y(f, (g, v) => {
+      g !== v && (c.value = g);
     }), Y(c, (g) => {
-      (g && !f.value || !g && f.value) && x();
-    }), (g, b) => (l(), j(t(_t), {
+      (g && !f.value || !g && f.value) && k();
+    }), (g, v) => (l(), j(t(_t), {
       as: "div",
       class: "relative inline-block"
     }, {
@@ -2478,14 +2479,14 @@ const Tn = ["onClick"], _l = /* @__PURE__ */ V({
             ref_key: "menuButton",
             ref: i,
             class: "hidden",
-            onClick: b[0] || (b[0] = Ie(() => {
+            onClick: v[0] || (v[0] = Ie(() => {
             }, ["stop", "prevent"]))
           }, null, 512),
           r("div", {
-            class: v(L ? "pointer-events-none" : "")
+            class: b(L ? "pointer-events-none" : "")
           }, [
             R(g.$slots, "default", {
-              toggle: x,
+              toggle: k,
               open: y(L)
             })
           ], 2)
@@ -2502,7 +2503,7 @@ const Tn = ["onClick"], _l = /* @__PURE__ */ V({
             I(t(It), {
               ref_key: "menuItems",
               ref: a,
-              class: v([
+              class: b([
                 "absolute mt-2 w-56 origin-top-right divide-y divide-outline-3 rounded-md bg-foundation shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none z-40",
                 t(o) === t(de).Left ? "right-0" : ""
               ])
@@ -2512,17 +2513,17 @@ const Tn = ["onClick"], _l = /* @__PURE__ */ V({
                   key: $,
                   class: "px-1 py-1"
                 }, [
-                  (l(!0), m(U, null, H(P, (C) => (l(), j(t(Bt), {
-                    key: C.id,
-                    disabled: C.disabled
+                  (l(!0), m(U, null, H(P, (w) => (l(), j(t(Bt), {
+                    key: w.id,
+                    disabled: w.disabled
                   }, {
-                    default: B(({ active: k, disabled: E }) => [
+                    default: B(({ active: C, disabled: E }) => [
                       r("button", {
-                        class: v(d({ active: k, disabled: E })),
-                        onClick: (h) => p(C, h)
+                        class: b(d({ active: C, disabled: E })),
+                        onClick: (h) => p(w, h)
                       }, [
-                        R(g.$slots, "item", { item: C }, () => [
-                          D(S(C.title), 1)
+                        R(g.$slots, "item", { item: w }, () => [
+                          D(S(w.title), 1)
                         ])
                       ], 10, Tn)
                     ]),
@@ -2545,8 +2546,8 @@ const Tn = ["onClick"], _l = /* @__PURE__ */ V({
     items: null
   },
   setup(e) {
-    const n = e, s = A(null), a = u(() => s.value && n.items.find((i) => i.id === s.value) || n.items[0]), o = (i) => {
-      s.value = i.id;
+    const s = e, n = A(null), a = u(() => n.value && s.items.find((i) => i.id === n.value) || s.items[0]), o = (i) => {
+      n.value = i.id;
     };
     return (i, f) => (l(), m("div", zn, [
       r("div", Fn, [
@@ -2573,17 +2574,17 @@ const Tn = ["onClick"], _l = /* @__PURE__ */ V({
   },
   emits: ["infinite"],
   setup(e) {
-    const n = A(null), s = A(!1);
+    const s = A(null), n = A(!1);
     return me && ee(() => {
       const a = setInterval(() => {
         var o;
-        (o = n.value) != null && o.isConnected && (s.value = !0, clearInterval(a));
+        (o = s.value) != null && o.isConnected && (n.value = !0, clearInterval(a));
       }, 200);
     }), (a, o) => (l(), m("div", {
       ref_key: "wrapper",
-      ref: n
+      ref: s
     }, [
-      s.value ? (l(), j(t(Pt), ne({ key: 0 }, a.$props.settings || {}, {
+      n.value ? (l(), j(t(Pt), ne({ key: 0 }, a.$props.settings || {}, {
         onInfinite: o[0] || (o[0] = (i) => a.$emit("infinite", i))
       }), {
         spinner: B(() => [
@@ -2658,39 +2659,39 @@ const Tn = ["onClick"], _l = /* @__PURE__ */ V({
     }
   },
   emits: ["submit"],
-  setup(e, { emit: n }) {
-    const s = e, a = u(
-      () => s.customPadding ? "" : "px-4 py-4 sm:px-6"
+  setup(e, { emit: s }) {
+    const n = e, a = u(
+      () => n.customPadding ? "" : "px-4 py-4 sm:px-6"
     ), o = u(
-      () => s.customPadding ? "" : "px-4 py-4 sm:p-6"
+      () => n.customPadding ? "" : "px-4 py-4 sm:p-6"
     ), i = u(() => {
       const f = ["rounded-lg"];
-      return s.noShadow || f.push("shadow"), s.ring && f.push("ring-outline-2 hover:ring-2"), f.join(" ");
+      return n.noShadow || f.push("shadow"), n.ring && f.push("ring-outline-2 hover:ring-2"), f.join(" ");
     });
     return (f, c) => (l(), m("div", Kn, [
       e.fancyGlow ? (l(), m("div", Xn)) : _("", !0),
       (l(), j(q(e.form ? "form" : "div"), {
-        class: v([
+        class: b([
           "relative divide-outline-3 bg-foundation text-foreground flex flex-col divide-y overflow-hidden",
           t(i)
         ]),
-        onSubmit: c[0] || (c[0] = (d) => n("submit", d))
+        onSubmit: c[0] || (c[0] = (d) => s("submit", d))
       }, {
         default: B(() => [
           f.$slots.header ? (l(), m("div", {
             key: 0,
-            class: v(t(a))
+            class: b(t(a))
           }, [
             R(f.$slots, "header")
           ], 2)) : _("", !0),
           r("div", {
-            class: v(["grow", t(o)])
+            class: b(["grow", t(o)])
           }, [
             R(f.$slots, "default")
           ], 2),
           f.$slots.footer ? (l(), m("div", {
             key: 1,
-            class: v(t(a))
+            class: b(t(a))
           }, [
             R(f.$slots, "footer")
           ], 2)) : _("", !0)
@@ -2711,9 +2712,9 @@ const Tn = ["onClick"], _l = /* @__PURE__ */ V({
   },
   emits: ["dismiss"],
   setup(e) {
-    const n = e, s = Se(), a = u(() => !!s.description), o = u(() => {
+    const s = e, n = Se(), a = u(() => !!n.description), o = u(() => {
       const d = [];
-      switch (d.push(a.value ? "p-4" : "p-2"), n.color) {
+      switch (d.push(a.value ? "p-4" : "p-2"), s.color) {
         case "success":
           d.push("bg-success-lighter border-l-4 border-success");
           break;
@@ -2730,7 +2731,7 @@ const Tn = ["onClick"], _l = /* @__PURE__ */ V({
       return d.join(" ");
     }), i = u(() => {
       const d = [];
-      switch (n.color) {
+      switch (s.color) {
         case "success":
           d.push("text-success-darker");
           break;
@@ -2747,7 +2748,7 @@ const Tn = ["onClick"], _l = /* @__PURE__ */ V({
       return d.join(" ");
     }), f = u(() => {
       const d = [];
-      switch (n.color) {
+      switch (s.color) {
         case "success":
           d.push("text-success");
           break;
@@ -2764,7 +2765,7 @@ const Tn = ["onClick"], _l = /* @__PURE__ */ V({
       return d.join(" ");
     }), c = u(() => {
       const d = [];
-      switch (n.color) {
+      switch (s.color) {
         case "success":
           d.push("bg-success-lighter ring-success");
           break;
@@ -2781,24 +2782,24 @@ const Tn = ["onClick"], _l = /* @__PURE__ */ V({
       return d.join(" ");
     });
     return (d, p) => {
-      var x;
+      var k;
       return l(), m("div", {
-        class: v(["rounded-md", [t(o), t(i)]])
+        class: b(["rounded-md", [t(o), t(i)]])
       }, [
         r("div", {
-          class: v(["flex", [t(a) ? "" : "items-center space-x-2"]])
+          class: b(["flex", [t(a) ? "" : "items-center space-x-2"]])
         }, [
           r("div", Nn, [
             I(t(je), {
-              class: v(["h-5 w-5", t(f)]),
+              class: b(["h-5 w-5", t(f)]),
               "aria-hidden": "true"
             }, null, 8, ["class"])
           ]),
           r("div", {
-            class: v(["ml-3 grow", [t(a) ? "" : "flex items-center space-x-2"]])
+            class: b(["ml-3 grow", [t(a) ? "" : "flex items-center space-x-2"]])
           }, [
             r("h3", {
-              class: v(["text-sm", [t(a) ? "font-medium" : ""]])
+              class: b(["text-sm", [t(a) ? "font-medium" : ""]])
             }, [
               R(d.$slots, "title", {}, () => [
                 D("Title")
@@ -2810,10 +2811,10 @@ const Tn = ["onClick"], _l = /* @__PURE__ */ V({
               ])
             ])) : _("", !0),
             r("div", {
-              class: v([t(a) ? (x = e.actions) != null && x.length ? "mt-4" : "" : "grow flex"])
+              class: b([t(a) ? (k = e.actions) != null && k.length ? "mt-4" : "" : "grow flex"])
             }, [
               r("div", {
-                class: v(["flex", ["space-x-2", t(a) ? "" : "grow justify-end"]])
+                class: b(["flex", ["space-x-2", t(a) ? "" : "grow justify-end"]])
               }, [
                 (l(!0), m(U, null, H(e.actions || [], (y, g) => (l(), j(oe, {
                   key: g,
@@ -2821,7 +2822,7 @@ const Tn = ["onClick"], _l = /* @__PURE__ */ V({
                   size: "sm",
                   to: y.url,
                   external: y.externalUrl || !1,
-                  onClick: (b) => y.onClick || t(qe)
+                  onClick: (v) => y.onClick || t(qe)
                 }, {
                   default: B(() => [
                     D(S(y.title), 1)
@@ -2833,11 +2834,11 @@ const Tn = ["onClick"], _l = /* @__PURE__ */ V({
           ], 2),
           e.withDismiss ? (l(), m("div", {
             key: 0,
-            class: v(["flex", [t(a) ? "items-start" : "items-center"]])
+            class: b(["flex", [t(a) ? "items-start" : "items-center"]])
           }, [
             r("button", {
               type: "button",
-              class: v(["inline-flex rounded-md focus:outline-none focus:ring-2", t(c)]),
+              class: b(["inline-flex rounded-md focus:outline-none focus:ring-2", t(c)]),
               onClick: p[0] || (p[0] = (y) => d.$emit("dismiss"))
             }, [
               Qn,
@@ -2863,7 +2864,7 @@ export {
   pl as FormCardButton,
   hl as FormCheckbox,
   kn as FormSelectBase,
-  vl as FormSelectSourceApps,
+  bl as FormSelectSourceApps,
   ml as FormTextArea,
   gl as FormTextInput,
   cl as GlobalToastRenderer,
@@ -2871,19 +2872,19 @@ export {
   de as HorizontalDirection,
   Il as InfiniteLoading,
   kl as LayoutDialog,
-  wl as LayoutDisclosure,
-  Cl as LayoutGridListToggle,
+  Cl as LayoutDisclosure,
+  wl as LayoutGridListToggle,
   _l as LayoutMenu,
   Bl as LayoutPanel,
   Sl as LayoutTabs,
   Q as ModifierKeys,
-  wn as SourceAppBadge,
+  Cn as SourceAppBadge,
   J as TailwindBreakpoints,
   An as ThrottleOrDebounce,
   N as ToastNotificationType,
   yl as ValidationHelpers,
   ce as clientOs,
-  bl as getKeyboardShortcutTitle,
+  vl as getKeyboardShortcutTitle,
   xl as onKeyboardShortcut,
   tn as useFormSelectChildInternals,
   $l as useOnBeforeWindowUnload,