@speckle/ui-components 2.16.1-alpha5 → 2.16.1-alpha6

package/dist/lib.js

@@ -1,19 +1,19 @@
-import { defineComponent as R, resolveDynamicComponent as Q, computed as f, openBlock as a, createBlock as j, normalizeClass as b, withCtx as P, createCommentVNode as I, renderSlot as U, createTextVNode as z, createElementBlock as p, createElementVNode as u, createVNode as B, Transition as Le, unref as l, toDisplayString as V, toRefs as Z, Fragment as q, renderList as K, ref as T, onMounted as ee, mergeProps as ve, withDirectives as re, isRef as we, vModelText as _e, useSlots as je, vModelDynamic as ot, pushScopeId as rt, popScopeId as it, watch as Y, withModifiers as be, normalizeStyle as ge, useModel as Ge, onBeforeUnmount as Xe, getCurrentInstance as ut, inject as ct, mergeModels as qe, withKeys as ne } from "vue";
-import { isObjectLike as Se, clamp as We, isArray as G, isString as ke, isUndefined as oe, debounce as Oe, throttle as dt, noop as ft, uniq as pt } from "lodash";
-import { ArrowPathIcon as ht, ExclamationCircleIcon as mt, ChevronUpIcon as Qe, ChevronDownIcon as gt, XMarkIcon as Ae, MagnifyingGlassIcon as vt, CheckIcon as Ne, Bars3Icon as bt, Squares2X2Icon as yt } from "@heroicons/vue/24/solid";
-import { CheckCircleIcon as xt, XCircleIcon as kt, ExclamationCircleIcon as wt, InformationCircleIcon as Ct, XMarkIcon as $t, CheckIcon as It, ExclamationTriangleIcon as St } from "@heroicons/vue/24/outline";
-import { XMarkIcon as ie, CheckIcon as Je, CheckCircleIcon as Ye, ExclamationCircleIcon as Ce, EnvelopeIcon as Bt, KeyIcon as Vt, XCircleIcon as Pt, InformationCircleIcon as Lt } from "@heroicons/vue/20/solid";
-import { useField as Me } from "vee-validate";
-import { nanoid as Te } from "nanoid";
-import { isNullOrUndefined as _t, SourceApps as jt, getClientOperatingSystem as Ot, OperatingSystem as Be } from "@speckle/shared";
-import { useResizeObserver as At, useMutationObserver as Mt, onKeyDown as Tt, isClient as Re, computedAsync as Rt, useFocus as zt } from "@vueuse/core";
-import { Listbox as Dt, ListboxLabel as Ft, ListboxButton as Et, ListboxOptions as Ut, ListboxOption as qt, Switch as Wt, TransitionRoot as Ze, Dialog as Kt, TransitionChild as Ke, DialogPanel as Ht, Disclosure as Gt, DisclosureButton as Xt, DisclosurePanel as Qt, Menu as Nt, MenuButton as Jt, MenuItems as Yt, MenuItem as Zt, Combobox as es, ComboboxOptions as ts, ComboboxOption as ss } from "@headlessui/vue";
+import { defineComponent as R, resolveDynamicComponent as N, computed as d, openBlock as a, createBlock as O, normalizeClass as g, withCtx as P, createCommentVNode as B, renderSlot as F, createTextVNode as z, createElementBlock as p, createElementVNode as u, createVNode as V, Transition as Le, unref as l, toDisplayString as _, toRefs as te, Fragment as W, renderList as H, ref as T, onMounted as se, mergeProps as ge, withDirectives as ie, isRef as ke, vModelText as je, useSlots as Oe, vModelDynamic as rt, pushScopeId as it, popScopeId as ut, watch as Z, withModifiers as ce, normalizeStyle as ve, useModel as Ge, onBeforeUnmount as Xe, getCurrentInstance as ct, inject as dt, mergeModels as qe, withKeys as ae } from "vue";
+import { isObjectLike as Be, clamp as We, isArray as X, isString as xe, isUndefined as re, debounce as Ae, throttle as ft, noop as pt, uniq as ht } from "lodash";
+import { ArrowPathIcon as mt, ExclamationCircleIcon as vt, ChevronUpIcon as Qe, ChevronDownIcon as gt, XMarkIcon as Me, MagnifyingGlassIcon as bt, CheckIcon as Ne, Bars3Icon as yt, Squares2X2Icon as xt } from "@heroicons/vue/24/solid";
+import { CheckCircleIcon as kt, XCircleIcon as wt, ExclamationCircleIcon as Ct, InformationCircleIcon as $t, XMarkIcon as It, CheckIcon as St, ExclamationTriangleIcon as Bt } from "@heroicons/vue/24/outline";
+import { XMarkIcon as ue, CheckIcon as Je, CheckCircleIcon as Ye, ExclamationCircleIcon as we, EnvelopeIcon as Vt, KeyIcon as _t, XCircleIcon as Pt, InformationCircleIcon as Lt } from "@heroicons/vue/20/solid";
+import { useField as Te } from "vee-validate";
+import { nanoid as Re } from "nanoid";
+import { isNullOrUndefined as jt, SourceApps as Ot, getClientOperatingSystem as At, OperatingSystem as Ve } from "@speckle/shared";
+import { useResizeObserver as Mt, useMutationObserver as Tt, onKeyDown as Rt, isClient as ze, computedAsync as zt, useFocus as Dt } from "@vueuse/core";
+import { Listbox as Ft, ListboxLabel as Et, ListboxButton as Ut, ListboxOptions as qt, ListboxOption as Wt, Switch as Kt, TransitionRoot as Ze, Dialog as Ht, TransitionChild as Ke, DialogPanel as Gt, Disclosure as Xt, DisclosureButton as Qt, DisclosurePanel as Nt, Menu as Jt, MenuButton as Yt, MenuItems as Zt, MenuItem as es, Combobox as ts, ComboboxOptions as ss, ComboboxOption as ls } from "@headlessui/vue";
 import { directive as et } from "vue-tippy";
