@speckle/ui-components 2.15.2-alpha6 → 2.15.2-alpha7

package/dist/lib.js

@@ -1,19 +1,19 @@
-import { defineComponent as A, resolveDynamicComponent as H, computed as r, openBlock as a, createBlock as L, normalizeClass as k, withCtx as _, createCommentVNode as I, renderSlot as z, createTextVNode as M, createElementBlock as m, createElementVNode as i, createVNode as P, Transition as ge, unref as l, toDisplayString as B, toRefs as ae, Fragment as W, renderList as G, ref as O, onMounted as Y, mergeProps as oe, withDirectives as ne, isRef as ve, vModelText as Ae, useSlots as be, vModelDynamic as Xe, pushScopeId as Ne, popScopeId as Je, watch as le, withModifiers as ye, normalizeStyle as fe, onBeforeUnmount as Me } from "vue";
+import { defineComponent as A, resolveDynamicComponent as H, computed as r, openBlock as l, createBlock as P, normalizeClass as k, withCtx as _, createCommentVNode as I, renderSlot as z, createTextVNode as M, createElementBlock as m, createElementVNode as i, createVNode as L, Transition as ge, unref as a, toDisplayString as B, toRefs as le, Fragment as W, renderList as G, ref as O, onMounted as Y, mergeProps as oe, withDirectives as ne, isRef as ve, vModelText as Ae, useSlots as be, vModelDynamic as Xe, pushScopeId as Ne, popScopeId as Je, watch as ae, withModifiers as ye, normalizeStyle as fe, onBeforeUnmount as Me } from "vue";
 import { isObjectLike as Le, clamp as je, isString as ie, isUndefined as Q, isArray as q, debounce as ze, throttle as Qe, noop as Ye } from "lodash";
-import { ArrowPathIcon as Ze, ChevronUpIcon as De, ChevronDownIcon as et, XMarkIcon as tt, MagnifyingGlassIcon as st, CheckIcon as nt, Bars3Icon as lt, Squares2X2Icon as at } from "@heroicons/vue/24/solid";
-import { CheckCircleIcon as ot, XCircleIcon as rt, ExclamationCircleIcon as it, InformationCircleIcon as ut, XMarkIcon as ct, CheckIcon as dt, ExclamationTriangleIcon as ft } from "@heroicons/vue/24/outline";
-import { XMarkIcon as ue, CheckIcon as pt, CheckCircleIcon as Te, ExclamationCircleIcon as xe, EnvelopeIcon as ht, KeyIcon as mt, XCircleIcon as gt, InformationCircleIcon as vt } from "@heroicons/vue/20/solid";
+import { ArrowPathIcon as Ze, ExclamationCircleIcon as et, ChevronUpIcon as De, ChevronDownIcon as tt, XMarkIcon as st, MagnifyingGlassIcon as nt, CheckIcon as at, Bars3Icon as lt, Squares2X2Icon as ot } from "@heroicons/vue/24/solid";
+import { CheckCircleIcon as rt, XCircleIcon as it, ExclamationCircleIcon as ut, InformationCircleIcon as ct, XMarkIcon as dt, CheckIcon as ft, ExclamationTriangleIcon as pt } from "@heroicons/vue/24/outline";
+import { XMarkIcon as ue, CheckIcon as ht, CheckCircleIcon as Re, ExclamationCircleIcon as xe, EnvelopeIcon as mt, KeyIcon as gt, XCircleIcon as vt, InformationCircleIcon as bt } from "@heroicons/vue/20/solid";
 import { useField as ke } from "vee-validate";
 import { nanoid as Ce } from "nanoid";
