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

package/dist/lib.js

@@ -1,19 +1,19 @@
-import { defineComponent as O, resolveDynamicComponent as W, computed as c, openBlock as l, createBlock as P, unref as t, normalizeClass as v, withCtx as B, createCommentVNode as $, renderSlot as R, createTextVNode as T, createElementBlock as h, createElementVNode as u, createVNode as I, Transition as ce, toDisplayString as _, toRefs as Z, Fragment as U, renderList as H, pushScopeId as _e, popScopeId as Se, ref as A, mergeProps as ne, onMounted as ee, withDirectives as te, isRef as le, vModelText as Ie, useSlots as ze, vModelDynamic as Ee, watch as Y, withModifiers as Be, normalizeStyle as oe, onBeforeUnmount as Le } from "vue";
-import { isObjectLike as Ce, clamp as we, isString as se, isUndefined as X, isArray as E, debounce as Pe, throttle as We } from "lodash";
-import { ArrowPathIcon as Ue, ChevronUpIcon as je, ChevronDownIcon as qe, XMarkIcon as He, MagnifyingGlassIcon as Ge, CheckIcon as Ke, Bars3Icon as Xe, Squares2X2Icon as Ne } from "@heroicons/vue/24/solid";
+import { defineComponent as O, resolveDynamicComponent as U, computed as c, openBlock as l, createBlock as P, unref as t, normalizeClass as v, withCtx as B, createCommentVNode as _, renderSlot as R, createTextVNode as T, createElementBlock as h, createElementVNode as u, createVNode as I, Transition as de, toDisplayString as S, toRefs as Z, Fragment as q, renderList as H, pushScopeId as _e, popScopeId as Se, ref as A, mergeProps as ne, onMounted as ee, withDirectives as te, isRef as le, vModelText as Ie, useSlots as Fe, vModelDynamic as Ee, watch as Y, withModifiers as Be, normalizeStyle as oe, onBeforeUnmount as Le } from "vue";
+import { isObjectLike as Ce, clamp as we, isString as se, isUndefined as X, isArray as W, debounce as Pe, throttle as We } from "lodash";
+import { ArrowPathIcon as Ue, ChevronUpIcon as Ve, ChevronDownIcon as qe, XMarkIcon as He, MagnifyingGlassIcon as Ge, CheckIcon as Ke, Bars3Icon as Xe, Squares2X2Icon as Ne } from "@heroicons/vue/24/solid";
 import { CheckCircleIcon as Je, XCircleIcon as Qe, ExclamationCircleIcon as Ye, InformationCircleIcon as Ze, XMarkIcon as et, CheckIcon as tt, ExclamationTriangleIcon as st } from "@heroicons/vue/24/outline";
-import { XMarkIcon as de, CheckIcon as nt, CheckCircleIcon as lt, ExclamationCircleIcon as Ve, EnvelopeIcon as at, KeyIcon as ot } from "@heroicons/vue/20/solid";
+import { XMarkIcon as ce, CheckIcon as nt, CheckCircleIcon as lt, ExclamationCircleIcon as je, EnvelopeIcon as at, KeyIcon as ot } from "@heroicons/vue/20/solid";
 import { useField as fe } from "vee-validate";
 import { nanoid as pe } from "nanoid";
 import { isNullOrUndefined as rt, SourceApps as it, getClientOperatingSystem as ut, OperatingSystem as re } from "@speckle/shared";
-import { useResizeObserver as ct, useMutationObserver as dt, onKeyDown as ft, isClient as he } from "@vueuse/core";
+import { useResizeObserver as dt, useMutationObserver as ct, onKeyDown as ft, isClient as he } from "@vueuse/core";
 import { Listbox as pt, ListboxLabel as ht, ListboxButton as mt, ListboxOptions as gt, ListboxOption as yt, TransitionRoot as vt, Dialog as bt, TransitionChild as $e, DialogPanel as xt, Disclosure as kt, DisclosureButton as Ct, DisclosurePanel as wt, Menu as $t, MenuButton as _t, MenuItems as St, MenuItem as It } from "@headlessui/vue";
 import { directive as Bt } from "vue-tippy";
 import Lt from "v3-infinite-loading";
 const Pt = {
   key: 2,
   style: { margin: "0 !important", width: "0.01px" }
-}, jt = /* @__PURE__ */ O({
+}, Vt = /* @__PURE__ */ O({
   __name: "Button",
   props: {
     /**
@@ -141,7 +141,7 @@ const Pt = {
   },
   emits: ["click"],
   setup(e, { emit: s }) {
-    const n = e, o = W("NuxtLink"), a = W("RouterLink"), r = c(() => n.linkComponent ? n.linkComponent : n.external ? "a" : Ce(o) ? o : Ce(a) ? a : "a"), d = c(() => {
+    const n = e, o = U("NuxtLink"), a = U("RouterLink"), r = c(() => n.linkComponent ? n.linkComponent : n.external ? "a" : Ce(o) ? o : Ce(a) ? a : "a"), d = c(() => {
       if (!n.to)
         return n.submit ? "submit" : "button";
     }), i = c(() => n.disabled || n.loading), y = c(() => n.loading ? Ue : n.iconLeft), f = c(() => {
@@ -272,7 +272,7 @@ const Pt = {
         case "base":
           return "h-8 text-base font-medium xxx-tracking-wide";
       }
-    }), j = c(() => {
+    }), V = c(() => {
       switch (n.size) {
         case "xs":
           return "px-1";
@@ -286,28 +286,28 @@ const Pt = {
         case "base":
           return "px-3";
       }
-    }), x = c(() => {
+    }), L = c(() => {
       const p = [];
       return n.fullWidth && p.push("w-full"), i.value && p.push("cursor-not-allowed"), p.join(" ");
-    }), L = c(() => {
+    }), $ = c(() => {
       const p = [];
       return !i.value && !n.link && !n.text && p.push("active:scale-[0.97]"), !i.value && n.link && p.push(
         "underline decoration-transparent decoration-2 underline-offset-4	hover:decoration-inherit"
       ), p.join(" ");
-    }), S = c(() => {
+    }), C = c(() => {
       const p = n.link || n.text;
       return [
         "transition inline-flex justify-center items-center space-x-2 outline-none select-none",
-        x.value,
+        L.value,
         b.value,
         w.value,
         p ? "" : f.value,
         p ? "" : g.value,
         p ? "" : m.value,
-        n.link ? "" : j.value,
-        L.value
+        n.link ? "" : V.value,
+        $.value
       ].join(" ");
-    }), C = c(() => {
+    }), x = c(() => {
       const p = [""];
       switch (n.loading && p.push("animate-spin"), n.size) {
         case "xs":
@@ -328,35 +328,35 @@ const Pt = {
           break;
       }
       return p.join(" ");
-    }), q = (p) => {
+    }), E = (p) => {
       if (i.value) {
         p.preventDefault(), p.stopPropagation(), p.stopImmediatePropagation();
         return;
       }
       s("click", p);
     };
-    return (p, V) => (l(), P(W(e.to ? t(r) : "button"), {
+    return (p, j) => (l(), P(U(e.to ? t(r) : "button"), {
       href: e.to,
       to: e.to,
       type: t(d),
       external: e.external,
-      class: v(t(S)),
+      class: v(t(C)),
       disabled: t(i),
       role: "button",
-      onClick: q
+      onClick: E
     }, {
       default: B(() => [
-        t(y) ? (l(), P(W(t(y)), {
+        t(y) ? (l(), P(U(t(y)), {
           key: 0,
-          class: v(`${t(C)} ${e.hideText ? "" : "mr-2"}`)
-        }, null, 8, ["class"])) : $("", !0),
+          class: v(`${t(x)} ${e.hideText ? "" : "mr-2"}`)
+        }, null, 8, ["class"])) : _("", !0),
         e.hideText ? (l(), h("div", Pt, "   ")) : R(p.$slots, "default", { key: 1 }, () => [
           T("Button")
         ], !0),
-        e.iconRight || !e.loading ? (l(), P(W(e.iconRight), {
+        e.iconRight || !e.loading ? (l(), P(U(e.iconRight), {
           key: 3,
-          class: v(`${t(C)} ${e.hideText ? "" : "ml-2"}`)
-        }, null, 8, ["class"])) : $("", !0)
+          class: v(`${t(x)} ${e.hideText ? "" : "ml-2"}`)
+        }, null, 8, ["class"])) : _("", !0)
       ]),
       _: 3
     }, 8, ["href", "to", "type", "external", "class", "disabled"]));
@@ -367,7 +367,7 @@ const me = (e, s) => {
   for (const [o, a] of s)
     n[o] = a;
   return n;
-}, ge = /* @__PURE__ */ me(jt, [["__scopeId", "data-v-da9a3400"]]), Vt = /* @__PURE__ */ O({
+}, ge = /* @__PURE__ */ me(Vt, [["__scopeId", "data-v-da9a3400"]]), jt = /* @__PURE__ */ O({
   __name: "Link",
   props: {
     to: {
@@ -453,7 +453,7 @@ const Ot = {
 }, Mt = { class: "flex w-full flex-col items-center space-y-4 sm:items-end" }, At = {
   key: 0,
   class: "pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-foundation text-foreground shadow-lg ring-1 ring-primary-muted ring-opacity-5"
-}, Dt = { class: "p-4" }, Rt = { class: "flex items-start" }, Tt = { class: "flex-shrink-0" }, Ft = { class: "ml-2 w-0 flex-1 flex flex-col" }, zt = {
+}, Dt = { class: "p-4" }, Rt = { class: "flex items-start" }, Tt = { class: "flex-shrink-0" }, zt = { class: "ml-2 w-0 flex-1 flex flex-col" }, Ft = {
   key: 0,
   class: "text-foreground font-bold"
 }, Et = {
@@ -482,7 +482,7 @@ const Ot = {
     };
     return (d, i) => (l(), h("div", Ot, [
       u("div", Mt, [
-        I(ce, {
+        I(de, {
           "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",
@@ -511,24 +511,24 @@ const Ot = {
                       key: 3,
                       class: "h-6 w-6 text-info",
                       "aria-hidden": "true"
-                    })) : $("", !0)
+                    })) : _("", !0)
                   ]),
-                  u("div", Ft, [
-                    e.notification.title ? (l(), h("p", zt, _(e.notification.title), 1)) : $("", !0),
-                    e.notification.description ? (l(), h("p", Et, _(e.notification.description), 1)) : $("", !0),
+                  u("div", zt, [
+                    e.notification.title ? (l(), h("p", Ft, S(e.notification.title), 1)) : _("", !0),
+                    e.notification.description ? (l(), h("p", Et, S(e.notification.description), 1)) : _("", !0),
                     e.notification.cta ? (l(), h("div", Wt, [
-                      I(Vt, {
+                      I(jt, {
                         to: e.notification.cta.url,
                         class: "label",
                         primary: "",
                         onClick: r
                       }, {
                         default: B(() => [
-                          T(_(e.notification.cta.title), 1)
+                          T(S(e.notification.cta.title), 1)
                         ]),
                         _: 1
                       }, 8, ["to"])
-                    ])) : $("", !0)
+                    ])) : _("", !0)
                   ]),
                   u("div", {
                     class: v(["ml-4 flex flex-shrink-0", { "self-center": t(o) }])
@@ -539,7 +539,7 @@ const Ot = {
                       onClick: a
                     }, [
                       Ut,
-                      I(t(de), {
+                      I(t(ce), {
                         class: "h-6 w-6",
                         "aria-hidden": "true"
                       })
@@ -547,7 +547,7 @@ const Ot = {
                   ], 2)
                 ])
               ])
-            ])) : $("", !0)
+            ])) : _("", !0)
           ]),
           _: 1
         })
@@ -611,7 +611,7 @@ const Ot = {
         class: v(t(i)),
         fill: "currentColor",
         viewBox: "0 0 8 8"
-      }, Ht, 2)) : $("", !0),
+      }, Ht, 2)) : _("", !0),
       R(f.$slots, "default", {}, () => [
         T("Badge")
       ]),