-import ls from "v3-infinite-loading";
-const ns = {
+import ns from "v3-infinite-loading";
+const as = {
   key: 2,
   style: { margin: "0 !important", width: "0.01px" }
-}, as = /* @__PURE__ */ R({
+}, os = /* @__PURE__ */ R({
   __name: "Button",
   props: {
     /**
@@ -141,135 +141,135 @@ const ns = {
   },
   emits: ["click"],
   setup(e, { emit: n }) {
-    const t = e, s = Q("NuxtLink"), o = Q("RouterLink"), r = f(() => t.linkComponent ? t.linkComponent : t.external ? "a" : Se(s) ? s : Se(o) ? o : "a"), i = f(() => {
+    const t = e, s = N("NuxtLink"), o = N("RouterLink"), r = d(() => t.linkComponent ? t.linkComponent : t.external ? "a" : Be(s) ? s : Be(o) ? o : "a"), i = d(() => {
       if (!t.to)
         return t.submit ? "submit" : "button";
-    }), c = f(() => t.disabled || t.loading), h = f(() => t.loading ? ht : t.iconLeft), d = f(() => {
-      const y = [];
-      if (y.push("border-2"), c.value)
-        y.push(
+    }), c = d(() => t.disabled || t.loading), h = d(() => t.loading ? mt : t.iconLeft), f = d(() => {
+      const b = [];
+      if (b.push("border-2"), c.value)
+        b.push(
           t.outlined ? "border-foreground-disabled" : "bg-foundation-disabled border-transparent"
         );
       else
         switch (t.color) {
           case "invert":
-            y.push(
+            b.push(
               t.outlined ? "border-foundation dark:border-foreground" : "bg-foundation dark:bg-foreground border-transparent"
             );
             break;
           case "card":
-            y.push(
+            b.push(
               t.outlined ? "border-foundation-2 shadow" : "bg-foundation-2 dark:bg-foundation-2 border-foundation shadow"
             );
             break;
           case "danger":
-            y.push(t.outlined ? "border-danger" : "bg-danger border-danger");
+            b.push(t.outlined ? "border-danger" : "bg-danger border-danger");
             break;
           case "secondary":
-            y.push(
+            b.push(
               t.outlined ? "border-foundation" : "bg-foundation border-foundation-2"
             );
             break;
           case "warning":
-            y.push(t.outlined ? "border-warning" : "bg-warning border-warning");
+            b.push(t.outlined ? "border-warning" : "bg-warning border-warning");
             break;
           case "info":
-            y.push(t.outlined ? "border-info" : "bg-info border-info");
+            b.push(t.outlined ? "border-info" : "bg-info border-info");
             break;
           case "success":
-            y.push(t.outlined ? "border-success" : "bg-success border-success");
+            b.push(t.outlined ? "border-success" : "bg-success border-success");
             break;
           case "default":
           default:
-            y.push(
+            b.push(
               t.outlined ? "border-primary hover:border-primary-focus" : "bg-primary hover:bg-primary-focus border-transparent"
             );
             break;
         }
-      return y.join(" ");
-    }), x = f(() => {
-      const y = [];
+      return b.join(" ");
+    }), y = d(() => {
+      const b = [];
       if (!t.text && !t.link)
         if (c.value)
-          y.push(
+          b.push(
             (t.outlined, "text-foreground-disabled")
           );
         else
           switch (t.color) {
             case "invert":
-              y.push(
+              b.push(
                 t.outlined ? "text-foundation dark:text-foreground" : "text-primary"
               );
               break;
             case "card":
-              y.push((t.outlined, "text-foreground"));
+              b.push((t.outlined, "text-foreground"));
               break;
             case "danger":
-              y.push(
+              b.push(
                 t.outlined ? "text-danger" : "text-foundation dark:text-foreground"
               );
               break;
             case "warning":
-              y.push(
+              b.push(
                 t.outlined ? "text-warning" : "text-foundation dark:text-foreground"
               );
               break;
             case "info":
-              y.push(
+              b.push(
                 t.outlined ? "text-info" : "text-foundation dark:text-foreground"
               );
               break;
             case "success":
-              y.push(
+              b.push(
                 t.outlined ? "text-success" : "text-foundation dark:text-foreground"
               );
               break;
             case "secondary":
-              y.push(
+              b.push(
                 (t.outlined, "text-foreground hover:text-primary")
               );
               break;
             case "default":
             default:
-              y.push(
+              b.push(
                 t.outlined ? "text-primary hover:text-primary-focus" : "text-foundation dark:text-foreground"
               );
               break;
           }
       else
-        c.value ? y.push("text-foreground-disabled") : t.color === "invert" ? y.push(
+        c.value ? b.push("text-foreground-disabled") : t.color === "invert" ? b.push(
           "text-foundation hover:text-foundation-2 dark:text-foreground dark:hover:text-foreground"
-        ) : t.color === "secondary" ? y.push("text-foreground-2 hover:text-primary-focus") : t.color === "success" ? y.push("text-success") : t.color === "warning" ? y.push("text-warning") : t.color === "info" ? y.push("text-info") : t.color === "danger" ? y.push("text-danger") : y.push("text-primary hover:text-primary-focus");
-      return y.join(" ");
-    }), w = f(() => {
-      const y = [];
-      return y.push(t.rounded ? "rounded-full" : "rounded-md"), y.join(" ");
-    }), v = f(() => {
-      const y = [];
+        ) : t.color === "secondary" ? b.push("text-foreground-2 hover:text-primary-focus") : t.color === "success" ? b.push("text-success") : t.color === "warning" ? b.push("text-warning") : t.color === "info" ? b.push("text-info") : t.color === "danger" ? b.push("text-danger") : b.push("text-primary hover:text-primary-focus");
+      return b.join(" ");
+    }), k = d(() => {
+      const b = [];
+      return b.push(t.rounded ? "rounded-full" : "rounded-md"), b.join(" ");
+    }), v = d(() => {
+      const b = [];
       if (!c.value)
         switch (t.color) {
           case "invert":
-            y.push("hover:ring-4 ring-white/50");
+            b.push("hover:ring-4 ring-white/50");
             break;
           case "danger":
-            y.push("hover:ring-4 ring-danger-lighter dark:ring-danger-darker");
+            b.push("hover:ring-4 ring-danger-lighter dark:ring-danger-darker");
             break;
           case "warning":
-            y.push("hover:ring-4 ring-warning-lighter dark:ring-warning-darker");
+            b.push("hover:ring-4 ring-warning-lighter dark:ring-warning-darker");
             break;
           case "info":
-            y.push("hover:ring-4 ring-info-lighter dark:ring-info-darker");
+            b.push("hover:ring-4 ring-info-lighter dark:ring-info-darker");
             break;
           case "success":
-            y.push("hover:ring-4 ring-success-lighter dark:ring-success-darker");
+            b.push("hover:ring-4 ring-success-lighter dark:ring-success-darker");
             break;
           case "default":
           default:
-            y.push("hover:ring-2");
+            b.push("hover:ring-2");
             break;
         }
-      return y.join(" ");
-    }), $ = f(() => {
+      return b.join(" ");
+    }), $ = d(() => {
       switch (t.size) {
         case "xs":
           return "h-5 text-xs font-medium xxx-tracking-wide";
@@ -283,7 +283,7 @@ const ns = {
         case "base":
           return "h-8 text-base font-medium xxx-tracking-wide";
       }
-    }), m = f(() => {
+    }), m = d(() => {
       switch (t.size) {
         case "xs":
           return "px-1";
@@ -297,77 +297,77 @@ const ns = {
         case "base":
           return "px-3";
       }
-    }), M = f(() => {
-      const y = [];
-      return t.fullWidth && y.push("w-full"), c.value && y.push("cursor-not-allowed"), y.join(" ");
-    }), k = f(() => {
-      const y = [];
-      return !c.value && !t.link && !t.text && y.push("active:scale-[0.97]"), !c.value && t.link && y.push(
+    }), M = d(() => {
+      const b = [];
+      return t.fullWidth && b.push("w-full"), c.value && b.push("cursor-not-allowed"), b.join(" ");
+    }), x = d(() => {
+      const b = [];
+      return !c.value && !t.link && !t.text && b.push("active:scale-[0.97]"), !c.value && t.link && b.push(
         "underline decoration-transparent decoration-2 underline-offset-4	hover:decoration-inherit"
-      ), y.join(" ");
-    }), C = f(() => {
-      const y = t.link || t.text;
+      ), b.join(" ");
+    }), C = d(() => {
+      const b = t.link || t.text;
       return [
         "transition inline-flex justify-center items-center space-x-2 outline-none select-none",
         M.value,
         $.value,
-        x.value,
-        y ? "" : d.value,
-        y ? "" : w.value,
-        y ? "" : v.value,
+        y.value,
+        b ? "" : f.value,
+        b ? "" : k.value,
+        b ? "" : v.value,
         t.link ? "" : m.value,
-        k.value
+        x.value
       ].join(" ");
-    }), _ = f(() => {
-      const y = [""];
-      switch (t.loading && y.push("animate-spin"), t.size) {
+    }), L = d(() => {
+      const b = [""];
+      switch (t.loading && b.push("animate-spin"), t.size) {
         case "xs":
-          y.push("h-3 w-3");
+          b.push("h-3 w-3");
           break;
         case "sm":
-          y.push("h-4 w-4");
+          b.push("h-4 w-4");
           break;
         case "lg":
-          y.push("h-6 w-6");
+          b.push("h-6 w-6");
           break;
         case "xl":
-          y.push("h-8 w-8");
+          b.push("h-8 w-8");
           break;
         case "base":
         default:
-          y.push("h-5 w-5");
+          b.push("h-5 w-5");
           break;
       }
-      return y.join(" ");
-    }), L = (y) => {
+      return b.join(" ");
+    }), A = (b) => {
       if (c.value) {
-        y.preventDefault(), y.stopPropagation(), y.stopImmediatePropagation();
+        b.preventDefault(), b.stopPropagation(), b.stopImmediatePropagation();
         return;
       }
-      n("click", y);
+      n("click", b);
     };
-    return (y, D) => (a(), j(Q(e.to ? r.value : "button"), {
+    return (b, D) => (a(), O(N(e.to ? r.value : "button"), {
       href: e.to,
       to: e.to,
       type: i.value,
       external: e.external,
-      class: b(C.value),
+      class: g(C.value),
       disabled: c.value,
       role: "button",
-      onClick: L
+      onClick: A
     }, {
       default: P(() => [
-        h.value ? (a(), j(Q(h.value), {
+        h.value ? (a(), O(N(h.value), {
           key: 0,
-          class: b(`${_.value} ${e.hideText ? "" : "mr-2"}`)
-        }, null, 8, ["class"])) : I("", !0),
-        e.hideText ? (a(), p("div", ns, "   ")) : U(y.$slots, "default", { key: 1 }, () => [
+          class: g(`${L.value} ${e.hideText ? "" : "mr-2"}`)
+        }, null, 8, ["class"])) : B("", !0),
+        e.hideText ? (a(), p("div", as, "   ")) : F(b.$slots, "default", { key: 1 }, () => [
           z("Button")
         ], !0),
-        e.iconRight || !e.loading ? (a(), j(Q(e.iconRight), {
+        e.iconRight || !e.loading ? (a(), O(N(e.iconRight), {
           key: 3,
-          class: b(`${_.value} ${e.hideText ? "" : "ml-2"}`)
-        }, null, 8, ["class"])) : I("", !0)
+          class: g(`${L.value} ${e.hideText ? "" : "ml-2"}`)
+        }, null, 8, ["class"])) : B("", !0)
       ]),
       _: 3
     }, 8, ["href", "to", "type", "external", "class", "disabled"]));
@@ -378,7 +378,7 @@ const tt = (e, n) => {
   for (const [s, o] of n)
     t[s] = o;
   return t;
-}, ue = /* @__PURE__ */ tt(as, [["__scopeId", "data-v-38aa371e"]]), os = /* @__PURE__ */ R({
+}, de = /* @__PURE__ */ tt(os, [["__scopeId", "data-v-38aa371e"]]), rs = /* @__PURE__ */ R({
   __name: "Link",
   props: {
     to: {
@@ -435,7 +435,7 @@ const tt = (e, n) => {
       }
       n("click", o);
     };
-    return (o, r) => (a(), j(ue, {
+    return (o, r) => (a(), O(de, {
       link: "",
       to: e.to,
       external: e.external,
@@ -449,7 +449,7 @@ const tt = (e, n) => {
       onClickCapture: s
     }, {
       default: P(() => [
-        U(o.$slots, "default", {}, () => [
+        F(o.$slots, "default", {}, () => [
           z("Link")
         ])
       ]),
@@ -458,29 +458,29 @@ const tt = (e, n) => {
   }
 });
 var pe = /* @__PURE__ */ ((e) => (e[e.Success = 0] = "Success", e[e.Warning = 1] = "Warning", e[e.Danger = 2] = "Danger", e[e.Info = 3] = "Info", e))(pe || {});
-const rs = {
+const is = {
   "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"
-}, is = { class: "flex w-full flex-col items-center space-y-4 sm:items-end" }, us = {
+}, us = { class: "flex w-full flex-col items-center space-y-4 sm:items-end" }, cs = {
   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"
-}, cs = { class: "p-4" }, ds = { class: "flex items-start" }, fs = { class: "flex-shrink-0" }, ps = { class: "ml-2 w-0 flex-1 flex flex-col" }, hs = {
+}, ds = { class: "p-4" }, fs = { class: "flex items-start" }, ps = { class: "flex-shrink-0" }, hs = { class: "ml-2 w-0 flex-1 flex flex-col" }, ms = {
   key: 0,
   class: "text-foreground font-bold"
-}, ms = {
+}, vs = {
   key: 1,
   class: "label label--light text-foreground-2"
 }, gs = {
   key: 2,
   class: "flex justify-start mt-2"
-}, vs = /* @__PURE__ */ u("span", { class: "sr-only" }, "Close", -1), Nn = /* @__PURE__ */ R({
+}, bs = /* @__PURE__ */ u("span", { class: "sr-only" }, "Close", -1), Jn = /* @__PURE__ */ R({
   __name: "ToastRenderer",
   props: {
     notification: null
   },
   emits: ["update:notification"],
   setup(e, { emit: n }) {
-    const t = e, s = f(
+    const t = e, s = d(
       () => {
         var i, c;
         return !((i = t.notification) != null && i.description) && !((c = t.notification) != null && c.cta);
@@ -488,12 +488,12 @@ const rs = {
     ), o = () => {
       n("update:notification", null);
     }, r = (i) => {
-      var c, h, d;
-      (d = (h = (c = t.notification) == null ? void 0 : c.cta) == null ? void 0 : h.onClick) == null || d.call(h, i), o();
+      var c, h, f;
+      (f = (h = (c = t.notification) == null ? void 0 : c.cta) == null ? void 0 : h.onClick) == null || f.call(h, i), o();
     };
-    return (i, c) => (a(), p("div", rs, [
-      u("div", is, [
-        B(Le, {
+    return (i, c) => (a(), p("div", is, [
+      u("div", us, [
+        V(Le, {
           "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,55 +502,55 @@ const rs = {
           "leave-to-class": "opacity-0"
         }, {
           default: P(() => [
-            e.notification ? (a(), p("div", us, [
-              u("div", cs, [
-                u("div", ds, [
-                  u("div", fs, [
-                    e.notification.type === l(pe).Success ? (a(), j(l(xt), {
+            e.notification ? (a(), p("div", cs, [
+              u("div", ds, [
+                u("div", fs, [
+                  u("div", ps, [
+                    e.notification.type === l(pe).Success ? (a(), O(l(kt), {
                       key: 0,
                       class: "h-6 w-6 text-success",
                       "aria-hidden": "true"
-                    })) : e.notification.type === l(pe).Danger ? (a(), j(l(kt), {
+                    })) : e.notification.type === l(pe).Danger ? (a(), O(l(wt), {
                       key: 1,
                       class: "h-6 w-6 text-danger",
                       "aria-hidden": "true"
-                    })) : e.notification.type === l(pe).Warning ? (a(), j(l(wt), {
+                    })) : e.notification.type === l(pe).Warning ? (a(), O(l(Ct), {
                       key: 2,
                       class: "h-6 w-6 text-warning",
                       "aria-hidden": "true"
-                    })) : e.notification.type === l(pe).Info ? (a(), j(l(Ct), {
+                    })) : e.notification.type === l(pe).Info ? (a(), O(l($t), {
                       key: 3,
                       class: "h-6 w-6 text-info",
                       "aria-hidden": "true"
-                    })) : I("", !0)
+                    })) : B("", !0)
                   ]),
-                  u("div", ps, [
-                    e.notification.title ? (a(), p("p", hs, V(e.notification.title), 1)) : I("", !0),
-                    e.notification.description ? (a(), p("p", ms, V(e.notification.description), 1)) : I("", !0),
+                  u("div", hs, [
+                    e.notification.title ? (a(), p("p", ms, _(e.notification.title), 1)) : B("", !0),
+                    e.notification.description ? (a(), p("p", vs, _(e.notification.description), 1)) : B("", !0),
                     e.notification.cta ? (a(), p("div", gs, [
-                      B(os, {
+                      V(rs, {
                         to: e.notification.cta.url,
                         class: "label",
                         primary: "",
                         onClick: r
                       }, {
                         default: P(() => [
-                          z(V(e.notification.cta.title), 1)
+                          z(_(e.notification.cta.title), 1)
                         ]),
                         _: 1
                       }, 8, ["to"])
-                    ])) : I("", !0)
+                    ])) : B("", !0)
                   ]),
                   u("div", {
-                    class: b(["ml-4 flex flex-shrink-0", { "self-center": s.value }])
+                    class: g(["ml-4 flex flex-shrink-0", { "self-center": s.value }])
                   }, [
                     u("button", {
                       type: "button",
                       class: "inline-flex rounded-md bg-foundation text-foreground-2 hover:text-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2",
                       onClick: o
                     }, [
-                      vs,
-                      B(l(ie), {
+                      bs,
+                      V(l(ue), {
                         class: "h-6 w-6",
                         "aria-hidden": "true"
                       })
@@ -558,20 +558,20 @@ const rs = {
                   ], 2)
                 ])
               ])
-            ])) : I("", !0)
+            ])) : B("", !0)
           ]),
           _: 1
         })
       ])
     ]));
   }
-}), bs = /* @__PURE__ */ u("circle", {
+}), ys = /* @__PURE__ */ u("circle", {
   cx: "4",
   cy: "4",
   r: "3"
-}, null, -1), ys = [
-  bs
-], ze = /* @__PURE__ */ R({
+}, null, -1), xs = [
+  ys
+], De = /* @__PURE__ */ R({
   __name: "Badge",
   props: {
     size: null,
@@ -584,62 +584,62 @@ const rs = {
   },
   emits: ["click-icon"],
   setup(e, { emit: n }) {
-    const t = e, s = f(
+    const t = e, s = d(
       () => t.colorClasses || "bg-blue-100 text-blue-800"
-    ), o = f(
+    ), o = d(
       () => t.dotIconColorClasses || "text-blue-400"
-    ), r = f(() => {
-      const d = [
+    ), r = d(() => {
+      const f = [
         "inline-flex items-center",
         s.value,
         t.size === "lg" ? "px-3 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
       ];
-      return t.rounded ? (d.push("rounded"), d.push(
+      return t.rounded ? (f.push("rounded"), f.push(
         t.size === "lg" ? "px-2 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
-      )) : (d.push("rounded-full"), d.push(
+      )) : (f.push("rounded-full"), f.push(
         t.size === "lg" ? "px-2.5 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
-      )), d.join(" ");
-    }), i = f(() => {
-      const d = [
+      )), f.join(" ");
+    }), i = d(() => {
+      const f = [
         "mt-0.5 ml-0.5 inline-flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-full focus:outline-none"
       ];
-      return t.clickableIcon ? d.push("cursor-pointer") : d.push("cursor-default"), d.join(" ");
-    }), c = f(() => [
+      return t.clickableIcon ? f.push("cursor-pointer") : f.push("cursor-default"), f.join(" ");
+    }), c = d(() => [
       "-ml-0.5 mr-1.5 h-2 w-2",
       o.value
-    ].join(" ")), h = (d) => {
+    ].join(" ")), h = (f) => {
       if (!t.clickableIcon) {
-        d.stopPropagation(), d.stopImmediatePropagation(), d.preventDefault();
+        f.stopPropagation(), f.stopImmediatePropagation(), f.preventDefault();
         return;
       }
-      n("click-icon", d);
+      n("click-icon", f);
     };
-    return (d, x) => (a(), p("span", {
-      class: b(r.value)
+    return (f, y) => (a(), p("span", {
+      class: g(r.value)
     }, [
       e.dot ? (a(), p("svg", {
         key: 0,
-        class: b(c.value),
+        class: g(c.value),
         fill: "currentColor",
         viewBox: "0 0 8 8"
-      }, ys, 2)) : I("", !0),
-      U(d.$slots, "default", {}, () => [
+      }, xs, 2)) : B("", !0),
+      F(f.$slots, "default", {}, () => [
         z("Badge")
       ]),
       e.iconLeft ? (a(), p("button", {
         key: 1,
-        class: b(i.value),
-        onClick: x[0] || (x[0] = (w) => h(w))
+        class: g(i.value),
+        onClick: y[0] || (y[0] = (k) => h(k))
       }, [
-        (a(), j(Q(e.iconLeft), {
-          class: b(["h-4 w-4", o.value])
+        (a(), O(N(e.iconLeft), {
+          class: g(["h-4 w-4", o.value])
         }, null, 8, ["class"]))
-      ], 2)) : I("", !0)
+      ], 2)) : B("", !0)
     ], 2));
   }
 });
 let He = [];
-function xs(e) {
+function ks(e) {
   He = He ? e : e.slice();
 }
 var he = /* @__PURE__ */ ((e) => (e[e.sm = 640] = "sm", e[e.md = 746] = "md", e[e.lg = 1024] = "lg", e[e.xl = 1280] = "xl", e[e["2xl"] = 1536] = "2xl", e))(he || {});
@@ -654,48 +654,48 @@ function st(e) {
       stepsPadding: i
     },
     emit: c
-  } = e, h = f(
+  } = e, h = d(
     () => (s == null ? void 0 : s.value) === "vertical" ? "vertical" : "horizontal"
-  ), d = f({
+  ), f = d({
     get: () => We((n == null ? void 0 : n.value) || 0, -1, t.value.length),
-    set: (k) => c("update:modelValue", We(k, 0, t.value.length))
-  }), x = (k) => `${k + 1}`, w = (k) => k === d.value, v = (k) => k < d.value, $ = (k, C) => {
-    var L;
+    set: (x) => c("update:modelValue", We(x, 0, t.value.length))
+  }), y = (x) => `${x + 1}`, k = (x) => x === f.value, v = (x) => x < f.value, $ = (x, C) => {
+    var A;
     if (r != null && r.value) {
       C == null || C.preventDefault(), C == null || C.stopPropagation(), C == null || C.stopImmediatePropagation();
       return;
     }
-    d.value = k;
-    const _ = t.value[d.value];
-    (L = _ == null ? void 0 : _.onClick) == null || L.call(_);
-  }, m = f(() => {
-    const k = ["flex"];
-    let C, _;
-    return (i == null ? void 0 : i.value) === "xs" ? (C = "space-x-2", _ = "space-y-1") : (i == null ? void 0 : i.value) === "sm" ? (C = "space-x-4", _ = "space-y-1") : (C = "space-x-8", _ = "space-y-4"), k.push("flex"), h.value === "vertical" || o != null && o.value ? (k.push(`flex-col ${_} justify-center`), (o == null ? void 0 : o.value) === he.sm ? k.push(
+    f.value = x;
+    const L = t.value[f.value];
+    (A = L == null ? void 0 : L.onClick) == null || A.call(L);
+  }, m = d(() => {
+    const x = ["flex"];
+    let C, L;
+    return (i == null ? void 0 : i.value) === "xs" ? (C = "space-x-2", L = "space-y-1") : (i == null ? void 0 : i.value) === "sm" ? (C = "space-x-4", L = "space-y-1") : (C = "space-x-8", L = "space-y-4"), x.push("flex"), h.value === "vertical" || o != null && o.value ? (x.push(`flex-col ${L} justify-center`), (o == null ? void 0 : o.value) === he.sm ? x.push(
       `sm:flex-row sm:space-y-0 sm:justify-start sm:${C} sm:items-center`
-    ) : (o == null ? void 0 : o.value) === he.md ? k.push(
+    ) : (o == null ? void 0 : o.value) === he.md ? x.push(
       `md:flex-row md:space-y-0 md:justify-start md:${C} md:items-center`
-    ) : (o == null ? void 0 : o.value) === he.lg ? k.push(
+    ) : (o == null ? void 0 : o.value) === he.lg ? x.push(
       `lg:flex-row lg:space-y-0 lg:justify-start lg:${C} lg:items-center`
-    ) : (o == null ? void 0 : o.value) === he.xl && k.push(
+    ) : (o == null ? void 0 : o.value) === he.xl && x.push(
       `xl:flex-row xl:space-y-0 xl:justify-start xl:${C} xl:items-center`
-    )) : k.push(`flex-row ${C} items-center`), k.join(" ");
-  }), M = f(() => {
-    const k = ["flex items-center"];
-    return r != null && r.value || k.push("cursor-pointer"), k.join(" ");
+    )) : x.push(`flex-row ${C} items-center`), x.join(" ");
+  }), M = d(() => {
+    const x = ["flex items-center"];
+    return r != null && r.value || x.push("cursor-pointer"), x.join(" ");
   });
   return {
-    value: d,
-    isCurrentStep: w,
+    value: f,
+    isCurrentStep: k,
     isFinishedStep: v,
     switchStep: $,
-    getStepDisplayValue: x,
+    getStepDisplayValue: y,
     listClasses: m,
     linkClasses: M,
     orientation: h
   };
 }
-xs([
+ks([
   "sm:space-x-8",
   "md:space-x-8",
   "lg:space-x-8",
@@ -709,16 +709,16 @@ xs([
   "lg:space-x-4",
   "xl:space-x-4"
 ]);
-const ks = ["aria-label"], ws = ["href", "onClick"], Cs = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, $s = { class: "shrink-0 h-8 w-8 rounded-full bg-primary-focus text-foreground-on-primary inline-flex items-center justify-center" }, Is = { class: "flex flex-col" }, Ss = {
+const ws = ["aria-label"], Cs = ["href", "onClick"], $s = { 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" }, Ss = { class: "flex flex-col" }, Bs = {
   key: 0,
   class: "label label--light text-foreground"
-}, Bs = ["href", "onClick"], Vs = { 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" }, Ls = { class: "flex flex-col" }, _s = {
+}, Vs = ["href", "onClick"], _s = { 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" }, Ls = { class: "flex flex-col" }, js = {
   key: 0,
   class: "label label--light text-foreground"
-}, js = ["href", "onClick"], Os = { class: "flex space-x-3 items-center text-foreground-disabled normal font-medium leading-5" }, As = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-foreground-disabled inline-flex items-center justify-center" }, Ms = { class: "flex flex-col" }, Ts = {
+}, Os = ["href", "onClick"], As = { class: "flex space-x-3 items-center text-foreground-disabled normal font-medium leading-5" }, Ms = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-foreground-disabled inline-flex items-center justify-center" }, Ts = { class: "flex flex-col" }, Rs = {
   key: 0,
   class: "label label--light"
-}, Jn = /* @__PURE__ */ R({
+}, Yn = /* @__PURE__ */ R({
   __name: "Number",
   props: {
     ariaLabel: null,
@@ -739,85 +739,85 @@ const ks = ["aria-label"], ws = ["href", "onClick"], Cs = { class: "flex space-x
       listClasses: c,
       linkClasses: h
     } = st({
-      props: Z(t),
+      props: te(t),
       emit: n
     });
-    return (d, x) => (a(), p("nav", {
+    return (f, y) => (a(), p("nav", {
       class: "flex justify-center",
       "aria-label": e.ariaLabel || "Progress steps"
     }, [
       u("ol", {
-        class: b(l(c))
+        class: g(l(c))
       }, [
-        (a(!0), p(q, null, K(e.steps, (w, v) => (a(), p("li", {
-          key: w.name
+        (a(!0), p(W, null, H(e.steps, (k, v) => (a(), p("li", {
+          key: k.name
         }, [
           l(o)(v) ? (a(), p("a", {
             key: 0,
-            href: w.href,
-            class: b(l(h)),
+            href: k.href,
+            class: g(l(h)),
             onClick: ($) => l(r)(v, $)
           }, [
-            u("div", Cs, [
-              u("div", $s, [
-                B(l(Je), { class: "w-5 h-5" })
-              ]),
+            u("div", $s, [
               u("div", Is, [
-                u("div", null, V(w.name), 1),
-                w.description ? (a(), p("div", Ss, V(w.description), 1)) : I("", !0)
+                V(l(Je), { class: "w-5 h-5" })
+              ]),
+              u("div", Ss, [
+                u("div", null, _(k.name), 1),
+                k.description ? (a(), p("div", Bs, _(k.description), 1)) : B("", !0)
               ])
             ])
-          ], 10, ws)) : l(s)(v) ? (a(), p("a", {
+          ], 10, Cs)) : l(s)(v) ? (a(), p("a", {
             key: 1,
-            href: w.href,
-            class: b(l(h)),
+            href: k.href,
+            class: g(l(h)),
             "aria-current": "step",
             onClick: ($) => l(r)(v, $)
           }, [
-            u("div", Vs, [
-              u("div", Ps, V(l(i)(v)), 1),
+            u("div", _s, [
+              u("div", Ps, _(l(i)(v)), 1),
               u("div", Ls, [
-                u("div", null, V(w.name), 1),
-                w.description ? (a(), p("div", _s, V(w.description), 1)) : I("", !0)
+                u("div", null, _(k.name), 1),
+                k.description ? (a(), p("div", js, _(k.description), 1)) : B("", !0)
               ])
             ])
-          ], 10, Bs)) : (a(), p("a", {
+          ], 10, Vs)) : (a(), p("a", {
             key: 2,
-            href: w.href,
-            class: b(l(h)),
+            href: k.href,
+            class: g(l(h)),
             onClick: ($) => l(r)(v, $)
           }, [
-            u("div", Os, [
-              u("div", As, V(l(i)(v)), 1),
-              u("div", Ms, [
-                u("div", null, V(w.name), 1),
-                w.description ? (a(), p("div", Ts, V(w.description), 1)) : I("", !0)
+            u("div", As, [
+              u("div", Ms, _(l(i)(v)), 1),
+              u("div", Ts, [
+                u("div", null, _(k.name), 1),
+                k.description ? (a(), p("div", Rs, _(k.description), 1)) : B("", !0)
               ])
             ])
-          ], 10, js))
+          ], 10, Os))
         ]))), 128))
       ], 2)
-    ], 8, ks));
+    ], 8, ws));
   }
-}), Rs = ["aria-label"], zs = ["href", "onClick"], Ds = { class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center" }, Fs = {
+}), zs = ["aria-label"], Ds = ["href", "onClick"], Fs = { class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center" }, Es = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground-2"
-}, Es = ["href", "onClick"], Us = {
+}, Us = ["href", "onClick"], qs = {
   class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center",
   "aria-hidden": "true"
-}, qs = {
+}, Ws = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground"
-}, Ws = /* @__PURE__ */ u("span", { class: "absolute h-4 w-4 rounded-full bg-outline-2" }, null, -1), Ks = /* @__PURE__ */ u("span", { class: "relative block h-2 w-2 rounded-full bg-primary-focus" }, null, -1), Hs = ["href", "onClick"], Gs = {
+}, Ks = /* @__PURE__ */ u("span", { class: "absolute h-4 w-4 rounded-full bg-outline-2" }, null, -1), Hs = /* @__PURE__ */ u("span", { class: "relative block h-2 w-2 rounded-full bg-primary-focus" }, null, -1), Gs = ["href", "onClick"], Xs = {
   class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center",
   "aria-hidden": "true"
-}, Xs = {
+}, Qs = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground-2"
-}, Qs = {
+}, Ns = {
   key: 1,
   class: "h-4 w-4 rounded-full bg-foreground-disabled"
-}, Yn = /* @__PURE__ */ R({
+}, Zn = /* @__PURE__ */ R({
   __name: "Bullet",
   props: {
     ariaLabel: null,
@@ -832,76 +832,76 @@ const ks = ["aria-label"], ws = ["href", "onClick"], Cs = { class: "flex space-x
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
     const t = e, { isCurrentStep: s, isFinishedStep: o, switchStep: r, listClasses: i, linkClasses: c } = st({
-      props: Z(t),
+      props: te(t),
       emit: n
-    }), h = f(() => {
-      const x = ["h6 font-medium leading-7"];
-      let w;
-      return t.stepsPadding === "xs" ? w = "ml-1" : t.stepsPadding === "sm" ? w = "ml-2" : w = "ml-3", x.push(w), t.basic && x.push("sr-only"), x.join(" ");
-    }), d = f(() => {
-      const x = [];
-      return t.basic && x.push("basic"), x.join(" ");
+    }), h = d(() => {
+      const y = ["h6 font-medium leading-7"];
+      let k;
+      return t.stepsPadding === "xs" ? k = "ml-1" : t.stepsPadding === "sm" ? k = "ml-2" : k = "ml-3", y.push(k), t.basic && y.push("sr-only"), y.join(" ");
+    }), f = d(() => {
+      const y = [];
+      return t.basic && y.push("basic"), y.join(" ");
     });
-    return (x, w) => (a(), p("nav", {
+    return (y, k) => (a(), p("nav", {
       class: "flex justify-center",
       "aria-label": e.ariaLabel || "Progress steps"
     }, [
       u("ol", {
-        class: b([l(i), d.value])
+        class: g([l(i), f.value])
       }, [
-        (a(!0), p(q, null, K(e.steps, (v, $) => (a(), p("li", {
+        (a(!0), p(W, null, H(e.steps, (v, $) => (a(), p("li", {
           key: v.name
         }, [
           l(o)($) ? (a(), p("a", {
             key: 0,
             href: v.href,
-            class: b(l(c)),
+            class: g(l(c)),
             onClick: (m) => l(r)($, m)
           }, [
-            u("span", Ds, [
-              e.basic ? (a(), p("span", Fs)) : (a(), j(l(Ye), {
+            u("span", Fs, [
+              e.basic ? (a(), p("span", Es)) : (a(), O(l(Ye), {
                 key: 1,
                 class: "h-full w-full text-primary",
                 "aria-hidden": "true"
               }))
             ]),
             u("span", {
-              class: b(["text-foreground", h.value])
-            }, V(v.name), 3)
-          ], 10, zs)) : l(s)($) ? (a(), p("a", {
+              class: g(["text-foreground", h.value])
+            }, _(v.name), 3)
+          ], 10, Ds)) : l(s)($) ? (a(), p("a", {
             key: 1,
             href: v.href,
-            class: b(l(c)),
+            class: g(l(c)),
             "aria-current": "step",
             onClick: (m) => l(r)($, m)
           }, [
-            u("span", Us, [
-              e.basic ? (a(), p("span", qs)) : (a(), p(q, { key: 1 }, [
-                Ws,
-                Ks
+            u("span", qs, [
+              e.basic ? (a(), p("span", Ws)) : (a(), p(W, { key: 1 }, [
+                Ks,
+                Hs
               ], 64))
             ]),
             u("span", {
-              class: b(["text-primary-focus", h.value])
-            }, V(v.name), 3)
-          ], 10, Es)) : (a(), p("a", {
+              class: g(["text-primary-focus", h.value])
+            }, _(v.name), 3)
+          ], 10, Us)) : (a(), p("a", {
             key: 2,
             href: v.href,
-            class: b(l(c)),
+            class: g(l(c)),
             onClick: (m) => l(r)($, m)
           }, [
-            u("div", Gs, [
-              e.basic ? (a(), p("span", Xs)) : (a(), p("div", Qs))
+            u("div", Xs, [
+              e.basic ? (a(), p("span", Qs)) : (a(), p("div", Ns))
             ]),
             u("p", {
-              class: b(["text-foreground-disabled", h.value])
-            }, V(v.name), 3)
-          ], 10, Hs))
+              class: g(["text-foreground-disabled", h.value])
+            }, _(v.name), 3)
+          ], 10, Gs))
         ]))), 128))
       ], 2)
-    ], 8, Rs));
+    ], 8, zs));
   }
-}), Ns = ["disabled"], Zn = /* @__PURE__ */ R({
+}), Js = ["disabled"], ea = /* @__PURE__ */ R({
   __name: "CardButton",
   props: {
     disabled: { type: Boolean },
@@ -909,7 +909,7 @@ const ks = ["aria-label"], ws = ["href", "onClick"], Cs = { class: "flex space-x
   },
   emits: ["update:modelValue", "click"],
   setup(e, { emit: n }) {
-    const t = e, s = f(() => {
+    const t = e, s = d(() => {
       const r = [
         "h-20 bg-foundation-2 inline-flex justify-center items-center outline-none",
         "normal px-16 py-5 shadow rounded transition active:scale-95"
@@ -925,22 +925,22 @@ const ks = ["aria-label"], ws = ["href", "onClick"], Cs = { class: "flex space-x
       n("update:modelValue", !t.modelValue), n("click", r);
     };
     return (r, i) => (a(), p("button", {
-      class: b(s.value),
+      class: g(s.value),
       disabled: e.disabled,
       onClick: o
     }, [
-      U(r.$slots, "default", {}, () => [
+      F(r.$slots, "default", {}, () => [
         z("Text")
       ])
-    ], 10, Ns));
+    ], 10, Js));
   }
-}), Js = { class: "relative flex items-start" }, Ys = { class: "flex h-6 items-center" }, Zs = ["id", "checked", "aria-describedby", "name", "disabled", "value"], el = {
+}), Ys = { class: "relative flex items-start" }, Zs = { class: "flex h-6 items-center" }, el = ["id", "checked", "aria-describedby", "name", "disabled", "value"], tl = {
   class: "ml-2 text-sm",
   style: { "padding-top": "2px" }
-}, tl = ["for"], sl = {
+}, sl = ["for"], ll = {
   key: 0,
   class: "text-danger ml-1"
-}, ll = ["id"], ea = /* @__PURE__ */ R({
+}, nl = ["id"], ta = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -1029,109 +1029,109 @@ const ks = ["aria-label"], ws = ["href", "onClick"], Cs = { class: "flex space-x
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, t = (k) => `${k}-${Te()}`, s = f(() => n.value || n.name), {
+    const n = e, t = (x) => `${x}-${Re()}`, s = d(() => n.value || n.name), {
       checked: o,
       errorMessage: r,
       handleChange: i,
       value: c
-    } = Me(n.name, n.rules, {
+    } = Te(n.name, n.rules, {
       validateOnMount: n.validateOnMount,
       type: "checkbox",
       checkedValue: s,
       initialValue: n.modelValue || void 0
-    }), h = f(() => n.label || n.name), d = f(() => r.value ? "border-danger-lighter" : "border-foreground-4 "), x = f(() => n.description || r.value), w = f(() => `${n.name}-description`), v = f(() => {
-      const k = [];
-      return n.inlineDescription ? k.push("inline ml-2") : k.push("block"), r.value ? k.push("text-danger") : k.push("text-foreground-2"), k.join(" ");
-    }), $ = T(t("checkbox")), m = f(() => n.id || $.value), M = (k) => {
-      n.disabled || i(k);
+    }), h = d(() => n.label || n.name), f = d(() => r.value ? "border-danger-lighter" : "border-foreground-4 "), y = d(() => n.description || r.value), k = d(() => `${n.name}-description`), v = d(() => {
+      const x = [];
+      return n.inlineDescription ? x.push("inline ml-2") : x.push("block"), r.value ? x.push("text-danger") : x.push("text-foreground-2"), x.join(" ");
+    }), $ = T(t("checkbox")), m = d(() => n.id || $.value), M = (x) => {
+      n.disabled || i(x);
     };
-    return ee(() => {
-      const k = n.modelValue, C = c.value, _ = Array.isArray(k) ? k.includes(n.value) : k === n.value, L = Array.isArray(C) ? C.includes(n.value) : C === n.value;
-      _ !== L && i(k);
-    }), (k, C) => (a(), p("div", Js, [
-      u("div", Ys, [
-        u("input", ve({
+    return se(() => {
+      const x = n.modelValue, C = c.value, L = Array.isArray(x) ? x.includes(n.value) : x === n.value, A = Array.isArray(C) ? C.includes(n.value) : C === n.value;
+      L !== A && i(x);
+    }), (x, C) => (a(), p("div", Ys, [
+      u("div", Zs, [
+        u("input", ge({
           id: m.value,
           checked: l(o),
-          "aria-describedby": w.value,
+          "aria-describedby": k.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", d.value]
-        }, k.$attrs, { onChange: M }), null, 16, Zs)
+          class: ["h-4 w-4 rounded text-primary focus:ring-primary bg-foundation disabled:cursor-not-allowed disabled:bg-disabled disabled:text-disabled-2", f.value]
+        }, x.$attrs, { onChange: M }), null, 16, el)
       ]),
-      u("div", el, [
+      u("div", tl, [
         u("label", {
           for: m.value,
-          class: b(["font-medium text-foreground", { "sr-only": e.hideLabel }])
+          class: g(["font-medium text-foreground", { "sr-only": e.hideLabel }])
         }, [
-          u("span", null, V(h.value), 1),
-          e.showRequired ? (a(), p("span", sl, "*")) : I("", !0)
-        ], 10, tl),
-        x.value ? (a(), p("p", {
+          u("span", null, _(h.value), 1),
+          e.showRequired ? (a(), p("span", ll, "*")) : B("", !0)
+        ], 10, sl),
+        y.value ? (a(), p("p", {
           key: 0,
-          id: w.value,
-          class: b(v.value)
-        }, V(x.value), 11, ll)) : I("", !0)
+          id: k.value,
+          class: g(v.value)
+        }, _(y.value), 11, nl)) : B("", !0)
       ])
     ]));
   }
 });
-function De(e) {
-  const { props: n, inputEl: t, emit: s } = e, { value: o, errorMessage: r } = Me(n.name, n.rules, {
+function Fe(e) {
+  const { props: n, inputEl: t, emit: s } = e, { value: o, errorMessage: r } = Te(n.name, n.rules, {
     validateOnMount: l(n.validateOnMount),
     validateOnValueUpdate: l(n.validateOnValueUpdate),
     initialValue: l(n.modelValue) || void 0
-  }), i = f(() => {
-    const L = ["block label text-foreground-2 mb-2"];
-    return l(n.showLabel) || L.push("sr-only"), L.join(" ");
-  }), c = f(() => [
+  }), i = d(() => {
+    const A = ["block label text-foreground-2 mb-2"];
+    return l(n.showLabel) || A.push("sr-only"), A.join(" ");
+  }), c = d(() => [
     "focus:outline-none disabled:cursor-not-allowed disabled:bg-foundation-disabled",
     "disabled:text-disabled-muted placeholder:text-foreground-2",
     "rounded"
-  ].join(" ")), h = f(() => {
-    const L = [
+  ].join(" ")), h = d(() => {
+    const A = [
       "block w-full text-foreground transition-all",
       c.value
     ];
-    return r.value ? L.push(
+    return r.value ? A.push(
       "focus:border-danger focus:ring-danger border-2 border-danger text-danger-darker"
-    ) : L.push("border-0 focus:ring-2 focus:ring-outline-2"), l(n.color) === "foundation" ? L.push("bg-foundation shadow-sm hover:shadow") : L.push("bg-foundation-page"), L.join(" ");
-  }), d = T(Te()), x = f(() => l(n.label) || l(n.name)), w = f(() => {
-    const L = r.value;
-    return !L || !l(n.useLabelInErrors) ? L : L.replace("Value", x.value);
-  }), v = f(
-    () => w.value && l(n.hideErrorMessage)
-  ), $ = f(() => w.value || l(n.help)), m = f(() => !!$.value), M = f(
-    () => m.value ? `${l(n.name)}-${d.value}` : void 0
-  ), k = f(() => {
-    const L = ["mt-2 text-sm"];
-    return L.push(r.value ? "text-danger" : "text-foreground-2"), L.join(" ");
+    ) : A.push("border-0 focus:ring-2 focus:ring-outline-2"), l(n.color) === "foundation" ? A.push("bg-foundation shadow-sm hover:shadow") : A.push("bg-foundation-page"), A.join(" ");
+  }), f = T(Re()), y = d(() => l(n.label) || l(n.name)), k = d(() => {
+    const A = r.value;
+    return !A || !l(n.useLabelInErrors) ? A : A.replace("Value", y.value);
+  }), v = d(
+    () => k.value && l(n.hideErrorMessage)
+  ), $ = d(() => k.value || l(n.help)), m = d(() => !!$.value), M = d(
+    () => m.value ? `${l(n.name)}-${f.value}` : void 0
+  ), x = d(() => {
+    const A = ["mt-2 text-sm"];
+    return A.push(r.value ? "text-danger" : "text-foreground-2"), A.join(" ");
   }), C = () => {
-    var L;
-    (L = t.value) == null || L.focus();
-  }, _ = () => {
-    o.value = G(o.value) ? [] : "", s("change", { value: o.value }), s("clear");
+    var A;
+    (A = t.value) == null || A.focus();
+  }, L = () => {
+    o.value = X(o.value) ? [] : "", s("change", { value: o.value }), s("clear");
   };
-  return ee(() => {
+  return se(() => {
     l(n.autoFocus) && C();
   }), {
     coreInputClasses: c,
     coreClasses: h,
-    title: x,
+    title: y,
     value: o,
     helpTipId: M,
-    helpTipClasses: k,
+    helpTipClasses: x,
     helpTip: $,
     hideHelpTip: v,
-    errorMessage: w,
-    clear: _,
+    errorMessage: k,
+    clear: L,
     focus: C,
     labelClasses: i
   };
 }
-const nl = ["for"], al = { class: "relative" }, ol = ["id", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], rl = /* @__PURE__ */ u("span", { class: "text-xs sr-only" }, "Clear input", -1), il = ["id"], ta = /* @__PURE__ */ R({
+const al = ["for"], ol = { class: "relative" }, rl = ["id", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], il = /* @__PURE__ */ u("span", { class: "text-xs sr-only" }, "Clear input", -1), ul = ["id"], sa = /* @__PURE__ */ R({
   __name: "TextArea",
   props: {
     name: null,
@@ -1159,35 +1159,35 @@ const nl = ["for"], al = { class: "relative" }, ol = ["id", "name", "placeholder
       title: i,
       value: c,
       helpTipId: h,
-      helpTipClasses: d,
-      helpTip: x,
-      errorMessage: w,
+      helpTipClasses: f,
+      helpTip: y,
+      errorMessage: k,
       labelClasses: v,
       clear: $,
       focus: m
-    } = De({
-      props: Z(s),
+    } = Fe({
+      props: te(s),
       emit: t,
       inputEl: o
-    }), M = f(() => {
-      const k = ["pl-2"];
-      return s.showClear && w.value ? k.push("pr-12") : (s.showClear || w.value) && k.push("pr-8"), k.join(" ");
+    }), M = d(() => {
+      const x = ["pl-2"];
+      return s.showClear && k.value ? x.push("pr-12") : (s.showClear || k.value) && x.push("pr-8"), x.join(" ");
     });
-    return n({ focus: m }), (k, C) => (a(), p("div", {
-      class: b([e.fullWidth ? "w-full" : ""])
+    return n({ focus: m }), (x, C) => (a(), p("div", {
+      class: g([e.fullWidth ? "w-full" : ""])
     }, [
       u("label", {
         for: e.name,
-        class: b(l(v))
+        class: g(l(v))
       }, [
-        u("span", null, V(l(i)), 1)
-      ], 10, nl),
-      u("div", al, [
-        re(u("textarea", ve({
+        u("span", null, _(l(i)), 1)
+      ], 10, al),
+      u("div", ol, [
+        ie(u("textarea", ge({
           id: e.name,
           ref_key: "inputElement",
           ref: o,
-          "onUpdate:modelValue": C[0] || (C[0] = (_) => we(c) ? c.value = _ : null),
+          "onUpdate:modelValue": C[0] || (C[0] = (L) => ke(c) ? c.value = L : null),
           name: e.name,
           class: [
             l(r),
@@ -1197,57 +1197,57 @@ const nl = ["for"], al = { class: "relative" }, ol = ["id", "name", "placeholder
           ],
           placeholder: e.placeholder,
           disabled: e.disabled,
-          "aria-invalid": l(w) ? "true" : "false",
+          "aria-invalid": l(k) ? "true" : "false",
           "aria-describedby": l(h)
-        }, k.$attrs, {
-          onChange: C[1] || (C[1] = (_) => k.$emit("change", { event: _, value: l(c) })),
-          onInput: C[2] || (C[2] = (_) => k.$emit("input", { event: _, value: l(c) }))
-        }), null, 16, ol), [
-          [_e, l(c)]
+        }, x.$attrs, {
+          onChange: C[1] || (C[1] = (L) => x.$emit("change", { event: L, value: l(c) })),
+          onInput: C[2] || (C[2] = (L) => x.$emit("input", { event: L, value: l(c) }))
+        }), null, 16, rl), [
+          [je, l(c)]
         ]),
         e.showClear ? (a(), p("a", {
           key: 0,
           title: "Clear input",
           class: "absolute top-2 right-0 flex items-center pr-2 cursor-pointer",
           onClick: C[3] || (C[3] = //@ts-ignore
-          (..._) => l($) && l($)(..._)),
+          (...L) => l($) && l($)(...L)),
           onKeydown: C[4] || (C[4] = //@ts-ignore
-          (..._) => l($) && l($)(..._))
+          (...L) => l($) && l($)(...L))
         }, [
-          rl,
-          B(l(ie), {
+          il,
+          V(l(ue), {
             class: "h-5 w-5 text-foreground",
             "aria-hidden": "true"
           })
-        ], 32)) : I("", !0),
-        l(w) ? (a(), p("div", {
+        ], 32)) : B("", !0),
+        l(k) ? (a(), p("div", {
           key: 1,
-          class: b([
+          class: g([
             "pointer-events-none absolute inset-y-0 right-0 flex items-start mt-2",
             e.showClear ? "pr-8" : "pr-2"
           ])
         }, [
-          B(l(Ce), {
+          V(l(we), {
             class: "h-4 w-4 text-danger",
             "aria-hidden": "true"
           })
-        ], 2)) : I("", !0),
-        e.showRequired && !l(w) ? (a(), p("div", {
+        ], 2)) : B("", !0),
+        e.showRequired && !l(k) ? (a(), p("div", {
           key: 2,
-          class: b(["pointer-events-none absolute inset-y-0 mt-0.5 text-4xl right-0 flex items-start text-danger opacity-50", [e.showClear ? "pr-8" : "pr-2"]])
-        }, " * ", 2)) : I("", !0)
+          class: g(["pointer-events-none absolute inset-y-0 mt-0.5 text-4xl right-0 flex items-start text-danger opacity-50", [e.showClear ? "pr-8" : "pr-2"]])
+        }, " * ", 2)) : B("", !0)
       ]),
       l(h) ? (a(), p("p", {
         key: 0,
         id: l(h),
-        class: b(l(d))
-      }, V(l(x)), 11, il)) : I("", !0)
+        class: g(l(f))
+      }, _(l(y)), 11, ul)) : B("", !0)
     ], 2));
   }
-}), ul = ["for"], cl = { class: "relative" }, dl = {
+}), cl = ["for"], dl = { class: "relative" }, fl = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2"
-}, fl = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], pl = /* @__PURE__ */ u("span", { class: "text-xs sr-only" }, "Clear input", -1), hl = ["id"], sa = /* @__PURE__ */ R({
+}, pl = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], hl = /* @__PURE__ */ u("span", { class: "text-xs sr-only" }, "Clear input", -1), ml = ["id"], la = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "TextInput",
   props: {
@@ -1384,31 +1384,31 @@ const nl = ["for"], al = { class: "relative" }, ol = ["id", "name", "placeholder
   },
   emits: ["update:modelValue", "change", "input", "clear", "focusin", "focusout"],
   setup(e, { expose: n, emit: t }) {
-    const s = e, o = je(), r = T(null), {
+    const s = e, o = Oe(), r = T(null), {
       coreClasses: i,
       title: c,
       value: h,
-      helpTipId: d,
-      helpTipClasses: x,
-      helpTip: w,
+      helpTipId: f,
+      helpTipClasses: y,
+      helpTip: k,
       hideHelpTip: v,
       errorMessage: $,
       clear: m,
       focus: M,
-      labelClasses: k
-    } = De({
-      props: Z(s),
+      labelClasses: x
+    } = Fe({
+      props: te(s),
       emit: t,
       inputEl: r
-    }), C = f(() => {
+    }), C = d(() => {
       const D = ["h-5 w-5"];
       return $.value ? D.push("text-danger") : D.push("text-foreground-2"), D.join(" ");
-    }), _ = f(
+    }), L = d(
       () => ["email", "password"].includes(s.type) || s.customIcon
-    ), L = f(() => {
+    ), A = d(() => {
       const D = [];
-      return _.value ? D.push("pl-8") : D.push("pl-2"), o["input-right"] || ($.value || s.showClear) && ($.value && s.showClear ? D.push("pr-12") : D.push("pr-8")), D.join(" ");
-    }), y = f(() => {
+      return L.value ? D.push("pl-8") : D.push("pl-2"), o["input-right"] || ($.value || s.showClear) && ($.value && s.showClear ? D.push("pr-12") : D.push("pr-8")), D.join(" ");
+    }), b = d(() => {
       switch (s.size) {
         case "sm":
           return "h-6";
@@ -1421,111 +1421,111 @@ const nl = ["for"], al = { class: "relative" }, ol = ["id", "name", "placeholder
           return "h-8";
       }
     });
-    return n({ focus: M }), (D, E) => (a(), p("div", {
-      class: b([e.fullWidth ? "w-full" : "", e.wrapperClasses])
+    return n({ focus: M }), (D, U) => (a(), p("div", {
+      class: g([e.fullWidth ? "w-full" : "", e.wrapperClasses])
     }, [
       u("label", {
         for: e.name,
-        class: b(l(k))
+        class: g(l(x))
       }, [
-        u("span", null, V(l(c)), 1)
-      ], 10, ul),
-      u("div", cl, [
-        _.value ? (a(), p("div", dl, [
-          e.customIcon ? (a(), j(Q(e.customIcon), {
+        u("span", null, _(l(c)), 1)
+      ], 10, cl),
+      u("div", dl, [
+        L.value ? (a(), p("div", fl, [
+          e.customIcon ? (a(), O(N(e.customIcon), {
             key: 0,
-            class: b(C.value),
+            class: g(C.value),
             "aria-hidden": "true"
-          }, null, 8, ["class"])) : e.type === "email" ? (a(), j(l(Bt), {
+          }, null, 8, ["class"])) : e.type === "email" ? (a(), O(l(Vt), {
             key: 1,
-            class: b(C.value),
+            class: g(C.value),
             "aria-hidden": "true"
-          }, null, 8, ["class"])) : e.type === "password" ? (a(), j(l(Vt), {
+          }, null, 8, ["class"])) : e.type === "password" ? (a(), O(l(_t), {
             key: 2,
-            class: b(C.value),
+            class: g(C.value),
             "aria-hidden": "true"
-          }, null, 8, ["class"])) : I("", !0)
-        ])) : I("", !0),
-        re(u("input", ve({
+          }, null, 8, ["class"])) : B("", !0)
+        ])) : B("", !0),
+        ie(u("input", ge({
           id: e.name,
           ref_key: "inputElement",
           ref: r,
-          "onUpdate:modelValue": E[0] || (E[0] = (F) => we(h) ? h.value = F : null),
+          "onUpdate:modelValue": U[0] || (U[0] = (E) => ke(h) ? h.value = E : null),
           type: e.type,
           name: e.name,
-          class: [l(i), L.value, y.value, e.inputClasses || ""],
+          class: [l(i), A.value, b.value, e.inputClasses || ""],
           placeholder: e.placeholder,
           disabled: e.disabled,
           "aria-invalid": l($) ? "true" : "false",
-          "aria-describedby": l(d),
+          "aria-describedby": l(f),
           role: "textbox"
         }, D.$attrs, {
-          onChange: E[1] || (E[1] = (F) => D.$emit("change", { event: F, value: l(h) })),
-          onInput: E[2] || (E[2] = (F) => D.$emit("input", { event: F, value: l(h) }))
-        }), null, 16, fl), [
-          [ot, l(h)]
+          onChange: U[1] || (U[1] = (E) => D.$emit("change", { event: E, value: l(h) })),
+          onInput: U[2] || (U[2] = (E) => D.$emit("input", { event: E, value: l(h) }))
+        }), null, 16, pl), [
+          [rt, l(h)]
         ]),
-        U(D.$slots, "input-right", {}, () => [
+        F(D.$slots, "input-right", {}, () => [
           e.showClear ? (a(), p("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(m) && l(m)(...F)),
-            onKeydown: E[4] || (E[4] = //@ts-ignore
-            (...F) => l(m) && l(m)(...F))
+            onClick: U[3] || (U[3] = //@ts-ignore
+            (...E) => l(m) && l(m)(...E)),
+            onKeydown: U[4] || (U[4] = //@ts-ignore
+            (...E) => l(m) && l(m)(...E))
           }, [
-            pl,
-            B(l(ie), {
+            hl,
+            V(l(ue), {
               class: "h-5 w-5 text-foreground",
               "aria-hidden": "true"
             })
-          ], 32)) : I("", !0),
+          ], 32)) : B("", !0),
           l($) ? (a(), p("div", {
             key: 1,
-            class: b([
+            class: g([
               "pointer-events-none absolute inset-y-0 right-0 flex items-center",
               e.showClear ? "pr-8" : "pr-2"
             ])
           }, [
-            B(l(Ce), {
+            V(l(we), {
               class: "h-4 w-4 text-danger",
               "aria-hidden": "true"
             })
-          ], 2)) : I("", !0),
+          ], 2)) : B("", !0),
           e.showRequired && !l($) ? (a(), p("div", {
             key: 2,
-            class: b(["pointer-events-none absolute inset-y-0 mt-3 text-4xl right-0 flex items-center text-danger opacity-50", [e.showClear ? "pr-8" : "pr-2"]])
-          }, " * ", 2)) : I("", !0)
+            class: g(["pointer-events-none absolute inset-y-0 mt-3 text-4xl right-0 flex items-center text-danger opacity-50", [e.showClear ? "pr-8" : "pr-2"]])
+          }, " * ", 2)) : B("", !0)
         ])
       ]),
-      l(d) && !l(v) ? (a(), p("p", {
+      l(f) && !l(v) ? (a(), p("p", {
         key: 0,
-        id: l(d),
-        class: b(l(x))
-      }, V(l(w)), 11, hl)) : I("", !0)
+        id: l(f),
+        class: g(l(y))
+      }, _(l(k)), 11, ml)) : B("", !0)
     ], 2));
   }
-}), lt = /^https?:\/\//, Fe = /^[\w-_.+]+@[\w-_.+]+$/, ml = (e) => (e || "").match(Fe) ? !0 : "Value should be a valid e-mail address", gl = (e) => (e || "").split(",").map((s) => s.trim()).every((s) => s.match(Fe)) || "Value should be one or multiple comma-delimited e-mail addresses", vl = (e) => (ke(e) && (e = e.trim()), e ? !0 : "Value is required"), bl = (e, n) => (t, s) => t === s.form[e] ? !0 : `Value must be the same as in field '${n || e}'`, yl = (e) => (n) => {
+}), lt = /^https?:\/\//, Ee = /^[\w-_.+]+@[\w-_.+]+$/, vl = (e) => (e || "").match(Ee) ? !0 : "Value should be a valid e-mail address", gl = (e) => (e || "").split(",").map((s) => s.trim()).every((s) => s.match(Ee)) || "Value should be one or multiple comma-delimited e-mail addresses", bl = (e) => (xe(e) && (e = e.trim()), e ? !0 : "Value is required"), yl = (e, n) => (t, s) => t === s.form[e] ? !0 : `Value must be the same as in field '${n || e}'`, xl = (e) => (n) => {
   const { minLength: t, maxLength: s } = e;
-  return n = _t(n) ? "" : n, ke(n) ? !oe(t) && n.length < t ? `Value needs to be at least ${t} characters long` : !oe(s) && n.length > s ? `Value needs to be no more than ${s} characters long` : !0 : "Value should be a text string";
-}, xl = (e) => (n) => {
+  return n = jt(n) ? "" : n, xe(n) ? !re(t) && n.length < t ? `Value needs to be at least ${t} characters long` : !re(s) && n.length > s ? `Value needs to be no more than ${s} characters long` : !0 : "Value should be a text string";
+}, kl = (e) => (n) => {
   const { match: t, message: s } = e;
-  return ke(n) ? t ? ke(t) ? n.includes(t) ? !0 : s : t.test(n) ? !0 : s : !0 : "Value should be a text string";
-}, kl = (e) => lt.test(e) ? !0 : "Value is not a valid URL", wl = (e) => Array.isArray(e) && e.length > 0 ? !0 : "Value should have at least a single item selected", la = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  return xe(n) ? t ? xe(t) ? n.includes(t) ? !0 : s : t.test(n) ? !0 : s : !0 : "Value should be a text string";
+}, wl = (e) => lt.test(e) ? !0 : "Value is not a valid URL", Cl = (e) => Array.isArray(e) && e.length > 0 ? !0 : "Value should have at least a single item selected", na = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VALID_EMAIL: Fe,
+  VALID_EMAIL: Ee,
   VALID_HTTP_URL: lt,
-  isEmail: ml,
-  isItemSelected: wl,
+  isEmail: vl,
+  isItemSelected: Cl,
   isOneOrMultipleEmails: gl,
-  isRequired: vl,
-  isSameAs: bl,
-  isStringOfLength: yl,
-  isUrl: kl,
-  stringContains: xl
+  isRequired: bl,
+  isSameAs: yl,
+  isStringOfLength: xl,
+  isUrl: wl,
+  stringContains: kl
 }, Symbol.toStringTag, { value: "Module" }));
-function Cl(e) {
+function $l(e) {
   const {
     skipCalculation: n,
     elementToWatchForChanges: t,
@@ -1536,15 +1536,15 @@ function Cl(e) {
     const h = s.value;
     if (n != null && n.value || !h)
       return;
-    const d = h.children;
-    let x = 0, w = 0, v;
-    for (const $ of d) {
+    const f = h.children;
+    let y = 0, k = 0, v;
+    for (const $ of f) {
       const m = $.offsetTop;
-      oe(v) ? (v = m, x += 1) : m === v && (x += 1), w += 1;
+      re(v) ? (v = m, y += 1) : m === v && (y += 1), k += 1;
     }
-    i.value = w - x;
+    i.value = k - y;
   };
-  return o && At(t, c), r && Mt(t, c, {
+  return o && Mt(t, c), r && Tt(t, c, {
     childList: !0,
     subtree: !0
   }), {
@@ -1555,71 +1555,71 @@ function nt(e) {
   const { props: n, emit: t, dynamicVisibility: s } = e;
   let o;
   if (s) {
-    const { elementToWatchForChanges: d, itemContainer: x } = s;
-    o = Cl({
-      skipCalculation: f(() => {
+    const { elementToWatchForChanges: f, itemContainer: y } = s;
+    o = $l({
+      skipCalculation: d(() => {
         var v;
         return !((v = n.multiple) != null && v.value);
       }),
-      elementToWatchForChanges: d,
-      itemContainer: x
+      elementToWatchForChanges: f,
+      itemContainer: y
     }).hiddenItemCount;
   } else
     o = T(0);
-  const r = f({
+  const r = d({
     get: () => {
-      var x, w;
-      const d = (x = n.modelValue) == null ? void 0 : x.value;
-      return (w = n.multiple) != null && w.value ? G(d) ? d : [] : G(d) ? void 0 : d;
+      var y, k;
+      const f = (y = n.modelValue) == null ? void 0 : y.value;
+      return (k = n.multiple) != null && k.value ? X(f) ? f : [] : X(f) ? void 0 : f;
     },
-    set: (d) => {
-      var x, w, v;
-      if ((x = n.multiple) != null && x.value && !G(d)) {
+    set: (f) => {
+      var y, k, v;
+      if ((y = n.multiple) != null && y.value && !X(f)) {
         console.warn("Attempting to set non-array value in selector w/ multiple=true");
         return;
-      } else if (!((w = n.multiple) != null && w.value) && G(d)) {
+      } else if (!((k = n.multiple) != null && k.value) && X(f)) {
         console.warn("Attempting to set array value in selector w/ multiple=false");
         return;
       }
-      t("update:modelValue", (v = n.multiple) != null && v.value ? d || [] : d);
+      t("update:modelValue", (v = n.multiple) != null && v.value ? f || [] : f);
     }
-  }), i = (d) => G(d);
+  }), i = (f) => X(f);
   return {
     selectedValue: r,
     hiddenSelectedItemCount: o,
     isArrayValue: i,
-    isMultiItemArrayValue: (d) => G(d) && d.length > 1,
-    firstItem: (d) => i(d) ? d[0] : d
+    isMultiItemArrayValue: (f) => X(f) && f.length > 1,
+    firstItem: (f) => i(f) ? f[0] : f
   };
 }
-const $l = (e) => (rt("data-v-60cf597b"), e = e(), it(), e), Il = /* @__PURE__ */ $l(() => /* @__PURE__ */ u("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), Sl = [
-  Il
-], Bl = /* @__PURE__ */ R({
+const Il = (e) => (it("data-v-60cf597b"), e = e(), ut(), e), Sl = /* @__PURE__ */ Il(() => /* @__PURE__ */ u("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), Bl = [
+  Sl
+], Vl = /* @__PURE__ */ R({
   __name: "Bar",
   props: {
     loading: { type: Boolean }
   },
   setup(e) {
     return (n, t) => (a(), p("div", {
-      class: b([
+      class: g([
         "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"
       ])
-    }, Sl, 2));
+    }, Bl, 2));
   }
 });
-const Ee = /* @__PURE__ */ tt(Bl, [["__scopeId", "data-v-60cf597b"]]), Vl = { class: "flex items-center justify-between w-full" }, Pl = { class: "block truncate grow text-left" }, Ll = { class: "pointer-events-none shrink-0 ml-1 flex items-center space-x-2" }, _l = {
+const Ue = /* @__PURE__ */ tt(Vl, [["__scopeId", "data-v-60cf597b"]]), _l = { class: "flex items-center justify-between w-full" }, Pl = { class: "block truncate grow text-left" }, Ll = { class: "pointer-events-none shrink-0 ml-1 flex items-center space-x-2" }, jl = {
   key: 1,
   class: "text-4xl text-danger opacity-50 h-4 w-4 leading-6"
-}, jl = ["disabled"], Ol = {
+}, Ol = ["disabled"], Al = {
   key: 0,
   class: "flex flex-col mx-1 mb-1"
-}, Al = /* @__PURE__ */ u("span", { class: "sr-only label text-foreground" }, "Search", -1), Ml = { class: "relative" }, Tl = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, Rl = ["placeholder"], zl = {
+}, Ml = /* @__PURE__ */ u("span", { class: "sr-only label text-foreground" }, "Search", -1), Tl = { class: "relative" }, Rl = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, zl = ["placeholder"], Dl = {
   key: 0,
   class: "px-1"
-}, Dl = { key: 1 }, Fl = /* @__PURE__ */ u("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), El = {
-  class: /* @__PURE__ */ b(["block truncate"])
-}, Ul = ["id"], at = /* @__PURE__ */ R({
+}, Fl = { key: 1 }, El = /* @__PURE__ */ u("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), Ul = {
+  class: /* @__PURE__ */ g(["block truncate"])
+}, ql = ["id"], at = /* @__PURE__ */ R({
   __name: "Base",
   props: {
     multiple: {
@@ -1781,157 +1781,157 @@ const Ee = /* @__PURE__ */ tt(Bl, [["__scopeId", "data-v-60cf597b"]]), Vl = { cl
   },
   emits: ["update:modelValue"],
   setup(e, { expose: n, emit: t }) {
-    const s = e, o = (g) => Se(g), { value: r, errorMessage: i } = Me(s.name, s.rules, {
+    const s = e, o = (w) => Be(w), { value: r, errorMessage: i } = Te(s.name, s.rules, {
       validateOnMount: s.validateOnMount,
       validateOnValueUpdate: s.validateOnValueUpdate,
       initialValue: s.modelValue
-    }), c = T(null), h = T(""), d = T([]), x = T(!1), w = T(1), v = T(Te()), $ = f(() => l(s.label) || l(s.name)), m = f(() => {
-      const g = i.value;
-      return !g || !l(s.useLabelInErrors) ? g : g.replace("Value", $.value);
-    }), M = f(() => m.value || l(s.help)), k = f(() => !!M.value), C = f(
-      () => k.value ? `${l(s.name)}-${v.value}` : void 0
-    ), _ = f(
+    }), c = T(null), h = T(""), f = T([]), y = T(!1), k = T(1), v = T(Re()), $ = d(() => l(s.label) || l(s.name)), m = d(() => {
+      const w = i.value;
+      return !w || !l(s.useLabelInErrors) ? w : w.replace("Value", $.value);
+    }), M = d(() => m.value || l(s.help)), x = d(() => !!M.value), C = d(
+      () => x.value ? `${l(s.name)}-${v.value}` : void 0
+    ), L = d(
       () => i.value ? "text-danger" : "text-foreground-2"
-    ), L = f(
+    ), A = d(
       () => s.buttonStyle !== "simple" && s.clearable && !s.disabled
-    ), y = f(() => {
-      const g = ["relative flex group"];
-      return i.value ? (g.push("hover:shadow rounded-md"), g.push("text-danger-darker focus:border-danger focus:ring-danger"), s.buttonStyle !== "simple" && g.push("outline outline-2 outline-danger")) : s.buttonStyle !== "simple" && (g.push("hover:shadow rounded-md"), g.push("outline outline-2 outline-primary-muted")), s.fixedHeight && g.push("h-8"), g.join(" ");
-    }), D = f(() => {
-      const g = [];
-      return s.buttonStyle !== "simple" && g.push(
-        J.value ? "bg-foundation-disabled text-foreground-disabled" : ""
-      ), J.value && g.push("cursor-not-allowed"), g.join(" ");
-    }), E = f(() => {
-      const g = [
+    ), b = d(() => {
+      const w = ["relative flex group"];
+      return i.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(" ");
+    }), D = d(() => {
+      const w = [];
+      return s.buttonStyle !== "simple" && w.push(
+        Q.value ? "bg-foundation-disabled text-foreground-disabled" : ""
+      ), Q.value && w.push("cursor-not-allowed"), w.join(" ");
+    }), U = d(() => {
+      const w = [
         "relative z-[1]",
         "flex items-center justify-center text-center shrink-0",
         "rounded-r-md overflow-hidden transition-all",
         "text-foreground",
-        ye.value ? `w-6 ${D.value}` : "w-0"
+        be.value ? `w-6 ${D.value}` : "w-0"
       ];
-      return J.value || (g.push(
+      return Q.value || (w.push(
         "hover:bg-primary hover:text-foreground-on-primary dark:text-foreground-on-primary"
-      ), s.buttonStyle === "tinted" ? g.push("bg-outline-3") : g.push("bg-primary-muted")), g.join(" ");
-    }), F = f(() => {
-      const g = [
+      ), s.buttonStyle === "tinted" ? w.push("bg-outline-3") : w.push("bg-primary-muted")), w.join(" ");
+    }), E = d(() => {
+      const w = [
         "relative z-[2]",
         "normal rounded-md cursor-pointer transition truncate flex-1",
         "flex items-center",
         D.value
       ];
-      return s.buttonStyle !== "simple" && (g.push("py-2 px-3"), J.value || (s.buttonStyle === "tinted" ? g.push("bg-foundation-page text-foreground") : g.push("bg-foundation text-foreground"))), L.value && ye.value && g.push("rounded-r-none"), g.join(" ");
-    }), te = f(
+      return s.buttonStyle !== "simple" && (w.push("py-2 px-3"), Q.value || (s.buttonStyle === "tinted" ? w.push("bg-foundation-page text-foreground") : w.push("bg-foundation text-foreground"))), A.value && be.value && w.push("rounded-r-none"), w.join(" ");
+    }), q = d(
       () => !!(s.search && (s.filterPredicate || s.getSearchResults))
-    ), N = f(() => te.value && s.getSearchResults), J = f(
-      () => s.disabled || !s.items.length && !N.value
-    ), H = f({
+    ), Y = d(() => q.value && s.getSearchResults), Q = d(
+      () => s.disabled || !s.items.length && !Y.value
+    ), G = d({
       get: () => {
-        const g = r.value;
-        return s.multiple ? G(g) ? g : [] : G(g) ? void 0 : g;
+        const w = r.value;
+        return s.multiple ? X(w) ? w : [] : X(w) ? void 0 : w;
       },
-      set: (g) => {
-        if (s.multiple && !G(g)) {
+      set: (w) => {
+        if (s.multiple && !X(w)) {
           console.warn("Attempting to set non-array value in selector w/ multiple=true");
           return;
-        } else if (!s.multiple && G(g)) {
+        } else if (!s.multiple && X(w)) {
           console.warn("Attempting to set array value in selector w/ multiple=false");
           return;
         }
-        let S;
+        let I;
         if (s.multiple)
-          S = g || [];
+          I = w || [];
         else {
-          const A = r.value;
-          S = s.allowUnset && A && g && ce(A) === ce(g) ? void 0 : g;
+          const S = r.value;
+          I = s.allowUnset && S && w && fe(S) === fe(w) ? void 0 : w;
         }
-        s.fullyControlValue ? t("update:modelValue", S) : r.value = S, w.value += 1;
+        s.fullyControlValue ? t("update:modelValue", I) : r.value = I, k.value += 1;
       }
-    }), ye = f(() => s.multiple && G(H.value) ? H.value.length !== 0 : !!H.value), $e = () => {
-      s.multiple ? H.value = [] : H.value = void 0;
-    }, Ie = f(() => {
-      const g = h.value;
-      return !te.value || !(g != null && g.length) ? d.value : s.filterPredicate ? d.value.filter(
-        (S) => {
-          var A;
-          return ((A = s.filterPredicate) == null ? void 0 : A.call(s, S, g)) || !1;
+    }), be = d(() => s.multiple && X(G.value) ? G.value.length !== 0 : !!G.value), Ce = () => {
+      s.multiple ? G.value = [] : G.value = void 0;
+    }, $e = d(() => {
+      const w = h.value;
+      return !q.value || !(w != null && w.length) ? f.value : s.filterPredicate ? f.value.filter(
+        (I) => {
+          var S;
+          return ((S = s.filterPredicate) == null ? void 0 : S.call(s, I, w)) || !1;
         }
-      ) : d.value;
-    }), se = (g) => JSON.stringify(g), ce = (g) => o(g) ? g[s.by || "id"] : g, de = async () => {
-      if (!(!N.value || !s.getSearchResults)) {
-        x.value = !0;
+      ) : f.value;
+    }), ye = (w) => JSON.stringify(w), fe = (w) => o(w) ? w[s.by || "id"] : w, ee = async () => {
+      if (!(!Y.value || !s.getSearchResults)) {
+        y.value = !0;
         try {
-          d.value = await s.getSearchResults(h.value);
+          f.value = await s.getSearchResults(h.value);
         } finally {
-          x.value = !1;
+          y.value = !1;
         }
       }
-    }, fe = Oe(de, 1e3), O = (g) => {
-      const { active: S, disabled: A } = g || {}, { hideCheckmarks: W } = s, X = [
+    }, Ie = Ae(ee, 1e3), Se = (w) => {
+      const { active: I, disabled: S } = w || {}, { hideCheckmarks: j } = s, K = [
         "relative transition cursor-pointer select-none py-1.5 pl-3",
-        W ? "" : "pr-9"
+        j ? "" : "pr-9"
       ];
-      return A ? X.push("opacity-50 cursor-not-allowed") : X.push(S ? "text-primary" : "text-foreground"), X.join(" ");
+      return S ? K.push("opacity-50 cursor-not-allowed") : K.push(I ? "text-primary" : "text-foreground"), K.join(" ");
     };
-    return Y(
+    return Z(
       () => s.items,
-      (g) => {
-        d.value = g.slice();
+      (w) => {
+        f.value = w.slice();
       },
       { immediate: !0 }
-    ), Y(h, () => {
-      N.value && fe();
-    }), ee(() => {
-      N.value && !s.items.length && de();
-    }), n({ triggerSearch: de }), (g, S) => (a(), p("div", null, [
-      (a(), j(l(Dt), {
-        key: w.value,
-        modelValue: H.value,
-        "onUpdate:modelValue": S[4] || (S[4] = (A) => H.value = A),
+    ), Z(h, () => {
+      Y.value && Ie();
+    }), se(() => {
+      Y.value && !s.items.length && ee();
+    }), n({ triggerSearch: ee }), (w, I) => (a(), p("div", null, [
+      (a(), O(l(Ft), {
+        key: k.value,
+        modelValue: G.value,
+        "onUpdate:modelValue": I[4] || (I[4] = (S) => G.value = S),
         name: e.name,
         multiple: e.multiple,
         by: e.by,
-        disabled: J.value,
+        disabled: Q.value,
         as: "div"
       }, {
         default: P(() => [
-          B(l(Ft), {
-            class: b(["block label text-foreground-2 mb-2", { "sr-only": !e.showLabel }])
+          V(l(Et), {
+            class: g(["block label text-foreground-2 mb-2", { "sr-only": !e.showLabel }])
           }, {
             default: P(() => [
-              z(V(e.label), 1)
+              z(_(e.label), 1)
             ]),
             _: 1
           }, 8, ["class"]),
           u("div", {
-            class: b(y.value)
+            class: g(b.value)
           }, [
-            B(l(Et), {
-              class: b(F.value)
+            V(l(Ut), {
+              class: g(E.value)
             }, {
-              default: P(({ open: A }) => [
-                u("div", Vl, [
+              default: P(({ open: S }) => [
+                u("div", _l, [
                   u("div", Pl, [
-                    !H.value || l(G)(H.value) && !H.value.length ? U(g.$slots, "nothing-selected", { key: 0 }, () => [
-                      z(V(e.placeholder ? e.placeholder : e.label), 1)
-                    ]) : U(g.$slots, "something-selected", {
+                    !G.value || l(X)(G.value) && !G.value.length ? F(w.$slots, "nothing-selected", { key: 0 }, () => [
+                      z(_(e.placeholder ? e.placeholder : e.label), 1)
+                    ]) : F(w.$slots, "something-selected", {
                       key: 1,
-                      value: H.value
+                      value: G.value
                     }, () => [
-                      z(V(se(H.value)), 1)
+                      z(_(ye(G.value)), 1)
                     ])
                   ]),
                   u("div", Ll, [
-                    m.value ? (a(), j(l(mt), {
+                    m.value ? (a(), O(l(vt), {
                       key: 0,
                       class: "h-4 w-4 text-danger",
                       "aria-hidden": "true"
-                    })) : e.showRequired ? (a(), p("div", _l, " * ")) : I("", !0),
-                    A ? (a(), j(l(Qe), {
+                    })) : e.showRequired ? (a(), p("div", jl, " * ")) : B("", !0),
+                    S ? (a(), O(l(Qe), {
                       key: 2,
                       class: "h-4 w-4 text-foreground",
                       "aria-hidden": "true"
-                    })) : (a(), j(l(gt), {
+                    })) : (a(), O(l(gt), {
                       key: 3,
                       class: "h-4 w-4 text-foreground",
                       "aria-hidden": "true"
@@ -1941,106 +1941,106 @@ const Ee = /* @__PURE__ */ tt(Bl, [["__scopeId", "data-v-60cf597b"]]), Vl = { cl
               ]),
               _: 3
             }, 8, ["class"]),
-            L.value ? re((a(), p("button", {
+            A.value ? ie((a(), p("button", {
               key: 0,
-              class: b(E.value),
+              class: g(U.value),
               disabled: e.disabled,
-              onClick: S[0] || (S[0] = (A) => $e())
+              onClick: I[0] || (I[0] = (S) => Ce())
             }, [
-              B(l(Ae), { class: "w-3 h-3" })
-            ], 10, jl)), [
+              V(l(Me), { class: "w-3 h-3" })
+            ], 10, Ol)), [
               [l(et), "Clear"]
-            ]) : I("", !0),
-            B(Le, {
+            ]) : B("", !0),
+            V(Le, {
               "leave-active-class": "transition ease-in duration-100",
               "leave-from-class": "opacity-100",
               "leave-to-class": "opacity-0"
             }, {
               default: P(() => [
-                B(l(Ut), {
+                V(l(qt), {
                   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: S[3] || (S[3] = (A) => {
-                    var W;
-                    return (W = c.value) == null ? void 0 : W.focus();
+                  onFocus: I[3] || (I[3] = (S) => {
+                    var j;
+                    return (j = c.value) == null ? void 0 : j.focus();
                   })
                 }, {
                   default: P(() => [
-                    te.value ? (a(), p("label", Ol, [
-                      Al,
-                      u("div", Ml, [
-                        u("div", Tl, [
-                          B(l(vt), { class: "h-5 w-5 text-foreground" })
+                    q.value ? (a(), p("label", Al, [
+                      Ml,
+                      u("div", Tl, [
+                        u("div", Rl, [
+                          V(l(bt), { class: "h-5 w-5 text-foreground" })
                         ]),
-                        re(u("input", {
+                        ie(u("input", {
                           ref_key: "searchInput",
                           ref: c,
-                          "onUpdate:modelValue": S[1] || (S[1] = (A) => h.value = A),
+                          "onUpdate:modelValue": I[1] || (I[1] = (S) => h.value = S),
                           type: "text",
                           class: "pl-9 w-full border-0 bg-foundation-page rounded placeholder:font-normal normal placeholder:text-foreground-2 focus:outline-none focus:ring-1 focus:border-outline-1 focus:ring-outline-1",
                           placeholder: e.searchPlaceholder,
-                          onKeydown: S[2] || (S[2] = be(() => {
+                          onKeydown: I[2] || (I[2] = ce(() => {
                           }, ["stop"]))
-                        }, null, 40, Rl), [
-                          [_e, h.value]
+                        }, null, 40, zl), [
+                          [je, h.value]
                         ])
                       ])
-                    ])) : I("", !0),
+                    ])) : B("", !0),
                     u("div", {
-                      class: b(["overflow-auto simple-scrollbar", [te.value ? "max-h-52" : "max-h-60"]])
+                      class: g(["overflow-auto simple-scrollbar", [q.value ? "max-h-52" : "max-h-60"]])
                     }, [
-                      N.value && x.value ? (a(), p("div", zl, [
-                        B(Ee, { loading: !0 })
-                      ])) : N.value && !d.value.length ? (a(), p("div", Dl, [
-                        U(g.$slots, "nothing-found", {}, () => [
-                          Fl
+                      Y.value && y.value ? (a(), p("div", Dl, [
+                        V(Ue, { loading: !0 })
+                      ])) : Y.value && !f.value.length ? (a(), p("div", Fl, [
+                        F(w.$slots, "nothing-found", {}, () => [
+                          El
                         ])
-                      ])) : I("", !0),
-                      !N.value || !x.value ? (a(!0), p(q, { key: 2 }, K(Ie.value, (A) => {
-                        var W;
-                        return a(), j(l(qt), {
-                          key: ce(A),
-                          value: A,
-                          disabled: ((W = e.disabledItemPredicate) == null ? void 0 : W.call(e, A)) || !1
+                      ])) : B("", !0),
+                      !Y.value || !y.value ? (a(!0), p(W, { key: 2 }, H($e.value, (S) => {
+                        var j;
+                        return a(), O(l(Wt), {
+                          key: fe(S),
+                          value: S,
+                          disabled: ((j = e.disabledItemPredicate) == null ? void 0 : j.call(e, S)) || !1
                         }, {
-                          default: P(({ active: X, selected: le }) => {
-                            var xe, Ue;
+                          default: P(({ active: K, selected: J }) => {
+                            var le, ne;
                             return [
                               u("li", {
-                                class: b(
-                                  O({
-                                    active: X,
-                                    disabled: ((xe = e.disabledItemPredicate) == null ? void 0 : xe.call(e, A)) || !1
+                                class: g(
+                                  Se({
+                                    active: K,
+                                    disabled: ((le = e.disabledItemPredicate) == null ? void 0 : le.call(e, S)) || !1
                                   })
                                 )
                               }, [
-                                u("span", El, [
-                                  U(g.$slots, "option", {
-                                    item: A,
-                                    active: X,
-                                    selected: le,
-                                    disabled: ((Ue = e.disabledItemPredicate) == null ? void 0 : Ue.call(e, A)) || !1
+                                u("span", Ul, [
+                                  F(w.$slots, "option", {
+                                    item: S,
+                                    active: K,
+                                    selected: J,
+                                    disabled: ((ne = e.disabledItemPredicate) == null ? void 0 : ne.call(e, S)) || !1
                                   }, () => [
-                                    z(V(se(A)), 1)
+                                    z(_(ye(S)), 1)
                                   ])
                                 ]),
-                                !e.hideCheckmarks && le ? (a(), p("span", {
+                                !e.hideCheckmarks && J ? (a(), p("span", {
                                   key: 0,
-                                  class: b([
-                                    X ? "text-primary" : "text-foreground",
+                                  class: g([
+                                    K ? "text-primary" : "text-foreground",
                                     "absolute inset-y-0 right-0 flex items-center pr-4"
                                   ])
                                 }, [
-                                  B(l(Ne), {
+                                  V(l(Ne), {
                                     class: "h-5 w-5",
                                     "aria-hidden": "true"
                                   })
-                                ], 2)) : I("", !0)
+                                ], 2)) : B("", !0)
                               ], 2)
                             ];
                           }),
                           _: 2
                         }, 1032, ["value", "disabled"]);
-                      }), 128)) : I("", !0)
+                      }), 128)) : B("", !0)
                     ], 2)
                   ]),
                   _: 3
@@ -2055,34 +2055,34 @@ const Ee = /* @__PURE__ */ tt(Bl, [["__scopeId", "data-v-60cf597b"]]), Vl = { cl
       C.value ? (a(), p("p", {
         key: 0,
         id: C.value,
-        class: b(["mt-2 text-sm", _.value])
-      }, V(M.value), 11, Ul)) : I("", !0)
+        class: g(["mt-2 text-sm", L.value])
+      }, _(M.value), 11, ql)) : B("", !0)
     ]));
   }
-}), ql = /* @__PURE__ */ R({
+}), Wl = /* @__PURE__ */ R({
   __name: "SourceAppBadge",
   props: {
     sourceApp: null
   },
   setup(e) {
-    return (n, t) => (a(), j(ze, {
+    return (n, t) => (a(), O(De, {
       "color-classes": "text-foreground-on-primary",
       rounded: "",
-      style: ge({ backgroundColor: e.sourceApp.bgColor })
+      style: ve({ backgroundColor: e.sourceApp.bgColor })
     }, {
       default: P(() => [
-        z(V(e.sourceApp.short), 1)
+        z(_(e.sourceApp.short), 1)
       ]),
       _: 1
     }, 8, ["style"]));
   }
-}), Wl = {
+}), Kl = {
   key: 0,
   class: "text-foreground-2 normal"
-}, Kl = {
+}, Hl = {
   key: 1,
   class: "flex items-center"
-}, Hl = { class: "truncate" }, Gl = { class: "flex items-center" }, Xl = { class: "truncate" }, na = /* @__PURE__ */ R({
+}, Gl = { class: "truncate" }, Xl = { class: "flex items-center" }, Ql = { class: "truncate" }, aa = /* @__PURE__ */ R({
   __name: "SourceApps",
   props: {
     /**
@@ -2149,30 +2149,30 @@ const Ee = /* @__PURE__ */ tt(Bl, [["__scopeId", "data-v-60cf597b"]]), Vl = { cl
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
     const t = e, s = T(null), o = T(null), { selectedValue: r, hiddenSelectedItemCount: i, isMultiItemArrayValue: c, firstItem: h } = nt({
-      props: Z(t),
+      props: te(t),
       emit: n,
       dynamicVisibility: { elementToWatchForChanges: s, itemContainer: o }
-    }), d = (x, w) => x.name.toLocaleLowerCase().includes(w.toLocaleLowerCase());
-    return (x, w) => (a(), j(at, {
+    }), f = (y, k) => y.name.toLocaleLowerCase().includes(k.toLocaleLowerCase());
+    return (y, k) => (a(), O(at, {
       modelValue: l(r),
-      "onUpdate:modelValue": w[0] || (w[0] = (v) => we(r) ? r.value = v : null),
+      "onUpdate:modelValue": k[0] || (k[0] = (v) => ke(r) ? r.value = v : null),
       multiple: e.multiple,
-      items: e.items ?? l(jt),
+      items: e.items ?? l(Ot),
       search: e.search,
       "search-placeholder": e.searchPlaceholder,
       label: e.label,
       "show-label": e.showLabel,
       name: e.name || "sourceApps",
-      "filter-predicate": d,
+      "filter-predicate": f,
       clearable: e.clearable,
       help: e.help,
       by: "name"
     }, {
       "nothing-selected": P(() => [
-        e.selectorPlaceholder ? (a(), p(q, { key: 0 }, [
-          z(V(e.selectorPlaceholder), 1)
-        ], 64)) : (a(), p(q, { key: 1 }, [
-          z(V(e.multiple ? "Select apps" : "Select an app"), 1)
+        e.selectorPlaceholder ? (a(), p(W, { key: 0 }, [
+          z(_(e.selectorPlaceholder), 1)
+        ], 64)) : (a(), p(W, { key: 1 }, [
+          z(_(e.multiple ? "Select apps" : "Select an app"), 1)
         ], 64))
       ]),
       "something-selected": P(({ value: v }) => [
@@ -2187,33 +2187,33 @@ const Ee = /* @__PURE__ */ tt(Bl, [["__scopeId", "data-v-60cf597b"]]), Vl = { cl
             ref: o,
             class: "flex flex-wrap overflow-hidden space-x-0.5 h-5"
           }, [
-            (a(!0), p(q, null, K(v, ($) => (a(), j(ql, {
+            (a(!0), p(W, null, H(v, ($) => (a(), O(Wl, {
               key: $.name,
               "source-app": $
             }, null, 8, ["source-app"]))), 128))
           ], 512),
-          l(i) > 0 ? (a(), p("div", Wl, " +" + V(l(i)), 1)) : I("", !0)
-        ], 512)) : (a(), p("div", Kl, [
+          l(i) > 0 ? (a(), p("div", Kl, " +" + _(l(i)), 1)) : B("", !0)
+        ], 512)) : (a(), p("div", Hl, [
           u("div", {
             class: "h-2 w-2 rounded-full mr-2",
-            style: ge({ backgroundColor: l(h)(v).bgColor })
+            style: ve({ backgroundColor: l(h)(v).bgColor })
           }, null, 4),
-          u("span", Hl, V(l(h)(v).name), 1)
+          u("span", Gl, _(l(h)(v).name), 1)
         ]))
       ]),
       option: P(({ item: v }) => [
-        u("div", Gl, [
+        u("div", Xl, [
           u("div", {
             class: "h-2 w-2 rounded-full mr-2",
-            style: ge({ backgroundColor: v.bgColor })
+            style: ve({ backgroundColor: v.bgColor })
           }, null, 4),
-          u("span", Xl, V(v.name), 1)
+          u("span", Ql, _(v.name), 1)
         ])
       ]),
       _: 1
     }, 8, ["modelValue", "multiple", "items", "search", "search-placeholder", "label", "show-label", "name", "clearable", "help"]));
   }
-}), Ql = { class: "flex flex-wrap gap-1.5 text-xs" }, aa = /* @__PURE__ */ R({
+}), Nl = { class: "flex flex-wrap gap-1.5 text-xs" }, oa = /* @__PURE__ */ R({
   __name: "Badges",
   props: {
     items: null,
@@ -2228,14 +2228,14 @@ const Ee = /* @__PURE__ */ tt(Bl, [["__scopeId", "data-v-60cf597b"]]), Vl = { cl
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
     const t = e, { selectedValue: s, isArrayValue: o } = nt({
-      props: Z(t),
+      props: te(t),
       emit: n
     }), r = (i) => {
       o(s.value) ? s.value = s.value.filter((c) => c.id !== i.id) : s.value = void 0;
     };
-    return (i, c) => (a(), j(at, {
+    return (i, c) => (a(), O(at, {
       modelValue: l(s),
-      "onUpdate:modelValue": c[0] || (c[0] = (h) => we(s) ? s.value = h : null),
+      "onUpdate:modelValue": c[0] || (c[0] = (h) => ke(s) ? s.value = h : null),
       multiple: e.multiple,
       items: e.items,
       label: e.label,
@@ -2245,18 +2245,18 @@ const Ee = /* @__PURE__ */ tt(Bl, [["__scopeId", "data-v-60cf597b"]]), Vl = { cl
       by: e.by
     }, {
       "something-selected": P(({ value: h }) => [
-        u("ul", Ql, [
-          (a(!0), p(q, null, K(l(o)(h) ? h : [h], (d) => (a(), p("li", {
-            key: d[e.by]
+        u("ul", Nl, [
+          (a(!0), p(W, null, H(l(o)(h) ? h : [h], (f) => (a(), p("li", {
+            key: f[e.by]
           }, [
-            B(ze, {
+            V(De, {
               size: "lg",
               "clickable-icon": !0,
-              "icon-left": l(Ae),
-              onClickIcon: be((x) => r(d), ["stop"])
+              "icon-left": l(Me),
+              onClickIcon: ce((y) => r(f), ["stop"])
             }, {
               default: P(() => [
-                z(V(d.text), 1)
+                z(_(f.text), 1)
               ]),
               _: 2
             }, 1032, ["icon-left", "onClickIcon"])
@@ -2264,12 +2264,12 @@ const Ee = /* @__PURE__ */ tt(Bl, [["__scopeId", "data-v-60cf597b"]]), Vl = { cl
         ])
       ]),
       option: P(({ item: h }) => [
-        z(V(h.text), 1)
+        z(_(h.text), 1)
       ]),
       _: 1
     }, 8, ["modelValue", "multiple", "items", "label", "name", "help", "rules", "by"]));
   }
-}), Nl = { class: "flex items-center" }, Jl = { class: "absolute inset-0 flex items-center gap-2 px-1 text-white" }, oa = /* @__PURE__ */ R({
+}), Jl = { class: "flex items-center" }, Yl = { class: "absolute inset-0 flex items-center gap-2 px-1 text-white" }, ra = /* @__PURE__ */ R({
   __name: "Switch",
   props: {
     modelValue: { type: Boolean }
@@ -2277,19 +2277,19 @@ const Ee = /* @__PURE__ */ tt(Bl, [["__scopeId", "data-v-60cf597b"]]), Vl = { cl
   emits: ["update:modelValue"],
   setup(e) {
     const n = Ge(e, "modelValue");
-    return (t, s) => (a(), p("div", Nl, [
-      B(l(Wt), {
+    return (t, s) => (a(), p("div", Jl, [
+      V(l(Kt), {
         modelValue: n.value,
         "onUpdate:modelValue": s[0] || (s[0] = (o) => n.value = o),
-        class: b(["relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary", { "bg-primary": n.value, "bg-primary-muted": !n.value }])
+        class: g(["relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary", { "bg-primary": n.value, "bg-primary-muted": !n.value }])
       }, {
         default: P(() => [
-          u("div", Jl, [
-            B(l(Ne), { class: "h-5 w-5 drop-shadow-md" }),
-            B(l(Ae), { class: "h-5 w-5 drop-shadow-md" })
+          u("div", Yl, [
+            V(l(Ne), { class: "h-5 w-5 drop-shadow-md" }),
+            V(l(Me), { class: "h-5 w-5 drop-shadow-md" })
           ]),
           u("span", {
-            class: b(["scale-95 pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200", { "translate-x-5": n.value, "translate-x-0": !n.value }])
+            class: g(["scale-95 pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200", { "translate-x-5": n.value, "translate-x-0": !n.value }])
           }, null, 2)
         ]),
         _: 1
@@ -2298,26 +2298,26 @@ const Ee = /* @__PURE__ */ tt(Bl, [["__scopeId", "data-v-60cf597b"]]), Vl = { cl
   }
 });
 var me = /* @__PURE__ */ ((e) => (e.CtrlOrCmd = "cmd-or-ctrl", e.AltOrOpt = "alt-or-opt", e.Shift = "shift", e))(me || {});
-const Ve = Ot(), Yl = {
+const _e = At(), Zl = {
   [
     "cmd-or-ctrl"
     /* CtrlOrCmd */
-  ]: Ve === Be.Mac ? "Cmd" : "Ctrl",
+  ]: _e === Ve.Mac ? "Cmd" : "Ctrl",
   [
     "alt-or-opt"
     /* AltOrOpt */
-  ]: Ve === Be.Mac ? "Opt" : "Alt",
+  ]: _e === Ve.Mac ? "Opt" : "Alt",
   shift: "Shift"
 };
-function ra(e) {
+function ia(e) {
   const n = (t) => Object.values(me).includes(t);
-  return e.map((t) => n(t) ? Yl[t] : t).join("+");
+  return e.map((t) => n(t) ? Zl[t] : t).join("+");
 }
-function ia(e, ...n) {
-  Tt(
+function ua(e, ...n) {
+  Rt(
     n[0],
     (t) => {
-      const s = t.getModifierState("Alt"), o = Ve === Be.Mac ? t.getModifierState("Meta") : t.getModifierState("Control"), r = t.getModifierState("Shift");
+      const s = t.getModifierState("Alt"), o = _e === Ve.Mac ? t.getModifierState("Meta") : t.getModifierState("Control"), r = t.getModifierState("Shift");
       for (const i of e)
         switch (i) {
           case me.CtrlOrCmd:
@@ -2338,20 +2338,20 @@ function ia(e, ...n) {
     n[2]
   );
 }
-function ua(e) {
-  const n = (e == null ? void 0 : e.model) || T(), t = f({
+function ca(e) {
+  const n = (e == null ? void 0 : e.model) || T(), t = d({
     get: () => !!n.value,
     set: (s) => n.value = s ? !0 : void 0
   });
   return { model: n, isChecked: t };
 }
-const Zl = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 dark:bg-neutral-900/70 transition-opacity" }, null, -1), en = { class: "fixed inset-0 z-10 overflow-y-auto" }, tn = { class: "flex min-h-full justify-center p-4 text-center items-center sm:p-0" }, sn = {
+const en = /* @__PURE__ */ u("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" }, sn = { class: "flex min-h-full justify-center p-4 text-center items-center sm:p-0" }, ln = {
   key: 0,
   class: "flex items-center justify-center shadow p-4 relative z-10 bg-foundation rounded-t-lg"
-}, ln = { class: "text-2xl font-bold" }, nn = { class: "p-4 sm:p-6" }, an = {
+}, nn = { class: "text-2xl font-bold" }, an = { class: "p-4 sm:p-6" }, on = {
   key: 2,
   class: "flex p-4 sm:px-6 sm:py-5 border-t gap-2 border-outline-3"
-}, ca = /* @__PURE__ */ R({
+}, da = /* @__PURE__ */ R({
   __name: "Dialog",
   props: {
     open: { type: Boolean },
@@ -2364,10 +2364,10 @@ const Zl = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
   },
   emits: ["update:open", "fully-closed"],
   setup(e, { emit: n }) {
-    const t = e, s = je(), o = f(() => !!t.onSubmit), r = f(() => t.buttons || s.buttons), i = f({
+    const t = e, s = Oe(), o = d(() => !!t.onSubmit), r = d(() => t.buttons || s.buttons), i = d({
       get: () => t.open,
-      set: (x) => n("update:open", x)
-    }), c = f(() => {
+      set: (y) => n("update:open", y)
+    }), c = d(() => {
       switch (t.maxWidth) {
         case "sm":
           return 0;
@@ -2380,24 +2380,24 @@ const Zl = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
         default:
           return 1e4;
       }
-    }), h = f(() => {
-      const x = ["w-full", "sm:my-8 sm:w-full sm:max-w-xl"];
-      return !t.title && !r.value && x.push("px-4 pt-4 pb-4", "sm:p-6"), c.value >= 1 && x.push("md:max-w-2xl"), c.value >= 2 && x.push("lg:max-w-4xl"), c.value >= 3 && x.push("xl:max-w-6xl"), c.value >= 4 && x.push("2xl:max-w-7xl"), x.join(" ");
-    }), d = () => {
+    }), h = d(() => {
+      const y = ["w-full", "sm:my-8 sm:w-full sm:max-w-xl"];
+      return !t.title && !r.value && y.push("px-4 pt-4 pb-4", "sm:p-6"), c.value >= 1 && y.push("md:max-w-2xl"), c.value >= 2 && y.push("lg:max-w-4xl"), c.value >= 3 && y.push("xl:max-w-6xl"), c.value >= 4 && y.push("2xl:max-w-7xl"), y.join(" ");
+    }), f = () => {
       t.preventCloseOnClickOutside || (i.value = !1);
     };
-    return (x, w) => (a(), j(l(Ze), {
+    return (y, k) => (a(), O(l(Ze), {
       as: "template",
       show: i.value
     }, {
       default: P(() => [
-        B(l(Kt), {
+        V(l(Ht), {
           as: "div",
           class: "relative z-40",
-          onClose: d
+          onClose: f
         }, {
           default: P(() => [
-            B(l(Ke), {
+            V(l(Ke), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -2407,13 +2407,13 @@ const Zl = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
               "leave-to": "opacity-0"
             }, {
               default: P(() => [
-                Zl
+                en
               ]),
               _: 1
             }),
-            u("div", en, [
-              u("div", tn, [
-                B(l(Ke), {
+            u("div", tn, [
+              u("div", sn, [
+                V(l(Ke), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -2421,43 +2421,43 @@ const Zl = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
                   leave: "ease-in duration-200",
                   "leave-from": "opacity-100 translate-y-0 sm:scale-100",
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
-                  onAfterLeave: w[1] || (w[1] = (v) => x.$emit("fully-closed"))
+                  onAfterLeave: k[1] || (k[1] = (v) => y.$emit("fully-closed"))
                 }, {
                   default: P(() => [
-                    B(l(Ht), {
-                      class: b([
+                    V(l(Gt), {
+                      class: g([
                         "transform rounded-lg bg-foundation text-left shadow-xl transition-all",
                         h.value
                       ]),
                       as: o.value ? "form" : "div",
-                      onSubmit: be(e.onSubmit, ["prevent"])
+                      onSubmit: ce(e.onSubmit, ["prevent"])
                     }, {
                       default: P(() => [
-                        e.title ? (a(), p("div", sn, [
-                          u("h4", ln, V(e.title), 1)
-                        ])) : I("", !0),
-                        e.hideCloser ? I("", !0) : (a(), p("button", {
+                        e.title ? (a(), p("div", ln, [
+                          u("h4", nn, _(e.title), 1)
+                        ])) : B("", !0),
+                        e.hideCloser ? B("", !0) : (a(), p("button", {
                           key: 1,
                           class: "absolute z-20 top-5 right-4 text-foreground",
-                          onClick: w[0] || (w[0] = (v) => i.value = !1)
+                          onClick: k[0] || (k[0] = (v) => i.value = !1)
                         }, [
-                          B(l($t), { class: "h-6 w-6" })
+                          V(l(It), { class: "h-6 w-6" })
                         ])),
-                        u("div", nn, [
-                          U(x.$slots, "default", {}, () => [
+                        u("div", an, [
+                          F(y.$slots, "default", {}, () => [
                             z("Put your content here!")
                           ])
                         ]),
-                        r.value ? (a(), p("div", an, [
-                          e.buttons ? (a(!0), p(q, { key: 0 }, K(e.buttons, (v, $) => (a(), j(l(ue), ve({ key: $ }, v.props, {
+                        r.value ? (a(), p("div", on, [
+                          e.buttons ? (a(!0), p(W, { key: 0 }, H(e.buttons, (v, $) => (a(), O(l(de), ge({ key: $ }, v.props, {
                             onClick: v.onClick
                           }), {
                             default: P(() => [
-                              z(V(v.text), 1)
+                              z(_(v.text), 1)
                             ]),
                             _: 2
-                          }, 1040, ["onClick"]))), 128)) : U(x.$slots, "buttons", { key: 1 })
-                        ])) : I("", !0)
+                          }, 1040, ["onClick"]))), 128)) : F(y.$slots, "buttons", { key: 1 })
+                        ])) : B("", !0)
                       ]),
                       _: 3
                     }, 8, ["class", "as", "onSubmit"])
@@ -2473,7 +2473,7 @@ const Zl = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
       _: 3
     }, 8, ["show"]));
   }
-}), on = { class: "inline-flex items-center space-x-2" }, rn = { class: "label-light" }, da = /* @__PURE__ */ R({
+}), rn = { class: "inline-flex items-center space-x-2" }, un = { class: "label-light" }, fa = /* @__PURE__ */ R({
   __name: "Disclosure",
   props: {
     title: null,
@@ -2481,7 +2481,7 @@ const Zl = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
     color: { default: "default" }
   },
   setup(e) {
-    const n = e, t = f(() => {
+    const n = e, t = d(() => {
       const o = [
         "pr-3 h-10 w-full flex items-center justify-between border-l-2 px-2 rounded transition",
         "ring-1 font-medium"
@@ -2508,7 +2508,7 @@ const Zl = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
           break;
       }
       return o.join(" ");
-    }), s = f(() => {
+    }), s = d(() => {
       const o = ["mt-4 px-3 py-1 border-x "];
       switch (n.color) {
         case "warning":
@@ -2528,31 +2528,31 @@ const Zl = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
       return o.join(" ");
     });
     return (o, r) => (a(), p("div", null, [
-      B(l(Gt), null, {
+      V(l(Xt), null, {
         default: P(({ open: i }) => [
-          B(l(Xt), {
-            class: b(t.value)
+          V(l(Qt), {
+            class: g(t.value)
           }, {
             default: P(() => [
-              u("div", on, [
-                e.icon ? (a(), j(Q(e.icon), {
+              u("div", rn, [
+                e.icon ? (a(), O(N(e.icon), {
                   key: 0,
                   class: "h-4 w-4"
-                })) : I("", !0),
-                u("span", null, V(e.title), 1)
+                })) : B("", !0),
+                u("span", null, _(e.title), 1)
               ]),
-              B(l(Qe), {
-                class: b([i ? "" : "rotate-180 transform", "h-5 w-5"])
+              V(l(Qe), {
+                class: g([i ? "" : "rotate-180 transform", "h-5 w-5"])
               }, null, 8, ["class"])
             ]),
             _: 2
           }, 1032, ["class"]),
-          B(l(Qt), {
-            class: b(s.value)
+          V(l(Nt), {
+            class: g(s.value)
           }, {
             default: P(() => [
-              u("div", rn, [
-                U(o.$slots, "default", {}, () => [
+              u("div", un, [
+                F(o.$slots, "default", {}, () => [
                   z("Panel contents")
                 ])
               ])
@@ -2565,80 +2565,80 @@ const Zl = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
     ]));
   }
 });
-var ae = /* @__PURE__ */ ((e) => (e.Grid = "grid", e.List = "list", e))(ae || {});
-const fa = /* @__PURE__ */ R({
+var oe = /* @__PURE__ */ ((e) => (e.Grid = "grid", e.List = "list", e))(oe || {});
+const pa = /* @__PURE__ */ R({
   __name: "GridListToggle",
   props: {
     modelValue: null
   },
   emits: ["click", "update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, s = f({
-      get: () => t.modelValue || ae.Grid,
+    const t = e, s = d({
+      get: () => t.modelValue || oe.Grid,
       set: (i) => n("update:modelValue", i)
-    }), o = f(
-      () => s.value === ae.Grid ? bt : yt
+    }), o = d(
+      () => s.value === oe.Grid ? yt : xt
     ), r = (i) => {
       n("click", i);
-      const c = s.value === ae.Grid ? ae.List : ae.Grid;
+      const c = s.value === oe.Grid ? oe.List : oe.Grid;
       s.value = c;
     };
     return (i, c) => (a(), p("button", {
       class: "flex items-center justify-center rounded bg-foundation h-8 w-8 shadow cursor-pointer text-foreground",
       onClick: r
     }, [
-      (a(), j(Q(o.value), { class: "h-6 w-6" }))
+      (a(), O(N(o.value), { class: "h-6 w-6" }))
     ]));
   }
 });
-var un = /* @__PURE__ */ ((e) => (e[e.Throttle = 0] = "Throttle", e[e.Debounce = 1] = "Debounce", e))(un || {}), Pe = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e))(Pe || {});
-function cn(e, n) {
-  if (!Re)
+var cn = /* @__PURE__ */ ((e) => (e[e.Throttle = 0] = "Throttle", e[e.Debounce = 1] = "Debounce", e))(cn || {}), Pe = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e))(Pe || {});
+function dn(e, n) {
+  if (!ze)
     return;
   const {
     wait: t = 100,
     throttleOrDebounce: s = 0
     /* Throttle */
-  } = n || {}, o = t ? s === 0 ? dt(e, t) : Oe(e, t) : e;
-  ee(() => window.addEventListener("resize", o)), Xe(() => window.removeEventListener("resize", o));
+  } = n || {}, o = t ? s === 0 ? ft(e, t) : Ae(e, t) : e;
+  se(() => window.addEventListener("resize", o)), Xe(() => window.removeEventListener("resize", o));
 }
-function pa(e) {
-  ee(() => {
+function ha(e) {
+  se(() => {
     window.addEventListener("beforeunload", e);
   }), Xe(() => {
     window.removeEventListener("beforeunload", e);
   });
 }
-function dn(e) {
+function fn(e) {
   const { el: n, defaultDirection: t } = e, s = T(
-    oe(t) ? 1 : t
+    re(t) ? 1 : t
     /* Right */
-  ), o = f(() => {
+  ), o = d(() => {
     const i = l(e.stopUpdatesBelowWidth);
-    if (!oe(i))
+    if (!re(i))
       return i;
     const c = l(n);
     return c != null && c.offsetWidth ? c.offsetWidth * 2 : void 0;
   }), r = () => {
-    if (!Re)
+    if (!ze)
       return;
     const i = l(n);
     if (!i)
       return;
-    const c = i.getBoundingClientRect(), h = c.x + c.width > window.innerWidth, d = c.x < 0;
-    h && d || !oe(o.value) && window.innerWidth < o.value || (h ? s.value = 0 : d && (s.value = 1));
+    const c = i.getBoundingClientRect(), h = c.x + c.width > window.innerWidth, f = c.x < 0;
+    h && f || !re(o.value) && window.innerWidth < o.value || (h ? s.value = 0 : f && (s.value = 1));
   };
-  return cn(() => r()), Y(
+  return dn(() => r()), Z(
     () => l(n),
     (i) => {
       i && r();
     }
   ), {
-    direction: f(() => s.value),
+    direction: d(() => s.value),
     recalculateDirection: r
   };
 }
-const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
+const pn = ["disabled", "onClick"], ma = /* @__PURE__ */ R({
   __name: "Menu",
   props: {
     open: { type: Boolean },
@@ -2646,55 +2646,55 @@ const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
   },
   emits: ["update:open", "chosen"],
   setup(e, { emit: n }) {
-    const t = e, s = T(null), { direction: o } = dn({
-      el: f(() => {
+    const t = e, s = T(null), { direction: o } = fn({
+      el: d(() => {
         var v;
         return ((v = s.value) == null ? void 0 : v.el) || null;
       }),
       defaultDirection: Pe.Left,
       stopUpdatesBelowWidth: 300
-    }), r = T(null), i = T(!1), c = f({
+    }), r = T(null), i = T(!1), c = d({
       get: () => t.open || !1,
       set: (v) => n("update:open", v)
     }), h = (v) => {
       const { active: $, disabled: m } = v, M = ["group flex w-full items-center rounded-md px-2 py-2 text-sm"];
       return $ ? M.push("bg-primary text-foreground-on-primary") : m ? M.push("text-foreground-disabled") : M.push("text-foreground"), M.join(" ");
-    }, d = (v, $) => {
+    }, f = (v, $) => {
       n("chosen", { item: v, event: $ });
-    }, x = () => {
+    }, y = () => {
       var v;
       return (v = r.value) == null ? void 0 : v.el.click();
-    }, w = (v) => {
+    }, k = (v) => {
       const $ = !!v;
       return i.value = $, $;
     };
-    return Y(i, (v, $) => {
+    return Z(i, (v, $) => {
       v !== $ && (c.value = v);
-    }), Y(c, (v) => {
-      (v && !i.value || !v && i.value) && x();
-    }), (v, $) => (a(), j(l(Nt), {
+    }), Z(c, (v) => {
+      (v && !i.value || !v && i.value) && y();
+    }), (v, $) => (a(), O(l(Jt), {
       as: "div",
       class: "relative inline-block"
     }, {
       default: P(({ open: m }) => [
         u("div", null, [
-          B(l(Jt), {
+          V(l(Yt), {
             ref_key: "menuButton",
             ref: r,
             class: "hidden",
-            onClick: $[0] || ($[0] = be(() => {
+            onClick: $[0] || ($[0] = ce(() => {
             }, ["stop", "prevent"]))
           }, null, 512),
           u("div", {
-            class: b(m ? "pointer-events-none" : "")
+            class: g(m ? "pointer-events-none" : "")
           }, [
-            U(v.$slots, "default", {
-              toggle: x,
-              open: w(m)
+            F(v.$slots, "default", {
+              toggle: y,
+              open: k(m)
             })
           ], 2)
         ]),
-        B(Le, {
+        V(Le, {
           "enter-active-class": "transition duration-100 ease-out",
           "enter-from-class": "transform scale-95 opacity-0",
           "enter-to-class": "transform scale-100 opacity-100",
@@ -2703,34 +2703,34 @@ const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
           "leave-to-class": "transform scale-95 opacity-0"
         }, {
           default: P(() => [
-            B(l(Yt), {
+            V(l(Zt), {
               ref_key: "menuItems",
               ref: s,
-              class: b([
+              class: g([
                 "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(Pe).Left ? "right-0" : ""
               ])
             }, {
               default: P(() => [
-                (a(!0), p(q, null, K(e.items, (M, k) => (a(), p("div", {
-                  key: k,
+                (a(!0), p(W, null, H(e.items, (M, x) => (a(), p("div", {
+                  key: x,
                   class: "px-1 py-1"
                 }, [
-                  (a(!0), p(q, null, K(M, (C) => (a(), j(l(Zt), {
+                  (a(!0), p(W, null, H(M, (C) => (a(), O(l(es), {
                     key: C.id,
                     disabled: C.disabled
                   }, {
-                    default: P(({ active: _, disabled: L }) => [
-                      re((a(), p("span", null, [
+                    default: P(({ active: L, disabled: A }) => [
+                      ie((a(), p("span", null, [
                         u("button", {
-                          class: b(h({ active: _, disabled: L })),
-                          disabled: L,
-                          onClick: (y) => d(C, y)
+                          class: g(h({ active: L, disabled: A })),
+                          disabled: A,
+                          onClick: (b) => f(C, b)
                         }, [
-                          U(v.$slots, "item", { item: C }, () => [
-                            z(V(C.title), 1)
+                          F(v.$slots, "item", { item: C }, () => [
+                            z(_(C.title), 1)
                           ])
-                        ], 10, fn)
+                        ], 10, pn)
                       ])), [
                         [l(et), C.disabled && C.disabledTooltip]
                       ])
@@ -2748,33 +2748,33 @@ const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
       _: 3
     }));
   }
-}), pn = { class: "flex flex-col space-y-4" }, hn = { class: "flex space-x-6" }, ma = /* @__PURE__ */ R({
+}), hn = { class: "flex flex-col space-y-4" }, mn = { class: "flex space-x-6" }, va = /* @__PURE__ */ R({
   __name: "Tabs",
   props: {
     items: null
   },
   setup(e) {
-    const n = e, t = T(null), s = f(() => t.value && n.items.find((r) => r.id === t.value) || n.items[0]), o = (r) => {
+    const n = e, t = T(null), s = d(() => t.value && n.items.find((r) => r.id === t.value) || n.items[0]), o = (r) => {
       t.value = r.id;
     };
-    return (r, i) => (a(), p("div", pn, [
-      u("div", hn, [
-        (a(!0), p(q, null, K(e.items, (c) => (a(), j(ue, {
+    return (r, i) => (a(), p("div", hn, [
+      u("div", mn, [
+        (a(!0), p(W, null, H(e.items, (c) => (a(), O(de, {
           key: c.id,
           link: "",
           color: s.value.id === c.id ? "default" : "secondary",
           onClick: (h) => o(c)
         }, {
           default: P(() => [
-            z(V(c.title), 1)
+            z(_(c.title), 1)
           ]),
           _: 2
         }, 1032, ["color", "onClick"]))), 128))
       ]),
-      U(r.$slots, "default", { activeItem: s.value })
+      F(r.$slots, "default", { activeItem: s.value })
     ]));
   }
-}), mn = { class: "text-foreground" }, gn = { class: "w-full text-sm overflow-x-auto overflow-y-visible simple-scrollbar" }, vn = ["onClick", "onKeypress"], bn = /* @__PURE__ */ u("div", { class: "text-gray-900 font-medium order-1" }, "Placeholder", -1), yn = { class: "absolute right-1.5 gap-1 flex items-center p-0" }, ga = /* @__PURE__ */ R({
+}), vn = { class: "text-foreground" }, gn = { class: "w-full text-sm overflow-x-auto overflow-y-visible simple-scrollbar" }, bn = ["onClick", "onKeypress"], yn = /* @__PURE__ */ u("div", { class: "text-gray-900 font-medium order-1" }, "Placeholder", -1), xn = { class: "absolute right-1.5 gap-1 flex items-center p-0" }, ga = /* @__PURE__ */ R({
   __name: "Table",
   props: {
     items: null,
@@ -2784,7 +2784,7 @@ const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
     onRowClick: { type: Function }
   },
   setup(e) {
-    const n = e, t = f(() => {
+    const n = e, t = d(() => {
       const i = (n.buttons || []).length;
       let c = 16;
       return i > 0 && (c = 48 + (i - 1) * 42), `${c}px`;
@@ -2798,58 +2798,58 @@ const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
       var c;
       (c = n.onRowClick) == null || c.call(n, i);
     };
-    return (i, c) => (a(), p("div", mn, [
+    return (i, c) => (a(), p("div", vn, [
       u("div", gn, [
         e.items.length > 0 ? (a(), p("div", {
           key: 0,
           class: "grid z-10 grid-cols-12 items-center gap-6 font-semibold bg-foundation rounded-t-lg w-full border-b border-outline-3 pb-2 pt-4 px-4 min-w-[900px]",
-          style: ge({ paddingRight: t.value })
+          style: ve({ paddingRight: t.value })
         }, [
-          (a(!0), p(q, null, K(e.columns, (h) => (a(), p("div", {
+          (a(!0), p(W, null, H(e.columns, (h) => (a(), p("div", {
             key: h.id,
-            class: b([s(h.id), "capitalize"])
-          }, V(h.header), 3))), 128))
-        ], 4)) : I("", !0),
+            class: g([s(h.id), "capitalize"])
+          }, _(h.header), 3))), 128))
+        ], 4)) : B("", !0),
         u("div", {
-          class: b(["divide-y divide-outline-3 h-full overflow-visible", { "pb-32": e.overflowCells }])
+          class: g(["divide-y divide-outline-3 h-full overflow-visible", { "pb-32": e.overflowCells }])
         }, [
-          (a(!0), p(q, null, K(e.items, (h) => (a(), p("div", {
+          (a(!0), p(W, null, H(e.items, (h) => (a(), p("div", {
             key: h.id,
-            class: b(["relative grid grid-cols-12 items-center gap-6 px-4 py-1 min-w-[900px] bg-foundation", { "cursor-pointer hover:bg-primary-muted": !!e.onRowClick }]),
-            style: ge({ paddingRight: t.value }),
+            class: g(["relative grid grid-cols-12 items-center gap-6 px-4 py-1 min-w-[900px] bg-foundation", { "cursor-pointer hover:bg-primary-muted": !!e.onRowClick }]),
+            style: ve({ paddingRight: t.value }),
             tabindex: "0",
-            onClick: (d) => r(h),
-            onKeypress: (d) => r(h)
+            onClick: (f) => r(h),
+            onKeypress: (f) => r(h)
           }, [
-            (a(!0), p(q, null, K(e.columns, (d, x) => (a(), p("div", {
-              key: d.id,
-              class: b(o(d.id, x)),
+            (a(!0), p(W, null, H(e.columns, (f, y) => (a(), p("div", {
+              key: f.id,
+              class: g(o(f.id, y)),
               tabindex: "0"
             }, [
-              U(i.$slots, d.id, { item: h }, () => [
-                bn
+              F(i.$slots, f.id, { item: h }, () => [
+                yn
               ])
             ], 2))), 128)),
-            u("div", yn, [
-              (a(!0), p(q, null, K(e.buttons, (d) => (a(), p("div", {
-                key: d.label
+            u("div", xn, [
+              (a(!0), p(W, null, H(e.buttons, (f) => (a(), p("div", {
+                key: f.label
               }, [
-                B(l(ue), {
-                  "icon-left": d.icon,
+                V(l(de), {
+                  "icon-left": f.icon,
                   size: "sm",
                   color: "secondary",
                   "hide-text": "",
-                  class: b(d.class),
-                  onClick: be((x) => d.action(h), ["stop"])
+                  class: g(f.class),
+                  onClick: ce((y) => f.action(h), ["stop"])
                 }, null, 8, ["icon-left", "class", "onClick"])
               ]))), 128))
             ])
-          ], 46, vn))), 128))
+          ], 46, bn))), 128))
         ], 2)
       ])
     ]));
   }
-}), xn = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, kn = { class: "inline-flex items-center space-x-1" }, wn = /* @__PURE__ */ u("span", { class: "text-foreground-2" }, "That's it, you've loaded everything!", -1), Cn = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, $n = { class: "inline-flex items-center space-x-1" }, In = /* @__PURE__ */ u("span", { class: "text-foreground-2" }, "An error occurred while loading", -1), va = /* @__PURE__ */ R({
+}), kn = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, wn = { class: "inline-flex items-center space-x-1" }, Cn = /* @__PURE__ */ u("span", { class: "text-foreground-2" }, "That's it, you've loaded everything!", -1), $n = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, In = { class: "inline-flex items-center space-x-1" }, Sn = /* @__PURE__ */ u("span", { class: "text-foreground-2" }, "An error occurred while loading", -1), ba = /* @__PURE__ */ R({
   __name: "InfiniteLoading",
   props: {
     settings: null,
@@ -2858,7 +2858,7 @@ const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
   emits: ["infinite"],
   setup(e) {
     const n = T(null), t = T(!1);
-    return Re && ee(() => {
+    return ze && se(() => {
       const s = setInterval(() => {
         var o;
         (o = n.value) != null && o.isConnected && (t.value = !0, clearInterval(s));
@@ -2867,30 +2867,30 @@ const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
       ref_key: "wrapper",
       ref: n
     }, [
-      t.value ? (a(), j(l(ls), ve({ key: 0 }, s.$props.settings || {}, {
+      t.value ? (a(), O(l(ns), ge({ key: 0 }, s.$props.settings || {}, {
         onInfinite: o[0] || (o[0] = (r) => s.$emit("infinite", r))
       }), {
         spinner: P(() => [
-          B(Ee, {
+          V(Ue, {
             loading: !0,
             class: "my-2"
           })
         ]),
         complete: P(() => [
-          u("div", xn, [
-            u("div", kn, [
-              B(l(It), { class: "w-5 h-5 text-success" }),
-              wn
+          u("div", kn, [
+            u("div", wn, [
+              V(l(St), { class: "w-5 h-5 text-success" }),
+              Cn
             ])
           ])
         ]),
         error: P(({ retry: r }) => [
-          u("div", Cn, [
-            u("div", $n, [
-              B(l(St), { class: "w-5 h-5 text-danger" }),
-              In
+          u("div", $n, [
+            u("div", In, [
+              V(l(Bt), { class: "w-5 h-5 text-danger" }),
+              Sn
             ]),
-            e.allowRetry ? (a(), j(ue, {
+            e.allowRetry ? (a(), O(de, {
               key: 0,
               onClick: r
             }, {
@@ -2898,17 +2898,17 @@ const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
                 z("Retry")
               ]),
               _: 2
-            }, 1032, ["onClick"])) : I("", !0)
+            }, 1032, ["onClick"])) : B("", !0)
           ])
         ]),
         _: 1
-      }, 16)) : I("", !0)
+      }, 16)) : B("", !0)
     ], 512));
   }
-}), Sn = { class: "relative group" }, Bn = {
+}), Bn = { class: "relative group" }, Vn = {
   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"
-}, ba = /* @__PURE__ */ R({
+}, ya = /* @__PURE__ */ R({
   __name: "Panel",
   props: {
     /**
@@ -2946,18 +2946,18 @@ const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
   },
   emits: ["submit"],
   setup(e, { emit: n }) {
-    const t = e, s = f(
+    const t = e, s = d(
       () => t.customPadding ? "" : "px-4 py-4 sm:px-6"
-    ), o = f(
+    ), o = d(
       () => t.customPadding ? "" : "px-4 py-4 sm:p-6"
-    ), r = f(() => {
+    ), r = d(() => {
       const i = ["rounded-lg"];
       return t.noShadow || i.push("shadow"), t.ring && i.push("ring-outline-2 hover:ring-2"), t.panelClasses && i.push(t.panelClasses), i.join(" ");
     });
-    return (i, c) => (a(), p("div", Sn, [
-      e.fancyGlow ? (a(), p("div", Bn)) : I("", !0),
-      (a(), j(Q(e.form ? "form" : "div"), {
-        class: b([
+    return (i, c) => (a(), p("div", Bn, [
+      e.fancyGlow ? (a(), p("div", Vn)) : B("", !0),
+      (a(), O(N(e.form ? "form" : "div"), {
+        class: g([
           "relative divide-outline-3 bg-foundation text-foreground flex flex-col divide-y overflow-hidden",
           r.value
         ]),
@@ -2966,27 +2966,27 @@ const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
         default: P(() => [
           i.$slots.header ? (a(), p("div", {
             key: 0,
-            class: b(s.value)
+            class: g(s.value)
           }, [
-            U(i.$slots, "header")
-          ], 2)) : I("", !0),
+            F(i.$slots, "header")
+          ], 2)) : B("", !0),
           u("div", {
-            class: b(["grow", o.value])
+            class: g(["grow", o.value])
           }, [
-            U(i.$slots, "default")
+            F(i.$slots, "default")
           ], 2),
           i.$slots.footer ? (a(), p("div", {
             key: 1,
-            class: b(s.value)
+            class: g(s.value)
           }, [
-            U(i.$slots, "footer")
-          ], 2)) : I("", !0)
+            F(i.$slots, "footer")
+          ], 2)) : B("", !0)
         ]),
         _: 3
       }, 40, ["class"]))
     ]));
   }
-}), Vn = { class: "flex-shrink-0" }, Pn = /* @__PURE__ */ u("span", { class: "sr-only" }, "Dismiss", -1), ya = /* @__PURE__ */ R({
+}), _n = { class: "flex-shrink-0" }, Pn = /* @__PURE__ */ u("span", { class: "sr-only" }, "Dismiss", -1), xa = /* @__PURE__ */ R({
   __name: "Alert",
   props: {
     color: { default: "success" },
@@ -2997,21 +2997,21 @@ const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
   },
   emits: ["dismiss"],
   setup(e) {
-    const n = e, t = je(), s = f(() => !!t.description), o = f(() => {
+    const n = e, t = Oe(), s = d(() => !!t.description), o = d(() => {
       if (n.customIcon)
         return n.customIcon;
       switch (n.color) {
         case "info":
           return Lt;
         case "warning":
-          return Ce;
+          return we;
         case "danger":
           return Pt;
         case "success":
         default:
           return Ye;
       }
-    }), r = f(() => {
+    }), r = d(() => {
       const m = [];
       switch (n.size) {
         case "xs":
@@ -3037,7 +3037,7 @@ const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
           break;
       }
       return m.join(" ");
-    }), i = f(() => {
+    }), i = d(() => {
       const m = [];
       if (s.value)
         m.push("");
@@ -3052,7 +3052,7 @@ const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
             break;
         }
       return m.join(" ");
-    }), c = f(() => {
+    }), c = d(() => {
       const m = ["grow"];
       switch (s.value || m.push("flex items-center space-x-2"), n.size) {
         case "xs":
@@ -3064,7 +3064,7 @@ const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
           break;
       }
       return m.join(" ");
-    }), h = f(() => {
+    }), h = d(() => {
       const m = [];
       switch (n.size) {
         case "xs":
@@ -3076,11 +3076,11 @@ const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
           break;
       }
       return m.join(" ");
-    }), d = f(() => {
-      var k;
+    }), f = d(() => {
+      var x;
       const m = ["flex"];
       s.value || m.push("grow justify-end");
-      const M = s.value && ((k = n.actions) == null ? void 0 : k.length);
+      const M = s.value && ((x = n.actions) == null ? void 0 : x.length);
       switch (n.size) {
         case "xs":
           m.push("space-x-1"), M && m.push("mt-1");
@@ -3091,7 +3091,7 @@ const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
           break;
       }
       return m.join(" ");
-    }), x = f(() => {
+    }), y = d(() => {
       const m = [];
       switch (n.color) {
         case "success":
@@ -3108,7 +3108,7 @@ const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
           break;
       }
       return m.join(" ");
-    }), w = f(() => {
+    }), k = d(() => {
       const m = [];
       switch (n.size) {
         case "xs":
@@ -3134,7 +3134,7 @@ const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
           break;
       }
       return m.join(" ");
-    }), v = f(() => {
+    }), v = d(() => {
       const m = [];
       switch (n.color) {
         case "success":
@@ -3151,7 +3151,7 @@ const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
           break;
       }
       return m.join(" ");
-    }), $ = f(() => {
+    }), $ = d(() => {
       switch (n.size) {
         case "xs":
           return "xs";
@@ -3161,48 +3161,48 @@ const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
       }
     });
     return (m, M) => (a(), p("div", {
-      class: b(["rounded-md", [r.value, x.value]])
+      class: g(["rounded-md", [r.value, y.value]])
     }, [
       u("div", {
-        class: b(["flex", i.value])
+        class: g(["flex", i.value])
       }, [
-        u("div", Vn, [
-          (a(), j(Q(o.value), {
-            class: b(w.value),
+        u("div", _n, [
+          (a(), O(N(o.value), {
+            class: g(k.value),
             "aria-hidden": "true"
           }, null, 8, ["class"]))
         ]),
         u("div", {
-          class: b(c.value)
+          class: g(c.value)
         }, [
           u("h3", {
-            class: b(["text-sm", [s.value ? "font-medium" : ""]])
+            class: g(["text-sm", [s.value ? "font-medium" : ""]])
           }, [
-            U(m.$slots, "title", {}, () => [
+            F(m.$slots, "title", {}, () => [
               z("Title")
             ])
           ], 2),
           s.value ? (a(), p("div", {
             key: 0,
-            class: b(h.value)
+            class: g(h.value)
           }, [
-            U(m.$slots, "description", {}, () => [
+            F(m.$slots, "description", {}, () => [
               z(" Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum similique veniam. ")
             ])
-          ], 2)) : I("", !0),
+          ], 2)) : B("", !0),
           u("div", {
-            class: b(d.value)
+            class: g(f.value)
           }, [
-            (a(!0), p(q, null, K(e.actions || [], (k, C) => (a(), j(ue, {
+            (a(!0), p(W, null, H(e.actions || [], (x, C) => (a(), O(de, {
               key: C,
               color: e.color,
               size: $.value,
-              to: k.url,
-              external: k.externalUrl || !1,
-              onClick: (_) => k.onClick || l(ft)
+              to: x.url,
+              external: x.externalUrl || !1,
+              onClick: (L) => x.onClick || l(pt)
             }, {
               default: P(() => [
-                z(V(k.title), 1)
+                z(_(x.title), 1)
               ]),
               _: 2
             }, 1032, ["color", "size", "to", "external", "onClick"]))), 128))
@@ -3210,40 +3210,40 @@ const fn = ["disabled", "onClick"], ha = /* @__PURE__ */ R({
         ], 2),
         e.withDismiss ? (a(), p("div", {
           key: 0,
-          class: b(["flex", [s.value ? "items-start" : "items-center"]])
+          class: g(["flex", [s.value ? "items-start" : "items-center"]])
         }, [
           u("button", {
             type: "button",
-            class: b(["inline-flex rounded-md focus:outline-none focus:ring-2", v.value]),
-            onClick: M[0] || (M[0] = (k) => m.$emit("dismiss"))
+            class: g(["inline-flex rounded-md focus:outline-none focus:ring-2", v.value]),
+            onClick: M[0] || (M[0] = (x) => m.$emit("dismiss"))
           }, [
             Pn,
-            B(l(ie), {
+            V(l(ue), {
               class: "h-5 w-5",
               "aria-hidden": "true"
             })
           ], 2)
-        ], 2)) : I("", !0)
+        ], 2)) : B("", !0)
       ], 2)
     ], 2));
   }
 });
-function xa(e) {
+function ka(e) {
   var m, M;
-  const { get: n, initialState: t, readOptions: s, set: o, asyncRead: r = !0, debugging: i } = e, c = i == null ? void 0 : i.log, h = () => (new Error("Trace:").stack || "").substring(7), d = ((M = (m = e.debugging) == null ? void 0 : m.log) == null ? void 0 : M.logger) || console.debug, x = c && !c.writesOnly ? () => {
-    const k = n();
-    return d(`debugging: '${c.name}' read`, k, h()), k;
-  } : n, w = c && !c.readsOnly ? (k) => (d(`debugging: '${c.name}' written to`, k, h()), o(k)) : o, v = r ? Rt(x, t, s) : f(x), $ = f(() => v.value);
-  return $.update = w, $;
+  const { get: n, initialState: t, readOptions: s, set: o, asyncRead: r = !0, debugging: i } = e, c = i == null ? void 0 : i.log, h = () => (new Error("Trace:").stack || "").substring(7), f = ((M = (m = e.debugging) == null ? void 0 : m.log) == null ? void 0 : M.logger) || console.debug, y = c && !c.writesOnly ? () => {
+    const x = n();
+    return f(`debugging: '${c.name}' read`, x, h()), x;
+  } : n, k = c && !c.readsOnly ? (x) => (f(`debugging: '${c.name}' written to`, x, h()), o(x)) : o, v = r ? zt(y, t, s) : d(y), $ = d(() => v.value);
+  return $.update = k, $;
 }
 const Ln = /* @__PURE__ */ R({
   __name: "ContextManager",
   setup(e, { expose: n }) {
-    const s = ut().provides, o = Object.getOwnPropertySymbols(s).find(
+    const s = ct().provides, o = Object.getOwnPropertySymbols(s).find(
       (v) => v.description === "ComboboxContext"
     );
     o || console.error("FormTagsContextManager ctx key not found!");
-    const r = ct(o || "__undefined");
+    const r = dt(o || "__undefined");
     return r || console.error("FormTagsContextManager ctx not found!"), n({ goUp: () => {
       r == null || r.goToOption(1);
     }, goDown: () => {
@@ -3254,15 +3254,15 @@ const Ln = /* @__PURE__ */ R({
       r == null || r.closeCombobox();
     }, selectActive: () => {
       r == null || r.selectActiveOption();
-    }, isOpen: () => (r == null ? void 0 : r.comboboxState.value) === 0 }), (v, $) => U(v.$slots, "default");
+    }, isOpen: () => (r == null ? void 0 : r.comboboxState.value) === 0 }), (v, $) => F(v.$slots, "default");
   }
-}), _n = ["for"], jn = ["disabled", "placeholder", "onKeydown"], On = /* @__PURE__ */ u("span", { class: "text-xs sr-only" }, "Clear input", -1), An = { key: 1 }, Mn = /* @__PURE__ */ u("div", { class: "text-foreground-2 text-center" }, [
+}), jn = ["for"], On = ["disabled", "placeholder", "onKeydown"], An = /* @__PURE__ */ u("span", { class: "text-xs sr-only" }, "Clear input", -1), Mn = { key: 1 }, Tn = /* @__PURE__ */ u("div", { class: "text-foreground-2 text-center" }, [
   /* @__PURE__ */ z(" Press "),
   /* @__PURE__ */ u("strong", null, "Enter"),
   /* @__PURE__ */ z(" to create tag ⚡ ")
-], -1), Tn = [
-  Mn
-], Rn = ["id"], ka = /* @__PURE__ */ R({
+], -1), Rn = [
+  Tn
+], zn = ["id"], wa = /* @__PURE__ */ R({
   __name: "Tags",
   props: qe({
     name: null,
@@ -3287,29 +3287,30 @@ const Ln = /* @__PURE__ */ R({
   }),
   emits: qe(["change", "clear"], ["update:modelValue"]),
   setup(e, { expose: n, emit: t }) {
-    const s = e, o = (O) => O.type === "input", r = Ge(e, "modelValue", { local: !0 }), i = T(null), { focused: c } = zt(i), h = T(
+    const s = e, o = (I) => I.type === "input", r = Ge(e, "modelValue", { local: !0 }), i = T(null), { focused: c } = Dt(i), h = T(
       null
     ), {
-      coreInputClasses: d,
-      coreClasses: x,
-      labelClasses: w,
+      coreInputClasses: f,
+      coreClasses: y,
+      labelClasses: k,
       title: v,
       helpTip: $,
       helpTipId: m,
       hideHelpTip: M,
-      helpTipClasses: k,
+      helpTipClasses: x,
       errorMessage: C,
-      clear: _
-    } = De({
-      props: Z(s),
+      clear: L,
+      value: A
+    } = Fe({
+      props: te(s),
       emit: t,
       inputEl: i
-    }), L = T([]), y = T(!1), D = T(!1), E = T(""), F = f({
+    }), b = T([]), D = T(!1), U = T(!1), E = T(""), q = d({
       get: () => r.value || [],
-      set: (O) => {
-        r.value = pt(O).filter((g) => !!g.length);
+      set: (I) => {
+        r.value = ht(I).filter((S) => !!S.length);
       }
-    }), te = f(() => {
+    }), Y = d(() => {
       switch (s.size) {
         case "sm":
           return "h-6";
@@ -3321,193 +3322,199 @@ const Ln = /* @__PURE__ */ R({
         default:
           return "h-8";
       }
-    }), N = f(() => {
-      const O = [
-        x.value,
+    }), Q = d(() => s.showClear && !!q.value.length), G = d(() => {
+      const I = [
+        y.value,
         s.disabled ? "cursor-not-allowed !bg-foundation-disabled !text-disabled-muted" : ""
       ];
-      return s.showClear && (C.value || s.showRequired) ? O.push("pr-14") : (s.showClear || C.value || s.showRequired) && O.push("pr-8"), C.value ? (O.push("border-2 border-danger text-danger-darker"), c.value && O.push("ring-1 ring-danger")) : (O.push("border-2 border-transparent"), c.value && O.push("ring-2 ring-outline-2")), O.join(" ");
-    }), J = (O) => {
+      return Q.value && (C.value || s.showRequired) ? I.push("pr-14") : (Q.value || C.value || s.showRequired) && I.push("pr-8"), C.value ? (I.push("border-2 border-danger text-danger-darker"), c.value && I.push("ring-1 ring-danger")) : (I.push("border-2 border-transparent"), c.value && I.push("ring-2 ring-outline-2")), I.join(" ");
+    }), be = (I) => {
       if (s.disabled)
         return;
-      const g = F.value.indexOf(O);
-      if (g !== -1) {
-        const S = F.value.slice();
-        S.splice(g, 1), F.value = S;
+      const S = q.value.indexOf(I);
+      if (S !== -1) {
+        const j = q.value.slice();
+        j.splice(S, 1), q.value = j;
       }
-    }, H = () => {
-      var O;
-      (O = i.value) == null || O.blur(), D.value = !1;
-    }, ye = (O) => {
-      if (O.key !== "Backspace" || E.value.length)
+    }, Ce = () => {
+      var I;
+      (I = i.value) == null || I.blur(), U.value = !1;
+    }, $e = (I) => {
+      if (I.key !== "Backspace" || E.value.length)
         return;
-      const g = F.value.slice();
-      g.pop(), F.value = g, D.value = !1;
-    }, $e = () => {
-      var O, g, S;
-      (O = h.value) != null && O.isOpen() ? (g = h.value) == null || g.goUp() : (S = h.value) == null || S.open();
-    }, Ie = () => {
-      var O, g, S;
-      (O = h.value) != null && O.isOpen() ? (g = h.value) == null || g.goDown() : (S = h.value) == null || S.open();
-    }, se = async () => {
-      s.getAutocompleteItems && (y.value = !0, L.value = await Promise.resolve(
+      const S = q.value.slice();
+      S.pop(), q.value = S, U.value = !1;
+    }, ye = () => {
+      var I, S, j;
+      (I = h.value) != null && I.isOpen() ? (S = h.value) == null || S.goUp() : (j = h.value) == null || j.open();
+    }, fe = () => {
+      var I, S, j;
+      (I = h.value) != null && I.isOpen() ? (S = h.value) == null || S.goDown() : (j = h.value) == null || j.open();
+    }, ee = async () => {
+      s.getAutocompleteItems && (D.value = !0, b.value = await Promise.resolve(
         s.getAutocompleteItems(E.value)
-      ), y.value = !1);
-    }, ce = Oe(se, 1e3), de = () => {
-      y.value = !0, ce();
-    }, fe = (O, g) => {
-      var A, W;
-      if (o(O) ? O.data === " " || O.data === "," || O.data === ";" : !0) {
-        let X = !1;
-        if ((A = h.value) != null && A.isOpen() && L.value.length && !g)
-          (W = h.value) == null || W.selectActive(), X = !0;
+      ), D.value = !1);
+    }, Ie = Ae(ee, 1e3), Se = () => {
+      D.value = !0, Ie();
+    }, w = (I, S) => {
+      var K, J;
+      if (o(I) ? I.data === " " || I.data === "," || I.data === ";" : !0) {
+        let le = !1;
+        if ((K = h.value) != null && K.isOpen() && b.value.length && !S)
+          (J = h.value) == null || J.selectActive(), le = !0;
         else {
-          const le = E.value.trim().substring(0, E.value.length - (o(O) ? 1 : 0)), xe = F.value.includes(le);
-          le.length > 0 && !xe && (F.value = [...F.value, le], X = !0);
+          const ne = E.value.trim().substring(0, E.value.length - (o(I) ? 1 : 0)), ot = q.value.includes(ne);
+          ne.length > 0 && !ot && (q.value = [...q.value, ne], le = !0);
         }
-        X && (E.value = "", D.value = !1);
+        le && (E.value = "", U.value = !1);
       } else
-        D.value = !!E.value.length;
+        U.value = !!E.value.length;
     };
-    return Y(D, (O, g) => {
-      var S, A;
-      O && !g ? s.getAutocompleteItems && ((S = h.value) == null || S.open()) : !O && g && ((A = h.value) == null || A.close());
-    }), Y(E, () => {
-      de();
-    }), ee(() => {
-      se();
-    }), n({ resolveAutocompleteItems: se }), (O, g) => (a(), j(l(es), {
-      modelValue: F.value,
-      "onUpdate:modelValue": g[5] || (g[5] = (S) => F.value = S),
+    return Z(U, (I, S) => {
+      var j, K;
+      I && !S ? s.getAutocompleteItems && ((j = h.value) == null || j.open()) : !I && S && ((K = h.value) == null || K.close());
+    }), Z(E, () => {
+      Se();
+    }), Z(
+      () => q.value,
+      (I) => {
+        A.value = I.slice();
+      },
+      { deep: !0 }
+    ), se(() => {
+      ee();
+    }), n({ resolveAutocompleteItems: ee }), (I, S) => (a(), O(l(ts), {
+      modelValue: q.value,
+      "onUpdate:modelValue": S[5] || (S[5] = (j) => q.value = j),
       as: "div",
       multiple: "",
       clearable: "",
-      class: b([e.wrapperClasses])
+      class: g([e.wrapperClasses])
     }, {
       default: P(() => [
-        B(Ln, {
+        V(Ln, {
           ref_key: "ctxManager",
           ref: h
         }, {
           default: P(() => [
             u("label", {
               for: e.name,
-              class: b(l(w))
+              class: g(l(k))
             }, [
-              u("span", null, V(l(v)), 1)
-            ], 10, _n),
+              u("span", null, _(l(v)), 1)
+            ], 10, jn),
             u("div", {
-              class: b(["relative flex flex-wrap items-center space-x-1 px-2 py-1", N.value])
+              class: g(["relative flex flex-wrap items-center space-x-1 px-2 py-1", G.value])
             }, [
-              (a(!0), p(q, null, K(F.value, (S) => (a(), j(ze, {
-                key: S,
-                "icon-left": e.disabled ? void 0 : l(ie),
+              (a(!0), p(W, null, H(q.value, (j) => (a(), O(De, {
+                key: j,
+                "icon-left": e.disabled ? void 0 : l(ue),
                 "clickable-icon": "",
                 size: "lg",
-                onClickIcon: () => J(S)
+                onClickIcon: () => be(j)
               }, {
                 default: P(() => [
-                  z(V(S), 1)
+                  z(_(j), 1)
                 ]),
                 _: 2
               }, 1032, ["icon-left", "onClickIcon"]))), 128)),
-              re(u("input", {
+              ie(u("input", {
                 ref_key: "inputEl",
                 ref: i,
-                "onUpdate:modelValue": g[0] || (g[0] = (S) => E.value = S),
+                "onUpdate:modelValue": S[0] || (S[0] = (j) => E.value = j),
                 disabled: e.disabled,
-                class: b(["bg-transparent grow shrink border-0 focus:ring-0 p-0", [l(d), te.value]]),
+                class: g(["bg-transparent grow shrink border-0 focus:ring-0 p-0", [l(f), Y.value]]),
                 style: { "flex-basis": "70px", "min-width": "70px" },
-                placeholder: F.value.length ? void 0 : e.placeholder,
-                onInput: fe,
+                placeholder: q.value.length ? void 0 : e.placeholder,
+                onInput: w,
                 onKeydown: [
-                  ne(H, ["escape"]),
-                  g[1] || (g[1] = ne((S) => fe(S, !0), ["enter"])),
-                  ne(fe, ["tab"]),
-                  ne(ye, ["backspace"]),
-                  ne($e, ["arrow-up"]),
-                  ne(Ie, ["arrow-down"])
+                  ae(Ce, ["escape"]),
+                  S[1] || (S[1] = ae(ce((j) => w(j, !0), ["stop", "prevent"]), ["enter"])),
+                  ae(w, ["tab"]),
+                  ae($e, ["backspace"]),
+                  ae(ye, ["arrow-up"]),
+                  ae(fe, ["arrow-down"])
                 ],
-                onBlur: g[2] || (g[2] = (S) => D.value = !1)
-              }, null, 42, jn), [
-                [_e, E.value]
+                onBlur: S[2] || (S[2] = (j) => U.value = !1)
+              }, null, 42, On), [
+                [je, E.value]
               ]),
-              e.showClear ? (a(), p("a", {
+              Q.value ? (a(), p("a", {
                 key: 0,
                 title: "Clear input",
                 class: "absolute top-2 right-0 flex items-center pr-2 cursor-pointer",
-                onClick: g[3] || (g[3] = //@ts-ignore
-                (...S) => l(_) && l(_)(...S)),
-                onKeydown: g[4] || (g[4] = //@ts-ignore
-                (...S) => l(_) && l(_)(...S))
+                onClick: S[3] || (S[3] = //@ts-ignore
+                (...j) => l(L) && l(L)(...j)),
+                onKeydown: S[4] || (S[4] = //@ts-ignore
+                (...j) => l(L) && l(L)(...j))
               }, [
-                On,
-                B(l(ie), {
+                An,
+                V(l(ue), {
                   class: "h-5 w-5 text-foreground",
                   "aria-hidden": "true"
                 })
-              ], 32)) : I("", !0),
+              ], 32)) : B("", !0),
               l(C) ? (a(), p("div", {
                 key: 1,
-                class: b([
+                class: g([
                   "pointer-events-none absolute top-[10px] right-0 flex items-center",
-                  e.showClear ? "pr-8" : "pr-2"
+                  Q.value ? "pr-8" : "pr-2"
                 ])
               }, [
-                B(l(Ce), {
+                V(l(we), {
                   class: "h-4 w-4 text-danger",
                   "aria-hidden": "true"
                 })
-              ], 2)) : I("", !0),
+              ], 2)) : B("", !0),
               e.showRequired && !l(C) ? (a(), p("div", {
                 key: 2,
-                class: b(["pointer-events-none absolute top-[2px] text-4xl right-0 flex items-center text-danger opacity-50", e.showClear ? "pr-8" : "pr-2"])
-              }, " * ", 2)) : I("", !0)
+                class: g(["pointer-events-none absolute top-[2px] text-4xl right-0 flex items-center text-danger opacity-50", Q.value ? "pr-8" : "pr-2"])
+              }, " * ", 2)) : B("", !0)
             ], 2),
-            B(l(Ze), {
+            V(l(Ze), {
               leave: "transition ease-in duration-100",
               "leave-from": "opacity-100",
               "leave-to": "opacity-0",
               class: "relative px-0.5"
             }, {
               default: P(() => [
-                B(l(ts), { class: "absolute top-1 max-h-60 w-full overflow-auto simple-scrollbar rounded-md bg-foundation-2 py-1 shadow label label--light outline outline-2 outline-primary-muted focus:outline-none" }, {
+                V(l(ss), { class: "absolute top-1 max-h-60 w-full overflow-auto simple-scrollbar rounded-md bg-foundation-2 py-1 shadow label label--light outline outline-2 outline-primary-muted focus:outline-none" }, {
                   default: P(() => [
-                    y.value ? (a(), p("div", {
+                    D.value ? (a(), p("div", {
                       key: 0,
-                      class: b(["px-1", L.value.length ? "mb-1" : ""])
+                      class: g(["px-1", b.value.length ? "mb-1" : ""])
                     }, [
-                      B(Ee, { loading: !0 })
-                    ], 2)) : I("", !0),
-                    !L.value.length && !y.value ? (a(), p("div", An, Tn)) : I("", !0),
-                    L.value.length ? (a(!0), p(q, { key: 2 }, K(L.value, (S) => (a(), j(l(ss), {
-                      key: S,
+                      V(Ue, { loading: !0 })
+                    ], 2)) : B("", !0),
+                    !b.value.length && !D.value ? (a(), p("div", Mn, Rn)) : B("", !0),
+                    b.value.length ? (a(!0), p(W, { key: 2 }, H(b.value, (j) => (a(), O(l(ls), {
+                      key: j,
                       as: "template",
-                      value: S
+                      value: j
                     }, {
-                      default: P(({ selected: A, active: W }) => [
+                      default: P(({ selected: K, active: J }) => [
                         u("li", {
-                          class: b(["relative cursor-pointer select-none py-1.5 pl-3", {
-                            "text-primary": W,
-                            "text-foreground": !W
+                          class: g(["relative cursor-pointer select-none py-1.5 pl-3", {
+                            "text-primary": J,
+                            "text-foreground": !J
                           }])
                         }, [
                           u("span", {
-                            class: b(["block truncate", { "font-medium": A, "font-normal": !A }])
-                          }, V(S), 3),
-                          A ? (a(), p("span", {
+                            class: g(["block truncate", { "font-medium": K, "font-normal": !K }])
+                          }, _(j), 3),
+                          K ? (a(), p("span", {
                             key: 0,
-                            class: b(["absolute inset-y-0 right-0 flex items-center pr-4", { "text-primary": W, "text-foreground": !W }])
+                            class: g(["absolute inset-y-0 right-0 flex items-center pr-4", { "text-primary": J, "text-foreground": !J }])
                           }, [
-                            B(l(Je), {
+                            V(l(Je), {
                               class: "h-5 w-5",
                               "aria-hidden": "true"
                             })
-                          ], 2)) : I("", !0)
+                          ], 2)) : B("", !0)
                         ], 2)
                       ]),
                       _: 2
-                    }, 1032, ["value"]))), 128)) : I("", !0)
+                    }, 1032, ["value"]))), 128)) : B("", !0)
                   ]),
                   _: 1
                 })
@@ -3517,8 +3524,8 @@ const Ln = /* @__PURE__ */ R({
             l(m) && !l(M) ? (a(), p("p", {
               key: 0,
               id: l(m),
-              class: b(l(k))
-            }, V(l($)), 11, Rn)) : I("", !0)
+              class: g(l(x))
+            }, _(l($)), 11, zn)) : B("", !0)
           ]),
           _: 1
         }, 512)
@@ -3528,48 +3535,48 @@ const Ln = /* @__PURE__ */ R({
   }
 });
 export {
-  ya as CommonAlert,
-  ze as CommonBadge,
-  Ee as CommonLoadingBar,
-  Yn as CommonStepsBullet,
-  Jn as CommonStepsNumber,
-  os as CommonTextLink,
-  ue as FormButton,
-  Zn as FormCardButton,
-  ea as FormCheckbox,
-  aa as FormSelectBadges,
+  xa as CommonAlert,
+  De as CommonBadge,
+  Ue as CommonLoadingBar,
+  Zn as CommonStepsBullet,
+  Yn as CommonStepsNumber,
+  rs as CommonTextLink,
+  de as FormButton,
+  ea as FormCardButton,
+  ta as FormCheckbox,
+  oa as FormSelectBadges,
   at as FormSelectBase,
-  na as FormSelectSourceApps,
-  oa as FormSwitch,
-  ka as FormTags,
-  ta as FormTextArea,
-  sa as FormTextInput,
-  Nn as GlobalToastRenderer,
-  ae as GridListToggleValue,
+  aa as FormSelectSourceApps,
+  ra as FormSwitch,
+  wa as FormTags,
+  sa as FormTextArea,
+  la as FormTextInput,
+  Jn as GlobalToastRenderer,
+  oe as GridListToggleValue,
   Pe as HorizontalDirection,
-  va as InfiniteLoading,
-  ca as LayoutDialog,
-  da as LayoutDisclosure,
-  fa as LayoutGridListToggle,
-  ha as LayoutMenu,
-  ba as LayoutPanel,
+  ba as InfiniteLoading,
+  da as LayoutDialog,
+  fa as LayoutDisclosure,
+  pa as LayoutGridListToggle,
+  ma as LayoutMenu,
+  ya as LayoutPanel,
   ga as LayoutTable,
-  ma as LayoutTabs,
+  va as LayoutTabs,
   me as ModifierKeys,
-  ql as SourceAppBadge,
+  Wl as SourceAppBadge,
   he as TailwindBreakpoints,
-  un as ThrottleOrDebounce,
+  cn as ThrottleOrDebounce,
   pe as ToastNotificationType,
-  la as ValidationHelpers,
-  Ve as clientOs,
-  ra as getKeyboardShortcutTitle,
-  ia as onKeyboardShortcut,
-  ua as useFormCheckboxModel,
+  na as ValidationHelpers,
+  _e as clientOs,
+  ia as getKeyboardShortcutTitle,
+  ua as onKeyboardShortcut,
+  ca as useFormCheckboxModel,
   nt as useFormSelectChildInternals,
-  pa as useOnBeforeWindowUnload,
-  dn as useResponsiveHorizontalDirectionCalculation,
-  cn as useWindowResizeHandler,
-  Cl as useWrappingContainerHiddenCount,
-  xa as writableAsyncComputed
+  ha as useOnBeforeWindowUnload,
+  fn as useResponsiveHorizontalDirectionCalculation,
+  dn as useWindowResizeHandler,
+  $l as useWrappingContainerHiddenCount,
+  ka as writableAsyncComputed
 };
 //# sourceMappingURL=lib.js.map