-import { isNullOrUndefined as bt, SourceApps as yt, getClientOperatingSystem as xt, OperatingSystem as pe } from "@speckle/shared";
-import { useResizeObserver as kt, useMutationObserver as Ct, onKeyDown as wt, isClient as we, computedAsync as $t } from "@vueuse/core";
-import { Listbox as St, ListboxLabel as It, ListboxButton as Bt, ListboxOptions as _t, ListboxOption as Pt, TransitionRoot as Lt, Dialog as jt, TransitionChild as Ve, DialogPanel as Vt, Disclosure as Ot, DisclosureButton as At, DisclosurePanel as Mt, Menu as zt, MenuButton as Dt, MenuItems as Tt, MenuItem as Rt } from "@headlessui/vue";
-import { directive as Re } from "vue-tippy";
-import Ft from "v3-infinite-loading";
-const Et = {
+import { isNullOrUndefined as yt, SourceApps as xt, getClientOperatingSystem as kt, OperatingSystem as pe } from "@speckle/shared";
+import { useResizeObserver as Ct, useMutationObserver as wt, onKeyDown as $t, isClient as we, computedAsync as St } from "@vueuse/core";
+import { Listbox as It, ListboxLabel as Bt, ListboxButton as _t, ListboxOptions as Pt, ListboxOption as Lt, TransitionRoot as jt, Dialog as Vt, TransitionChild as Ve, DialogPanel as Ot, Disclosure as At, DisclosureButton as Mt, DisclosurePanel as zt, Menu as Dt, MenuButton as Rt, MenuItems as Tt, MenuItem as Ft } from "@headlessui/vue";
+import { directive as Te } from "vue-tippy";
+import Et from "v3-infinite-loading";
+const Wt = {
   key: 2,
   style: { margin: "0 !important", width: "0.01px" }
-}, Wt = /* @__PURE__ */ A({
+}, Ut = /* @__PURE__ */ A({
   __name: "Button",
   props: {
     /**
@@ -305,7 +305,7 @@ const Et = {
       return !f.value && !t.link && !t.text && g.push("active:scale-[0.97]"), !f.value && t.link && g.push(
         "underline decoration-transparent decoration-2 underline-offset-4	hover:decoration-inherit"
       ), g.join(" ");
-    }), w = r(() => {
+    }), $ = r(() => {
       const g = t.link || t.text;
       return [
         "transition inline-flex justify-center items-center space-x-2 outline-none select-none",
@@ -339,32 +339,32 @@ const Et = {
           break;
       }
       return g.join(" ");
-    }), R = (g) => {
+    }), T = (g) => {
       if (f.value) {
         g.preventDefault(), g.stopPropagation(), g.stopImmediatePropagation();
         return;
       }
       n("click", g);
     };
-    return (g, T) => (a(), L(H(e.to ? c.value : "button"), {
+    return (g, R) => (l(), P(H(e.to ? c.value : "button"), {
       href: e.to,
       to: e.to,
       type: d.value,
       external: e.external,
-      class: k(w.value),
+      class: k($.value),
       disabled: f.value,
       role: "button",
-      onClick: R
+      onClick: T
     }, {
       default: _(() => [
-        x.value ? (a(), L(H(x.value), {
+        x.value ? (l(), P(H(x.value), {
           key: 0,
           class: k(`${S.value} ${e.hideText ? "" : "mr-2"}`)
         }, null, 8, ["class"])) : I("", !0),
-        e.hideText ? (a(), m("div", Et, "   ")) : z(g.$slots, "default", { key: 1 }, () => [
+        e.hideText ? (l(), m("div", Wt, "   ")) : z(g.$slots, "default", { key: 1 }, () => [
           M("Button")
         ], !0),
-        e.iconRight || !e.loading ? (a(), L(H(e.iconRight), {
+        e.iconRight || !e.loading ? (l(), P(H(e.iconRight), {
           key: 3,
           class: k(`${S.value} ${e.hideText ? "" : "ml-2"}`)
         }, null, 8, ["class"])) : I("", !0)
@@ -378,7 +378,7 @@ const Fe = (e, n) => {
   for (const [s, o] of n)
     t[s] = o;
   return t;
-}, re = /* @__PURE__ */ Fe(Wt, [["__scopeId", "data-v-38aa371e"]]), Ut = /* @__PURE__ */ A({
+}, re = /* @__PURE__ */ Fe(Ut, [["__scopeId", "data-v-38aa371e"]]), qt = /* @__PURE__ */ A({
   __name: "Link",
   props: {
     to: {
@@ -435,7 +435,7 @@ const Fe = (e, n) => {
       }
       n("click", o);
     };
-    return (o, c) => (a(), L(re, {
+    return (o, c) => (l(), P(re, {
       link: "",
       to: e.to,
       external: e.external,
@@ -458,22 +458,22 @@ const Fe = (e, n) => {
   }
 });
 var ee = /* @__PURE__ */ ((e) => (e[e.Success = 0] = "Success", e[e.Warning = 1] = "Warning", e[e.Danger = 2] = "Danger", e[e.Info = 3] = "Info", e))(ee || {});
-const qt = {
+const Ht = {
   "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"
-}, Ht = { class: "flex w-full flex-col items-center space-y-4 sm:items-end" }, Gt = {
+}, Gt = { class: "flex w-full flex-col items-center space-y-4 sm:items-end" }, Kt = {
   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"
-}, Kt = { class: "p-4" }, Xt = { class: "flex items-start" }, Nt = { class: "flex-shrink-0" }, Jt = { class: "ml-2 w-0 flex-1 flex flex-col" }, Qt = {
+}, Xt = { class: "p-4" }, Nt = { class: "flex items-start" }, Jt = { class: "flex-shrink-0" }, Qt = { class: "ml-2 w-0 flex-1 flex flex-col" }, Yt = {
   key: 0,
   class: "text-foreground font-bold"
-}, Yt = {
+}, Zt = {
   key: 1,
   class: "label label--light text-foreground-2"
-}, Zt = {
+}, es = {
   key: 2,
   class: "flex justify-start mt-2"
-}, es = /* @__PURE__ */ i("span", { class: "sr-only" }, "Close", -1), xl = /* @__PURE__ */ A({
+}, ts = /* @__PURE__ */ i("span", { class: "sr-only" }, "Close", -1), Ca = /* @__PURE__ */ A({
   __name: "ToastRenderer",
   props: {
     notification: null
@@ -491,9 +491,9 @@ const qt = {
       var f, x, p;
       (p = (x = (f = t.notification) == null ? void 0 : f.cta) == null ? void 0 : x.onClick) == null || p.call(x, d), o();
     };
-    return (d, f) => (a(), m("div", qt, [
-      i("div", Ht, [
-        P(ge, {
+    return (d, f) => (l(), m("div", Ht, [
+      i("div", Gt, [
+        L(ge, {
           "enter-active-class": "transform ease-out duration-300 transition",
           "enter-from-class": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2",
           "enter-to-class": "translate-y-0 opacity-100 sm:translate-x-0",
@@ -502,33 +502,33 @@ const qt = {
           "leave-to-class": "opacity-0"
         }, {
           default: _(() => [
-            e.notification ? (a(), m("div", Gt, [
-              i("div", Kt, [
-                i("div", Xt, [
-                  i("div", Nt, [
-                    e.notification.type === l(ee).Success ? (a(), L(l(ot), {
+            e.notification ? (l(), m("div", Kt, [
+              i("div", Xt, [
+                i("div", Nt, [
+                  i("div", Jt, [
+                    e.notification.type === a(ee).Success ? (l(), P(a(rt), {
                       key: 0,
                       class: "h-6 w-6 text-success",
                       "aria-hidden": "true"
-                    })) : e.notification.type === l(ee).Danger ? (a(), L(l(rt), {
+                    })) : e.notification.type === a(ee).Danger ? (l(), P(a(it), {
                       key: 1,
                       class: "h-6 w-6 text-danger",
                       "aria-hidden": "true"
-                    })) : e.notification.type === l(ee).Warning ? (a(), L(l(it), {
+                    })) : e.notification.type === a(ee).Warning ? (l(), P(a(ut), {
                       key: 2,
                       class: "h-6 w-6 text-warning",
                       "aria-hidden": "true"
-                    })) : e.notification.type === l(ee).Info ? (a(), L(l(ut), {
+                    })) : e.notification.type === a(ee).Info ? (l(), P(a(ct), {
                       key: 3,
                       class: "h-6 w-6 text-info",
                       "aria-hidden": "true"
                     })) : I("", !0)
                   ]),
-                  i("div", Jt, [
-                    e.notification.title ? (a(), m("p", Qt, B(e.notification.title), 1)) : I("", !0),
-                    e.notification.description ? (a(), m("p", Yt, B(e.notification.description), 1)) : I("", !0),
-                    e.notification.cta ? (a(), m("div", Zt, [
-                      P(Ut, {
+                  i("div", Qt, [
+                    e.notification.title ? (l(), m("p", Yt, B(e.notification.title), 1)) : I("", !0),
+                    e.notification.description ? (l(), m("p", Zt, B(e.notification.description), 1)) : I("", !0),
+                    e.notification.cta ? (l(), m("div", es, [
+                      L(qt, {
                         to: e.notification.cta.url,
                         class: "label",
                         primary: "",
@@ -549,8 +549,8 @@ const qt = {
                       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: o
                     }, [
-                      es,
-                      P(l(ue), {
+                      ts,
+                      L(a(ue), {
                         class: "h-6 w-6",
                         "aria-hidden": "true"
                       })
@@ -565,13 +565,13 @@ const qt = {
       ])
     ]));
   }
-}), ts = /* @__PURE__ */ i("circle", {
+}), ss = /* @__PURE__ */ i("circle", {
   cx: "4",
   cy: "4",
   r: "3"
-}, null, -1), ss = [
-  ts
-], ns = /* @__PURE__ */ A({
+}, null, -1), ns = [
+  ss
+], as = /* @__PURE__ */ A({
   __name: "Badge",
   props: {
     size: null,
@@ -614,24 +614,24 @@ const qt = {
       }
       n("click-icon", p);
     };
-    return (p, b) => (a(), m("span", {
+    return (p, b) => (l(), m("span", {
       class: k(c.value)
     }, [
-      e.dot ? (a(), m("svg", {
+      e.dot ? (l(), m("svg", {
         key: 0,
         class: k(f.value),
         fill: "currentColor",
         viewBox: "0 0 8 8"
-      }, ss, 2)) : I("", !0),
+      }, ns, 2)) : I("", !0),
       z(p.$slots, "default", {}, () => [
         M("Badge")
       ]),
-      e.iconLeft ? (a(), m("button", {
+      e.iconLeft ? (l(), m("button", {
         key: 1,
         class: k(d.value),
         onClick: b[0] || (b[0] = (y) => x(y))
       }, [
-        (a(), L(H(e.iconLeft), {
+        (l(), P(H(e.iconLeft), {
           class: k(["h-4 w-4", o.value])
         }, null, 8, ["class"]))
       ], 2)) : I("", !0)
@@ -659,27 +659,27 @@ function Ee(e) {
   ), p = r({
     get: () => je((n == null ? void 0 : n.value) || 0, -1, t.value.length),
     set: (v) => f("update:modelValue", je(v, 0, t.value.length))
-  }), b = (v) => `${v + 1}`, y = (v) => v === p.value, h = (v) => v < p.value, C = (v, w) => {
-    var R;
+  }), b = (v) => `${v + 1}`, y = (v) => v === p.value, h = (v) => v < p.value, C = (v, $) => {
+    var T;
     if (c != null && c.value) {
-      w == null || w.preventDefault(), w == null || w.stopPropagation(), w == null || w.stopImmediatePropagation();
+      $ == null || $.preventDefault(), $ == null || $.stopPropagation(), $ == null || $.stopImmediatePropagation();
       return;
     }
     p.value = v;
     const S = t.value[p.value];
-    (R = S == null ? void 0 : S.onClick) == null || R.call(S);
+    (T = S == null ? void 0 : S.onClick) == null || T.call(S);
   }, u = r(() => {
     const v = ["flex"];
-    let w, S;
-    return (d == null ? void 0 : d.value) === "xs" ? (w = "space-x-2", S = "space-y-1") : (d == null ? void 0 : d.value) === "sm" ? (w = "space-x-4", S = "space-y-1") : (w = "space-x-8", S = "space-y-4"), v.push("flex"), x.value === "vertical" || o != null && o.value ? (v.push(`flex-col ${S} justify-center`), (o == null ? void 0 : o.value) === te.sm ? v.push(
-      `sm:flex-row sm:space-y-0 sm:justify-start sm:${w} sm:items-center`
+    let $, S;
+    return (d == null ? void 0 : d.value) === "xs" ? ($ = "space-x-2", S = "space-y-1") : (d == null ? void 0 : d.value) === "sm" ? ($ = "space-x-4", S = "space-y-1") : ($ = "space-x-8", S = "space-y-4"), v.push("flex"), x.value === "vertical" || o != null && o.value ? (v.push(`flex-col ${S} justify-center`), (o == null ? void 0 : o.value) === te.sm ? v.push(
+      `sm:flex-row sm:space-y-0 sm:justify-start sm:${$} sm:items-center`
     ) : (o == null ? void 0 : o.value) === te.md ? v.push(
-      `md:flex-row md:space-y-0 md:justify-start md:${w} md:items-center`
+      `md:flex-row md:space-y-0 md:justify-start md:${$} md:items-center`
     ) : (o == null ? void 0 : o.value) === te.lg ? v.push(
-      `lg:flex-row lg:space-y-0 lg:justify-start lg:${w} lg:items-center`
+      `lg:flex-row lg:space-y-0 lg:justify-start lg:${$} lg:items-center`
     ) : (o == null ? void 0 : o.value) === te.xl && v.push(
-      `xl:flex-row xl:space-y-0 xl:justify-start xl:${w} xl:items-center`
-    )) : v.push(`flex-row ${w} items-center`), v.join(" ");
+      `xl:flex-row xl:space-y-0 xl:justify-start xl:${$} xl:items-center`
+    )) : v.push(`flex-row ${$} items-center`), v.join(" ");
   }), j = r(() => {
     const v = ["flex items-center"];
     return c != null && c.value || v.push("cursor-pointer"), v.join(" ");
@@ -709,16 +709,16 @@ ls([
   "lg:space-x-4",
   "xl:space-x-4"
 ]);
-const as = ["aria-label"], os = ["href", "onClick"], rs = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, is = { class: "shrink-0 h-8 w-8 rounded-full bg-primary-focus text-foreground-on-primary inline-flex items-center justify-center" }, us = { class: "flex flex-col" }, cs = {
+const os = ["aria-label"], rs = ["href", "onClick"], is = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, us = { class: "shrink-0 h-8 w-8 rounded-full bg-primary-focus text-foreground-on-primary inline-flex items-center justify-center" }, cs = { class: "flex flex-col" }, ds = {
   key: 0,
   class: "label label--light text-foreground"
-}, ds = ["href", "onClick"], fs = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, ps = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-primary-focus inline-flex items-center justify-center" }, hs = { class: "flex flex-col" }, ms = {
+}, fs = ["href", "onClick"], ps = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, hs = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-primary-focus inline-flex items-center justify-center" }, ms = { class: "flex flex-col" }, gs = {
   key: 0,
   class: "label label--light text-foreground"
-}, gs = ["href", "onClick"], vs = { class: "flex space-x-3 items-center text-foreground-disabled normal font-medium leading-5" }, bs = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-foreground-disabled inline-flex items-center justify-center" }, ys = { class: "flex flex-col" }, xs = {
+}, vs = ["href", "onClick"], bs = { class: "flex space-x-3 items-center text-foreground-disabled normal font-medium leading-5" }, ys = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-foreground-disabled inline-flex items-center justify-center" }, xs = { class: "flex flex-col" }, ks = {
   key: 0,
   class: "label label--light"
-}, kl = /* @__PURE__ */ A({
+}, wa = /* @__PURE__ */ A({
   __name: "Number",
   props: {
     ariaLabel: null,
@@ -739,85 +739,85 @@ const as = ["aria-label"], os = ["href", "onClick"], rs = { class: "flex space-x
       listClasses: f,
       linkClasses: x
     } = Ee({
-      props: ae(t),
+      props: le(t),
       emit: n
     });
-    return (p, b) => (a(), m("nav", {
+    return (p, b) => (l(), m("nav", {
       class: "flex justify-center",
       "aria-label": e.ariaLabel || "Progress steps"
     }, [
       i("ol", {
-        class: k(l(f))
+        class: k(a(f))
       }, [
-        (a(!0), m(W, null, G(e.steps, (y, h) => (a(), m("li", {
+        (l(!0), m(W, null, G(e.steps, (y, h) => (l(), m("li", {
           key: y.name
         }, [
-          l(o)(h) ? (a(), m("a", {
+          a(o)(h) ? (l(), m("a", {
             key: 0,
             href: y.href,
-            class: k(l(x)),
-            onClick: (C) => l(c)(h, C)
+            class: k(a(x)),
+            onClick: (C) => a(c)(h, C)
           }, [
-            i("div", rs, [
-              i("div", is, [
-                P(l(pt), { class: "w-5 h-5" })
-              ]),
+            i("div", is, [
               i("div", us, [
+                L(a(ht), { class: "w-5 h-5" })
+              ]),
+              i("div", cs, [
                 i("div", null, B(y.name), 1),
-                y.description ? (a(), m("div", cs, B(y.description), 1)) : I("", !0)
+                y.description ? (l(), m("div", ds, B(y.description), 1)) : I("", !0)
               ])
             ])
-          ], 10, os)) : l(s)(h) ? (a(), m("a", {
+          ], 10, rs)) : a(s)(h) ? (l(), m("a", {
             key: 1,
             href: y.href,
-            class: k(l(x)),
+            class: k(a(x)),
             "aria-current": "step",
-            onClick: (C) => l(c)(h, C)
+            onClick: (C) => a(c)(h, C)
           }, [
-            i("div", fs, [
-              i("div", ps, B(l(d)(h)), 1),
-              i("div", hs, [
+            i("div", ps, [
+              i("div", hs, B(a(d)(h)), 1),
+              i("div", ms, [
                 i("div", null, B(y.name), 1),
-                y.description ? (a(), m("div", ms, B(y.description), 1)) : I("", !0)
+                y.description ? (l(), m("div", gs, B(y.description), 1)) : I("", !0)
               ])
             ])
-          ], 10, ds)) : (a(), m("a", {
+          ], 10, fs)) : (l(), m("a", {
             key: 2,
             href: y.href,
-            class: k(l(x)),
-            onClick: (C) => l(c)(h, C)
+            class: k(a(x)),
+            onClick: (C) => a(c)(h, C)
           }, [
-            i("div", vs, [
-              i("div", bs, B(l(d)(h)), 1),
-              i("div", ys, [
+            i("div", bs, [
+              i("div", ys, B(a(d)(h)), 1),
+              i("div", xs, [
                 i("div", null, B(y.name), 1),
-                y.description ? (a(), m("div", xs, B(y.description), 1)) : I("", !0)
+                y.description ? (l(), m("div", ks, B(y.description), 1)) : I("", !0)
               ])
             ])
-          ], 10, gs))
+          ], 10, vs))
         ]))), 128))
       ], 2)
-    ], 8, as));
+    ], 8, os));
   }
-}), ks = ["aria-label"], Cs = ["href", "onClick"], ws = { class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center" }, $s = {
+}), Cs = ["aria-label"], ws = ["href", "onClick"], $s = { class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center" }, Ss = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground-2"
-}, Ss = ["href", "onClick"], Is = {
+}, Is = ["href", "onClick"], Bs = {
   class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center",
   "aria-hidden": "true"
-}, Bs = {
+}, _s = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground"
-}, _s = /* @__PURE__ */ i("span", { class: "absolute h-4 w-4 rounded-full bg-outline-2" }, null, -1), Ps = /* @__PURE__ */ i("span", { class: "relative block h-2 w-2 rounded-full bg-primary-focus" }, null, -1), Ls = ["href", "onClick"], js = {
+}, Ps = /* @__PURE__ */ i("span", { class: "absolute h-4 w-4 rounded-full bg-outline-2" }, null, -1), Ls = /* @__PURE__ */ i("span", { class: "relative block h-2 w-2 rounded-full bg-primary-focus" }, null, -1), js = ["href", "onClick"], Vs = {
   class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center",
   "aria-hidden": "true"
-}, Vs = {
+}, Os = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground-2"
-}, Os = {
+}, As = {
   key: 1,
   class: "h-4 w-4 rounded-full bg-foreground-disabled"
-}, Cl = /* @__PURE__ */ A({
+}, $a = /* @__PURE__ */ A({
   __name: "Bullet",
   props: {
     ariaLabel: null,
@@ -832,7 +832,7 @@ const as = ["aria-label"], os = ["href", "onClick"], rs = { class: "flex space-x
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
     const t = e, { isCurrentStep: s, isFinishedStep: o, switchStep: c, listClasses: d, linkClasses: f } = Ee({
-      props: ae(t),
+      props: le(t),
       emit: n
     }), x = r(() => {
       const b = ["h6 font-medium leading-7"];
@@ -842,24 +842,24 @@ const as = ["aria-label"], os = ["href", "onClick"], rs = { class: "flex space-x
       const b = [];
       return t.basic && b.push("basic"), b.join(" ");
     });
-    return (b, y) => (a(), m("nav", {
+    return (b, y) => (l(), m("nav", {
       class: "flex justify-center",
       "aria-label": e.ariaLabel || "Progress steps"
     }, [
       i("ol", {
-        class: k([l(d), p.value])
+        class: k([a(d), p.value])
       }, [
-        (a(!0), m(W, null, G(e.steps, (h, C) => (a(), m("li", {
+        (l(!0), m(W, null, G(e.steps, (h, C) => (l(), m("li", {
           key: h.name
         }, [
-          l(o)(C) ? (a(), m("a", {
+          a(o)(C) ? (l(), m("a", {
             key: 0,
             href: h.href,
-            class: k(l(f)),
-            onClick: (u) => l(c)(C, u)
+            class: k(a(f)),
+            onClick: (u) => a(c)(C, u)
           }, [
-            i("span", ws, [
-              e.basic ? (a(), m("span", $s)) : (a(), L(l(Te), {
+            i("span", $s, [
+              e.basic ? (l(), m("span", Ss)) : (l(), P(a(Re), {
                 key: 1,
                 class: "h-full w-full text-primary",
                 "aria-hidden": "true"
@@ -868,40 +868,40 @@ const as = ["aria-label"], os = ["href", "onClick"], rs = { class: "flex space-x
             i("span", {
               class: k(["text-foreground", x.value])
             }, B(h.name), 3)
-          ], 10, Cs)) : l(s)(C) ? (a(), m("a", {
+          ], 10, ws)) : a(s)(C) ? (l(), m("a", {
             key: 1,
             href: h.href,
-            class: k(l(f)),
+            class: k(a(f)),
             "aria-current": "step",
-            onClick: (u) => l(c)(C, u)
+            onClick: (u) => a(c)(C, u)
           }, [
-            i("span", Is, [
-              e.basic ? (a(), m("span", Bs)) : (a(), m(W, { key: 1 }, [
-                _s,
-                Ps
+            i("span", Bs, [
+              e.basic ? (l(), m("span", _s)) : (l(), m(W, { key: 1 }, [
+                Ps,
+                Ls
               ], 64))
             ]),
             i("span", {
               class: k(["text-primary-focus", x.value])
             }, B(h.name), 3)
-          ], 10, Ss)) : (a(), m("a", {
+          ], 10, Is)) : (l(), m("a", {
             key: 2,
             href: h.href,
-            class: k(l(f)),
-            onClick: (u) => l(c)(C, u)
+            class: k(a(f)),
+            onClick: (u) => a(c)(C, u)
           }, [
-            i("div", js, [
-              e.basic ? (a(), m("span", Vs)) : (a(), m("div", Os))
+            i("div", Vs, [
+              e.basic ? (l(), m("span", Os)) : (l(), m("div", As))
             ]),
             i("p", {
               class: k(["text-foreground-disabled", x.value])
             }, B(h.name), 3)
-          ], 10, Ls))
+          ], 10, js))
         ]))), 128))
       ], 2)
-    ], 8, ks));
+    ], 8, Cs));
   }
-}), As = ["disabled"], wl = /* @__PURE__ */ A({
+}), Ms = ["disabled"], Sa = /* @__PURE__ */ A({
   __name: "CardButton",
   props: {
     disabled: { type: Boolean },
@@ -924,7 +924,7 @@ const as = ["aria-label"], os = ["href", "onClick"], rs = { class: "flex space-x
       }
       n("update:modelValue", !t.modelValue), n("click", c);
     };
-    return (c, d) => (a(), m("button", {
+    return (c, d) => (l(), m("button", {
       class: k(s.value),
       disabled: e.disabled,
       onClick: o
@@ -932,15 +932,15 @@ const as = ["aria-label"], os = ["href", "onClick"], rs = { class: "flex space-x
       z(c.$slots, "default", {}, () => [
         M("Text")
       ])
-    ], 10, As));
+    ], 10, Ms));
   }
-}), Ms = { class: "relative flex items-start" }, zs = { class: "flex h-6 items-center" }, Ds = ["id", "checked", "aria-describedby", "name", "disabled", "value"], Ts = {
+}), zs = { class: "relative flex items-start" }, Ds = { class: "flex h-6 items-center" }, Rs = ["id", "checked", "aria-describedby", "name", "disabled", "value"], Ts = {
   class: "ml-2 text-sm",
   style: { "padding-top": "2px" }
-}, Rs = ["for"], Fs = {
+}, Fs = ["for"], Es = {
   key: 0,
   class: "text-danger ml-1"
-}, Es = ["id"], $l = /* @__PURE__ */ A({
+}, Ws = ["id"], Ia = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -1046,20 +1046,20 @@ const as = ["aria-label"], os = ["href", "onClick"], rs = { class: "flex space-x
       n.disabled || d(v);
     };
     return Y(() => {
-      const v = n.modelValue, w = f.value, S = Array.isArray(v) ? v.includes(n.value) : v === n.value, R = Array.isArray(w) ? w.includes(n.value) : w === n.value;
-      S !== R && d(v);
-    }), (v, w) => (a(), m("div", Ms, [
-      i("div", zs, [
+      const v = n.modelValue, $ = f.value, S = Array.isArray(v) ? v.includes(n.value) : v === n.value, T = Array.isArray($) ? $.includes(n.value) : $ === n.value;
+      S !== T && d(v);
+    }), (v, $) => (l(), m("div", zs, [
+      i("div", Ds, [
         i("input", oe({
           id: u.value,
-          checked: l(o),
+          checked: a(o),
           "aria-describedby": y.value,
           name: e.name,
           disabled: e.disabled,
           value: s.value,
           type: "checkbox",
           class: ["h-4 w-4 rounded text-primary focus:ring-primary bg-foundation disabled:cursor-not-allowed disabled:bg-disabled disabled:text-disabled-2", p.value]
-        }, v.$attrs, { onChange: j }), null, 16, Ds)
+        }, v.$attrs, { onChange: j }), null, 16, Rs)
       ]),
       i("div", Ts, [
         i("label", {
@@ -1067,25 +1067,25 @@ const as = ["aria-label"], os = ["href", "onClick"], rs = { class: "flex space-x
           class: k(["font-medium text-foreground", { "sr-only": e.hideLabel }])
         }, [
           i("span", null, B(x.value), 1),
-          e.showRequired ? (a(), m("span", Fs, "*")) : I("", !0)
-        ], 10, Rs),
-        b.value ? (a(), m("p", {
+          e.showRequired ? (l(), m("span", Es, "*")) : I("", !0)
+        ], 10, Fs),
+        b.value ? (l(), m("p", {
           key: 0,
           id: y.value,
           class: k(h.value)
-        }, B(b.value), 11, Es)) : I("", !0)
+        }, B(b.value), 11, Ws)) : I("", !0)
       ])
     ]));
   }
 });
 function We(e) {
   const { props: n, inputEl: t, emit: s } = e, { value: o, errorMessage: c } = ke(n.name, n.rules, {
-    validateOnMount: l(n.validateOnMount),
-    validateOnValueUpdate: l(n.validateOnValueUpdate),
-    initialValue: l(n.modelValue) || void 0
+    validateOnMount: a(n.validateOnMount),
+    validateOnValueUpdate: a(n.validateOnValueUpdate),
+    initialValue: a(n.modelValue) || void 0
   }), d = r(() => {
     const S = ["block label text-foreground-2 mb-2"];
-    return l(n.showLabel) || S.push("sr-only"), S.join(" ");
+    return a(n.showLabel) || S.push("sr-only"), S.join(" ");
   }), f = r(() => {
     const S = [
       "block w-full rounded focus:outline-none text-foreground transition-all",
@@ -1094,25 +1094,25 @@ function We(e) {
     ];
     return c.value ? S.push(
       "border-2 border-danger text-danger-darker focus:border-danger focus:ring-danger"
-    ) : S.push("border-0 focus:ring-2 focus:ring-outline-2"), l(n.color) === "foundation" ? S.push("bg-foundation shadow-sm hover:shadow") : S.push("bg-foundation-page"), S.join(" ");
-  }), x = O(Ce()), p = r(() => l(n.label) || l(n.name)), b = r(() => {
+    ) : S.push("border-0 focus:ring-2 focus:ring-outline-2"), a(n.color) === "foundation" ? S.push("bg-foundation shadow-sm hover:shadow") : S.push("bg-foundation-page"), S.join(" ");
+  }), x = O(Ce()), p = r(() => a(n.label) || a(n.name)), b = r(() => {
     const S = c.value;
-    return !S || !l(n.useLabelInErrors) ? S : S.replace("Value", p.value);
+    return !S || !a(n.useLabelInErrors) ? S : S.replace("Value", p.value);
   }), y = r(
-    () => b.value && l(n.hideErrorMessage)
-  ), h = r(() => b.value || l(n.help)), C = r(() => !!h.value), u = r(
-    () => C.value ? `${l(n.name)}-${x.value}` : void 0
+    () => b.value && a(n.hideErrorMessage)
+  ), h = r(() => b.value || a(n.help)), C = r(() => !!h.value), u = r(
+    () => C.value ? `${a(n.name)}-${x.value}` : void 0
   ), j = r(() => {
     const S = ["mt-2 text-sm"];
     return S.push(c.value ? "text-danger" : "text-foreground-2"), S.join(" ");
   }), v = () => {
     var S;
     (S = t.value) == null || S.focus();
-  }, w = () => {
+  }, $ = () => {
     o.value = "", s("change", { value: "" }), s("clear");
   };
   return Y(() => {
-    l(n.autoFocus) && v();
+    a(n.autoFocus) && v();
   }), {
     coreClasses: f,
     title: p,
@@ -1122,15 +1122,15 @@ function We(e) {
     helpTip: h,
     hideHelpTip: y,
     errorMessage: b,
-    clear: w,
+    clear: $,
     focus: v,
     labelClasses: d
   };
 }
-const Ws = ["for"], Us = { class: "relative" }, qs = ["id", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], Hs = /* @__PURE__ */ i("span", { class: "text-xs sr-only" }, "Clear input", -1), Gs = {
+const Us = ["for"], qs = { class: "relative" }, Hs = ["id", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], Gs = /* @__PURE__ */ i("span", { class: "text-xs sr-only" }, "Clear input", -1), Ks = {
   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"
-}, Ks = ["id"], Sl = /* @__PURE__ */ A({
+}, Xs = ["id"], Ba = /* @__PURE__ */ A({
   __name: "TextArea",
   props: {
     name: null,
@@ -1164,83 +1164,83 @@ const Ws = ["for"], Us = { class: "relative" }, qs = ["id", "name", "placeholder
       clear: C,
       focus: u
     } = We({
-      props: ae(s),
+      props: le(s),
       emit: t,
       inputEl: o
     }), j = r(() => {
       const v = ["pl-2"];
       return s.showClear && y.value ? v.push("pr-12") : (s.showClear || y.value) && v.push("pr-8"), v.join(" ");
     });
-    return n({ focus: u }), (v, w) => (a(), m("div", {
+    return n({ focus: u }), (v, $) => (l(), m("div", {
       class: k([e.fullWidth ? "w-full" : ""])
     }, [
       i("label", {
         for: e.name,
-        class: k(l(h))
+        class: k(a(h))
       }, [
-        i("span", null, B(l(d)), 1)
-      ], 10, Ws),
-      i("div", Us, [
+        i("span", null, B(a(d)), 1)
+      ], 10, Us),
+      i("div", qs, [
         ne(i("textarea", oe({
           id: e.name,
           ref_key: "inputElement",
           ref: o,
-          "onUpdate:modelValue": w[0] || (w[0] = (S) => ve(f) ? f.value = S : null),
+          "onUpdate:modelValue": $[0] || ($[0] = (S) => ve(f) ? f.value = S : null),
           name: e.name,
-          class: [l(c), j.value, "min-h-[4rem]"],
+          class: [a(c), j.value, "min-h-[4rem]"],
           placeholder: e.placeholder,
           disabled: e.disabled,
-          "aria-invalid": l(y) ? "true" : "false",
-          "aria-describedby": l(x)
+          "aria-invalid": a(y) ? "true" : "false",
+          "aria-describedby": a(x)
         }, v.$attrs, {
-          onChange: w[1] || (w[1] = (S) => v.$emit("change", { event: S, value: l(f) })),
-          onInput: w[2] || (w[2] = (S) => v.$emit("input", { event: S, value: l(f) }))
-        }), null, 16, qs), [
-          [Ae, l(f)]
+          onChange: $[1] || ($[1] = (S) => v.$emit("change", { event: S, value: a(f) })),
+          onInput: $[2] || ($[2] = (S) => v.$emit("input", { event: S, value: a(f) }))
+        }), null, 16, Hs), [
+          [Ae, a(f)]
         ]),
-        e.showClear ? (a(), m("a", {
+        e.showClear ? (l(), m("a", {
           key: 0,
           title: "Clear input",
           class: "absolute top-2 right-0 flex items-center pr-2 cursor-pointer",
-          onClick: w[3] || (w[3] = //@ts-ignore
-          (...S) => l(C) && l(C)(...S)),
-          onKeydown: w[4] || (w[4] = //@ts-ignore
-          (...S) => l(C) && l(C)(...S))
+          onClick: $[3] || ($[3] = //@ts-ignore
+          (...S) => a(C) && a(C)(...S)),
+          onKeydown: $[4] || ($[4] = //@ts-ignore
+          (...S) => a(C) && a(C)(...S))
         }, [
-          Hs,
-          P(l(ue), {
+          Gs,
+          L(a(ue), {
             class: "h-5 w-5 text-foreground",
             "aria-hidden": "true"
           })
         ], 32)) : I("", !0),
-        l(y) ? (a(), m("div", {
+        a(y) ? (l(), m("div", {
           key: 1,
           class: k([
             "pointer-events-none absolute inset-y-0 right-0 flex items-center",
             e.showClear ? "pr-8" : "pr-2"
           ])
         }, [
-          P(l(xe), {
+          L(a(xe), {
             class: "h-4 w-4 text-danger",
             "aria-hidden": "true"
           })
         ], 2)) : I("", !0),
-        e.showRequired && !l(y) ? (a(), m("div", Gs, " * ")) : I("", !0)
+        e.showRequired && !a(y) ? (l(), m("div", Ks, " * ")) : I("", !0)
       ]),
-      l(x) ? (a(), m("p", {
+      a(x) ? (l(), m("p", {
         key: 0,
-        id: l(x),
-        class: k(l(p))
-      }, B(l(b)), 11, Ks)) : I("", !0)
+        id: a(x),
+        class: k(a(p))
+      }, B(a(b)), 11, Xs)) : I("", !0)
     ], 2));
   }
-}), Xs = ["for"], Ns = { class: "relative" }, Js = {
+}), Ns = ["for"], Js = { class: "relative" }, Qs = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2"
-}, Qs = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], Ys = /* @__PURE__ */ i("span", { class: "text-xs sr-only" }, "Clear input", -1), Zs = {
+}, Ys = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], Zs = /* @__PURE__ */ i("span", { class: "text-xs sr-only" }, "Clear input", -1), en = {
   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"
-}, en = ["id"], Il = /* @__PURE__ */ A({
+}, tn = ["id"], _a = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "TextInput",
   props: {
@@ -1390,17 +1390,17 @@ const Ws = ["for"], Us = { class: "relative" }, qs = ["id", "name", "placeholder
       focus: j,
       labelClasses: v
     } = We({
-      props: ae(s),
+      props: le(s),
       emit: t,
       inputEl: c
-    }), w = r(() => {
-      const T = ["h-5 w-5"];
-      return C.value ? T.push("text-danger") : T.push("text-foreground-2"), T.join(" ");
+    }), $ = r(() => {
+      const R = ["h-5 w-5"];
+      return C.value ? R.push("text-danger") : R.push("text-foreground-2"), R.join(" ");
     }), S = r(
       () => ["email", "password"].includes(s.type) || s.customIcon
-    ), R = r(() => {
-      const T = [];
-      return S.value ? T.push("pl-8") : T.push("pl-2"), o["input-right"] || (C.value || s.showClear) && (C.value && s.showClear ? T.push("pr-12") : T.push("pr-8")), T.join(" ");
+    ), T = r(() => {
+      const R = [];
+      return S.value ? R.push("pl-8") : R.push("pl-2"), o["input-right"] || (C.value || s.showClear) && (C.value && s.showClear ? R.push("pr-12") : R.push("pr-8")), R.join(" ");
     }), g = r(() => {
       switch (s.size) {
         case "sm":
@@ -1414,28 +1414,28 @@ const Ws = ["for"], Us = { class: "relative" }, qs = ["id", "name", "placeholder
           return "h-8";
       }
     });
-    return n({ focus: j }), (T, E) => (a(), m("div", {
+    return n({ focus: j }), (R, E) => (l(), m("div", {
       class: k([e.fullWidth ? "w-full" : "", e.wrapperClasses])
     }, [
       i("label", {
         for: e.name,
-        class: k(l(v))
+        class: k(a(v))
       }, [
-        i("span", null, B(l(f)), 1)
-      ], 10, Xs),
-      i("div", Ns, [
-        S.value ? (a(), m("div", Js, [
-          e.customIcon ? (a(), L(H(e.customIcon), {
+        i("span", null, B(a(f)), 1)
+      ], 10, Ns),
+      i("div", Js, [
+        S.value ? (l(), m("div", Qs, [
+          e.customIcon ? (l(), P(H(e.customIcon), {
             key: 0,
-            class: k(w.value),
+            class: k($.value),
             "aria-hidden": "true"
-          }, null, 8, ["class"])) : e.type === "email" ? (a(), L(l(ht), {
+          }, null, 8, ["class"])) : e.type === "email" ? (l(), P(a(mt), {
             key: 1,
-            class: k(w.value),
+            class: k($.value),
             "aria-hidden": "true"
-          }, null, 8, ["class"])) : e.type === "password" ? (a(), L(l(mt), {
+          }, null, 8, ["class"])) : e.type === "password" ? (l(), P(a(gt), {
             key: 2,
-            class: k(w.value),
+            class: k($.value),
             "aria-hidden": "true"
           }, null, 8, ["class"])) : I("", !0)
         ])) : I("", !0),
@@ -1446,74 +1446,74 @@ const Ws = ["for"], Us = { class: "relative" }, qs = ["id", "name", "placeholder
           "onUpdate:modelValue": E[0] || (E[0] = (F) => ve(x) ? x.value = F : null),
           type: e.type,
           name: e.name,
-          class: [l(d), R.value, g.value, e.inputClasses || ""],
+          class: [a(d), T.value, g.value, e.inputClasses || ""],
           placeholder: e.placeholder,
           disabled: e.disabled,
-          "aria-invalid": l(C) ? "true" : "false",
-          "aria-describedby": l(p),
+          "aria-invalid": a(C) ? "true" : "false",
+          "aria-describedby": a(p),
           role: "textbox"
-        }, T.$attrs, {
-          onChange: E[1] || (E[1] = (F) => T.$emit("change", { event: F, value: l(x) })),
-          onInput: E[2] || (E[2] = (F) => T.$emit("input", { event: F, value: l(x) }))
-        }), null, 16, Qs), [
-          [Xe, l(x)]
+        }, R.$attrs, {
+          onChange: E[1] || (E[1] = (F) => R.$emit("change", { event: F, value: a(x) })),
+          onInput: E[2] || (E[2] = (F) => R.$emit("input", { event: F, value: a(x) }))
+        }), null, 16, Ys), [
+          [Xe, a(x)]
         ]),
-        z(T.$slots, "input-right", {}, () => [
-          e.showClear ? (a(), m("a", {
+        z(R.$slots, "input-right", {}, () => [
+          e.showClear ? (l(), m("a", {
             key: 0,
             title: "Clear input",
             class: "absolute inset-y-0 right-0 flex items-center pr-2 cursor-pointer",
             onClick: E[3] || (E[3] = //@ts-ignore
-            (...F) => l(u) && l(u)(...F)),
+            (...F) => a(u) && a(u)(...F)),
             onKeydown: E[4] || (E[4] = //@ts-ignore
-            (...F) => l(u) && l(u)(...F))
+            (...F) => a(u) && a(u)(...F))
           }, [
-            Ys,
-            P(l(ue), {
+            Zs,
+            L(a(ue), {
               class: "h-5 w-5 text-foreground",
               "aria-hidden": "true"
             })
           ], 32)) : I("", !0),
-          l(C) ? (a(), m("div", {
+          a(C) ? (l(), m("div", {
             key: 1,
             class: k([
               "pointer-events-none absolute inset-y-0 right-0 flex items-center",
               e.showClear ? "pr-8" : "pr-2"
             ])
           }, [
-            P(l(xe), {
+            L(a(xe), {
               class: "h-4 w-4 text-danger",
               "aria-hidden": "true"
             })
           ], 2)) : I("", !0),
-          e.showRequired && !l(C) ? (a(), m("div", Zs, " * ")) : I("", !0)
+          e.showRequired && !a(C) ? (l(), m("div", en, " * ")) : I("", !0)
         ])
       ]),
-      l(p) && !l(h) ? (a(), m("p", {
+      a(p) && !a(h) ? (l(), m("p", {
         key: 0,
-        id: l(p),
-        class: k(l(b))
-      }, B(l(y)), 11, en)) : I("", !0)
+        id: a(p),
+        class: k(a(b))
+      }, B(a(y)), 11, tn)) : I("", !0)
     ], 2));
   }
-}), tn = /^https?:\/\//, $e = /^[\w-_.+]+@[\w-_.+]+$/, sn = (e) => (e || "").match($e) ? !0 : "Value should be a valid e-mail address", nn = (e) => (e || "").split(",").map((s) => s.trim()).every((s) => s.match($e)) || "Value should be one or multiple comma-delimited e-mail addresses", ln = (e) => (ie(e) && (e = e.trim()), e ? !0 : "Value is required"), an = (e, n) => (t, s) => t === s.form[e] ? !0 : `Value must be the same as in field '${n || e}'`, on = (e) => (n) => {
+}), sn = /^https?:\/\//, $e = /^[\w-_.+]+@[\w-_.+]+$/, nn = (e) => (e || "").match($e) ? !0 : "Value should be a valid e-mail address", an = (e) => (e || "").split(",").map((s) => s.trim()).every((s) => s.match($e)) || "Value should be one or multiple comma-delimited e-mail addresses", ln = (e) => (ie(e) && (e = e.trim()), e ? !0 : "Value is required"), on = (e, n) => (t, s) => t === s.form[e] ? !0 : `Value must be the same as in field '${n || e}'`, rn = (e) => (n) => {
   const { minLength: t, maxLength: s } = e;
-  return n = bt(n) ? "" : n, ie(n) ? !Q(t) && n.length < t ? `Value needs to be at least ${t} characters long` : !Q(s) && n.length > s ? `Value needs to be no more than ${s} characters long` : !0 : "Value should be a text string";
-}, rn = (e) => (n) => {
+  return n = yt(n) ? "" : n, ie(n) ? !Q(t) && n.length < t ? `Value needs to be at least ${t} characters long` : !Q(s) && n.length > s ? `Value needs to be no more than ${s} characters long` : !0 : "Value should be a text string";
+}, un = (e) => (n) => {
   const { match: t, message: s } = e;
   return ie(n) ? t ? ie(t) ? n.includes(t) ? !0 : s : t.test(n) ? !0 : s : !0 : "Value should be a text string";
-}, Bl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Pa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VALID_EMAIL: $e,
-  VALID_HTTP_URL: tn,
-  isEmail: sn,
-  isOneOrMultipleEmails: nn,
+  VALID_HTTP_URL: sn,
+  isEmail: nn,
+  isOneOrMultipleEmails: an,
   isRequired: ln,
-  isSameAs: an,
-  isStringOfLength: on,
-  stringContains: rn
+  isSameAs: on,
+  isStringOfLength: rn,
+  stringContains: un
 }, Symbol.toStringTag, { value: "Module" }));
-function un(e) {
+function cn(e) {
   const {
     skipCalculation: n,
     elementToWatchForChanges: t,
@@ -1532,19 +1532,19 @@ function un(e) {
     }
     d.value = y - b;
   };
-  return o && kt(t, f), c && Ct(t, f, {
+  return o && Ct(t, f), c && wt(t, f, {
     childList: !0,
     subtree: !0
   }), {
     hiddenItemCount: d
   };
 }
-function cn(e) {
+function dn(e) {
   const { props: n, emit: t, dynamicVisibility: s } = e;
   let o;
   if (s) {
     const { elementToWatchForChanges: p, itemContainer: b } = s;
-    o = un({
+    o = cn({
       skipCalculation: r(() => {
         var h;
         return !((h = n.multiple) != null && h.value);
@@ -1580,31 +1580,34 @@ function cn(e) {
     firstItem: (p) => d(p) ? p[0] : p
   };
 }
-const dn = (e) => (Ne("data-v-60cf597b"), e = e(), Je(), e), fn = /* @__PURE__ */ dn(() => /* @__PURE__ */ i("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), pn = [
-  fn
-], hn = /* @__PURE__ */ A({
+const fn = (e) => (Ne("data-v-60cf597b"), e = e(), Je(), e), pn = /* @__PURE__ */ fn(() => /* @__PURE__ */ i("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), hn = [
+  pn
+], mn = /* @__PURE__ */ A({
   __name: "Bar",
   props: {
     loading: { type: Boolean }
   },
   setup(e) {
-    return (n, t) => (a(), m("div", {
+    return (n, t) => (l(), m("div", {
       class: k([
         "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"
       ])
-    }, pn, 2));
+    }, hn, 2));
   }
 });
-const Ue = /* @__PURE__ */ Fe(hn, [["__scopeId", "data-v-60cf597b"]]), mn = { class: "flex items-center justify-between w-full" }, gn = { class: "block truncate grow text-left" }, vn = { class: "pointer-events-none shrink-0 ml-1 flex items-center" }, bn = ["disabled"], yn = {
+const Ue = /* @__PURE__ */ Fe(mn, [["__scopeId", "data-v-60cf597b"]]), gn = { class: "flex items-center justify-between w-full" }, vn = { class: "block truncate grow text-left" }, bn = { class: "pointer-events-none shrink-0 ml-1 flex items-center space-x-2" }, yn = {
+  key: 1,
+  class: "text-4xl text-danger opacity-50 h-4 w-4 leading-6"
+}, xn = ["disabled"], kn = {
   key: 0,
   class: "flex flex-col mx-1 mb-1"
-}, xn = /* @__PURE__ */ i("span", { class: "sr-only label text-foreground" }, "Search", -1), kn = { class: "relative" }, Cn = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, wn = ["placeholder"], $n = {
+}, Cn = /* @__PURE__ */ i("span", { class: "sr-only label text-foreground" }, "Search", -1), wn = { class: "relative" }, $n = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, Sn = ["placeholder"], In = {
   key: 0,
   class: "px-1"
-}, Sn = { key: 1 }, In = /* @__PURE__ */ i("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), Bn = {
+}, Bn = { key: 1 }, _n = /* @__PURE__ */ i("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), Pn = {
   class: /* @__PURE__ */ k(["block truncate"])
-}, _n = ["id"], Pn = /* @__PURE__ */ A({
+}, Ln = ["id"], jn = /* @__PURE__ */ A({
   __name: "Base",
   props: {
     multiple: {
@@ -1749,6 +1752,13 @@ const Ue = /* @__PURE__ */ Fe(hn, [["__scopeId", "data-v-60cf597b"]]), mn = { cl
     fullyControlValue: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * Whether to show the red "required" asterisk
+     */
+    showRequired: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue"],
@@ -1757,79 +1767,79 @@ const Ue = /* @__PURE__ */ Fe(hn, [["__scopeId", "data-v-60cf597b"]]), mn = { cl
       validateOnMount: s.validateOnMount,
       validateOnValueUpdate: s.validateOnValueUpdate,
       initialValue: s.modelValue
-    }), d = O(null), f = O(""), x = O([]), p = O(!1), b = O(1), y = O(Ce()), h = r(() => l(s.label) || l(s.name)), C = r(() => {
-      const $ = c.value;
-      return !$ || !l(s.useLabelInErrors) ? $ : $.replace("Value", h.value);
-    }), u = r(() => C.value || l(s.help)), j = r(() => !!u.value), v = r(
-      () => j.value ? `${l(s.name)}-${y.value}` : void 0
-    ), w = r(
+    }), d = O(null), f = O(""), x = O([]), p = O(!1), b = O(1), y = O(Ce()), h = r(() => a(s.label) || a(s.name)), C = r(() => {
+      const w = c.value;
+      return !w || !a(s.useLabelInErrors) ? w : w.replace("Value", h.value);
+    }), u = r(() => C.value || a(s.help)), j = r(() => !!u.value), v = r(
+      () => j.value ? `${a(s.name)}-${y.value}` : void 0
+    ), $ = r(
       () => c.value ? "text-danger" : "text-foreground-2"
     ), S = r(
       () => s.buttonStyle !== "simple" && s.clearable && !s.disabled
-    ), R = r(() => {
-      const $ = ["relative flex group"];
-      return s.buttonStyle !== "simple" && ($.push("hover:shadow rounded-md"), $.push("outline outline-2 outline-primary-muted")), s.fixedHeight && $.push("h-8"), $.join(" ");
+    ), T = r(() => {
+      const w = ["relative flex group"];
+      return c.value ? (w.push("hover:shadow rounded-md"), w.push("text-danger-darker focus:border-danger focus:ring-danger"), s.buttonStyle !== "simple" && w.push("outline outline-2 outline-danger")) : s.buttonStyle !== "simple" && (w.push("hover:shadow rounded-md"), w.push("outline outline-2 outline-primary-muted")), s.fixedHeight && w.push("h-8"), w.join(" ");
     }), g = r(() => {
-      const $ = [];
-      return s.buttonStyle !== "simple" && $.push(
+      const w = [];
+      return s.buttonStyle !== "simple" && w.push(
         Z.value ? "bg-foundation-disabled text-foreground-disabled" : ""
-      ), Z.value && $.push("cursor-not-allowed"), $.join(" ");
-    }), T = r(() => {
-      const $ = [
+      ), Z.value && w.push("cursor-not-allowed"), w.join(" ");
+    }), R = r(() => {
+      const w = [
         "relative z-[1]",
         "flex items-center justify-center text-center shrink-0",
         "rounded-r-md overflow-hidden transition-all",
         "text-foreground",
         Se.value ? `w-6 ${g.value}` : "w-0"
       ];
-      return Z.value || ($.push(
+      return Z.value || (w.push(
         "hover:bg-primary hover:text-foreground-on-primary dark:text-foreground-on-primary"
-      ), s.buttonStyle === "tinted" ? $.push("bg-outline-3") : $.push("bg-primary-muted")), $.join(" ");
+      ), s.buttonStyle === "tinted" ? w.push("bg-outline-3") : w.push("bg-primary-muted")), w.join(" ");
     }), E = r(() => {
-      const $ = [
+      const w = [
         "relative z-[2]",
         "normal rounded-md cursor-pointer transition truncate flex-1",
         "flex items-center",
         g.value
       ];
-      return s.buttonStyle !== "simple" && ($.push("py-2 px-3"), Z.value || (s.buttonStyle === "tinted" ? $.push("bg-foundation-page text-foreground") : $.push("bg-foundation text-foreground"))), S.value && Se.value && $.push("rounded-r-none"), $.join(" ");
+      return s.buttonStyle !== "simple" && (w.push("py-2 px-3"), Z.value || (s.buttonStyle === "tinted" ? w.push("bg-foundation-page text-foreground") : w.push("bg-foundation text-foreground"))), S.value && Se.value && w.push("rounded-r-none"), w.join(" ");
     }), F = r(
       () => !!(s.search && (s.filterPredicate || s.getSearchResults))
     ), X = r(() => F.value && s.getSearchResults), Z = r(
       () => s.disabled || !s.items.length && !X.value
     ), U = r({
       get: () => {
-        const $ = o.value;
-        return s.multiple ? q($) ? $ : [] : q($) ? void 0 : $;
+        const w = o.value;
+        return s.multiple ? q(w) ? w : [] : q(w) ? void 0 : w;
       },
-      set: ($) => {
-        if (s.multiple && !q($)) {
+      set: (w) => {
+        if (s.multiple && !q(w)) {
           console.warn("Attempting to set non-array value in selector w/ multiple=true");
           return;
-        } else if (!s.multiple && q($)) {
+        } else if (!s.multiple && q(w)) {
           console.warn("Attempting to set array value in selector w/ multiple=false");
           return;
         }
         let D;
         if (s.multiple)
-          D = $ || [];
+          D = w || [];
         else {
           const V = o.value;
-          D = s.allowUnset && V && $ && ce(V) === ce($) ? void 0 : $;
+          D = s.allowUnset && V && w && ce(V) === ce(w) ? void 0 : w;
         }
         s.fullyControlValue ? t("update:modelValue", D) : o.value = D, b.value += 1;
       }
     }), Se = r(() => s.multiple ? U.value.length !== 0 : !!U.value), qe = () => {
       s.multiple ? U.value = [] : U.value = void 0;
     }, He = r(() => {
-      const $ = f.value;
-      return !F.value || !($ != null && $.length) ? x.value : s.filterPredicate ? x.value.filter(
+      const w = f.value;
+      return !F.value || !(w != null && w.length) ? x.value : s.filterPredicate ? x.value.filter(
         (D) => {
           var V;
-          return ((V = s.filterPredicate) == null ? void 0 : V.call(s, D, $)) || !1;
+          return ((V = s.filterPredicate) == null ? void 0 : V.call(s, D, w)) || !1;
         }
       ) : x.value;
-    }), Ie = ($) => JSON.stringify($), ce = ($) => s.by ? $[s.by] : $, de = async () => {
+    }), Ie = (w) => JSON.stringify(w), ce = (w) => s.by ? w[s.by] : w, de = async () => {
       if (!(!X.value || !s.getSearchResults)) {
         p.value = !0;
         try {
@@ -1838,25 +1848,25 @@ const Ue = /* @__PURE__ */ Fe(hn, [["__scopeId", "data-v-60cf597b"]]), mn = { cl
           p.value = !1;
         }
       }
-    }, Ge = ze(de, 1e3), Ke = ($) => {
-      const { active: D, disabled: V } = $ || {}, { hideCheckmarks: K } = s, N = [
+    }, Ge = ze(de, 1e3), Ke = (w) => {
+      const { active: D, disabled: V } = w || {}, { hideCheckmarks: K } = s, N = [
         "relative transition cursor-pointer select-none py-1.5 pl-3",
         K ? "" : "pr-9"
       ];
       return V ? N.push("opacity-50 cursor-not-allowed") : N.push(D ? "text-primary" : "text-foreground"), N.join(" ");
     };
-    return le(
+    return ae(
       () => s.items,
-      ($) => {
-        x.value = $.slice();
+      (w) => {
+        x.value = w.slice();
       },
       { immediate: !0 }
-    ), le(f, () => {
+    ), ae(f, () => {
       X.value && Ge();
     }), Y(() => {
       X.value && !s.items.length && de();
-    }), n({ triggerSearch: de }), ($, D) => (a(), m("div", null, [
-      (a(), L(l(St), {
+    }), n({ triggerSearch: de }), (w, D) => (l(), m("div", null, [
+      (l(), P(a(It), {
         key: b.value,
         modelValue: U.value,
         "onUpdate:modelValue": D[4] || (D[4] = (V) => U.value = V),
@@ -1867,7 +1877,7 @@ const Ue = /* @__PURE__ */ Fe(hn, [["__scopeId", "data-v-60cf597b"]]), mn = { cl
         as: "div"
       }, {
         default: _(() => [
-          P(l(It), {
+          L(a(Bt), {
             class: k(["block label text-foreground-2 mb-2", { "sr-only": !e.showLabel }])
           }, {
             default: _(() => [
@@ -1876,30 +1886,35 @@ const Ue = /* @__PURE__ */ Fe(hn, [["__scopeId", "data-v-60cf597b"]]), mn = { cl
             _: 1
           }, 8, ["class"]),
           i("div", {
-            class: k(R.value)
+            class: k(T.value)
           }, [
-            P(l(Bt), {
+            L(a(_t), {
               class: k(E.value)
             }, {
               default: _(({ open: V }) => [
-                i("div", mn, [
-                  i("div", gn, [
-                    !U.value || l(q)(U.value) && !U.value.length ? z($.$slots, "nothing-selected", { key: 0 }, () => [
+                i("div", gn, [
+                  i("div", vn, [
+                    !U.value || a(q)(U.value) && !U.value.length ? z(w.$slots, "nothing-selected", { key: 0 }, () => [
                       M(B(e.label), 1)
-                    ]) : z($.$slots, "something-selected", {
+                    ]) : z(w.$slots, "something-selected", {
                       key: 1,
                       value: U.value
                     }, () => [
                       M(B(Ie(U.value)), 1)
                     ])
                   ]),
-                  i("div", vn, [
-                    V ? (a(), L(l(De), {
+                  i("div", bn, [
+                    C.value ? (l(), P(a(et), {
                       key: 0,
+                      class: "h-4 w-4 text-danger",
+                      "aria-hidden": "true"
+                    })) : e.showRequired ? (l(), m("div", yn, " * ")) : I("", !0),
+                    V ? (l(), P(a(De), {
+                      key: 2,
                       class: "h-4 w-4 text-foreground",
                       "aria-hidden": "true"
-                    })) : (a(), L(l(et), {
-                      key: 1,
+                    })) : (l(), P(a(tt), {
+                      key: 3,
                       class: "h-4 w-4 text-foreground",
                       "aria-hidden": "true"
                     }))
@@ -1908,23 +1923,23 @@ const Ue = /* @__PURE__ */ Fe(hn, [["__scopeId", "data-v-60cf597b"]]), mn = { cl
               ]),
               _: 3
             }, 8, ["class"]),
-            S.value ? ne((a(), m("button", {
+            S.value ? ne((l(), m("button", {
               key: 0,
-              class: k(T.value),
+              class: k(R.value),
               disabled: e.disabled,
               onClick: D[0] || (D[0] = (V) => qe())
             }, [
-              P(l(tt), { class: "w-3 h-3" })
-            ], 10, bn)), [
-              [l(Re), "Clear"]
+              L(a(st), { class: "w-3 h-3" })
+            ], 10, xn)), [
+              [a(Te), "Clear"]
             ]) : I("", !0),
-            P(ge, {
+            L(ge, {
               "leave-active-class": "transition ease-in duration-100",
               "leave-from-class": "opacity-100",
               "leave-to-class": "opacity-0"
             }, {
               default: _(() => [
-                P(l(_t), {
+                L(a(Pt), {
                   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: D[3] || (D[3] = (V) => {
                     var K;
@@ -1932,11 +1947,11 @@ const Ue = /* @__PURE__ */ Fe(hn, [["__scopeId", "data-v-60cf597b"]]), mn = { cl
                   })
                 }, {
                   default: _(() => [
-                    F.value ? (a(), m("label", yn, [
-                      xn,
-                      i("div", kn, [
-                        i("div", Cn, [
-                          P(l(st), { class: "h-5 w-5 text-foreground" })
+                    F.value ? (l(), m("label", kn, [
+                      Cn,
+                      i("div", wn, [
+                        i("div", $n, [
+                          L(a(nt), { class: "h-5 w-5 text-foreground" })
                         ]),
                         ne(i("input", {
                           ref_key: "searchInput",
@@ -1947,7 +1962,7 @@ const Ue = /* @__PURE__ */ Fe(hn, [["__scopeId", "data-v-60cf597b"]]), mn = { cl
                           placeholder: e.searchPlaceholder,
                           onKeydown: D[2] || (D[2] = ye(() => {
                           }, ["stop"]))
-                        }, null, 40, wn), [
+                        }, null, 40, Sn), [
                           [Ae, f.value]
                         ])
                       ])
@@ -1955,16 +1970,16 @@ const Ue = /* @__PURE__ */ Fe(hn, [["__scopeId", "data-v-60cf597b"]]), mn = { cl
                     i("div", {
                       class: k(["overflow-auto simple-scrollbar", [F.value ? "max-h-52" : "max-h-60"]])
                     }, [
-                      X.value && p.value ? (a(), m("div", $n, [
-                        P(Ue, { loading: !0 })
-                      ])) : X.value && !x.value.length ? (a(), m("div", Sn, [
-                        z($.$slots, "nothing-found", {}, () => [
-                          In
+                      X.value && p.value ? (l(), m("div", In, [
+                        L(Ue, { loading: !0 })
+                      ])) : X.value && !x.value.length ? (l(), m("div", Bn, [
+                        z(w.$slots, "nothing-found", {}, () => [
+                          _n
                         ])
                       ])) : I("", !0),
-                      !X.value || !p.value ? (a(!0), m(W, { key: 2 }, G(He.value, (V) => {
+                      !X.value || !p.value ? (l(!0), m(W, { key: 2 }, G(He.value, (V) => {
                         var K;
-                        return a(), L(l(Pt), {
+                        return l(), P(a(Lt), {
                           key: ce(V),
                           value: V,
                           disabled: ((K = e.disabledItemPredicate) == null ? void 0 : K.call(e, V)) || !1
@@ -1980,8 +1995,8 @@ const Ue = /* @__PURE__ */ Fe(hn, [["__scopeId", "data-v-60cf597b"]]), mn = { cl
                                   })
                                 )
                               }, [
-                                i("span", Bn, [
-                                  z($.$slots, "option", {
+                                i("span", Pn, [
+                                  z(w.$slots, "option", {
                                     item: V,
                                     active: N,
                                     selected: Be,
@@ -1990,14 +2005,14 @@ const Ue = /* @__PURE__ */ Fe(hn, [["__scopeId", "data-v-60cf597b"]]), mn = { cl
                                     M(B(Ie(V)), 1)
                                   ])
                                 ]),
-                                !e.hideCheckmarks && Be ? (a(), m("span", {
+                                !e.hideCheckmarks && Be ? (l(), m("span", {
                                   key: 0,
                                   class: k([
                                     N ? "text-primary" : "text-foreground",
                                     "absolute inset-y-0 right-0 flex items-center pr-4"
                                   ])
                                 }, [
-                                  P(l(nt), {
+                                  L(a(at), {
                                     class: "h-5 w-5",
                                     "aria-hidden": "true"
                                   })
@@ -2019,20 +2034,20 @@ const Ue = /* @__PURE__ */ Fe(hn, [["__scopeId", "data-v-60cf597b"]]), mn = { cl
         ]),
         _: 3
       }, 8, ["modelValue", "name", "multiple", "by", "disabled"])),
-      v.value ? (a(), m("p", {
+      v.value ? (l(), m("p", {
         key: 0,
         id: v.value,
-        class: k(["mt-2 text-sm", w.value])
-      }, B(u.value), 11, _n)) : I("", !0)
+        class: k(["mt-2 text-sm", $.value])
+      }, B(u.value), 11, Ln)) : I("", !0)
     ]));
   }
-}), Ln = /* @__PURE__ */ A({
+}), Vn = /* @__PURE__ */ A({
   __name: "SourceAppBadge",
   props: {
     sourceApp: null
   },
   setup(e) {
-    return (n, t) => (a(), L(ns, {
+    return (n, t) => (l(), P(as, {
       "color-classes": "text-foreground-on-primary",
       rounded: "",
       style: fe({ backgroundColor: e.sourceApp.bgColor })
@@ -2043,13 +2058,13 @@ const Ue = /* @__PURE__ */ Fe(hn, [["__scopeId", "data-v-60cf597b"]]), mn = { cl
       _: 1
     }, 8, ["style"]));
   }
-}), jn = {
+}), On = {
   key: 0,
   class: "text-foreground-2 normal"
-}, Vn = {
+}, An = {
   key: 1,
   class: "flex items-center"
-}, On = { class: "truncate" }, An = { class: "flex items-center" }, Mn = { class: "truncate" }, _l = /* @__PURE__ */ A({
+}, Mn = { class: "truncate" }, zn = { class: "flex items-center" }, Dn = { class: "truncate" }, La = /* @__PURE__ */ A({
   __name: "SourceApps",
   props: {
     /**
@@ -2109,16 +2124,16 @@ const Ue = /* @__PURE__ */ Fe(hn, [["__scopeId", "data-v-60cf597b"]]), mn = { cl
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, s = O(null), o = O(null), { selectedValue: c, hiddenSelectedItemCount: d, isMultiItemArrayValue: f, firstItem: x } = cn({
-      props: ae(t),
+    const t = e, s = O(null), o = O(null), { selectedValue: c, hiddenSelectedItemCount: d, isMultiItemArrayValue: f, firstItem: x } = dn({
+      props: le(t),
       emit: n,
       dynamicVisibility: { elementToWatchForChanges: s, itemContainer: o }
     }), p = (b, y) => b.name.toLocaleLowerCase().includes(y.toLocaleLowerCase());
-    return (b, y) => (a(), L(Pn, {
-      modelValue: l(c),
+    return (b, y) => (l(), P(jn, {
+      modelValue: a(c),
       "onUpdate:modelValue": y[0] || (y[0] = (h) => ve(c) ? c.value = h : null),
       multiple: e.multiple,
-      items: e.items ?? l(yt),
+      items: e.items ?? a(xt),
       search: e.search,
       "search-placeholder": e.searchPlaceholder,
       label: e.label,
@@ -2128,14 +2143,14 @@ const Ue = /* @__PURE__ */ Fe(hn, [["__scopeId", "data-v-60cf597b"]]), mn = { cl
       by: "name"
     }, {
       "nothing-selected": _(() => [
-        e.selectorPlaceholder ? (a(), m(W, { key: 0 }, [
+        e.selectorPlaceholder ? (l(), m(W, { key: 0 }, [
           M(B(e.selectorPlaceholder), 1)
-        ], 64)) : (a(), m(W, { key: 1 }, [
+        ], 64)) : (l(), m(W, { key: 1 }, [
           M(B(e.multiple ? "Select apps" : "Select an app"), 1)
         ], 64))
       ]),
       "something-selected": _(({ value: h }) => [
-        l(f)(h) ? (a(), m("div", {
+        a(f)(h) ? (l(), m("div", {
           key: 0,
           ref_key: "elementToWatchForChanges",
           ref: s,
@@ -2146,27 +2161,27 @@ const Ue = /* @__PURE__ */ Fe(hn, [["__scopeId", "data-v-60cf597b"]]), mn = { cl
             ref: o,
             class: "flex flex-wrap overflow-hidden space-x-0.5 h-5"
           }, [
-            (a(!0), m(W, null, G(h, (C) => (a(), L(Ln, {
+            (l(!0), m(W, null, G(h, (C) => (l(), P(Vn, {
               key: C.name,
               "source-app": C
             }, null, 8, ["source-app"]))), 128))
           ], 512),
-          l(d) > 0 ? (a(), m("div", jn, " +" + B(l(d)), 1)) : I("", !0)
-        ], 512)) : (a(), m("div", Vn, [
+          a(d) > 0 ? (l(), m("div", On, " +" + B(a(d)), 1)) : I("", !0)
+        ], 512)) : (l(), m("div", An, [
           i("div", {
             class: "h-2 w-2 rounded-full mr-2",
-            style: fe({ backgroundColor: l(x)(h).bgColor })
+            style: fe({ backgroundColor: a(x)(h).bgColor })
           }, null, 4),
-          i("span", On, B(l(x)(h).name), 1)
+          i("span", Mn, B(a(x)(h).name), 1)
         ]))
       ]),
       option: _(({ item: h }) => [
-        i("div", An, [
+        i("div", zn, [
           i("div", {
             class: "h-2 w-2 rounded-full mr-2",
             style: fe({ backgroundColor: h.bgColor })
           }, null, 4),
-          i("span", Mn, B(h.name), 1)
+          i("span", Dn, B(h.name), 1)
         ])
       ]),
       _: 1
@@ -2174,7 +2189,7 @@ const Ue = /* @__PURE__ */ Fe(hn, [["__scopeId", "data-v-60cf597b"]]), mn = { cl
   }
 });
 var se = /* @__PURE__ */ ((e) => (e.CtrlOrCmd = "cmd-or-ctrl", e.AltOrOpt = "alt-or-opt", e.Shift = "shift", e))(se || {});
-const he = xt(), zn = {
+const he = kt(), Rn = {
   [
     "cmd-or-ctrl"
     /* CtrlOrCmd */
@@ -2185,12 +2200,12 @@ const he = xt(), zn = {
   ]: he === pe.Mac ? "Opt" : "Alt",
   shift: "Shift"
 };
-function Pl(e) {
+function ja(e) {
   const n = (t) => Object.values(se).includes(t);
-  return e.map((t) => n(t) ? zn[t] : t).join("+");
+  return e.map((t) => n(t) ? Rn[t] : t).join("+");
 }
-function Ll(e, ...n) {
-  wt(
+function Va(e, ...n) {
+  $t(
     n[0],
     (t) => {
       const s = t.getModifierState("Alt"), o = he === pe.Mac ? t.getModifierState("Meta") : t.getModifierState("Control"), c = t.getModifierState("Shift");
@@ -2214,20 +2229,20 @@ function Ll(e, ...n) {
     n[2]
   );
 }
-function jl(e) {
+function Oa(e) {
   const n = (e == null ? void 0 : e.model) || O(), t = r({
     get: () => !!n.value,
     set: (s) => n.value = s ? !0 : void 0
   });
   return { model: n, isChecked: t };
 }
-const Dn = /* @__PURE__ */ i("div", { class: "fixed inset-0 bg-neutral-100/70 dark:bg-neutral-900/70 transition-opacity" }, null, -1), Tn = { class: "fixed inset-0 z-10 overflow-y-auto" }, Rn = { class: "flex min-h-full justify-center p-4 text-center items-center sm:p-0" }, Fn = {
+const Tn = /* @__PURE__ */ i("div", { class: "fixed inset-0 bg-neutral-100/70 dark:bg-neutral-900/70 transition-opacity" }, null, -1), Fn = { class: "fixed inset-0 z-10 overflow-y-auto" }, En = { class: "flex min-h-full justify-center p-4 text-center items-center sm:p-0" }, Wn = {
   key: 0,
   class: "flex items-center justify-center shadow p-4 relative z-10 bg-foundation rounded-t-lg"
-}, En = { class: "text-2xl font-bold" }, Wn = { class: "p-4 sm:p-6" }, Un = {
+}, Un = { class: "text-2xl font-bold" }, qn = { class: "p-4 sm:p-6" }, Hn = {
   key: 2,
   class: "flex p-4 sm:px-6 sm:py-5 border-t gap-2 border-outline-3"
-}, Vl = /* @__PURE__ */ A({
+}, Aa = /* @__PURE__ */ A({
   __name: "Dialog",
   props: {
     open: { type: Boolean },
@@ -2262,18 +2277,18 @@ const Dn = /* @__PURE__ */ i("div", { class: "fixed inset-0 bg-neutral-100/70 da
     }), p = () => {
       t.preventCloseOnClickOutside || (d.value = !1);
     };
-    return (b, y) => (a(), L(l(Lt), {
+    return (b, y) => (l(), P(a(jt), {
       as: "template",
       show: d.value
     }, {
       default: _(() => [
-        P(l(jt), {
+        L(a(Vt), {
           as: "div",
           class: "relative z-40",
           onClose: p
         }, {
           default: _(() => [
-            P(l(Ve), {
+            L(a(Ve), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -2283,13 +2298,13 @@ const Dn = /* @__PURE__ */ i("div", { class: "fixed inset-0 bg-neutral-100/70 da
               "leave-to": "opacity-0"
             }, {
               default: _(() => [
-                Dn
+                Tn
               ]),
               _: 1
             }),
-            i("div", Tn, [
-              i("div", Rn, [
-                P(l(Ve), {
+            i("div", Fn, [
+              i("div", En, [
+                L(a(Ve), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -2300,7 +2315,7 @@ const Dn = /* @__PURE__ */ i("div", { class: "fixed inset-0 bg-neutral-100/70 da
                   onAfterLeave: y[1] || (y[1] = (h) => b.$emit("fully-closed"))
                 }, {
                   default: _(() => [
-                    P(l(Vt), {
+                    L(a(Ot), {
                       class: k([
                         "transform rounded-lg bg-foundation text-left shadow-xl transition-all",
                         x.value
@@ -2309,23 +2324,23 @@ const Dn = /* @__PURE__ */ i("div", { class: "fixed inset-0 bg-neutral-100/70 da
                       onSubmit: ye(e.onSubmit, ["prevent"])
                     }, {
                       default: _(() => [
-                        e.title ? (a(), m("div", Fn, [
-                          i("h4", En, B(e.title), 1)
+                        e.title ? (l(), m("div", Wn, [
+                          i("h4", Un, B(e.title), 1)
                         ])) : I("", !0),
-                        e.hideCloser ? I("", !0) : (a(), m("button", {
+                        e.hideCloser ? I("", !0) : (l(), m("button", {
                           key: 1,
                           class: "absolute z-20 top-5 right-4 text-foreground",
                           onClick: y[0] || (y[0] = (h) => d.value = !1)
                         }, [
-                          P(l(ct), { class: "h-6 w-6" })
+                          L(a(dt), { class: "h-6 w-6" })
                         ])),
-                        i("div", Wn, [
+                        i("div", qn, [
                           z(b.$slots, "default", {}, () => [
                             M("Put your content here!")
                           ])
                         ]),
-                        c.value ? (a(), m("div", Un, [
-                          e.buttons ? (a(!0), m(W, { key: 0 }, G(e.buttons, (h, C) => (a(), L(l(re), oe({ key: C }, h.props, {
+                        c.value ? (l(), m("div", Hn, [
+                          e.buttons ? (l(!0), m(W, { key: 0 }, G(e.buttons, (h, C) => (l(), P(a(re), oe({ key: C }, h.props, {
                             onClick: h.onClick
                           }), {
                             default: _(() => [
@@ -2349,7 +2364,7 @@ const Dn = /* @__PURE__ */ i("div", { class: "fixed inset-0 bg-neutral-100/70 da
       _: 3
     }, 8, ["show"]));
   }
-}), qn = { class: "inline-flex items-center space-x-2" }, Hn = { class: "label-light" }, Ol = /* @__PURE__ */ A({
+}), Gn = { class: "inline-flex items-center space-x-2" }, Kn = { class: "label-light" }, Ma = /* @__PURE__ */ A({
   __name: "Disclosure",
   props: {
     title: null,
@@ -2403,31 +2418,31 @@ const Dn = /* @__PURE__ */ i("div", { class: "fixed inset-0 bg-neutral-100/70 da
       }
       return o.join(" ");
     });
-    return (o, c) => (a(), m("div", null, [
-      P(l(Ot), null, {
+    return (o, c) => (l(), m("div", null, [
+      L(a(At), null, {
         default: _(({ open: d }) => [
-          P(l(At), {
+          L(a(Mt), {
             class: k(t.value)
           }, {
             default: _(() => [
-              i("div", qn, [
-                e.icon ? (a(), L(H(e.icon), {
+              i("div", Gn, [
+                e.icon ? (l(), P(H(e.icon), {
                   key: 0,
                   class: "h-4 w-4"
                 })) : I("", !0),
                 i("span", null, B(e.title), 1)
               ]),
-              P(l(De), {
+              L(a(De), {
                 class: k([d ? "" : "rotate-180 transform", "h-5 w-5"])
               }, null, 8, ["class"])
             ]),
             _: 2
           }, 1032, ["class"]),
-          P(l(Mt), {
+          L(a(zt), {
             class: k(s.value)
           }, {
             default: _(() => [
-              i("div", Hn, [
+              i("div", Kn, [
                 z(o.$slots, "default", {}, () => [
                   M("Panel contents")
                 ])
@@ -2442,7 +2457,7 @@ const Dn = /* @__PURE__ */ i("div", { class: "fixed inset-0 bg-neutral-100/70 da
   }
 });
 var J = /* @__PURE__ */ ((e) => (e.Grid = "grid", e.List = "list", e))(J || {});
-const Al = /* @__PURE__ */ A({
+const za = /* @__PURE__ */ A({
   __name: "GridListToggle",
   props: {
     modelValue: null
@@ -2453,22 +2468,22 @@ const Al = /* @__PURE__ */ A({
       get: () => t.modelValue || J.Grid,
       set: (d) => n("update:modelValue", d)
     }), o = r(
-      () => s.value === J.Grid ? lt : at
+      () => s.value === J.Grid ? lt : ot
     ), c = (d) => {
       n("click", d);
       const f = s.value === J.Grid ? J.List : J.Grid;
       s.value = f;
     };
-    return (d, f) => (a(), m("button", {
+    return (d, f) => (l(), m("button", {
       class: "flex items-center justify-center rounded bg-foundation h-8 w-8 shadow cursor-pointer text-foreground",
       onClick: c
     }, [
-      (a(), L(H(o.value), { class: "h-6 w-6" }))
+      (l(), P(H(o.value), { class: "h-6 w-6" }))
     ]));
   }
 });
-var Gn = /* @__PURE__ */ ((e) => (e[e.Throttle = 0] = "Throttle", e[e.Debounce = 1] = "Debounce", e))(Gn || {}), me = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e))(me || {});
-function Kn(e, n) {
+var Xn = /* @__PURE__ */ ((e) => (e[e.Throttle = 0] = "Throttle", e[e.Debounce = 1] = "Debounce", e))(Xn || {}), me = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e))(me || {});
+function Nn(e, n) {
   if (!we)
     return;
   const {
@@ -2478,34 +2493,34 @@ function Kn(e, n) {
   } = n || {}, o = t ? s === 0 ? Qe(e, t) : ze(e, t) : e;
   Y(() => window.addEventListener("resize", o)), Me(() => window.removeEventListener("resize", o));
 }
-function Ml(e) {
+function Da(e) {
   Y(() => {
     window.addEventListener("beforeunload", e);
   }), Me(() => {
     window.removeEventListener("beforeunload", e);
   });
 }
-function Xn(e) {
+function Jn(e) {
   const { el: n, defaultDirection: t } = e, s = O(
     Q(t) ? 1 : t
     /* Right */
   ), o = r(() => {
-    const d = l(e.stopUpdatesBelowWidth);
+    const d = a(e.stopUpdatesBelowWidth);
     if (!Q(d))
       return d;
-    const f = l(n);
+    const f = a(n);
     return f != null && f.offsetWidth ? f.offsetWidth * 2 : void 0;
   }), c = () => {
     if (!we)
       return;
-    const d = l(n);
+    const d = a(n);
     if (!d)
       return;
     const f = d.getBoundingClientRect(), x = f.x + f.width > window.innerWidth, p = f.x < 0;
     x && p || !Q(o.value) && window.innerWidth < o.value || (x ? s.value = 0 : p && (s.value = 1));
   };
-  return Kn(() => c()), le(
-    () => l(n),
+  return Nn(() => c()), ae(
+    () => a(n),
     (d) => {
       d && c();
     }
@@ -2514,7 +2529,7 @@ function Xn(e) {
     recalculateDirection: c
   };
 }
-const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
+const Qn = ["disabled", "onClick"], Ra = /* @__PURE__ */ A({
   __name: "Menu",
   props: {
     open: { type: Boolean },
@@ -2522,7 +2537,7 @@ const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
   },
   emits: ["update:open", "chosen"],
   setup(e, { emit: n }) {
-    const t = e, s = O(null), { direction: o } = Xn({
+    const t = e, s = O(null), { direction: o } = Jn({
       el: r(() => {
         var h;
         return ((h = s.value) == null ? void 0 : h.el) || null;
@@ -2544,17 +2559,17 @@ const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
       const C = !!h;
       return d.value = C, C;
     };
-    return le(d, (h, C) => {
+    return ae(d, (h, C) => {
       h !== C && (f.value = h);
-    }), le(f, (h) => {
+    }), ae(f, (h) => {
       (h && !d.value || !h && d.value) && b();
-    }), (h, C) => (a(), L(l(zt), {
+    }), (h, C) => (l(), P(a(Dt), {
       as: "div",
       class: "relative inline-block"
     }, {
       default: _(({ open: u }) => [
         i("div", null, [
-          P(l(Dt), {
+          L(a(Rt), {
             ref_key: "menuButton",
             ref: c,
             class: "hidden",
@@ -2570,7 +2585,7 @@ const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
             })
           ], 2)
         ]),
-        P(ge, {
+        L(ge, {
           "enter-active-class": "transition duration-100 ease-out",
           "enter-from-class": "transform scale-95 opacity-0",
           "enter-to-class": "transform scale-100 opacity-100",
@@ -2579,36 +2594,36 @@ const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
           "leave-to-class": "transform scale-95 opacity-0"
         }, {
           default: _(() => [
-            P(l(Tt), {
+            L(a(Tt), {
               ref_key: "menuItems",
               ref: s,
               class: k([
                 "absolute mt-2 w-56 origin-top-right divide-y divide-outline-3 rounded-md bg-foundation shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none z-40",
-                l(o) === l(me).Left ? "right-0" : ""
+                a(o) === a(me).Left ? "right-0" : ""
               ])
             }, {
               default: _(() => [
-                (a(!0), m(W, null, G(e.items, (j, v) => (a(), m("div", {
+                (l(!0), m(W, null, G(e.items, (j, v) => (l(), m("div", {
                   key: v,
                   class: "px-1 py-1"
                 }, [
-                  (a(!0), m(W, null, G(j, (w) => (a(), L(l(Rt), {
-                    key: w.id,
-                    disabled: w.disabled
+                  (l(!0), m(W, null, G(j, ($) => (l(), P(a(Ft), {
+                    key: $.id,
+                    disabled: $.disabled
                   }, {
-                    default: _(({ active: S, disabled: R }) => [
-                      ne((a(), m("span", null, [
+                    default: _(({ active: S, disabled: T }) => [
+                      ne((l(), m("span", null, [
                         i("button", {
-                          class: k(x({ active: S, disabled: R })),
-                          disabled: R,
-                          onClick: (g) => p(w, g)
+                          class: k(x({ active: S, disabled: T })),
+                          disabled: T,
+                          onClick: (g) => p($, g)
                         }, [
-                          z(h.$slots, "item", { item: w }, () => [
-                            M(B(w.title), 1)
+                          z(h.$slots, "item", { item: $ }, () => [
+                            M(B($.title), 1)
                           ])
-                        ], 10, Nn)
+                        ], 10, Qn)
                       ])), [
-                        [l(Re), w.disabled && w.disabledTooltip]
+                        [a(Te), $.disabled && $.disabledTooltip]
                       ])
                     ]),
                     _: 2
@@ -2624,7 +2639,7 @@ const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
       _: 3
     }));
   }
-}), Jn = { class: "flex flex-col space-y-4" }, Qn = { class: "flex space-x-6" }, Dl = /* @__PURE__ */ A({
+}), Yn = { class: "flex flex-col space-y-4" }, Zn = { class: "flex space-x-6" }, Ta = /* @__PURE__ */ A({
   __name: "Tabs",
   props: {
     items: null
@@ -2633,9 +2648,9 @@ const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
     const n = e, t = O(null), s = r(() => t.value && n.items.find((c) => c.id === t.value) || n.items[0]), o = (c) => {
       t.value = c.id;
     };
-    return (c, d) => (a(), m("div", Jn, [
-      i("div", Qn, [
-        (a(!0), m(W, null, G(e.items, (f) => (a(), L(re, {
+    return (c, d) => (l(), m("div", Yn, [
+      i("div", Zn, [
+        (l(!0), m(W, null, G(e.items, (f) => (l(), P(re, {
           key: f.id,
           link: "",
           color: s.value.id === f.id ? "default" : "secondary",
@@ -2650,7 +2665,7 @@ const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
       z(c.$slots, "default", { activeItem: s.value })
     ]));
   }
-}), Yn = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, Zn = { class: "inline-flex items-center space-x-1" }, el = /* @__PURE__ */ i("span", { class: "text-foreground-2" }, "That's it, you've loaded everything!", -1), tl = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, sl = { class: "inline-flex items-center space-x-1" }, nl = /* @__PURE__ */ i("span", { class: "text-foreground-2" }, "An error occurred while loading", -1), Tl = /* @__PURE__ */ A({
+}), ea = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, ta = { class: "inline-flex items-center space-x-1" }, sa = /* @__PURE__ */ i("span", { class: "text-foreground-2" }, "That's it, you've loaded everything!", -1), na = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, aa = { class: "inline-flex items-center space-x-1" }, la = /* @__PURE__ */ i("span", { class: "text-foreground-2" }, "An error occurred while loading", -1), Fa = /* @__PURE__ */ A({
   __name: "InfiniteLoading",
   props: {
     settings: null,
@@ -2664,34 +2679,34 @@ const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
         var o;
         (o = n.value) != null && o.isConnected && (t.value = !0, clearInterval(s));
       }, 200);
-    }), (s, o) => (a(), m("div", {
+    }), (s, o) => (l(), m("div", {
       ref_key: "wrapper",
       ref: n
     }, [
-      t.value ? (a(), L(l(Ft), oe({ key: 0 }, s.$props.settings || {}, {
+      t.value ? (l(), P(a(Et), oe({ key: 0 }, s.$props.settings || {}, {
         onInfinite: o[0] || (o[0] = (c) => s.$emit("infinite", c))
       }), {
         spinner: _(() => [
-          P(Ue, {
+          L(Ue, {
             loading: !0,
             class: "my-2"
           })
         ]),
         complete: _(() => [
-          i("div", Yn, [
-            i("div", Zn, [
-              P(l(dt), { class: "w-5 h-5 text-success" }),
-              el
+          i("div", ea, [
+            i("div", ta, [
+              L(a(ft), { class: "w-5 h-5 text-success" }),
+              sa
             ])
           ])
         ]),
         error: _(({ retry: c }) => [
-          i("div", tl, [
-            i("div", sl, [
-              P(l(ft), { class: "w-5 h-5 text-danger" }),
-              nl
+          i("div", na, [
+            i("div", aa, [
+              L(a(pt), { class: "w-5 h-5 text-danger" }),
+              la
             ]),
-            e.allowRetry ? (a(), L(re, {
+            e.allowRetry ? (l(), P(re, {
               key: 0,
               onClick: c
             }, {
@@ -2706,10 +2721,10 @@ const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
       }, 16)) : I("", !0)
     ], 512));
   }
-}), ll = { class: "relative group" }, al = {
+}), oa = { class: "relative group" }, ra = {
   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"
-}, Rl = /* @__PURE__ */ A({
+}, Ea = /* @__PURE__ */ A({
   __name: "Panel",
   props: {
     /**
@@ -2755,9 +2770,9 @@ const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
       const d = ["rounded-lg"];
       return t.noShadow || d.push("shadow"), t.ring && d.push("ring-outline-2 hover:ring-2"), t.panelClasses && d.push(t.panelClasses), d.join(" ");
     });
-    return (d, f) => (a(), m("div", ll, [
-      e.fancyGlow ? (a(), m("div", al)) : I("", !0),
-      (a(), L(H(e.form ? "form" : "div"), {
+    return (d, f) => (l(), m("div", oa, [
+      e.fancyGlow ? (l(), m("div", ra)) : I("", !0),
+      (l(), P(H(e.form ? "form" : "div"), {
         class: k([
           "relative divide-outline-3 bg-foundation text-foreground flex flex-col divide-y overflow-hidden",
           c.value
@@ -2765,7 +2780,7 @@ const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
         onSubmit: f[0] || (f[0] = (x) => n("submit", x))
       }, {
         default: _(() => [
-          d.$slots.header ? (a(), m("div", {
+          d.$slots.header ? (l(), m("div", {
             key: 0,
             class: k(s.value)
           }, [
@@ -2776,7 +2791,7 @@ const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
           }, [
             z(d.$slots, "default")
           ], 2),
-          d.$slots.footer ? (a(), m("div", {
+          d.$slots.footer ? (l(), m("div", {
             key: 1,
             class: k(s.value)
           }, [
@@ -2787,7 +2802,7 @@ const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
       }, 40, ["class"]))
     ]));
   }
-}), ol = { class: "flex-shrink-0" }, rl = /* @__PURE__ */ i("span", { class: "sr-only" }, "Dismiss", -1), Fl = /* @__PURE__ */ A({
+}), ia = { class: "flex-shrink-0" }, ua = /* @__PURE__ */ i("span", { class: "sr-only" }, "Dismiss", -1), Wa = /* @__PURE__ */ A({
   __name: "Alert",
   props: {
     color: { default: "success" },
@@ -2803,14 +2818,14 @@ const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
         return n.customIcon;
       switch (n.color) {
         case "info":
-          return vt;
+          return bt;
         case "warning":
           return xe;
         case "danger":
-          return gt;
+          return vt;
         case "success":
         default:
-          return Te;
+          return Re;
       }
     }), c = r(() => {
       const u = [];
@@ -2961,14 +2976,14 @@ const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
           return "sm";
       }
     });
-    return (u, j) => (a(), m("div", {
+    return (u, j) => (l(), m("div", {
       class: k(["rounded-md", [c.value, b.value]])
     }, [
       i("div", {
         class: k(["flex", d.value])
       }, [
-        i("div", ol, [
-          (a(), L(H(o.value), {
+        i("div", ia, [
+          (l(), P(H(o.value), {
             class: k(y.value),
             "aria-hidden": "true"
           }, null, 8, ["class"]))
@@ -2983,7 +2998,7 @@ const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
               M("Title")
             ])
           ], 2),
-          s.value ? (a(), m("div", {
+          s.value ? (l(), m("div", {
             key: 0,
             class: k(x.value)
           }, [
@@ -2994,13 +3009,13 @@ const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
           i("div", {
             class: k(p.value)
           }, [
-            (a(!0), m(W, null, G(e.actions || [], (v, w) => (a(), L(re, {
-              key: w,
+            (l(!0), m(W, null, G(e.actions || [], (v, $) => (l(), P(re, {
+              key: $,
               color: e.color,
               size: C.value,
               to: v.url,
               external: v.externalUrl || !1,
-              onClick: (S) => v.onClick || l(Ye)
+              onClick: (S) => v.onClick || a(Ye)
             }, {
               default: _(() => [
                 M(B(v.title), 1)
@@ -3009,7 +3024,7 @@ const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
             }, 1032, ["color", "size", "to", "external", "onClick"]))), 128))
           ], 2)
         ], 2),
-        e.withDismiss ? (a(), m("div", {
+        e.withDismiss ? (l(), m("div", {
           key: 0,
           class: k(["flex", [s.value ? "items-start" : "items-center"]])
         }, [
@@ -3018,8 +3033,8 @@ const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
             class: k(["inline-flex rounded-md focus:outline-none focus:ring-2", h.value]),
             onClick: j[0] || (j[0] = (v) => u.$emit("dismiss"))
           }, [
-            rl,
-            P(l(ue), {
+            ua,
+            L(a(ue), {
               class: "h-5 w-5",
               "aria-hidden": "true"
             })
@@ -3029,52 +3044,52 @@ const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
     ], 2));
   }
 });
-function El(e) {
+function Ua(e) {
   var u, j;
   const { get: n, initialState: t, readOptions: s, set: o, asyncRead: c = !0, debugging: d } = e, f = d == null ? void 0 : d.log, x = () => (new Error("Trace:").stack || "").substring(7), p = ((j = (u = e.debugging) == null ? void 0 : u.log) == null ? void 0 : j.logger) || console.debug, b = f && !f.writesOnly ? () => {
     const v = n();
     return p(`debugging: '${f.name}' read`, v, x()), v;
-  } : n, y = f && !f.readsOnly ? (v) => (p(`debugging: '${f.name}' written to`, v, x()), o(v)) : o, h = c ? $t(b, t, s) : r(b), C = r(() => h.value);
+  } : n, y = f && !f.readsOnly ? (v) => (p(`debugging: '${f.name}' written to`, v, x()), o(v)) : o, h = c ? St(b, t, s) : r(b), C = r(() => h.value);
   return C.update = y, C;
 }
 export {
-  Fl as CommonAlert,
-  ns as CommonBadge,
+  Wa as CommonAlert,
+  as as CommonBadge,
   Ue as CommonLoadingBar,
-  Cl as CommonStepsBullet,
-  kl as CommonStepsNumber,
-  Ut as CommonTextLink,
+  $a as CommonStepsBullet,
+  wa as CommonStepsNumber,
+  qt as CommonTextLink,
   re as FormButton,
-  wl as FormCardButton,
-  $l as FormCheckbox,
-  Pn as FormSelectBase,
-  _l as FormSelectSourceApps,
-  Sl as FormTextArea,
-  Il as FormTextInput,
-  xl as GlobalToastRenderer,
+  Sa as FormCardButton,
+  Ia as FormCheckbox,
+  jn as FormSelectBase,
+  La as FormSelectSourceApps,
+  Ba as FormTextArea,
+  _a as FormTextInput,
+  Ca as GlobalToastRenderer,
   J as GridListToggleValue,
   me as HorizontalDirection,
-  Tl as InfiniteLoading,
-  Vl as LayoutDialog,
-  Ol as LayoutDisclosure,
-  Al as LayoutGridListToggle,
-  zl as LayoutMenu,
-  Rl as LayoutPanel,
-  Dl as LayoutTabs,
+  Fa as InfiniteLoading,
+  Aa as LayoutDialog,
+  Ma as LayoutDisclosure,
+  za as LayoutGridListToggle,
+  Ra as LayoutMenu,
+  Ea as LayoutPanel,
+  Ta as LayoutTabs,
   se as ModifierKeys,
-  Ln as SourceAppBadge,
+  Vn as SourceAppBadge,
   te as TailwindBreakpoints,
-  Gn as ThrottleOrDebounce,
+  Xn as ThrottleOrDebounce,
   ee as ToastNotificationType,
-  Bl as ValidationHelpers,
+  Pa as ValidationHelpers,
   he as clientOs,
-  Pl as getKeyboardShortcutTitle,
-  Ll as onKeyboardShortcut,
-  jl as useFormCheckboxModel,
-  cn as useFormSelectChildInternals,
-  Ml as useOnBeforeWindowUnload,
-  Xn as useResponsiveHorizontalDirectionCalculation,
-  Kn as useWindowResizeHandler,
-  un as useWrappingContainerHiddenCount,
-  El as writableAsyncComputed
+  ja as getKeyboardShortcutTitle,
+  Va as onKeyboardShortcut,
+  Oa as useFormCheckboxModel,
+  dn as useFormSelectChildInternals,
+  Da as useOnBeforeWindowUnload,
+  Jn as useResponsiveHorizontalDirectionCalculation,
+  Nn as useWindowResizeHandler,
+  cn as useWrappingContainerHiddenCount,
+  Ua as writableAsyncComputed
 };