@@ -620,56 +620,64 @@ const Ot = {
         class: v(t(d)),
         onClick: w[0] || (w[0] = (g) => y(g))
       }, [
-        (l(), P(W(e.iconLeft), {
+        (l(), P(U(e.iconLeft), {
           class: v(["h-4 w-4", t(a)])
         }, null, 8, ["class"]))
-      ], 2)) : $("", !0)
+      ], 2)) : _("", !0)
     ], 2));
   }
 });
 var J = /* @__PURE__ */ ((e) => (e[e.sm = 640] = "sm", e[e.md = 746] = "md", e[e.lg = 1024] = "lg", e[e.xl = 1280] = "xl", e[e["2xl"] = 1536] = "2xl", e))(J || {});
 function Oe(e) {
   const {
-    props: { modelValue: s, steps: n, orientation: o, goVerticalBelow: a, nonInteractive: r },
-    emit: d
-  } = e, i = c(
+    props: {
+      modelValue: s,
+      steps: n,
+      orientation: o,
+      goVerticalBelow: a,
+      nonInteractive: r,
+      stepsPadding: d
+    },
+    emit: i
+  } = e, y = c(
     () => (o == null ? void 0 : o.value) === "vertical" ? "vertical" : "horizontal"
-  ), y = c({
+  ), f = c({
     get: () => we((s == null ? void 0 : s.value) || 0, -1, n.value.length),
-    set: (x) => d("update:modelValue", we(x, 0, n.value.length))
-  }), f = (x) => `${x + 1}`, w = (x) => x === y.value, g = (x) => x < y.value, m = (x, L) => {
-    var C;
+    set: ($) => i("update:modelValue", we($, 0, n.value.length))
+  }), w = ($) => `${$ + 1}`, g = ($) => $ === f.value, m = ($) => $ < f.value, b = ($, C) => {
+    var E;
     if (r != null && r.value) {
-      L == null || L.preventDefault(), L == null || L.stopPropagation(), L == null || L.stopImmediatePropagation();
+      C == null || C.preventDefault(), C == null || C.stopPropagation(), C == null || C.stopImmediatePropagation();
       return;
     }
-    y.value = x;
-    const S = n.value[y.value];
-    (C = S == null ? void 0 : S.onClick) == null || C.call(S);
-  }, b = c(() => {
-    const x = ["flex"];
-    return x.push("flex"), i.value === "vertical" || a != null && a.value ? (x.push("flex-col space-y-4 justify-center"), (a == null ? void 0 : a.value) === J.sm ? x.push(
-      "sm:flex-row sm:space-y-0 sm:justify-start sm:space-x-8 sm:items-center"
-    ) : (a == null ? void 0 : a.value) === J.md ? x.push(
-      "md:flex-row md:space-y-0 md:justify-start md:space-x-8 md:items-center"
-    ) : (a == null ? void 0 : a.value) === J.lg ? x.push(
-      "lg:flex-row lg:space-y-0 lg:justify-start lg:space-x-8 lg:items-center"
-    ) : (a == null ? void 0 : a.value) === J.xl && x.push(
-      "xl:flex-row xl:space-y-0 xl:justify-start xl:space-x-8 xl:items-center"
-    )) : x.push("flex-row space-x-8 items-center"), x.join(" ");
-  }), j = c(() => {
-    const x = ["flex items-center"];
-    return r != null && r.value || x.push("cursor-pointer"), x.join(" ");
+    f.value = $;
+    const x = n.value[f.value];
+    (E = x == null ? void 0 : x.onClick) == null || E.call(x);
+  }, V = c(() => {
+    const $ = ["flex"];
+    let C, x;
+    return (d == null ? void 0 : d.value) === "xs" ? (C = "space-x-2", x = "space-y-1") : (d == null ? void 0 : d.value) === "sm" ? (C = "space-x-4", x = "space-y-1") : (C = "space-x-8", x = "space-y-4"), $.push("flex"), y.value === "vertical" || a != null && a.value ? ($.push(`flex-col ${x} justify-center`), (a == null ? void 0 : a.value) === J.sm ? $.push(
+      `sm:flex-row sm:space-y-0 sm:justify-start sm:${C} sm:items-center`
+    ) : (a == null ? void 0 : a.value) === J.md ? $.push(
+      `md:flex-row md:space-y-0 md:justify-start md:${C} md:items-center`
+    ) : (a == null ? void 0 : a.value) === J.lg ? $.push(
+      `lg:flex-row lg:space-y-0 lg:justify-start lg:${C} lg:items-center`
+    ) : (a == null ? void 0 : a.value) === J.xl && $.push(
+      `xl:flex-row xl:space-y-0 xl:justify-start xl:${C} xl:items-center`
+    )) : $.push(`flex-row ${C} items-center`), $.join(" ");
+  }), L = c(() => {
+    const $ = ["flex items-center"];
+    return r != null && r.value || $.push("cursor-pointer"), $.join(" ");
   });
   return {
-    value: y,
-    isCurrentStep: w,
-    isFinishedStep: g,
-    switchStep: m,
-    getStepDisplayValue: f,
-    listClasses: b,
-    linkClasses: j,
-    orientation: i
+    value: f,
+    isCurrentStep: g,
+    isFinishedStep: m,
+    switchStep: b,
+    getStepDisplayValue: w,
+    listClasses: V,
+    linkClasses: L,
+    orientation: y
   };
 }
 const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, Jt = { class: "shrink-0 h-8 w-8 rounded-full bg-primary-focus text-foreground-on-primary inline-flex items-center justify-center" }, Qt = { class: "flex flex-col" }, Yt = {
@@ -689,7 +697,8 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
     steps: null,
     modelValue: null,
     goVerticalBelow: null,
-    nonInteractive: { type: Boolean }
+    nonInteractive: { type: Boolean },
+    stepsPadding: null
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
@@ -711,7 +720,7 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
       u("ol", {
         class: v(t(i))
       }, [
-        (l(!0), h(U, null, H(e.steps, (g, m) => (l(), h("li", {
+        (l(!0), h(q, null, H(e.steps, (g, m) => (l(), h("li", {
           key: g.name
         }, [
           t(a)(m) ? (l(), h("a", {
@@ -725,8 +734,8 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
                 I(t(nt), { class: "w-5 h-5" })
               ]),
               u("div", Qt, [
-                u("div", null, _(g.name), 1),
-                g.description ? (l(), h("div", Yt, _(g.description), 1)) : $("", !0)
+                u("div", null, S(g.name), 1),
+                g.description ? (l(), h("div", Yt, S(g.description), 1)) : _("", !0)
               ])
             ])
           ], 10, Xt)) : t(o)(m) ? (l(), h("a", {
@@ -737,10 +746,10 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
             onClick: (b) => t(r)(m, b)
           }, [
             u("div", es, [
-              u("div", ts, _(t(d)(m)), 1),
+              u("div", ts, S(t(d)(m)), 1),
               u("div", ss, [
-                u("div", null, _(g.name), 1),
-                g.description ? (l(), h("div", ns, _(g.description), 1)) : $("", !0)
+                u("div", null, S(g.name), 1),
+                g.description ? (l(), h("div", ns, S(g.description), 1)) : _("", !0)
               ])
             ])
           ], 10, Zt)) : (l(), h("a", {
@@ -750,10 +759,10 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
             onClick: (b) => t(r)(m, b)
           }, [
             u("div", as, [
-              u("div", os, _(t(d)(m)), 1),
+              u("div", os, S(t(d)(m)), 1),
               u("div", rs, [
-                u("div", null, _(g.name), 1),
-                g.description ? (l(), h("div", is, _(g.description), 1)) : $("", !0)
+                u("div", null, S(g.name), 1),
+                g.description ? (l(), h("div", is, S(g.description), 1)) : _("", !0)
               ])
             ])
           ], 10, ls))
@@ -761,7 +770,7 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
       ], 2)
     ], 8, Kt));
   }
-}), Me = (e) => (_e("data-v-56fc6520"), e = e(), Se(), e), us = ["aria-label"], cs = ["href", "onClick"], ds = { class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center" }, fs = {
+}), Me = (e) => (_e("data-v-9dd7b659"), e = e(), Se(), e), us = ["aria-label"], ds = ["href", "onClick"], cs = { class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center" }, fs = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground-2"
 }, ps = ["href", "onClick"], hs = {
@@ -788,7 +797,8 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
     steps: null,
     modelValue: null,
     goVerticalBelow: null,
-    nonInteractive: { type: Boolean }
+    nonInteractive: { type: Boolean },
+    stepsPadding: null
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
@@ -796,8 +806,9 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
       props: Z(n),
       emit: s
     }), y = c(() => {
-      const f = ["ml-3 h6 font-medium leading-7"];
-      return n.basic && f.push("sr-only"), f.join(" ");
+      const f = ["h6 font-medium leading-7"];
+      let w;
+      return n.stepsPadding === "xs" ? w = "ml-1" : n.stepsPadding === "sm" ? w = "ml-2" : w = "ml-3", f.push(w), n.basic && f.push("sr-only"), f.join(" ");
     });
     return (f, w) => (l(), h("nav", {
       class: "flex justify-center",
@@ -806,7 +817,7 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
       u("ol", {
         class: v([t(d), e.basic ? "basic" : ""])
       }, [
-        (l(!0), h(U, null, H(e.steps, (g, m) => (l(), h("li", {
+        (l(!0), h(q, null, H(e.steps, (g, m) => (l(), h("li", {
           key: g.name
         }, [
           t(a)(m) ? (l(), h("a", {
@@ -815,7 +826,7 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
             class: v(t(i)),
             onClick: (b) => t(r)(m, b)
           }, [
-            u("span", ds, [
+            u("span", cs, [
               e.basic ? (l(), h("span", fs)) : (l(), P(t(lt), {
                 key: 1,
                 class: "h-full w-full text-primary",
@@ -824,8 +835,8 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
             ]),
             u("span", {
               class: v(["text-foreground", t(y)])
-            }, _(g.name), 3)
-          ], 10, cs)) : t(o)(m) ? (l(), h("a", {
+            }, S(g.name), 3)
+          ], 10, ds)) : t(o)(m) ? (l(), h("a", {
             key: 1,
             href: g.href,
             class: v(t(i)),
@@ -833,14 +844,14 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
             onClick: (b) => t(r)(m, b)
           }, [
             u("span", hs, [
-              e.basic ? (l(), h("span", ms)) : (l(), h(U, { key: 1 }, [
+              e.basic ? (l(), h("span", ms)) : (l(), h(q, { key: 1 }, [
                 gs,
                 ys
               ], 64))
             ]),
             u("span", {
               class: v(["text-primary-focus", t(y)])
-            }, _(g.name), 3)
+            }, S(g.name), 3)
           ], 10, ps)) : (l(), h("a", {
             key: 2,
             href: g.href,
@@ -852,14 +863,14 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
             ]),
             u("p", {
               class: v(["text-foreground-disabled", t(y)])
-            }, _(g.name), 3)
+            }, S(g.name), 3)
           ], 10, vs))
         ]))), 128))
       ], 2)
     ], 8, us));
   }
 });
-const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-56fc6520"]]), ws = ["disabled"], ul = /* @__PURE__ */ O({
+const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-9dd7b659"]]), ws = ["disabled"], ul = /* @__PURE__ */ O({
   __name: "CardButton",
   props: {
     disabled: { type: Boolean },
@@ -898,10 +909,10 @@ const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-56fc6520"]]), ws = ["di
 }, Bs = ["for"], Ls = {
   key: 0,
   class: "text-danger ml-1"
-}, Ps = ["id"], js = O({
+}, Ps = ["id"], Vs = O({
   inheritAttrs: !1
-}), cl = /* @__PURE__ */ O({
-  ...js,
+}), dl = /* @__PURE__ */ O({
+  ...Vs,
   __name: "Checkbox",
   props: {
     /**
@@ -989,7 +1000,7 @@ const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-56fc6520"]]), ws = ["di
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const s = e, n = (x) => `${x}-${pe()}`, o = c(() => s.value || s.name), {
+    const s = e, n = (L) => `${L}-${pe()}`, o = c(() => s.value || s.name), {
       checked: a,
       errorMessage: r,
       handleChange: d
@@ -998,16 +1009,16 @@ const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-56fc6520"]]), ws = ["di
       type: "checkbox",
       checkedValue: o,
       initialValue: s.modelValue || void 0
-    }), i = (x) => {
-      s.disabled || d(x);
+    }), i = (L) => {
+      s.disabled || d(L);
     }, y = c(() => s.label || s.name), f = c(() => r.value ? "border-danger-lighter" : "border-foreground-4 "), w = c(() => s.description || r.value), g = c(() => `${s.name}-description`), m = c(() => {
-      const x = [];
-      return s.inlineDescription ? x.push("inline ml-2") : x.push("block"), r.value ? x.push("text-danger") : x.push("text-foreground-2"), x.join(" ");
-    }), b = A(n("checkbox")), j = c(() => s.id || b.value);
-    return (x, L) => (l(), h("div", $s, [
+      const L = [];
+      return s.inlineDescription ? L.push("inline ml-2") : L.push("block"), r.value ? L.push("text-danger") : L.push("text-foreground-2"), L.join(" ");
+    }), b = A(n("checkbox")), V = c(() => s.id || b.value);
+    return (L, $) => (l(), h("div", $s, [
       u("div", _s, [
         u("input", ne({
-          id: t(j),
+          id: t(V),
           checked: t(a),
           "aria-describedby": t(g),
           name: e.name,
@@ -1015,21 +1026,21 @@ const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-56fc6520"]]), ws = ["di
           disabled: e.disabled,
           type: "checkbox",
           class: ["h-4 w-4 rounded text-primary focus:ring-primary bg-foundation disabled:cursor-not-allowed disabled:bg-disabled disabled:text-disabled-2", t(f)]
-        }, x.$attrs, { onChange: i }), null, 16, Ss)
+        }, L.$attrs, { onChange: i }), null, 16, Ss)
       ]),
       u("div", Is, [
         u("label", {
-          for: t(j),
+          for: t(V),
           class: v(["font-medium text-foreground", { "sr-only": e.hideLabel }])
         }, [
-          u("span", null, _(t(y)), 1),
-          e.showRequired ? (l(), h("span", Ls, "*")) : $("", !0)
+          u("span", null, S(t(y)), 1),
+          e.showRequired ? (l(), h("span", Ls, "*")) : _("", !0)
         ], 10, Bs),
         t(w) ? (l(), h("p", {
           key: 0,
           id: t(g),
           class: v(t(m))
-        }, _(t(w)), 11, Ps)) : $("", !0)
+        }, S(t(w)), 11, Ps)) : _("", !0)
       ])
     ]));
   }
@@ -1040,53 +1051,53 @@ function Ae(e) {
     validateOnValueUpdate: t(s.validateOnValueUpdate),
     initialValue: t(s.modelValue) || void 0
   }), d = c(() => {
-    const C = ["block label text-foreground-2 mb-2"];
-    return t(s.showLabel) || C.push("sr-only"), C.join(" ");
+    const x = ["block label text-foreground-2 mb-2"];
+    return t(s.showLabel) || x.push("sr-only"), x.join(" ");
   }), i = c(() => {
-    const C = [
+    const x = [
       "block w-full rounded focus:outline-none text-foreground transition-all",
       "disabled:cursor-not-allowed disabled:bg-foundation-disabled disabled:text-disabled-muted",
       "placeholder:text-foreground-2"
     ];
-    return r.value ? C.push(
+    return r.value ? x.push(
       "border-2 border-danger text-danger-darker focus:border-danger focus:ring-danger"
-    ) : C.push("border-0 focus:ring-2 focus:ring-outline-2"), t(s.color) === "foundation" ? C.push("bg-foundation shadow-sm hover:shadow") : C.push("bg-foundation-page"), C.join(" ");
+    ) : x.push("border-0 focus:ring-2 focus:ring-outline-2"), t(s.color) === "foundation" ? x.push("bg-foundation shadow-sm hover:shadow") : x.push("bg-foundation-page"), x.join(" ");
   }), y = A(pe()), f = c(() => t(s.label) || t(s.name)), w = c(() => {
-    const C = r.value;
-    return !C || !t(s.useLabelInErrors) ? C : C.replace("Value", f.value);
+    const x = r.value;
+    return !x || !t(s.useLabelInErrors) ? x : x.replace("Value", f.value);
   }), g = c(
     () => w.value && t(s.hideErrorMessage)
-  ), m = c(() => w.value || t(s.help)), b = c(() => !!m.value), j = c(
+  ), m = c(() => w.value || t(s.help)), b = c(() => !!m.value), V = c(
     () => b.value ? `${t(s.name)}-${y.value}` : void 0
-  ), x = c(() => {
-    const C = ["mt-2 text-sm"];
-    return C.push(r.value ? "text-danger" : "text-foreground-2"), C.join(" ");
-  }), L = () => {
-    var C;
-    (C = n.value) == null || C.focus();
-  }, S = () => {
+  ), L = c(() => {
+    const x = ["mt-2 text-sm"];
+    return x.push(r.value ? "text-danger" : "text-foreground-2"), x.join(" ");
+  }), $ = () => {
+    var x;
+    (x = n.value) == null || x.focus();
+  }, C = () => {
     a.value = "", o("change", { value: "" }), o("clear");
   };
   return ee(() => {
-    t(s.autoFocus) && L();
+    t(s.autoFocus) && $();
   }), {
     coreClasses: i,
     title: f,
     value: a,
-    helpTipId: j,
-    helpTipClasses: x,
+    helpTipId: V,
+    helpTipClasses: L,
     helpTip: m,
     hideHelpTip: g,
     errorMessage: w,
-    clear: S,
-    focus: L,
+    clear: C,
+    focus: $,
     labelClasses: d
   };
 }
-const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], As = /* @__PURE__ */ u("span", { class: "text-xs sr-only" }, "Clear input", -1), Ds = {
+const js = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], As = /* @__PURE__ */ u("span", { class: "text-xs sr-only" }, "Clear input", -1), Ds = {
   key: 2,
   class: "pointer-events-none absolute inset-y-0 mt-3 text-4xl right-0 flex items-center pr-2 text-danger opacity-50"
-}, Rs = ["id"], dl = /* @__PURE__ */ O({
+}, Rs = ["id"], cl = /* @__PURE__ */ O({
   __name: "TextArea",
   props: {
     name: null,
@@ -1118,39 +1129,39 @@ const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
       errorMessage: g,
       labelClasses: m,
       clear: b,
-      focus: j
+      focus: V
     } = Ae({
       props: Z(o),
       emit: n,
       inputEl: a
-    }), x = c(() => {
-      const L = ["pl-2"];
-      return o.showClear && g.value ? L.push("pr-12") : (o.showClear || g.value) && L.push("pr-8"), L.join(" ");
+    }), L = c(() => {
+      const $ = ["pl-2"];
+      return o.showClear && g.value ? $.push("pr-12") : (o.showClear || g.value) && $.push("pr-8"), $.join(" ");
     });
-    return s({ focus: j }), (L, S) => (l(), h("div", {
+    return s({ focus: V }), ($, C) => (l(), h("div", {
       class: v([e.fullWidth ? "w-full" : ""])
     }, [
       u("label", {
         for: e.name,
         class: v(t(m))
       }, [
-        u("span", null, _(t(d)), 1)
-      ], 10, Vs),
+        u("span", null, S(t(d)), 1)
+      ], 10, js),
       u("div", Os, [
         te(u("textarea", ne({
           id: e.name,
           ref_key: "inputElement",
           ref: a,
-          "onUpdate:modelValue": S[0] || (S[0] = (C) => le(i) ? i.value = C : null),
+          "onUpdate:modelValue": C[0] || (C[0] = (x) => le(i) ? i.value = x : null),
           name: e.name,
-          class: [t(r), t(x), "min-h-[4rem]"],
+          class: [t(r), t(L), "min-h-[4rem]"],
           placeholder: e.placeholder,
           disabled: e.disabled,
           "aria-invalid": t(g) ? "true" : "false",
           "aria-describedby": t(y)
-        }, L.$attrs, {
-          onChange: S[1] || (S[1] = (C) => L.$emit("change", { event: C, value: t(i) })),
-          onInput: S[2] || (S[2] = (C) => L.$emit("input", { event: C, value: t(i) }))
+        }, $.$attrs, {
+          onChange: C[1] || (C[1] = (x) => $.$emit("change", { event: x, value: t(i) })),
+          onInput: C[2] || (C[2] = (x) => $.$emit("input", { event: x, value: t(i) }))
         }), null, 16, Ms), [
           [Ie, t(i)]
         ]),
@@ -1158,17 +1169,17 @@ const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
           key: 0,
           title: "Clear input",
           class: "absolute top-2 right-0 flex items-center pr-2 cursor-pointer",
-          onClick: S[3] || (S[3] = //@ts-ignore
-          (...C) => t(b) && t(b)(...C)),
-          onKeydown: S[4] || (S[4] = //@ts-ignore
-          (...C) => t(b) && t(b)(...C))
+          onClick: C[3] || (C[3] = //@ts-ignore
+          (...x) => t(b) && t(b)(...x)),
+          onKeydown: C[4] || (C[4] = //@ts-ignore
+          (...x) => t(b) && t(b)(...x))
         }, [
           As,
-          I(t(de), {
+          I(t(ce), {
             class: "h-5 w-5 text-foreground",
             "aria-hidden": "true"
           })
-        ], 32)) : $("", !0),
+        ], 32)) : _("", !0),
         t(g) ? (l(), h("div", {
           key: 1,
           class: v([
@@ -1176,21 +1187,21 @@ const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
             e.showClear ? "pr-8" : "pr-2"
           ])
         }, [
-          I(t(Ve), {
+          I(t(je), {
             class: "h-4 w-4 text-danger",
             "aria-hidden": "true"
           })
-        ], 2)) : $("", !0),
-        e.showRequired && !t(g) ? (l(), h("div", Ds, " * ")) : $("", !0)
+        ], 2)) : _("", !0),
+        e.showRequired && !t(g) ? (l(), h("div", Ds, " * ")) : _("", !0)
       ]),
       t(y) ? (l(), h("p", {
         key: 0,
         id: t(y),
         class: v(t(f))
-      }, _(t(w)), 11, Rs)) : $("", !0)
+      }, S(t(w)), 11, Rs)) : _("", !0)
     ], 2));
   }
-}), Ts = ["for"], Fs = { class: "relative" }, zs = {
+}), Ts = ["for"], zs = { class: "relative" }, Fs = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2"
 }, Es = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], Ws = /* @__PURE__ */ u("span", { class: "text-xs sr-only" }, "Clear input", -1), Us = {
@@ -1335,7 +1346,7 @@ const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
   },
   emits: ["update:modelValue", "change", "input", "clear", "focusin", "focusout"],
   setup(e, { expose: s, emit: n }) {
-    const o = e, a = ze(), r = A(null), {
+    const o = e, a = Fe(), r = A(null), {
       coreClasses: d,
       title: i,
       value: y,
@@ -1344,21 +1355,21 @@ const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
       helpTip: g,
       hideHelpTip: m,
       errorMessage: b,
-      clear: j,
-      focus: x,
-      labelClasses: L
+      clear: V,
+      focus: L,
+      labelClasses: $
     } = Ae({
       props: Z(o),
       emit: n,
       inputEl: r
-    }), S = c(() => {
-      const V = ["h-5 w-5"];
-      return b.value ? V.push("text-danger") : V.push("text-foreground-2"), V.join(" ");
-    }), C = c(
+    }), C = c(() => {
+      const j = ["h-5 w-5"];
+      return b.value ? j.push("text-danger") : j.push("text-foreground-2"), j.join(" ");
+    }), x = c(
       () => ["email", "password"].includes(o.type) || o.customIcon
-    ), q = c(() => {
-      const V = [];
-      return C.value ? V.push("pl-8") : V.push("pl-2"), a["input-right"] || (b.value || o.showClear) && (b.value && o.showClear ? V.push("pr-12") : V.push("pr-8")), V.join(" ");
+    ), E = c(() => {
+      const j = [];
+      return x.value ? j.push("pl-8") : j.push("pl-2"), a["input-right"] || (b.value || o.showClear) && (b.value && o.showClear ? j.push("pr-12") : j.push("pr-8")), j.join(" ");
     }), p = c(() => {
       switch (o.size) {
         case "sm":
@@ -1372,66 +1383,66 @@ const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
           return "h-8";
       }
     });
-    return s({ focus: x }), (V, F) => (l(), h("div", {
+    return s({ focus: L }), (j, z) => (l(), h("div", {
       class: v([e.fullWidth ? "w-full" : "", e.wrapperClasses])
     }, [
       u("label", {
         for: e.name,
-        class: v(t(L))
+        class: v(t($))
       }, [
-        u("span", null, _(t(i)), 1)
+        u("span", null, S(t(i)), 1)
       ], 10, Ts),
-      u("div", Fs, [
-        t(C) ? (l(), h("div", zs, [
-          e.customIcon ? (l(), P(W(e.customIcon), {
+      u("div", zs, [
+        t(x) ? (l(), h("div", Fs, [
+          e.customIcon ? (l(), P(U(e.customIcon), {
             key: 0,
-            class: v(t(S)),
+            class: v(t(C)),
             "aria-hidden": "true"
           }, null, 8, ["class"])) : e.type === "email" ? (l(), P(t(at), {
             key: 1,
-            class: v(t(S)),
+            class: v(t(C)),
             "aria-hidden": "true"
           }, null, 8, ["class"])) : e.type === "password" ? (l(), P(t(ot), {
             key: 2,
-            class: v(t(S)),
+            class: v(t(C)),
             "aria-hidden": "true"
-          }, null, 8, ["class"])) : $("", !0)
-        ])) : $("", !0),
+          }, null, 8, ["class"])) : _("", !0)
+        ])) : _("", !0),
         te(u("input", ne({
           id: e.name,
           ref_key: "inputElement",
           ref: r,
-          "onUpdate:modelValue": F[0] || (F[0] = (M) => le(y) ? y.value = M : null),
+          "onUpdate:modelValue": z[0] || (z[0] = (M) => le(y) ? y.value = M : null),
           type: e.type,
           name: e.name,
-          class: [t(d), t(q), t(p), e.inputClasses || ""],
+          class: [t(d), t(E), t(p), e.inputClasses || ""],
           placeholder: e.placeholder,
           disabled: e.disabled,
           "aria-invalid": t(b) ? "true" : "false",
           "aria-describedby": t(f),
           role: "textbox"
-        }, V.$attrs, {
-          onChange: F[1] || (F[1] = (M) => V.$emit("change", { event: M, value: t(y) })),
-          onInput: F[2] || (F[2] = (M) => V.$emit("input", { event: M, value: t(y) }))
+        }, j.$attrs, {
+          onChange: z[1] || (z[1] = (M) => j.$emit("change", { event: M, value: t(y) })),
+          onInput: z[2] || (z[2] = (M) => j.$emit("input", { event: M, value: t(y) }))
         }), null, 16, Es), [
           [Ee, t(y)]
         ]),
-        R(V.$slots, "input-right", {}, () => [
+        R(j.$slots, "input-right", {}, () => [
           e.showClear ? (l(), h("a", {
             key: 0,
             title: "Clear input",
             class: "absolute inset-y-0 right-0 flex items-center pr-2 cursor-pointer",
-            onClick: F[3] || (F[3] = //@ts-ignore
-            (...M) => t(j) && t(j)(...M)),
-            onKeydown: F[4] || (F[4] = //@ts-ignore
-            (...M) => t(j) && t(j)(...M))
+            onClick: z[3] || (z[3] = //@ts-ignore
+            (...M) => t(V) && t(V)(...M)),
+            onKeydown: z[4] || (z[4] = //@ts-ignore
+            (...M) => t(V) && t(V)(...M))
           }, [
             Ws,
-            I(t(de), {
+            I(t(ce), {
               class: "h-5 w-5 text-foreground",
               "aria-hidden": "true"
             })
-          ], 32)) : $("", !0),
+          ], 32)) : _("", !0),
           t(b) ? (l(), h("div", {
             key: 1,
             class: v([
@@ -1439,19 +1450,19 @@ const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
               e.showClear ? "pr-8" : "pr-2"
             ])
           }, [
-            I(t(Ve), {
+            I(t(je), {
               class: "h-4 w-4 text-danger",
               "aria-hidden": "true"
             })
-          ], 2)) : $("", !0),
-          e.showRequired && !t(b) ? (l(), h("div", Us, " * ")) : $("", !0)
+          ], 2)) : _("", !0),
+          e.showRequired && !t(b) ? (l(), h("div", Us, " * ")) : _("", !0)
         ])
       ]),
       t(f) && !t(m) ? (l(), h("p", {
         key: 0,
         id: t(f),
         class: v(t(w))
-      }, _(t(g)), 11, qs)) : $("", !0)
+      }, S(t(g)), 11, qs)) : _("", !0)
     ], 2));
   }
 }), Gs = /^https?:\/\//, ye = /^[\w-_.+]+@[\w-_.+]+$/, Ks = (e) => (e || "").match(ye) ? !0 : "Value should be a valid e-mail address", Xs = (e) => (e || "").split(",").map((o) => o.trim()).every((o) => o.match(ye)) || "Value should be one or multiple comma-delimited e-mail addresses", Ns = (e) => (se(e) && (e = e.trim()), e ? !0 : "Value is required"), Js = (e, s) => (n, o) => n === o.form[e] ? !0 : `Value must be the same as in field '${s || e}'`, Qs = (e) => (s) => {
@@ -1485,12 +1496,12 @@ function Zs(e) {
     const f = y.children;
     let w = 0, g = 0, m;
     for (const b of f) {
-      const j = b.offsetTop;
-      X(m) ? (m = j, w += 1) : j === m && (w += 1), g += 1;
+      const V = b.offsetTop;
+      X(m) ? (m = V, w += 1) : V === m && (w += 1), g += 1;
     }
     d.value = g - w;
   };
-  return a && ct(n, i), r && dt(n, i, {
+  return a && dt(n, i), r && ct(n, i, {
     childList: !0,
     subtree: !0
   }), {
@@ -1516,25 +1527,25 @@ function en(e) {
     get: () => {
       var w, g;
       const f = (w = s.modelValue) == null ? void 0 : w.value;
-      return (g = s.multiple) != null && g.value ? E(f) ? f : [] : E(f) ? void 0 : f;
+      return (g = s.multiple) != null && g.value ? W(f) ? f : [] : W(f) ? void 0 : f;
     },
     set: (f) => {
       var w, g, m;
-      if ((w = s.multiple) != null && w.value && !E(f)) {
+      if ((w = s.multiple) != null && w.value && !W(f)) {
         console.warn("Attempting to set non-array value in selector w/ multiple=true");
         return;
-      } else if (!((g = s.multiple) != null && g.value) && E(f)) {
+      } else if (!((g = s.multiple) != null && g.value) && W(f)) {
         console.warn("Attempting to set array value in selector w/ multiple=false");
         return;
       }
       n("update:modelValue", (m = s.multiple) != null && m.value ? f || [] : f);
     }
-  }), d = (f) => E(f);
+  }), d = (f) => W(f);
   return {
     selectedValue: r,
     hiddenSelectedItemCount: a,
     isArrayValue: d,
-    isMultiItemArrayValue: (f) => E(f) && f.length > 1,
+    isMultiItemArrayValue: (f) => W(f) && f.length > 1,
     firstItem: (f) => d(f) ? f[0] : f
   };
 }
@@ -1554,10 +1565,10 @@ const tn = (e) => (_e("data-v-60cf597b"), e = e(), Se(), e), sn = /* @__PURE__ *
     }, nn, 2));
   }
 });
-const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { class: "flex items-center justify-between w-full" }, on = { class: "block truncate grow text-left" }, rn = { class: "pointer-events-none shrink-0 ml-1 flex items-center" }, un = ["disabled"], cn = {
+const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { class: "flex items-center justify-between w-full" }, on = { class: "block truncate grow text-left" }, rn = { class: "pointer-events-none shrink-0 ml-1 flex items-center" }, un = ["disabled"], dn = {
   key: 0,
   class: "flex flex-col mx-1 mb-1"
-}, dn = /* @__PURE__ */ u("span", { class: "sr-only label text-foreground" }, "Search", -1), fn = { class: "relative" }, pn = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, hn = ["placeholder"], mn = {
+}, cn = /* @__PURE__ */ u("span", { class: "sr-only label text-foreground" }, "Search", -1), fn = { class: "relative" }, pn = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, hn = ["placeholder"], mn = {
   key: 0,
   class: "px-1"
 }, gn = { key: 1 }, yn = /* @__PURE__ */ u("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), vn = {
@@ -1703,57 +1714,57 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
       return !k || !t(s.useLabelInErrors) ? k : k.replace("Value", f.value);
     }), g = c(() => w.value || t(s.help)), m = c(() => !!g.value), b = c(
       () => m.value ? `${t(s.name)}-${y.value}` : void 0
-    ), j = c(
+    ), V = c(
       () => o.value ? "text-danger" : "text-foreground-2"
-    ), x = c(
+    ), L = c(
       () => s.buttonStyle !== "simple" && s.clearable && !s.disabled
-    ), L = c(() => {
+    ), $ = c(() => {
       const k = ["relative flex group", s.showLabel ? "mt-1" : ""];
       return s.buttonStyle !== "simple" && (k.push("hover:shadow rounded-md"), k.push("outline outline-2 outline-primary-muted")), s.fixedHeight && k.push("h-8"), k.join(" ");
-    }), S = c(() => {
+    }), C = c(() => {
       const k = [];
       return s.buttonStyle !== "simple" && k.push(
-        F.value ? "bg-foundation-disabled text-foreground-disabled" : ""
-      ), F.value && k.push("cursor-not-allowed"), k.join(" ");
-    }), C = c(() => {
+        z.value ? "bg-foundation-disabled text-foreground-disabled" : ""
+      ), z.value && k.push("cursor-not-allowed"), k.join(" ");
+    }), x = c(() => {
       const k = [
         "relative z-[1]",
         "flex items-center justify-center text-center shrink-0",
         "rounded-r-md overflow-hidden transition-all",
-        ve.value ? `w-6 ${S.value}` : "w-0"
+        ve.value ? `w-6 ${C.value}` : "w-0"
       ];
-      return F.value || k.push(
+      return z.value || k.push(
         "bg-primary-muted hover:bg-primary hover:text-foreground-on-primary"
       ), k.join(" ");
-    }), q = c(() => {
+    }), E = c(() => {
       const k = [
         "relative z-[2]",
         "normal rounded-md cursor-pointer transition truncate flex-1",
         "flex items-center",
-        S.value
+        C.value
       ];
-      return s.buttonStyle !== "simple" && (k.push("py-2 px-3"), F.value || k.push("bg-foundation text-foreground")), x.value && ve.value && k.push("rounded-r-none"), k.join(" ");
+      return s.buttonStyle !== "simple" && (k.push("py-2 px-3"), z.value || k.push("bg-foundation text-foreground")), L.value && ve.value && k.push("rounded-r-none"), k.join(" ");
     }), p = c(
       () => !!(s.search && (s.filterPredicate || s.getSearchResults))
-    ), V = c(() => p.value && s.getSearchResults), F = c(
-      () => s.disabled || !s.items.length && !V.value
+    ), j = c(() => p.value && s.getSearchResults), z = c(
+      () => s.disabled || !s.items.length && !j.value
     ), M = c({
       get: () => {
         const k = n.value;
-        return s.multiple ? E(k) ? k : [] : E(k) ? void 0 : k;
+        return s.multiple ? W(k) ? k : [] : W(k) ? void 0 : k;
       },
       set: (k) => {
-        if (s.multiple && !E(k)) {
+        if (s.multiple && !W(k)) {
           console.warn("Attempting to set non-array value in selector w/ multiple=true");
           return;
-        } else if (!s.multiple && E(k)) {
+        } else if (!s.multiple && W(k)) {
           console.warn("Attempting to set array value in selector w/ multiple=false");
           return;
         }
         if (s.multiple)
           n.value = k || [];
         else {
-          const z = n.value, D = s.allowUnset && z && k && ae(z) === ae(k);
+          const F = n.value, D = s.allowUnset && F && k && ae(F) === ae(k);
           n.value = D ? void 0 : k;
         }
       }
@@ -1762,13 +1773,13 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
     }, Te = c(() => {
       const k = r.value;
       return !p.value || !(k != null && k.length) ? d.value : s.filterPredicate ? d.value.filter(
-        (z) => {
+        (F) => {
           var D;
-          return ((D = s.filterPredicate) == null ? void 0 : D.call(s, z, k)) || !1;
+          return ((D = s.filterPredicate) == null ? void 0 : D.call(s, F, k)) || !1;
         }
       ) : d.value;
     }), be = (k) => JSON.stringify(k), ae = (k) => s.by ? k[s.by] : k, xe = async () => {
-      if (console.log("triggerSearch"), !(!V.value || !s.getSearchResults)) {
+      if (console.log("triggerSearch"), !(!j.value || !s.getSearchResults)) {
         i.value = !0;
         try {
           d.value = await s.getSearchResults(r.value);
@@ -1776,7 +1787,7 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
           i.value = !1;
         }
       }
-    }, Fe = Pe(xe, 1e3);
+    }, ze = Pe(xe, 1e3);
     return Y(
       () => s.items,
       (k) => {
@@ -1784,17 +1795,17 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
       },
       { immediate: !0 }
     ), Y(r, () => {
-      V.value && Fe();
+      j.value && ze();
     }), ee(() => {
-      V.value && !s.items.length && xe();
-    }), (k, z) => (l(), h("div", null, [
+      j.value && !s.items.length && xe();
+    }), (k, F) => (l(), h("div", null, [
       I(t(pt), {
         modelValue: t(M),
-        "onUpdate:modelValue": z[4] || (z[4] = (D) => le(M) ? M.value = D : null),
+        "onUpdate:modelValue": F[4] || (F[4] = (D) => le(M) ? M.value = D : null),
         name: e.name,
         multiple: e.multiple,
         by: e.by,
-        disabled: t(F),
+        disabled: t(z),
         as: "div"
       }, {
         default: B(() => [
@@ -1802,30 +1813,30 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
             class: v(["block label text-foreground", { "sr-only": !e.showLabel }])
           }, {
             default: B(() => [
-              T(_(e.label), 1)
+              T(S(e.label), 1)
             ]),
             _: 1
           }, 8, ["class"]),
           u("div", {
-            class: v(t(L))
+            class: v(t($))
           }, [
             I(t(mt), {
-              class: v(t(q))
+              class: v(t(E))
             }, {
               default: B(({ open: D }) => [
                 u("div", an, [
                   u("div", on, [
-                    !t(M) || t(E)(t(M)) && !t(M).length ? R(k.$slots, "nothing-selected", { key: 0 }, () => [
-                      T(_(e.label), 1)
+                    !t(M) || t(W)(t(M)) && !t(M).length ? R(k.$slots, "nothing-selected", { key: 0 }, () => [
+                      T(S(e.label), 1)
                     ]) : R(k.$slots, "something-selected", {
                       key: 1,
                       value: t(M)
                     }, () => [
-                      T(_(be(t(M))), 1)
+                      T(S(be(t(M))), 1)
                     ])
                   ]),
                   u("div", rn, [
-                    D ? (l(), P(t(je), {
+                    D ? (l(), P(t(Ve), {
                       key: 0,
                       class: "h-4 w-4 text-foreground",
                       "aria-hidden": "true"
@@ -1839,17 +1850,17 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
               ]),
               _: 3
             }, 8, ["class"]),
-            t(x) ? te((l(), h("button", {
+            t(L) ? te((l(), h("button", {
               key: 0,
-              class: v(t(C)),
+              class: v(t(x)),
               disabled: e.disabled,
-              onClick: z[0] || (z[0] = (D) => Re())
+              onClick: F[0] || (F[0] = (D) => Re())
             }, [
               I(t(He), { class: "w-3 h-3" })
             ], 10, un)), [
               [t(Bt), "Clear"]
-            ]) : $("", !0),
-            I(ce, {
+            ]) : _("", !0),
+            I(de, {
               "leave-active-class": "transition ease-in duration-100",
               "leave-from-class": "opacity-100",
               "leave-to-class": "opacity-0"
@@ -1857,14 +1868,14 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
               default: B(() => [
                 I(t(gt), {
                   class: "absolute top-[100%] z-10 mt-1 w-full rounded-md bg-foundation-2 py-1 label label--light outline outline-2 outline-primary-muted focus:outline-none shadow",
-                  onFocus: z[3] || (z[3] = (D) => {
+                  onFocus: F[3] || (F[3] = (D) => {
                     var G;
                     return (G = a.value) == null ? void 0 : G.focus();
                   })
                 }, {
                   default: B(() => [
-                    t(p) ? (l(), h("label", cn, [
-                      dn,
+                    t(p) ? (l(), h("label", dn, [
+                      cn,
                       u("div", fn, [
                         u("div", pn, [
                           I(t(Ge), { class: "h-5 w-5 text-foreground" })
@@ -1872,28 +1883,28 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
                         te(u("input", {
                           ref_key: "searchInput",
                           ref: a,
-                          "onUpdate:modelValue": z[1] || (z[1] = (D) => r.value = D),
+                          "onUpdate:modelValue": F[1] || (F[1] = (D) => r.value = D),
                           type: "text",
                           class: "pl-9 w-full border-0 bg-foundation-page rounded placeholder:font-normal normal placeholder:text-foreground-2 focus:outline-none focus:ring-1 focus:border-outline-1 focus:ring-outline-1",
                           placeholder: e.searchPlaceholder,
-                          onKeydown: z[2] || (z[2] = Be(() => {
+                          onKeydown: F[2] || (F[2] = Be(() => {
                           }, ["stop"]))
                         }, null, 40, hn), [
                           [Ie, r.value]
                         ])
                       ])
-                    ])) : $("", !0),
+                    ])) : _("", !0),
                     u("div", {
                       class: v(["overflow-auto simple-scrollbar", [t(p) ? "max-h-52" : "max-h-60"]])
                     }, [
-                      t(V) && i.value ? (l(), h("div", mn, [
+                      t(j) && i.value ? (l(), h("div", mn, [
                         I(De, { loading: !0 })
-                      ])) : t(V) && !d.value.length ? (l(), h("div", gn, [
+                      ])) : t(j) && !d.value.length ? (l(), h("div", gn, [
                         R(k.$slots, "nothing-found", {}, () => [
                           yn
                         ])
-                      ])) : $("", !0),
-                      !t(V) || !i.value ? (l(!0), h(U, { key: 2 }, H(t(Te), (D) => (l(), P(t(yt), {
+                      ])) : _("", !0),
+                      !t(j) || !i.value ? (l(!0), h(q, { key: 2 }, H(t(Te), (D) => (l(), P(t(yt), {
                         key: ae(D),
                         value: D
                       }, {
@@ -1911,7 +1922,7 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
                                 active: G,
                                 selected: ke
                               }, () => [
-                                T(_(be(D)), 1)
+                                T(S(be(D)), 1)
                               ])
                             ]),
                             !e.hideCheckmarks && ke ? (l(), h("span", {
@@ -1925,11 +1936,11 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
                                 class: "h-5 w-5",
                                 "aria-hidden": "true"
                               })
-                            ], 2)) : $("", !0)
+                            ], 2)) : _("", !0)
                           ], 2)
                         ]),
                         _: 2
-                      }, 1032, ["value"]))), 128)) : $("", !0)
+                      }, 1032, ["value"]))), 128)) : _("", !0)
                     ], 2)
                   ]),
                   _: 3
@@ -1944,8 +1955,8 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
       t(b) ? (l(), h("p", {
         key: 0,
         id: t(b),
-        class: v(["mt-2 ml-3 text-sm", t(j)])
-      }, _(t(g)), 11, bn)) : $("", !0)
+        class: v(["mt-2 ml-3 text-sm", t(V)])
+      }, S(t(g)), 11, bn)) : _("", !0)
     ]));
   }
 }), kn = /* @__PURE__ */ O({
@@ -1960,7 +1971,7 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
       style: oe({ backgroundColor: e.sourceApp.bgColor })
     }, {
       default: B(() => [
-        T(_(e.sourceApp.short), 1)
+        T(S(e.sourceApp.short), 1)
       ]),
       _: 1
     }, 8, ["style"]));
@@ -2050,10 +2061,10 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
       by: "name"
     }, {
       "nothing-selected": B(() => [
-        e.selectorPlaceholder ? (l(), h(U, { key: 0 }, [
-          T(_(e.selectorPlaceholder), 1)
-        ], 64)) : (l(), h(U, { key: 1 }, [
-          T(_(e.multiple ? "Select apps" : "Select an app"), 1)
+        e.selectorPlaceholder ? (l(), h(q, { key: 0 }, [
+          T(S(e.selectorPlaceholder), 1)
+        ], 64)) : (l(), h(q, { key: 1 }, [
+          T(S(e.multiple ? "Select apps" : "Select an app"), 1)
         ], 64))
       ]),
       "something-selected": B(({ value: m }) => [
@@ -2068,18 +2079,18 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
             ref: a,
             class: "flex flex-wrap overflow-hidden space-x-0.5 h-5"
           }, [
-            (l(!0), h(U, null, H(m, (b) => (l(), P(kn, {
+            (l(!0), h(q, null, H(m, (b) => (l(), P(kn, {
               key: b.name,
               "source-app": b
             }, null, 8, ["source-app"]))), 128))
           ], 512),
-          t(d) > 0 ? (l(), h("div", Cn, " +" + _(t(d)), 1)) : $("", !0)
+          t(d) > 0 ? (l(), h("div", Cn, " +" + S(t(d)), 1)) : _("", !0)
         ], 512)) : (l(), h("div", wn, [
           u("div", {
             class: "h-2 w-2 rounded-full mr-2",
             style: oe({ backgroundColor: t(y)(m).bgColor })
           }, null, 4),
-          u("span", $n, _(t(y)(m).name), 1)
+          u("span", $n, S(t(y)(m).name), 1)
         ]))
       ]),
       option: B(({ item: m }) => [
@@ -2088,7 +2099,7 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
             class: "h-2 w-2 rounded-full mr-2",
             style: oe({ backgroundColor: m.bgColor })
           }, null, 4),
-          u("span", Sn, _(m.name), 1)
+          u("span", Sn, S(m.name), 1)
         ])
       ]),
       _: 1
@@ -2136,7 +2147,7 @@ function gl(e, ...s) {
     s[2]
   );
 }
-const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 dark:bg-neutral-900/70 transition-opacity" }, null, -1), Ln = { class: "fixed inset-0 z-10 overflow-y-auto" }, Pn = { class: "flex min-h-full justify-center p-4 text-center items-center sm:p-0" }, jn = { class: "relative" }, yl = /* @__PURE__ */ O({
+const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 dark:bg-neutral-900/70 transition-opacity" }, null, -1), Ln = { class: "fixed inset-0 z-10 overflow-y-auto" }, Pn = { class: "flex min-h-full justify-center p-4 text-center items-center sm:p-0" }, Vn = { class: "relative" }, yl = /* @__PURE__ */ O({
   __name: "Dialog",
   props: {
     open: { type: Boolean },
@@ -2216,11 +2227,11 @@ const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
                       ])
                     }, {
                       default: B(() => [
-                        u("div", jn, [
+                        u("div", Vn, [
                           R(i.$slots, "default", {}, () => [
                             T("Put your content here!")
                           ]),
-                          e.hideCloser ? $("", !0) : (l(), h("button", {
+                          e.hideCloser ? _("", !0) : (l(), h("button", {
                             key: 0,
                             class: "absolute top-0 right-0 text-foreground",
                             onClick: y[0] || (y[0] = (f) => o.value = !1)
@@ -2243,7 +2254,7 @@ const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
       _: 3
     }, 8, ["show"]));
   }
-}), Vn = { class: "inline-flex items-center space-x-2" }, On = { class: "label-light" }, vl = /* @__PURE__ */ O({
+}), jn = { class: "inline-flex items-center space-x-2" }, On = { class: "label-light" }, vl = /* @__PURE__ */ O({
   __name: "Disclosure",
   props: {
     title: null,
@@ -2288,14 +2299,14 @@ const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
             class: v(t(n))
           }, {
             default: B(() => [
-              u("div", Vn, [
-                e.icon ? (l(), P(W(e.icon), {
+              u("div", jn, [
+                e.icon ? (l(), P(U(e.icon), {
                   key: 0,
                   class: "h-4 w-4"
-                })) : $("", !0),
-                u("span", null, _(e.title), 1)
+                })) : _("", !0),
+                u("span", null, S(e.title), 1)
               ]),
-              I(t(je), {
+              I(t(Ve), {
                 class: v([d ? "" : "rotate-180 transform", "h-5 w-5"])
               }, null, 8, ["class"])
             ]),
@@ -2341,7 +2352,7 @@ const bl = /* @__PURE__ */ O({
       class: "flex items-center justify-center rounded bg-foundation h-8 w-8 shadow cursor-pointer text-foreground",
       onClick: r
     }, [
-      (l(), P(W(t(a)), { class: "h-6 w-6" }))
+      (l(), P(U(t(a)), { class: "h-6 w-6" }))
     ]));
   }
 });
@@ -2411,8 +2422,8 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
       get: () => n.open || !1,
       set: (m) => s("update:open", m)
     }), y = (m) => {
-      const { active: b, disabled: j } = m, x = ["group flex w-full items-center rounded-md px-2 py-2 text-sm"];
-      return b ? x.push("bg-primary text-foreground-on-primary") : j ? x.push("text-foreground-disabled") : x.push("text-foreground"), x.join(" ");
+      const { active: b, disabled: V } = m, L = ["group flex w-full items-center rounded-md px-2 py-2 text-sm"];
+      return b ? L.push("bg-primary text-foreground-on-primary") : V ? L.push("text-foreground-disabled") : L.push("text-foreground"), L.join(" ");
     }, f = (m, b) => {
       s("chosen", { item: m, event: b });
     }, w = () => {
@@ -2430,7 +2441,7 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
       as: "div",
       class: "relative inline-block"
     }, {
-      default: B(({ open: j }) => [
+      default: B(({ open: V }) => [
         u("div", null, [
           I(t(_t), {
             ref_key: "menuButton",
@@ -2440,15 +2451,15 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
             }, ["stop", "prevent"]))
           }, null, 512),
           u("div", {
-            class: v(j ? "pointer-events-none" : "")
+            class: v(V ? "pointer-events-none" : "")
           }, [
             R(m.$slots, "default", {
               toggle: w,
-              open: g(j)
+              open: g(V)
             })
           ], 2)
         ]),
-        I(ce, {
+        I(de, {
           "enter-active-class": "transition duration-100 ease-out",
           "enter-from-class": "transform scale-95 opacity-0",
           "enter-to-class": "transform scale-100 opacity-100",
@@ -2466,21 +2477,21 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
               ])
             }, {
               default: B(() => [
-                (l(!0), h(U, null, H(e.items, (x, L) => (l(), h("div", {
-                  key: L,
+                (l(!0), h(q, null, H(e.items, (L, $) => (l(), h("div", {
+                  key: $,
                   class: "px-1 py-1"
                 }, [
-                  (l(!0), h(U, null, H(x, (S) => (l(), P(t(It), {
-                    key: S.id,
-                    disabled: S.disabled
+                  (l(!0), h(q, null, H(L, (C) => (l(), P(t(It), {
+                    key: C.id,
+                    disabled: C.disabled
                   }, {
-                    default: B(({ active: C, disabled: q }) => [
+                    default: B(({ active: x, disabled: E }) => [
                       u("button", {
-                        class: v(y({ active: C, disabled: q })),
-                        onClick: (p) => f(S, p)
+                        class: v(y({ active: x, disabled: E })),
+                        onClick: (p) => f(C, p)
                       }, [
-                        R(m.$slots, "item", { item: S }, () => [
-                          T(_(S.title), 1)
+                        R(m.$slots, "item", { item: C }, () => [
+                          T(S(C.title), 1)
                         ])
                       ], 10, Rn)
                     ]),
@@ -2497,7 +2508,7 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
       _: 3
     }));
   }
-}), Tn = { class: "flex flex-col space-y-4" }, Fn = { class: "flex space-x-6" }, Cl = /* @__PURE__ */ O({
+}), Tn = { class: "flex flex-col space-y-4" }, zn = { class: "flex space-x-6" }, Cl = /* @__PURE__ */ O({
   __name: "Tabs",
   props: {
     items: null
@@ -2507,15 +2518,15 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
       n.value = r.id;
     };
     return (r, d) => (l(), h("div", Tn, [
-      u("div", Fn, [
-        (l(!0), h(U, null, H(e.items, (i) => (l(), P(ge, {
+      u("div", zn, [
+        (l(!0), h(q, null, H(e.items, (i) => (l(), P(ge, {
           key: i.id,
           link: "",
           color: t(o).id === i.id ? "default" : "secondary",
           onClick: (y) => a(i)
         }, {
           default: B(() => [
-            T(_(i.title), 1)
+            T(S(i.title), 1)
           ]),
           _: 2
         }, 1032, ["color", "onClick"]))), 128))
@@ -2523,7 +2534,7 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
       R(r.$slots, "default", { activeItem: t(o) })
     ]));
   }
-}), zn = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, En = { class: "inline-flex items-center space-x-1" }, Wn = /* @__PURE__ */ u("span", { class: "text-foreground-2" }, "That's it, you've loaded everything!", -1), Un = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, qn = { class: "inline-flex items-center space-x-1" }, Hn = /* @__PURE__ */ u("span", { class: "text-foreground-2" }, "An error occurred while loading", -1), wl = /* @__PURE__ */ O({
+}), Fn = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, En = { class: "inline-flex items-center space-x-1" }, Wn = /* @__PURE__ */ u("span", { class: "text-foreground-2" }, "That's it, you've loaded everything!", -1), Un = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, qn = { class: "inline-flex items-center space-x-1" }, Hn = /* @__PURE__ */ u("span", { class: "text-foreground-2" }, "An error occurred while loading", -1), wl = /* @__PURE__ */ O({
   __name: "InfiniteLoading",
   props: {
     settings: null,
@@ -2551,7 +2562,7 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
           })
         ]),
         complete: B(() => [
-          u("div", zn, [
+          u("div", Fn, [
             u("div", En, [
               I(t(tt), { class: "w-5 h-5 text-success" }),
               Wn
@@ -2572,11 +2583,11 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
                 T("Retry")
               ]),
               _: 2
-            }, 1032, ["onClick"])) : $("", !0)
+            }, 1032, ["onClick"])) : _("", !0)
           ])
         ]),
         _: 1
-      }, 16)) : $("", !0)
+      }, 16)) : _("", !0)
     ], 512));
   }
 }), Gn = { class: "relative group" }, Kn = {
@@ -2626,8 +2637,8 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
       return n.noShadow || d.push("shadow"), n.ring && d.push("ring-outline-2 hover:ring-2"), d.join(" ");
     });
     return (d, i) => (l(), h("div", Gn, [
-      e.fancyGlow ? (l(), h("div", Kn)) : $("", !0),
-      (l(), P(W(e.form ? "form" : "div"), {
+      e.fancyGlow ? (l(), h("div", Kn)) : _("", !0),
+      (l(), P(U(e.form ? "form" : "div"), {
         class: v([
           "relative divide-outline-3 bg-foundation text-foreground flex flex-col divide-y overflow-hidden",
           t(r)
@@ -2640,7 +2651,7 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
             class: v(t(o))
           }, [
             R(d.$slots, "header")
-          ], 2)) : $("", !0),
+          ], 2)) : _("", !0),
           u("div", {
             class: v(["grow", t(a)])
           }, [
@@ -2651,7 +2662,7 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
             class: v(t(o))
           }, [
             R(d.$slots, "footer")
-          ], 2)) : $("", !0)
+          ], 2)) : _("", !0)
         ]),
         _: 3
       }, 40, ["class"]))
@@ -2663,13 +2674,13 @@ export {
   De as CommonLoadingBar,
   il as CommonStepsBullet,
   rl as CommonStepsNumber,
-  Vt as CommonTextLink,
+  jt as CommonTextLink,
   ge as FormButton,
   ul as FormCardButton,
-  cl as FormCheckbox,
+  dl as FormCheckbox,
   xn as FormSelectBase,
   hl as FormSelectSourceApps,
-  dl as FormTextArea,
+  cl as FormTextArea,
   fl as FormTextInput,
   ol as GlobalToastRenderer,
   K as GridListToggleValue,